@charset "UTF-8";
/*!
Theme Name: Saunas
Theme URI: http://underscores.me/
Author: Pure Ind
Author URI: http://pureind.com
Description: Home Saunas Custom Theme
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: saunas
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

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

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

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/
/* Normalize
--------------------------------------------- */
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
	 ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}

/* Sections
	 ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
	 ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  height: 0;
  overflow: visible;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Text-level semantics
	 ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
	 ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
	 ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

/* Interactive
	 ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
	 ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

/* Box sizing
--------------------------------------------- */
/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}

html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/
/* Typography
--------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
  color: #353635;
  font-family: poppins, sans-serif;
  font-size: 1.8rem;
  line-height: 1.5;
}
@media screen and (max-width: 1400px) {
  body,
  button,
  input,
  select,
  optgroup,
  textarea {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 860px) {
  body,
  button,
  input,
  select,
  optgroup,
  textarea {
    font-size: 1.4rem;
  }
}

h1,
h2,
h3,
h4,
h5,
h6 {
  clear: both;
  font-family: forma-djr-display, sans-serif;
  font-weight: 700;
  margin: 0 0 15px 0;
  line-height: 1;
}

h1 {
  font-size: 12rem;
}
@media screen and (max-width: 1400px) {
  h1 {
    font-size: 9rem;
  }
}
@media screen and (max-width: 860px) {
  h1 {
    font-size: 6rem;
  }
}

h2 {
  font-size: 8rem;
}
h2 .highlight {
  color: #f5831f;
  font-weight: 400;
}
@media screen and (max-width: 1400px) {
  h2 {
    font-size: 6rem;
  }
}
@media screen and (max-width: 860px) {
  h2 {
    font-size: 4rem;
  }
}

.entry-content h2 {
  font-size: 5rem;
}

.entry-content h3 {
  font-size: 3rem;
}

p {
  margin-bottom: 1.5em;
}

dfn,
cite,
em,
i {
  font-style: italic;
}

blockquote {
  margin: 0 1.5em;
}

address {
  margin: 0 0 1.5em;
}

pre {
  background: #eee;
  font-family: "Courier 10 Pitch", courier, monospace;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em;
}

code,
kbd,
tt,
var {
  font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym {
  border-bottom: 1px dotted #666;
  cursor: help;
}

mark,
ins {
  background: #fff9c0;
  text-decoration: none;
}

big {
  font-size: 125%;
}

.has-orange-color {
  color: #f5831f;
}

.has-extra-small-font-size {
  font-size: 1.2rem;
}

.has-small-font-size {
  font-size: 1.6rem;
}

.has-medium-font-size {
  font-size: 2rem;
}

.has-large-font-size {
  font-size: 3.2rem;
}

.has-extra-large-font-size {
  font-size: 6.4rem;
}

/* Elements
--------------------------------------------- */
html {
  font-size: 62.5%;
  scroll-behavior: smooth;
}

body {
  background: #fff;
  text-rendering: optimizelegibility;
}

#breadcrumbs {
  padding-top: 20px;
  font-size: 1.5rem;
}
#breadcrumbs a {
  font-size: 1.5rem;
  text-decoration: none;
  color: #f5831f;
}

html.sr .load-hidden {
  visibility: hidden;
}

main {
  overflow: hidden;
}

/**************************
  Basic Modal Styles
**************************/
.micromodalmodal {
  font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, ubuntu, roboto, noto, segoe ui, arial, sans-serif;
}

.modal__overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.75);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 10;
}

.modal__container {
  background-color: #fff;
  padding: 30px;
  max-width: 740px;
  height: 100%;
  width: 50%;
  border-radius: 4px;
  overflow-y: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

@supports (display: flex) {
  .modal__container {
    height: initial;
    max-height: 80vh;
  }
}
.modal__header {
  position: relative;
  display: block;
  height: 30px;
  margin-bottom: 20px;
}

@supports (display: flex) {
  .modal__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: initial;
    margin-bottom: 0px;
  }
}
.modal__title {
  position: absolute;
  top: 20px;
  left: 20px;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 600;
  font-size: 2rem;
  line-height: 1.25;
  color: #00449e;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.modal__close {
  position: absolute;
  top: -16px;
  right: -12px;
  background: transparent;
  border: 0;
  cursor: pointer;
  margin: 0px;
  padding: 0px;
}

.modal__header .modal__close:before {
  content: "✕";
}

.modal__content {
  margin-top: 10px;
  margin-bottom: 10px;
  color: rgba(0, 0, 0, 0.8);
}

@supports (display: flex) {
  .modal__content {
    margin-top: 2rem;
    margin-bottom: 2rem;
    line-height: 1.5;
  }
}
.modal__btn {
  font-size: 0.875rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  background-color: #e6e6e6;
  color: rgba(0, 0, 0, 0.8);
  border-radius: 0.25rem;
  border-style: none;
  border-width: 0;
  cursor: pointer;
  -webkit-appearance: button;
  text-transform: none;
  overflow: visible;
  line-height: 1.15;
  margin: 0;
  will-change: transform;
  -moz-osx-font-smoothing: grayscale;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  transition: -webkit-transform 0.25s ease-out;
  -webkit-transition: -webkit-transform 0.25s ease-out;
  transition: transform 0.25s ease-out;
  transition: transform 0.25s ease-out, -webkit-transform 0.25s ease-out;
}

.modal__btn-primary {
  background-color: #00449e;
  color: #fff;
}

/**************************
Demo Animation Style
 **************************/
@-webkit-keyframes mmfadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes mmfadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes mmfadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes mmfadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-webkit-keyframes mmslideIn {
  from {
    -webkit-transform: translateY(15%);
            transform: translateY(15%);
  }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes mmslideIn {
  from {
    -webkit-transform: translateY(15%);
            transform: translateY(15%);
  }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@-webkit-keyframes mmslideOut {
  from {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  to {
    -webkit-transform: translateY(-10%);
            transform: translateY(-10%);
  }
}
@keyframes mmslideOut {
  from {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  to {
    -webkit-transform: translateY(-10%);
            transform: translateY(-10%);
  }
}
.micromodal-slide {
  display: none;
}

.micromodal-slide.is-open {
  display: block;
}

.micromodal-slide[aria-hidden=false] .modal__overlay {
  -webkit-animation: mmfadeIn 0.3s cubic-bezier(0, 0, 0.2, 1);
          animation: mmfadeIn 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.micromodal-slide[aria-hidden=false] .modal__container {
  -webkit-animation: mmslideIn 0.3s cubic-bezier(0, 0, 0.2, 1);
          animation: mmslideIn 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.micromodal-slide[aria-hidden=true] .modal__overlay {
  -webkit-animation: mmfadeOut 0.3s cubic-bezier(0, 0, 0.2, 1);
          animation: mmfadeOut 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.micromodal-slide[aria-hidden=true] .modal__container {
  -webkit-animation: mmslideOut 0.3s cubic-bezier(0, 0, 0.2, 1);
          animation: mmslideOut 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.micromodal-slide .modal__container,
.micromodal-slide .modal__overlay {
  will-change: transform;
}

/**************************
Custom styles for individual modals
 **************************/
.modal__container button {
  outline: none;
  cursor: pointer !important;
}

.modal__container h2.modal__title {
  color: #595959;
}

.modal__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.modal__title {
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 600;
  font-size: 1.25rem;
  line-height: 1.25;
  color: #00449e;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.modal__close {
  font-size: 24px;
}

.modal__content {
  margin-top: 2rem;
  margin-bottom: 2rem;
  line-height: 1.5;
  color: rgba(0, 0, 0, 0.8);
}

.modal__btn {
  padding: 10px 15px;
  background-color: #e6e6e6;
  border-radius: 4px;
  -webkit-appearance: none;
}

/**************************
Mobile custom styles for individual modals
 **************************/
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  .modal__container {
    width: 90% !important;
    min-width: 90% !important;
  }
  @supports (display: flex) {
    .modal__container {
      width: 90% !important;
      min-width: 90% !important;
    }
  }
}
.container {
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
}
@media screen and (max-width: 1680px) {
  .container {
    padding: 0 60px;
    width: calc(100% - 120px);
  }
}
@media screen and (max-width: 860px) {
  .container {
    padding: 0;
    width: calc(100% - 80px);
  }
}
@media screen and (max-width: 660px) {
  .container {
    padding: 0;
    width: calc(100% - 40px);
  }
}

.left-line {
  position: relative;
}
.left-line:after {
  content: "";
  position: absolute;
  left: -100px;
  top: 0;
  height: 100%;
  width: 1px;
  background: #dedede;
}
@media screen and (max-width: 1680px) {
  .left-line:after {
    left: -20px;
  }
}
@media screen and (max-width: 860px) {
  .left-line:after {
    left: -30px;
  }
}

.left-line__half {
  position: relative;
}
.left-line__half:after {
  content: "";
  position: absolute;
  left: -100px;
  top: 0;
  height: 50%;
  width: 1px;
  background: #dedede;
}
@media screen and (max-width: 1680px) {
  .left-line__half:after {
    left: -20px;
  }
}
@media screen and (max-width: 860px) {
  .left-line__half:after {
    left: -30px;
  }
}

.middle-line {
  position: relative;
}
.middle-line:before {
  z-index: -2;
  content: "";
  position: absolute;
  left: -100px;
  height: 1px;
  top: 50%;
  background: #dedede;
  width: 100vw;
}
@media screen and (max-width: 1680px) {
  .middle-line:before {
    left: -20px;
  }
}
@media screen and (max-width: 860px) {
  .middle-line:before {
    left: -30px;
  }
}

.top-line {
  position: relative;
  padding: 80px 0 60px 0;
}
@media screen and (max-width: 1680px) {
  .top-line {
    padding: 60px 0;
  }
}
.top-line:after {
  content: "";
  position: absolute;
  left: -100px;
  height: 1px;
  background: #dedede;
  width: 100vw;
}
@media screen and (max-width: 1680px) {
  .top-line:after {
    left: -80px;
  }
}
@media screen and (max-width: 860px) {
  .top-line:after {
    left: -30px;
  }
}

.bottom-line {
  position: relative;
  padding: 120px 0;
}
.bottom-line:after {
  content: "";
  position: absolute;
  left: -100px;
  height: 1px;
  background: #dedede;
  width: 100vw;
}

.overflow-hidden {
  overflow: hidden;
}

hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em;
}

ul,
ol {
  margin: 0 0 1.5em 1em;
}
@media screen and (max-width: 860px) {
  ul,
  ol {
    margin: 0 0 1.5em 0.5em;
    padding-left: 0.5em;
  }
}

ul {
  list-style: disc;
}
ul li::marker {
  color: #f5831f;
}

ol {
  list-style: decimal;
}

li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: 1.5em;
}

dt {
  font-weight: 700;
}

dd {
  margin: 0 1.5em 1.5em;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
  max-width: 100%;
}

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

figure {
  margin: 1em 0;
}

table {
  margin: 0 0 1.5em;
  width: 100%;
}

.wp-block-quote.is-large, .wp-block-quote.is-style-large,
.wp-block-quote .is-style-large,
.wp-block-quote.is-style-large:not(.is-style-plain),
.wp-block-quote {
  padding: 30px;
  border: 1px solid #dedede;
  margin: 0 40px 70px 0;
  position: relative;
  background-color: #fff;
}
.wp-block-quote.is-large p, .wp-block-quote.is-style-large p,
.wp-block-quote .is-style-large p,
.wp-block-quote.is-style-large:not(.is-style-plain) p,
.wp-block-quote p {
  margin: 0 0 8px 0;
}
.wp-block-quote.is-large cite, .wp-block-quote.is-style-large cite,
.wp-block-quote .is-style-large cite,
.wp-block-quote.is-style-large:not(.is-style-plain) cite,
.wp-block-quote cite {
  color: #f5831f;
}
.wp-block-quote.is-large:before, .wp-block-quote.is-style-large:before,
.wp-block-quote .is-style-large:before,
.wp-block-quote.is-style-large:not(.is-style-plain):before,
.wp-block-quote:before {
  z-index: -1;
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 43px;
  top: 40px;
  border: 1px solid #dedede;
  background: #fff;
}
@media screen and (max-width: 1400px) {
  .wp-block-quote.is-large:before, .wp-block-quote.is-style-large:before,
  .wp-block-quote .is-style-large:before,
  .wp-block-quote.is-style-large:not(.is-style-plain):before,
  .wp-block-quote:before {
    left: 23px;
    top: 20px;
  }
}
@media screen and (max-width: 680px) {
  .wp-block-quote.is-large:before, .wp-block-quote.is-style-large:before,
  .wp-block-quote .is-style-large:before,
  .wp-block-quote.is-style-large:not(.is-style-plain):before,
  .wp-block-quote:before {
    left: 20px;
  }
}

/* Links
--------------------------------------------- */
a {
  color: #f5831f;
}
a:visited {
  color: #f5831f;
}
a:hover, a:focus, a:active {
  color: #f5831f;
}
a:focus {
  outline: thin dotted;
}
a:hover, a:active {
  outline: 0;
} /* Forms
--------------------------------------------- */
button,
input[type=button],
input[type=reset],
input[type=submit] {
  border: 1px solid;
  border-color: #ccc #ccc #bbb;
  border-radius: 3px;
  background: #e6e6e6;
  color: rgba(0, 0, 0, 0.8);
  line-height: 1;
  padding: 0.6em 1em 0.4em;
}
button:hover,
input[type=button]:hover,
input[type=reset]:hover,
input[type=submit]:hover {
  border-color: #ccc #bbb #aaa;
}
button:active, button:focus,
input[type=button]:active,
input[type=button]:focus,
input[type=reset]:active,
input[type=reset]:focus,
input[type=submit]:active,
input[type=submit]:focus {
  border-color: #aaa #bbb #bbb;
}
@media screen and (max-width: 1400px) {
  button,
  input[type=button],
  input[type=reset],
  input[type=submit] {
    font-size: 1.4rem;
  }
}

.single_add_to_cart_button,
.wp-element-button,
.woocommerce-address-fields button,
.woocommerce-Button,
.woocommerce-button,
.wpforms-submit,
.addify_checkout_place_quote,
.afrfq_update_quote_btn,
a.button,
a.button:focus,
a.button:visited,
a.button:active {
  text-transform: uppercase;
  padding: 12px 20px 10px 20px;
  background: #f5831f;
  cursor: pointer;
  color: #ffffff;
  font-family: forma-djr-display, sans-serif;
  font-weight: 700;
  border-radius: 30px;
  text-decoration: none;
  letter-spacing: 1px;
  display: inline-block;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  border: 2px solid #f5831f;
  line-height: 1;
}
@media screen and (max-width: 1400px) {
  .single_add_to_cart_button,
  .wp-element-button,
  .woocommerce-address-fields button,
  .woocommerce-Button,
  .woocommerce-button,
  .wpforms-submit,
  .addify_checkout_place_quote,
  .afrfq_update_quote_btn,
  a.button,
  a.button:focus,
  a.button:visited,
  a.button:active {
    font-size: 1.4rem;
  }
}
.single_add_to_cart_button:hover,
.wp-element-button:hover,
.woocommerce-address-fields button:hover,
.woocommerce-Button:hover,
.woocommerce-button:hover,
.wpforms-submit:hover,
.addify_checkout_place_quote:hover,
.afrfq_update_quote_btn:hover,
a.button:hover,
a.button:focus:hover,
a.button:visited:hover,
a.button:active:hover {
  background-color: rgba(245, 131, 31, 0.75) !important;
  border-color: transparent;
}

a.button__outline,
a.button__outline:focus,
a.button__outline:visited,
a.button__outline:active {
  background: transparent;
  color: #353635;
  border: 2px solid #353635;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 1px;
  padding: 12px 20px 10px 20px;
  line-height: 1;
}
a.button__outline:hover,
a.button__outline:focus:hover,
a.button__outline:visited:hover,
a.button__outline:active:hover {
  background-color: rgba(245, 131, 31, 0.75) !important;
  color: #fff;
  border-color: transparent;
}
@media screen and (max-width: 1400px) {
  a.button__outline,
  a.button__outline:focus,
  a.button__outline:visited,
  a.button__outline:active {
    font-size: 1.4rem;
  }
}

.wp-block-button__link {
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 1px;
  padding: 12px 20px 10px 20px;
  line-height: 1;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  font-size: 1.8rem;
  font-family: forma-djr-display, sans-serif;
}
@media screen and (max-width: 1400px) {
  .wp-block-button__link {
    font-size: 1.4rem;
  }
}

.is-style-outline .wp-block-button__link:hover {
  background-color: #f5831f !important;
  background-color: rgba(245, 131, 31, 0.75) !important;
  color: #fff !important;
  border-color: transparent;
}

.wp-block-button__link.has-orange-background-color {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  border: 2px solid #f5831f;
}
.wp-block-button__link.has-orange-background-color:hover {
  background-color: rgba(245, 131, 31, 0.75) !important;
  border-color: transparent !important;
}

@media screen and (max-width: 1400px) {
  .wp-block-buttons .wp-block-button {
    margin-bottom: 10px;
  }
}

input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=search],
input[type=number],
input[type=tel],
input[type=range],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=datetime],
input[type=datetime-local],
input[type=color],
textarea {
  color: #666;
  border: 1px solid #dedede;
  border-radius: 0;
  padding: 10px;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=number]:focus,
input[type=tel]:focus,
input[type=range]:focus,
input[type=date]:focus,
input[type=month]:focus,
input[type=week]:focus,
input[type=time]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=color]:focus,
textarea:focus {
  color: #111;
}

select {
  border: 1px solid #ccc;
}

textarea {
  width: 100%;
}

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/
/* Navigation
--------------------------------------------- */
.site-header-top-nav {
  width: 100%;
  text-align: right;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.site-header-top-nav .curency-switcher {
  margin-right: 15px;
}
.site-header-top-nav .curency-switcher .select2.select2-container.select2-container--default {
  min-width: auto !important;
}
.site-header-top-nav .menu-top-menu-container {
  margin: 0 40px 0 0;
}
@media screen and (max-width: 860px) {
  .site-header-top-nav .menu-top-menu-container {
    margin: 0 20px 0 0;
  }
}
.site-header-top-nav ul {
  list-style-type: none;
  margin: 0;
  padding: 0 20px 0 0;
}
@media screen and (max-width: 1680px) {
  .site-header-top-nav ul {
    padding: 0;
  }
}
.site-header-top-nav ul li {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding-left: 20px;
  padding-right: 7px;
  position: relative;
}
.site-header-top-nav ul li a {
  color: #353635;
  text-decoration: none;
  font-size: 1.4rem;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
}
@media screen and (max-width: 1700px) {
  .site-header-top-nav ul li a {
    font-size: 1.2rem;
  }
}
.site-header-top-nav ul li:nth-child(1):before {
  content: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. --><path d="M464 64C490.5 64 512 85.49 512 112C512 127.1 504.9 141.3 492.8 150.4L275.2 313.6C263.8 322.1 248.2 322.1 236.8 313.6L19.2 150.4C7.113 141.3 0 127.1 0 112C0 85.49 21.49 64 48 64H464zM217.6 339.2C240.4 356.3 271.6 356.3 294.4 339.2L512 176V384C512 419.3 483.3 448 448 448H64C28.65 448 0 419.3 0 384V176L217.6 339.2z"/></svg>');
  position: absolute;
  width: 13px;
  height: 13px;
  left: 0;
  top: 1px;
  line-height: 1;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.site-header-top-nav ul li:nth-child(3):before {
  content: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. --><path d="M88 48C101.3 48 112 58.75 112 72V120C112 133.3 101.3 144 88 144H40C26.75 144 16 133.3 16 120V72C16 58.75 26.75 48 40 48H88zM480 64C497.7 64 512 78.33 512 96C512 113.7 497.7 128 480 128H192C174.3 128 160 113.7 160 96C160 78.33 174.3 64 192 64H480zM480 224C497.7 224 512 238.3 512 256C512 273.7 497.7 288 480 288H192C174.3 288 160 273.7 160 256C160 238.3 174.3 224 192 224H480zM480 384C497.7 384 512 398.3 512 416C512 433.7 497.7 448 480 448H192C174.3 448 160 433.7 160 416C160 398.3 174.3 384 192 384H480zM16 232C16 218.7 26.75 208 40 208H88C101.3 208 112 218.7 112 232V280C112 293.3 101.3 304 88 304H40C26.75 304 16 293.3 16 280V232zM88 368C101.3 368 112 378.7 112 392V440C112 453.3 101.3 464 88 464H40C26.75 464 16 453.3 16 440V392C16 378.7 26.75 368 40 368H88z"/></svg>');
  position: absolute;
  width: 12px;
  height: 12px;
  left: 0;
  top: 1px;
  line-height: 1;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.site-header-top-nav ul li:nth-child(2):before {
  content: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. --><path d="M224 256c70.7 0 128-57.31 128-128s-57.3-128-128-128C153.3 0 96 57.31 96 128S153.3 256 224 256zM274.7 304H173.3C77.61 304 0 381.6 0 477.3c0 19.14 15.52 34.67 34.66 34.67h378.7C432.5 512 448 496.5 448 477.3C448 381.6 370.4 304 274.7 304z"/></svg>');
  position: absolute;
  width: 12px;
  height: 12px;
  left: 0;
  top: 1px;
  line-height: 1;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.site-header-top-nav ul li:hover a {
  color: #f5831f;
}
.site-header-top-nav ul li:hover:nth-child(1):before {
  content: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. --><path fill="orange" d="M464 64C490.5 64 512 85.49 512 112C512 127.1 504.9 141.3 492.8 150.4L275.2 313.6C263.8 322.1 248.2 322.1 236.8 313.6L19.2 150.4C7.113 141.3 0 127.1 0 112C0 85.49 21.49 64 48 64H464zM217.6 339.2C240.4 356.3 271.6 356.3 294.4 339.2L512 176V384C512 419.3 483.3 448 448 448H64C28.65 448 0 419.3 0 384V176L217.6 339.2z"/></svg>');
}
.site-header-top-nav ul li:hover:nth-child(2):before {
  content: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. --><path fill="orange" d="M224 256c70.7 0 128-57.31 128-128s-57.3-128-128-128C153.3 0 96 57.31 96 128S153.3 256 224 256zM274.7 304H173.3C77.61 304 0 381.6 0 477.3c0 19.14 15.52 34.67 34.66 34.67h378.7C432.5 512 448 496.5 448 477.3C448 381.6 370.4 304 274.7 304z"/></svg>');
}
.site-header-top-nav ul li:hover:nth-child(3):before {
  content: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. --><path fill="orange" d="M88 48C101.3 48 112 58.75 112 72V120C112 133.3 101.3 144 88 144H40C26.75 144 16 133.3 16 120V72C16 58.75 26.75 48 40 48H88zM480 64C497.7 64 512 78.33 512 96C512 113.7 497.7 128 480 128H192C174.3 128 160 113.7 160 96C160 78.33 174.3 64 192 64H480zM480 224C497.7 224 512 238.3 512 256C512 273.7 497.7 288 480 288H192C174.3 288 160 273.7 160 256C160 238.3 174.3 224 192 224H480zM480 384C497.7 384 512 398.3 512 416C512 433.7 497.7 448 480 448H192C174.3 448 160 433.7 160 416C160 398.3 174.3 384 192 384H480zM16 232C16 218.7 26.75 208 40 208H88C101.3 208 112 218.7 112 232V280C112 293.3 101.3 304 88 304H40C26.75 304 16 293.3 16 280V232zM88 368C101.3 368 112 378.7 112 392V440C112 453.3 101.3 464 88 464H40C26.75 464 16 453.3 16 440V392C16 378.7 26.75 368 40 368H88z"/></svg>');
}

.site-header {
  position: absolute;
  z-index: 5;
  top: 40px;
  left: 0;
  width: 100%;
}
.site-header-inner {
  margin: 0 40px;
  padding: 15px 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 1680px) {
  .site-header-inner {
    padding: 15px 0;
    margin: 0 40px;
  }
}
@media screen and (max-width: 860px) {
  .site-header-inner {
    margin: 0 30px;
  }
}
.site-header .site-branding {
  clear: both;
  display: block;
  float: left;
}
.site-header .main-menu-container {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.site-header-main-nav {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 1280px) {
  .site-header-main-nav {
    -webkit-box-align: initial;
        -ms-flex-align: initial;
            align-items: initial;
  }
}
.site-header-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin-left: auto;
}
@media screen and (max-width: 1350px) {
  .site-header-buttons .wp-block-button:nth-child(2) {
    display: none;
  }
}
@media screen and (max-width: 1180px) {
  .site-header-buttons {
    display: none;
  }
}
.site-header-buttons .is-style-outline {
  color: #fff;
  border-color: #fff;
  font-weight: 600;
  font-size: 1.4rem;
}
@media screen and (max-width: 1700px) {
  .site-header-buttons .is-style-outline {
    font-size: 1.2rem;
  }
}
@media screen and (max-width: 1280px) {
  .site-header-buttons .is-style-outline {
    font-size: 1.1rem;
  }
}
.site-header-buttons .is-style-outline:hover .wp-block-button__link {
  border-color: #f5831f;
  background-color: #f5831f !important;
}

.cls-8 {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.site-header.headroom--not-top {
  top: 0;
  border-bottom: 1px solid #eee;
  background: #fff;
  position: fixed;
}
.site-header.headroom--not-top .site-header-inner {
  background: #fff;
}
.site-header.headroom--not-top .cls-8 {
  fill: #222 !important;
}
.site-header.headroom--not-top .main-navigation ul li a {
  color: #353635;
}
@media screen and (max-width: 1280px) {
  .site-header.headroom--not-top .main-navigation ul li a {
    color: #fff;
  }
}
.site-header.headroom--not-top .main-navigation ul li a:hover {
  color: #f5831f;
}
.site-header.headroom--not-top .is-style-outline {
  color: #353635;
  border-color: #353635;
}
.site-header.headroom--not-top .is-style-outline:first-of-type a {
  background-color: #f5831f;
  border-color: #f5831f;
  color: #fff;
}

.site-branding-logo {
  width: 240px;
}
@media screen and (max-width: 640px) {
  .site-branding-logo {
    width: 140px;
  }
}

.menu-main-menu-container {
  width: 100%;
  padding-left: 4%;
}

.main-navigation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  float: left;
  margin-left: 60px;
  height: 60px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
@media screen and (max-width: 1500px) {
  .main-navigation {
    margin-left: 30px;
  }
}
@media screen and (max-width: 1280px) {
  .main-navigation {
    display: none;
  }
}
.main-navigation ul {
  list-style: none;
  margin: 0;
  padding-left: 0;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
  width: 100%;
}
.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
  left: auto;
}
.main-navigation ul ul {
  display: none;
  position: absolute;
  background: #fff;
  color: #111;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  padding: 10px;
}
.main-navigation ul ul li {
  padding: 6px 12px;
}
.main-navigation ul ul li a {
  color: #111;
}
@media screen and (max-width: 1280px) {
  .main-navigation ul ul {
    display: block;
    position: relative;
    background: none;
    padding: 0;
  }
  .main-navigation ul ul li {
    padding: 0;
  }
  .main-navigation ul ul a {
    color: #bdbdbd !important;
    font-size: 16px !important;
  }
}
.main-navigation ul .menu-item-has-children:after {
  content: "▼";
  right: -25px;
  top: 0;
  position: absolute;
  color: #f5831f;
}
.main-navigation ul .menu-item-has-children:hover ul {
  display: block;
}
.main-navigation li {
  position: relative;
}
.main-navigation a {
  display: block;
  text-decoration: none;
  font-size: 1.8rem;
  color: #fff;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
@media screen and (max-width: 1700px) {
  .main-navigation a {
    font-size: 1.4rem;
  }
}
.main-navigation a:hover {
  color: #f5831f;
}

.header-store-icons {
  margin-left: 4%;
}
.header-store-icons a {
  text-decoration: none;
  color: #fff;
}
.header-store-icons svg {
  width: 18px;
  stroke: #f5831f;
  margin-top: 2px;
}
@media screen and (max-width: 1280px) {
  .header-store-icons {
    position: absolute;
    right: 95px;
    top: 30px;
  }
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
  display: block;
}

@media screen and (min-width: 1280px) {
  .menu-toggle {
    display: none;
  }
  .main-navigation ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
  margin: 0;
}
.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 40px;
}
.comment-navigation .nav-links a,
.posts-navigation .nav-links a,
.post-navigation .nav-links a {
  color: #f5831f;
  text-decoration: none;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 50%;
          flex: 1 0 50%;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
  text-align: end;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 50%;
          flex: 1 0 50%;
}

.mobile-buttons {
  display: none;
}

.main-navigation.active {
  display: block;
  position: fixed;
  height: 100%;
  width: 100vw;
  top: 0;
  left: 0;
  margin: 0;
  background-color: #353635;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.main-navigation.active ul {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
}
.main-navigation.active ul li {
  display: block;
}
.main-navigation.active ul li a {
  font-size: 3rem;
}
.main-navigation.active .mobile-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 20px;
}
.main-navigation.active .mobile-buttons a {
  margin: 0 4px;
}

.hamburger {
  position: absolute;
  right: 30px;
  padding: 15px 15px;
  display: none;
  cursor: pointer;
  -webkit-transition-property: opacity, -webkit-filter;
  transition-property: opacity, -webkit-filter;
  transition-property: opacity, filter;
  transition-property: opacity, filter, -webkit-filter;
  -webkit-transition-duration: 0.15s;
          transition-duration: 0.15s;
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible;
}
@media screen and (max-width: 1280px) {
  .hamburger {
    display: inline-block;
  }
}
@media screen and (max-width: 860px) {
  .hamburger {
    padding: 15px 0;
  }
}

.hamburger:hover {
  opacity: 0.7;
}

.hamburger.is-active:hover {
  opacity: 0.7;
}

.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after {
  background-color: #f5831f;
}

.hamburger-box {
  width: 40px;
  height: 24px;
  display: inline-block;
  position: relative;
}

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px;
}

.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
  width: 40px;
  height: 3px;
  background-color: #f5831f;
  border-radius: 4px;
  position: absolute;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: 0.15s;
          transition-duration: 0.15s;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
}

.hamburger-inner::before, .hamburger-inner::after {
  content: "";
  display: block;
}

.hamburger-inner::before {
  top: -10px;
}

.hamburger-inner::after {
  bottom: -10px;
}

/*
* Slider
*/
.hamburger--slider .hamburger-inner {
  top: 2px;
}

.hamburger--slider .hamburger-inner::before {
  top: 10px;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-duration: 0.15s;
          transition-duration: 0.15s;
}

.hamburger--slider .hamburger-inner::after {
  top: 20px;
}

.hamburger--slider.is-active .hamburger-inner {
  -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
          transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--slider.is-active .hamburger-inner::before {
  -webkit-transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
          transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
  opacity: 0;
}

.hamburger--slider.is-active .hamburger-inner::after {
  -webkit-transform: translate3d(0, -20px, 0) rotate(-90deg);
          transform: translate3d(0, -20px, 0) rotate(-90deg);
}

/*
* Slider Reverse
*/
.hamburger--slider-r .hamburger-inner {
  top: 2px;
}

.hamburger--slider-r .hamburger-inner::before {
  top: 10px;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-duration: 0.15s;
          transition-duration: 0.15s;
}

.hamburger--slider-r .hamburger-inner::after {
  top: 20px;
}

.hamburger--slider-r.is-active .hamburger-inner {
  -webkit-transform: translate3d(0, 10px, 0) rotate(-45deg);
          transform: translate3d(0, 10px, 0) rotate(-45deg);
}

.hamburger--slider-r.is-active .hamburger-inner::before {
  -webkit-transform: rotate(45deg) translate3d(5.71429px, -6px, 0);
          transform: rotate(45deg) translate3d(5.71429px, -6px, 0);
  opacity: 0;
}

.hamburger--slider-r.is-active .hamburger-inner::after {
  -webkit-transform: translate3d(0, -20px, 0) rotate(90deg);
          transform: translate3d(0, -20px, 0) rotate(90deg);
}

.side-buttons {
  display: fixed;
  right: 20px;
  bottom: 20px;
}

/* Share */
.shareit {
  position: fixed;
  top: 30%;
  right: 0;
  z-index: 4;
}
@media screen and (max-width: 860px) {
  .shareit {
    display: none;
  }
}

.shareit a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 40px;
  height: 40px;
  font-size: 24px;
  color: #fff;
  opacity: 1;
  -webkit-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
  text-decoration: none;
  padding: 12px;
}
.shareit a svg {
  color: #fff;
}

.shareit a:hover {
  opacity: 1;
}

.facebook {
  background: #3b5998;
}

.twitter {
  background: #55acee;
}

.linkedin {
  background: #0077b5;
}

.reddit {
  background: #FF4500;
}

.mail {
  background: #000000;
}

.pinterest {
  background: #cb2027;
}

.site-footer {
  width: 100%;
  text-align: center;
}
.site-footer-inner {
  margin: 0 40px 40px 40px;
  padding: 80px 0;
  background: #353635;
}
@media screen and (max-width: 1680px) {
  .site-footer-inner {
    margin: 0 20px;
  }
}
@media screen and (max-width: 860px) {
  .site-footer-inner {
    margin: 0 10px;
  }
}
.site-footer-buttons .is-style-outline {
  color: #fff;
  border-color: #fff;
}
.site-footer-buttons .wp-container-2 {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 60px;
}
.site-footer-address {
  margin-top: 120px;
  color: #fff;
  font-size: 2rem;
}
.site-footer-address a {
  color: #fff;
  text-decoration: none;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.site-footer-address a:hover {
  color: #f5831f;
}
.site-footer-menu ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
.site-footer-menu ul li {
  display: inline-block;
  padding: 0 20px;
}
@media screen and (max-width: 1025px) {
  .site-footer-menu ul li {
    display: block;
  }
}
.site-footer-menu ul li a {
  color: #fff;
  text-decoration: none;
  font-size: 2rem;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.site-footer-menu ul li a:hover {
  color: #f5831f;
}
.site-footer-terms ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.site-footer-terms ul li {
  display: inline-block;
  padding: 10px;
}
.site-footer-terms ul a {
  text-decoration: none;
  color: #f5831f;
}
.site-footer-branding {
  margin-top: 120px;
}
.site-footer-branding-icon {
  opacity: 0.3;
}
.site-footer-branding .powered-by {
  margin-top: 20px;
  color: #717171;
}
.site-footer-branding .powered-by a {
  color: #717171;
  text-decoration: none;
}

/* Posts and pages
--------------------------------------------- */
.sticky {
  display: block;
}

.updated:not(.published) {
  display: none;
}

.entry-content {
  padding-bottom: 100px;
}

.page-links {
  clear: both;
  margin: 0 0 1.5em;
}

/**************************
  Basic Modal Styles
**************************/
.micromodalmodal {
  font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, ubuntu, roboto, noto, segoe ui, arial, sans-serif;
}

.modal__overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.75);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  z-index: 10;
}

.modal__container {
  background-color: #fff;
  padding: 30px;
  max-width: 740px;
  height: 100%;
  width: 50%;
  border-radius: 4px;
  overflow-y: auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@supports (display: flex) {
  .modal__container {
    height: initial;
    max-height: 80vh;
  }
}
.modal__header {
  position: relative;
  display: block;
  height: 30px;
  margin-bottom: 20px;
}

@supports (display: flex) {
  .modal__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: initial;
    margin-bottom: 0px;
  }
}
.modal__title {
  position: absolute;
  top: 20px;
  left: 20px;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 600;
  font-size: 2rem;
  line-height: 1.25;
  color: #00449e;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.modal__close {
  position: absolute;
  top: -16px;
  right: -12px;
  background: transparent;
  border: 0;
  cursor: pointer;
  margin: 0px;
  padding: 0px;
}

.modal__header .modal__close:before {
  content: "✕";
}

.modal__content {
  margin-top: 10px;
  margin-bottom: 10px;
  color: rgba(0, 0, 0, 0.8);
}

@supports (display: flex) {
  .modal__content {
    margin-top: 2rem;
    margin-bottom: 2rem;
    line-height: 1.5;
  }
}
.modal__btn {
  font-size: 0.875rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  background-color: #e6e6e6;
  color: rgba(0, 0, 0, 0.8);
  border-radius: 0.25rem;
  border-style: none;
  border-width: 0;
  cursor: pointer;
  -webkit-appearance: button;
  text-transform: none;
  overflow: visible;
  line-height: 1.15;
  margin: 0;
  will-change: transform;
  -moz-osx-font-smoothing: grayscale;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  transition: -webkit-transform 0.25s ease-out;
  -webkit-transition: -webkit-transform 0.25s ease-out;
  transition: transform 0.25s ease-out;
  transition: transform 0.25s ease-out, -webkit-transform 0.25s ease-out;
}

.modal__btn-primary {
  background-color: #00449e;
  color: #fff;
}

.wp-block-post {
  padding: 40px;
  background: #fdfcfc;
  border: 1px solid #dedede;
  margin-right: 40px;
  position: relative;
  margin-bottom: 80px;
}
.wp-block-post h2 {
  font-size: 2.8rem;
}
.wp-block-post a {
  color: #f5831f;
  text-decoration: none;
}
@media screen and (max-width: 1400px) {
  .wp-block-post {
    margin-right: 20px;
  }
}
@media screen and (max-width: 980px) {
  .wp-block-post {
    padding: 20px;
  }
}
@media screen and (max-width: 680px) {
  .wp-block-post {
    margin-right: 20px;
    margin-top: 10px;
    margin-bottom: 30px;
  }
}
.wp-block-post:before {
  z-index: -1;
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 43px;
  top: 40px;
  border: 1px solid #dedede;
  background: #fff;
}
@media screen and (max-width: 1400px) {
  .wp-block-post:before {
    left: 23px;
    top: 20px;
  }
}
@media screen and (max-width: 680px) {
  .wp-block-post:before {
    left: 20px;
  }
}

.top-bar {
  background-color: #f5831f;
  text-align: center;
  color: #fff;
  position: fixed;
  bottom: 0;
  width: 100%;
  padding: 15px 20px;
  z-index: 10;
}

.top-bar-inner {
  line-height: 1;
}

.top-bar .top-bar-close {
  cursor: pointer;
}

.top-bar-inner p {
  margin: 6px 0;
}

.top-bar-inner a {
  color: #fff;
}

.guide-list {
  display: -ms-grid;
  display: grid;
  padding: 120px 0;
  -ms-grid-columns: (1fr)[3];
  grid-template-columns: repeat(3, 1fr);
}
@media screen and (max-width: 680px) {
  .guide-list {
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
  }
}
@media screen and (max-width: 860px) {
  .guide-list {
    padding: 20px 0;
  }
}
.guide-list-item {
  padding: 40px;
  background: #fdfcfc;
  border: 1px solid #dedede;
  margin-right: 40px;
  position: relative;
  margin-bottom: 80px;
}
.guide-list-item h2 {
  font-size: 2.8rem;
}
.guide-list-item a {
  color: #f5831f;
  text-decoration: none;
}
@media screen and (max-width: 1400px) {
  .guide-list-item {
    margin-right: 20px;
  }
}
@media screen and (max-width: 980px) {
  .guide-list-item {
    padding: 20px;
  }
}
@media screen and (max-width: 680px) {
  .guide-list-item {
    margin-right: 20px;
    margin-top: 10px;
    margin-bottom: 30px;
  }
}
.guide-list-item:before {
  z-index: -1;
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 43px;
  top: 40px;
  border: 1px solid #dedede;
  background: #fff;
}
@media screen and (max-width: 1400px) {
  .guide-list-item:before {
    left: 23px;
    top: 20px;
  }
}
@media screen and (max-width: 680px) {
  .guide-list-item:before {
    left: 20px;
  }
}

.diy-form {
  padding: 80px 0;
}
@media screen and (max-width: 860px) {
  .diy-form {
    padding: 20px 0;
  }
}
.diy-form-title {
  text-align: center;
}
.diy-form-notice {
  position: relative;
  padding: 50px 80px;
  border-top: 1px solid #dedede;
  border-left: 1px solid #dedede;
  border-right: 1px solid #dedede;
}
.diy-form-section-review {
  position: relative;
  padding: 50px 80px;
  background: #353635;
  color: #fff;
}
@media screen and (max-width: 860px) {
  .diy-form-section-review {
    padding: 20px;
  }
}
.diy-form-section {
  position: relative;
  padding: 40px 80px;
  border-top: 1px solid #dedede;
  border-left: 1px solid #dedede;
  border-right: 1px solid #dedede;
}
.diy-form-section:last-of-type {
  border-bottom: 1px solid #dedede;
}
@media screen and (max-width: 860px) {
  .diy-form-section {
    padding: 20px;
  }
}
.diy-form-section-help {
  position: absolute;
  top: 20px;
  right: 20px;
}
.diy-form-section-help .diy-help-icon {
  width: 30px;
  cursor: pointer;
  display: block;
}
.diy-form-section-title {
  text-align: center;
  padding-bottom: 15px;
}
@media screen and (max-width: 860px) {
  .diy-form-section-title {
    padding: 15px 30px;
  }
}
.diy-form-section .diy-size {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.diy-form-section .diy-size-content {
  width: 40%;
  margin-top: 20px;
}
.diy-form-section .diy-size-image {
  width: 60%;
}
.diy-form-section .diy-size-image-inner {
  margin: 20px;
  padding: 20px;
  border: 1px solid #dedede;
}
.diy-form-section .diy-size-image-inner img {
  margin: 0;
  padding: 0;
  line-height: 0;
}
@media screen and (max-width: 1150px) {
  .diy-form-section .diy-size {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .diy-form-section .diy-size-content {
    width: 100%;
  }
  .diy-form-section .diy-size-image {
    width: 100%;
  }
}
.diy-form-section .diy-size-input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 60px;
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 14px;
}
.diy-form-section .diy-size-input input {
  width: 80px;
  height: 100%;
}
.diy-form-section .diy-size-input select {
  height: 100%;
  padding: 0 10px;
  background: #fafafa;
}
.diy-form-section .diy-size-input .diy-size-label {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 40%;
          flex: 1 0 40%;
  height: 100%;
  border-top: 1px solid #dedede;
  border-left: 1px solid #dedede;
  border-bottom: 1px solid #dedede;
  padding: 0 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.diy-form-section .diy-size-input .diy-units {
  padding-left: 10px;
}
.diy-form-section .diy-size-radio {
  font-size: 1.3rem;
  padding-bottom: 10px;
}
.diy-form-section .diy-size-radio span {
  text-decoration: underline;
  font-weight: bold;
}
.diy-form-section .diy-form-select-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media screen and (max-width: 1400px) {
  .diy-form-section .diy-form-select-items__multiselect {
    padding: 0;
  }
}
.diy-form-section .diy-form-select-item {
  width: 300px;
  height: 100%;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 1;
}
.diy-form-section .diy-form-select-item input[type=radio]:checked + label > img {
  border: 3px solid #f5831f;
}
.diy-form-section .diy-form-select-item input {
  margin-top: 10px;
}
.diy-form-section .diy-form-select-item label {
  display: block;
  width: 100%;
  position: relative;
}
.diy-form-section .diy-form-select-item label .free {
  position: absolute;
  top: 9px;
  display: block;
  font-size: 1.2rem;
  right: 10px;
  background: #f5831f;
  color: #fff;
  padding: 2px 4px;
  text-transform: uppercase;
}
.diy-form-section .diy-form-select-item label img {
  margin-bottom: 6px;
  border: 3px solid #fff;
  width: 100%;
  height: auto;
}
.diy-form input[type=checkbox],
.diy-form input[type=radio] {
  accent-color: #e4730f;
}

.js-step {
  display: none;
}

.js-step-active {
  display: block;
}

.js-step-finished {
  display: block;
}

.js-step-finished {
  position: relative;
}
.js-step-finished input {
  pointer-events: none;
}
.js-step-finished:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  background: rgba(244, 244, 244, 0.68);
}

.diy-form-buttons {
  padding: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-right: 1px solid #dedede;
  border-left: 1px solid #dedede;
}
.diy-form-buttons button {
  cursor: pointer;
  text-transform: uppercase;
  padding: 12px 20px;
  background: #f5831f;
  color: #ffffff;
  font-family: forma-djr-display, sans-serif;
  font-weight: 700;
  border-radius: 30px;
  text-decoration: none;
  letter-spacing: 1px;
  display: inline-block;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  border: none;
}
@media screen and (max-width: 1400px) {
  .diy-form-buttons button {
    font-size: 1.2rem;
  }
}
.diy-form-buttons button:hover {
  background-color: rgba(245, 131, 31, 0.75) !important;
}
.diy-form-buttons #prevButton {
  visibility: hidden;
}

.diy-review-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 860px) {
  .diy-review-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.diy-review-item .diy-review-item-title {
  font-weight: 700;
  color: #f5831f;
  margin-right: 5px;
  width: 15%;
}
@media screen and (max-width: 860px) {
  .diy-review-item .diy-review-item-title {
    width: 100%;
  }
}

.fv-plugins-message-container {
  font-size: 1.3rem;
  color: #fc4b4b;
  text-align: center;
}
.fv-plugins-message-container a {
  color: #fc4b4b;
  font-weight: bold;
}

.text-intro {
  padding: 80px 0;
}
.text-intro-content {
  padding: 40px;
  background: #fdfcfc;
  border: 1px solid #dedede;
  position: relative;
}
.text-intro-content h2 {
  font-size: 3rem;
}
.text-intro-content a {
  text-decoration: none;
  color: #f5831f;
}
.text-intro-content:after {
  z-index: -1;
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 40px;
  top: 40px;
  border: 1px solid #dedede;
  background: #fff;
}
@media screen and (max-width: 1400px) {
  .text-intro-content:after {
    left: 23px;
    top: 20px;
  }
}
@media screen and (max-width: 680px) {
  .text-intro-content:after {
    left: 20px;
  }
}

#quantity_62700e737ce0e {
  display: none;
}

.show-bench-3,
.show-bench-4 {
  display: none;
}

#heater-selection-header {
  font-size: 4rem;
  text-align: left;
  color: #f5831f;
}

.heater-item {
  position: relative;
}
.heater-item .description {
  display: none;
  position: absolute;
  z-index: 4;
  background: #fff;
  top: 50%;
  border: 1px solid #eee;
  padding: 20px;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
  text-align: left;
}
.heater-item ul {
  margin: 0;
  padding: 0 0 0 12px;
}

.heater-learn-more {
  position: absolute;
  top: 32px;
  right: 30px;
  z-index: 4;
  width: 26px;
  color: #111;
}

.heater-learn-more:hover + .description {
  display: block;
}

.modal-step {
  display: none;
}

.diy-form-section .diy-form-select-item label img {
  border: 3px solid #dedede;
}

.label-large {
  font-size: 18px;
  font-weight: 700;
}

.diy-tg-dimensions,
.diy-change-room-dimensions {
  display: none;
}

.diy-price-est {
  padding: 20px;
  text-align: center;
  background: #f5831f;
  color: #fff;
}

.control-text {
  position: relative;
  padding-top: 15px;
  font-size: 15px;
  line-height: 1;
  color: #777;
}

.control-text ul {
  margin: 0;
  padding-left: 15px;
}

.price-disclaimer {
  font-size: 14px;
  margin-top: 20px;
  color: #353635;
}

.diy-review-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media screen and (max-width: 860px) {
  .diy-review-items {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.diy-review-items .review-item {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 50%;
          flex: 1 0 50%;
}
@media screen and (max-width: 860px) {
  .diy-review-items .review-item {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 100%;
            flex: 1 0 100%;
  }
}

.diy-with-thumb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.diy-with-thumb-content {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 85%;
          flex: 1 0 85%;
  padding: 20px;
}
.diy-with-thumb-content .diy-form-select-items {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.diy-with-thumb-content .diy-form-select-item {
  width: auto;
}
.diy-with-thumb-image {
  width: 15%;
}

.multi-radio-toggle {
  position: relative;
  background: #eee;
  margin: 20px auto 10px;
  padding: 0 !important;
  border-radius: 50px;
  height: 30px;
  -webkit-box-shadow: inset 1px 1px 4px rgba(0, 0, 0, 0);
          box-shadow: inset 1px 1px 4px rgba(0, 0, 0, 0);
}

.multi-radio-toggle--two {
  width: 60px;
}

.multi-radio-toggle--three {
  width: 90px;
}

.multi-radio-toggle--four {
  width: 120px;
}

.multi-radio-toggle__label p {
  display: block;
  margin: 0;
  line-height: 30px;
  font-size: 16px;
}

.multi-radio-toggle__label {
  position: absolute;
  z-index: 99;
}

/* first pos */
.multi-radio-toggle__label:nth-of-type(1) {
  left: -55px;
  width: 80px;
  text-align: left;
}

/* center */
.multi-radio-toggle--three .multi-radio-toggle__label:nth-of-type(2) {
  text-align: center;
  width: 40px;
  left: 50%;
  margin-left: -20px;
}

/* left center */
.multi-radio-toggle--four .multi-radio-toggle__label:nth-of-type(2) {
  left: 20px;
  width: 40px;
}

/* right center */
.multi-radio-toggle--four .multi-radio-toggle__label:nth-of-type(3) {
  right: 20px;
  width: 40px;
}

/* last pos */
.multi-radio-toggle--two .multi-radio-toggle__label:nth-of-type(2),
.multi-radio-toggle--three .multi-radio-toggle__label:nth-of-type(3),
.multi-radio-toggle--four .multi-radio-toggle__label:nth-of-type(4) {
  right: -55px;
  text-align: right;
  width: 80px;
}

.multi-radio-toggle__label--align-bottom p {
  display: block;
  margin-top: 30px;
}

.multi-radio-toggle > * {
  float: left;
}

.multi-radio-toggle input[type=radio] {
  display: none;
}

.multi-radio-toggle__label {
  width: 30px;
  height: 30px;
  margin: 0;
  border-radius: 50px;
  cursor: pointer;
  z-index: 1;
  text-align: center;
  width: 70px;
}

.multi-radio-toggle__slide-bg {
  width: 36px;
  height: 36px;
  position: absolute;
  top: -3px;
  border-radius: 50px;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.multi-radio-toggle input:checked ~ .multi-radio-toggle__slide-bg {
  background: #f5831f;
}

.multi-radio-toggle input:nth-child(1):checked ~ .multi-radio-toggle__slide-bg {
  left: -3px;
}

.multi-radio-toggle input:nth-child(2):checked ~ .multi-radio-toggle__slide-bg {
  left: 27px;
}

.multi-radio-toggle--four input:nth-child(2):checked ~ .multi-radio-toggle__slide-bg {
  left: 22px;
}

.multi-radio-toggle input:nth-child(3):checked ~ .multi-radio-toggle__slide-bg {
  left: 63px;
}

.multi-radio-toggle input:nth-child(4):checked ~ .multi-radio-toggle__slide-bg {
  left: 93px;
}

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

.bypostauthor {
  display: block;
}

/* Widgets
--------------------------------------------- */
.widget select {
  max-width: 100%;
}

/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
  display: inline-block;
}

/* Captions
--------------------------------------------- */
.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%;
}
.wp-caption img[class*=wp-image-] {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.wp-caption .wp-caption-text {
  margin: 0.8075em 0;
}

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

/* Galleries
--------------------------------------------- */
.gallery {
  margin-bottom: 1.5em;
  display: -ms-grid;
  display: grid;
  grid-gap: 1.5em;
}

.gallery-item {
  display: inline-block;
  text-align: center;
  width: 100%;
}

.gallery-columns-2 {
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
  -ms-grid-columns: (1fr)[3];
  grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
  -ms-grid-columns: (1fr)[4];
  grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
  -ms-grid-columns: (1fr)[5];
  grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
  -ms-grid-columns: (1fr)[6];
  grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
  -ms-grid-columns: (1fr)[7];
  grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
  -ms-grid-columns: (1fr)[8];
  grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
  -ms-grid-columns: (1fr)[9];
  grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
  display: block;
}

.wp-block-gallery {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

/* Blocks
--------------------------------------------- */
.hero {
  margin: 0 40px;
  height: 1080px;
  min-height: 1080px;
  background: #000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}

.hero-mobile {
  display: none;
}
@media screen and (max-width: 1680px) {
  .hero {
    margin: 0 20px;
  }
}
@media screen and (max-width: 1400px) {
  .hero {
    height: 800px;
    min-height: 800px;
  }
}

@media screen and (max-width: 860px) {
  .hero {
    margin: 0 10px;
    height: 600px;
    min-height: 600px;
  }
  .hero-desktop {
    display: none;
  }
  .hero-mobile {
    display: block;
  }
  .hero-content h1 {
    font-size: 40px;
  }
  .hero-content h3 {
    font-size: 20px;
    font-weight: 600;
    text-shadow: 0 0 12px rgba(0,0,0,0.75);
  }
}
.hero-content {
  position: relative;
  z-index: 1;
}
.hero-content h1 {
  color: #fff;
  font-weight: 400;
  text-shadow: 1px 1px 12px rgba(0, 0, 0, 0.35);
}
.hero-content h1 span {
  font-weight: 700;
}
.hero-content h3 {
  font-size: 28px;
  font-weight: 600;
}
.hero-image {
  position: absolute;
  width: 100%;
  height: 100%;
}
.hero-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.hero .wp-block-button__link:hover {
  background: rgba(245, 131, 31, 0.75) !important;
}

.text-hero {
  padding: 160px 0;
  background: #353635;
  color: #fff;
  margin: 0 40px;
  position: relative;
}
.text-hero-image {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
}
.text-hero-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.text-hero-image:after {
  position: absolute;
  width: 100%;
  height: 100%;
  content: "";
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.29);
}
.text-hero h1 {
  font-size: 8rem;
  margin-top: 60px;
  margin-bottom: 0;
}
@media screen and (max-width: 860px) {
  .text-hero h1 {
    font-size: 6rem;
  }
}
.text-hero-inner {
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 1680px) {
  .text-hero {
    margin: 0 20px;
  }
}
@media screen and (max-width: 860px) {
  .text-hero {
    margin: 0 10px;
  }
}

.stepped-feature .features {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 120px 0;
}
@media screen and (max-width: 680px) {
  .stepped-feature .features {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media screen and (max-width: 860px) {
  .stepped-feature .features {
    padding: 0 0 20px 0;
    margin-bottom: 40px;
  }
}
.stepped-feature .features .feature-item {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 33.33339%;
          flex: 1 0 33.33339%;
  text-decoration: none;
  position: relative;
}
@media screen and (max-width: 680px) {
  .stepped-feature .features .feature-item {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 100%;
            flex: 1 0 100%;
  }
}
.stepped-feature .features .feature-item:nth-child(2) {
  margin-top: 80px;
}
.stepped-feature .features .feature-item:nth-child(3) {
  margin-top: 160px;
}
@media screen and (max-width: 680px) {
  .stepped-feature .features .feature-item {
    margin-top: 40px !important;
  }
}
.stepped-feature .features .feature-item-inner {
  margin-right: 40px;
  background: gray;
  height: 720px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  padding: 50px;
}
@media screen and (max-width: 1400px) {
  .stepped-feature .features .feature-item-inner {
    margin-right: 20px;
    height: 500px;
  }
}
@media screen and (max-width: 980px) {
  .stepped-feature .features .feature-item-inner {
    padding: 20px;
  }
}
.stepped-feature .features .feature-item-inner:before {
  z-index: -1;
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 40px;
  top: 40px;
  border: 1px solid #dedede;
  background: #fff;
}
@media screen and (max-width: 1400px) {
  .stepped-feature .features .feature-item-inner:before {
    left: 20px;
    top: 20px;
  }
}
.stepped-feature .features .feature-item-content {
  position: relative;
  z-index: 1;
}
.stepped-feature .features .feature-item-content h3 {
  font-family: forma-djr-display, sans-serif;
  color: #ffffff;
  font-size: 5rem;
  margin-bottom: 0;
  position: relative;
}
.stepped-feature .features .feature-item-content h3 .highlight {
  font-weight: 300;
  display: block;
}
@media screen and (max-width: 1400px) {
  .stepped-feature .features .feature-item-content h3 {
    font-size: 3.6rem;
  }
}
@media screen and (max-width: 980px) {
  .stepped-feature .features .feature-item-content h3 {
    font-size: 2.6rem;
  }
}
.stepped-feature .features .feature-item-content .has-inline-color {
  font-weight: 400;
  display: block;
}
.stepped-feature .features .feature-item-image {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow: hidden;
}
.stepped-feature .features .feature-item-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.stepped-feature .features .feature-item:hover .feature-item-image img {
  width: 106%;
  height: 106%;
}
.stepped-feature .features .feature-item-link {
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  text-indent: -9999px;
  top: 0;
  width: 100%;
  z-index: 2;
}

.image-feature {
  padding: 280px 0;
  margin: 0 40px;
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 1680px) {
  .image-feature {
    margin: 0 20px;
  }
}
@media screen and (max-width: 860px) {
  .image-feature {
    margin: 0 10px;
    padding: 120px 0;
  }
}
.image-feature-content {
  position: relative;
  z-index: 1;
  max-width: 60%;
  color: #fff;
  text-shadow: 1px 1px 12px rgba(0, 0, 0, 0.5);
}
@media screen and (max-width: 1400px) {
  .image-feature-content {
    max-width: 80%;
  }
}
@media screen and (max-width: 860px) {
  .image-feature-content {
    max-width: 100%;
  }
}
.image-feature-content h2 {
  font-size: 10rem;
}
@media screen and (max-width: 1400px) {
  .image-feature-content h2 {
    font-size: 8rem;
  }
}
@media screen and (max-width: 860px) {
  .image-feature-content h2 {
    font-size: 5rem;
  }
}
.image-feature-content h2 .has-orange-color {
  font-weight: 400;
  display: block;
}
.image-feature-content h3 {
  font-size: 6rem;
}
@media screen and (max-width: 1400px) {
  .image-feature-content h3 {
    font-size: 5rem;
  }
}
@media screen and (max-width: 860px) {
  .image-feature-content h3 {
    font-size: 4rem;
  }
}
.image-feature-content p.has-medium-font-size {
  font-size: 2.3rem !important;
}
.image-feature-image {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.image-feature-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.intro-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 860px) {
  .intro-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.intro-wrapper .intro-image {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 33.3339%;
          flex: 1 0 33.3339%;
}
@media screen and (max-width: 860px) {
  .intro-wrapper .intro-image {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 100%;
            flex: 1 0 100%;
    text-align: center;
  }
  .intro-wrapper .intro-image img {
    margin-top: 20px;
    max-width: 80%;
  }
}
.intro-wrapper .intro-image img {
  width: 100%;
  height: auto;
}
.intro-wrapper .intro-content {
  padding-right: 4rem;
}
@media screen and (max-width: 860px) {
  .intro-wrapper .intro-content {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 100%;
            flex: 1 0 100%;
    padding-right: 0;
  }
}
.intro-wrapper .intro-content h2 .has-orange-color {
  font-weight: 400;
}
.intro-wrapper .intro-content h3 {
  font-weight: 200;
  font-size: 5.6rem;
}
@media screen and (max-width: 1400px) {
  .intro-wrapper .intro-content h3 {
    font-size: 4rem;
  }
}
@media screen and (max-width: 860px) {
  .intro-wrapper .intro-content h3 {
    font-size: 3rem;
  }
}

.reviews-wrapper {
  padding: 120px 0 100px 0;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[3];
  grid-template-columns: repeat(3, 1fr);
}
@media screen and (max-width: 680px) {
  .reviews-wrapper {
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
  }
}
@media screen and (max-width: 860px) {
  .reviews-wrapper {
    padding: 40px 0 30px 0;
  }
}
.reviews .review {
  padding: 40px;
  background: #fdfcfc;
  border: 1px solid #dedede;
  margin-right: 40px;
  position: relative;
}
@media screen and (max-width: 1400px) {
  .reviews .review {
    margin-right: 20px;
  }
}
@media screen and (max-width: 980px) {
  .reviews .review {
    padding: 20px;
  }
}
@media screen and (max-width: 680px) {
  .reviews .review {
    margin-right: 20px;
    margin-top: 40px;
  }
}
.reviews .review-author {
  margin-top: 20px;
  color: #f5831f;
  text-transform: uppercase;
}
.reviews .review-rating {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.reviews .review-rating svg {
  width: 20px;
}
.reviews .review:before {
  z-index: -1;
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 43px;
  top: 40px;
  border: 1px solid #dedede;
  background: #fff;
}
@media screen and (max-width: 1400px) {
  .reviews .review:before {
    left: 23px;
    top: 20px;
  }
}
@media screen and (max-width: 680px) {
  .reviews .review:before {
    left: 20px;
  }
}
.reviews .more {
  text-align: center;
  width: 100%;
  padding: 40px 0 60px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 5px;
}

.feature__guides {
  padding: 80px 0 120px 0;
}
@media screen and (max-width: 860px) {
  .feature__guides {
    padding: 0 0 60px 0;
  }
}
.feature__guides .feature-item-content {
  background: #353635;
  padding: 20px;
  height: 200px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 20px;
}
.feature__guides .feature-item-content h2 {
  color: #fff;
  font-weight: 400;
  font-size: 4rem;
}
@media screen and (max-width: 1080px) {
  .feature__guides .feature-item-content h2 {
    font-size: 3rem;
    padding: 10px 20px;
  }
}
@media screen and (max-width: 1080px) {
  .feature__guides .feature-item-content {
    height: auto;
  }
}
.feature__guides .feature-item-inner {
  padding: 0 !important;
}
.feature__guides-title {
  text-align: center;
  margin: 0;
  padding-top: 40px;
}
.feature__guides-button {
  text-align: center;
}

.gallery-images {
  padding: 40px 0;
}
.gallery-images ul {
  list-style-type: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
  padding: 0;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.gallery-images ul li {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 25%;
          flex: 1 0 25%;
  max-width: 25%;
  overflow: hidden;
}
@media screen and (max-width: 1280px) {
  .gallery-images ul li {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 33%;
            flex: 1 0 33%;
    max-width: 33%;
  }
}
@media screen and (max-width: 980px) {
  .gallery-images ul li {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 50%;
            flex: 1 0 50%;
    max-width: 50%;
  }
}
.gallery-images ul li a {
  display: block;
  margin: 8px;
  position: relative;
  line-height: 0;
  overflow: hidden;
  height: 275px;
}
@media screen and (max-width: 680px) {
  .gallery-images ul li a {
    height: 200px;
  }
}
.gallery-images ul li a img {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.gallery-images ul li a:hover img {
  width: 106%;
  height: 106%;
}
@media screen and (max-width: 860px) {
  .gallery-images ul li {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 50%;
            flex: 1 0 50%;
    max-width: 50%;
  }
}
@media screen and (max-width: 860px) {
  .gallery-images {
    padding: 5px;
  }
}

.gallery-button {
  text-align: center;
  margin-top: 40px;
}

.cards-wrapper {
  padding: 20px 2px 100px 0;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[3];
  grid-template-columns: repeat(3, 1fr);
}
@media screen and (max-width: 1280px) {
  .cards-wrapper {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 680px) {
  .cards-wrapper {
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
  }
}
@media screen and (max-width: 860px) {
  .cards-wrapper {
    padding: 40px 2px 80px 0;
  }
}
.cards .card {
  margin-top: 80px;
  background: #fdfcfc;
  border: 1px solid #dedede;
  margin-right: 36px;
  position: relative;
}
.cards .card-content {
  padding: 40px;
}
@media screen and (max-width: 980px) {
  .cards .card-content {
    padding: 20px;
  }
}
@media screen and (max-width: 1400px) {
  .cards .card {
    margin-right: 20px;
  }
}
@media screen and (max-width: 680px) {
  .cards .card {
    margin-right: 20px;
    margin-top: 40px;
  }
}
.cards .card:before {
  z-index: -2;
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 38px;
  top: 40px;
  border: 1px solid #dedede;
  background: #fff;
}
@media screen and (max-width: 1400px) {
  .cards .card:before {
    left: 23px;
    top: 20px;
  }
}
@media screen and (max-width: 680px) {
  .cards .card:before {
    left: 20px;
  }
  .wp-image-6916 {
    max-width: 80px;
  }
}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/
/* Jetpack infinite scroll
--------------------------------------------- */
/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
  display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
  display: block;
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/
/* Accessibility
--------------------------------------------- */
/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}
.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
          box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  -webkit-clip-path: none;
          clip-path: none;
  color: #21759b;
  display: block;
  font-size: 0.875rem;
  font-weight: 700;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
  outline: 0;
}

/* Alignments
--------------------------------------------- */
.alignleft {
  /*rtl:ignore*/
  float: left;
  /*rtl:ignore*/
  margin-right: 1.5em;
  margin-bottom: 1.5em;
}

.alignright {
  /*rtl:ignore*/
  float: right;
  /*rtl:ignore*/
  margin-left: 1.5em;
  margin-bottom: 1.5em;
}

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

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