@charset "UTF-8";
/* =================================================================
    Variables
================================================================= */
/* :root {
    --primary-color: #F7A93E;
    --secondary-color: #297CC0;
    --text-color: #1f252e;
    --light-text-color: #a5a5a5;
    --light-bg-color: #F7F7FA;

    --form-border-color: #E6E6E6;
    --form-dark-border-color: #A8CAE5;


    --primary-hover-color: #FF7025;

    --basic-shadow: 0 0.8rem 1rem rgba(0,0,0,.15);
    --small-shadow: 0 0.2rem 0.2rem rgba(0,0,0,.15);

    --gap-s: 2.5rem;
    --gap-m: 5rem;
    --gap-l: 15rem;
} */
html {
  font-size: 62.5%; /* Now 10px = 1rem! */
}

/* =================================================================

    CONTENT

    1. Typography
    2. General elements

================================================================= */
/* =================================================================
    Variables
================================================================= */
/* :root {
    --primary-color: #F7A93E;
    --secondary-color: #297CC0;
    --text-color: #1f252e;
    --light-text-color: #a5a5a5;
    --light-bg-color: #F7F7FA;

    --form-border-color: #E6E6E6;
    --form-dark-border-color: #A8CAE5;


    --primary-hover-color: #FF7025;

    --basic-shadow: 0 0.8rem 1rem rgba(0,0,0,.15);
    --small-shadow: 0 0.2rem 0.2rem rgba(0,0,0,.15);

    --gap-s: 2.5rem;
    --gap-m: 5rem;
    --gap-l: 15rem;
} */
html {
  font-size: 62.5%; /* Now 10px = 1rem! */
}

/* =================================================================
    1. Typography
================================================================= */
body {
  font-family: "Lato", sans-serif;
  color: #404040;
  font-size: 1rem;
}

#wrapper,
p,
.text {
  font-size: 1.3rem;
}

h1,
h2,
h3,
h4,
h5,
p {
  margin-top: 0;
}

h1,
h2,
h3 {
  font-family: "Titillium Web", sans-serif;
  font-weight: bold;
  line-height: 1.25;
}

h1 {
  font-size: 3rem;
  margin-bottom: 0.1em;
}

h2 {
  font-size: 2.5rem;
  text-align: center;
}
h2 small {
  font-size: 0.5em;
  font-weight: normal;
  letter-spacing: 1px;
  display: block;
}
h2.sparrow {
  text-align: center;
  text-transform: uppercase;
}
h2.sparrow.usp {
  vertical-align: middle;
  font-size: 2.8rem;
}
h2.sparrow.usp::before, h2.sparrow.usp::after {
  content: "";
  display: block;
  width: 4.9rem;
  height: 0.4rem;
  background-color: hsl(34, 100%, 50%);
  margin: 1.5rem auto;
}
h2.sparrow.usp::before {
  display: none;
}

h3 {
  font-size: 1.6rem;
  text-transform: uppercase;
}
h3 small {
  font-size: 0.5em;
  font-weight: normal;
  letter-spacing: 1px;
  display: block;
  line-height: 1.8;
}

p {
  line-height: 1.8;
}
p.sub-title {
  font-size: 2rem;
  line-height: 1.25;
}
p.lead {
  font-size: 1.8rem;
  line-height: 1.7;
}

strong {
  font-weight: bold;
}

h2[data-ghost] {
  margin-bottom: 5rem;
}

a {
  text-decoration: none;
  color: hsl(34, 100%, 50%);
}
p a, footer a {
  display: inline-block;
  color: hsl(34, 100%, 50%);
  position: relative;
}
p a:before, footer a:before {
  content: "";
  display: block;
  bottom: -0.25em;
  right: 0;
  width: 0;
  height: 2px;
  position: absolute;
  background: rgba(247, 170, 62, 0.25);
}
p a:hover:before, p a:focus:before, footer a:hover:before, footer a:focus:before {
  width: 100%;
}

ol {
  padding-left: 3rem;
}
ol > li {
  padding-left: 1rem;
}
ol ol li {
  list-style-type: lower-alpha;
}

ul.wp-block-list li {
  line-height: 1.5;
}

input,
select,
textarea {
  font-size: 1.3rem;
}

@media all and (min-width: 40em) {
  h2[data-ghost] {
    position: relative;
    z-index: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    line-height: 1.1;
  }
  h2[data-ghost] span {
    display: block;
    width: 100%;
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  h2[data-ghost]:before {
    content: attr(data-ghost);
    color: hsl(34, 100%, 50%);
    font-size: 1.6rem;
    line-height: 1.6rem;
    text-transform: uppercase;
    font-weight: normal;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    display: inline-block;
    margin: 0 auto 0.8rem;
  }
  h2[data-ghost]:after {
    content: "";
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    display: none;
    width: 30px;
    height: 1px;
    margin-left: 1.8rem;
    background-color: hsl(34, 100%, 50%);
  }
}
@media all and (min-width: 48em) {
  h2.sparrow.usp {
    vertical-align: middle;
    font-size: 2.8rem;
  }
  h2.sparrow.usp::before, h2.sparrow.usp::after {
    content: "";
    display: inline-block;
    width: 4.9rem;
    height: 0.4rem;
    background-color: hsl(34, 100%, 50%);
    vertical-align: middle;
  }
  h2.sparrow.usp::before {
    margin-right: 1rem;
  }
  h2.sparrow.usp::after {
    margin-left: 1rem;
  }
}
@media all and (min-width: 64em) {
  #wrapper,
  p,
  .text {
    font-size: 1.6rem;
  }
  h1 {
    font-size: 4rem;
  }
  h2 {
    font-size: 4rem;
  }
  h3 {
    font-size: 1.8rem;
  }
  p.sub-title {
    font-size: 2.5rem;
  }
  p.lead {
    font-size: 2rem;
    line-height: 1.8;
  }
  input,
  select,
  textarea {
    font-size: 1.6rem;
  }
}
@media all and (min-width: 80em) {
  h1 {
    font-size: 6rem;
  }
  h2 {
    font-size: 4.8rem;
    text-align: left;
  }
  h3 {
    font-size: 2rem;
  }
  p.sub-title {
    font-size: 3.2rem;
  }
  p.lead {
    font-size: 2.2rem;
  }
  h2[data-ghost]:not(.center)::before {
    margin: 0 0 0.8rem 0;
  }
  h2[data-ghost]:not(.center):after {
    display: inline-block;
    margin-bottom: 0.8rem;
  }
}
/* === Typography for archive pages === */
.archive .post-inner .post-title {
  font-size: 2rem;
  line-height: 1.3;
  font-weight: normal;
  text-transform: none;
  margin-top: 2.5rem;
  padding-left: 3.2rem;
  color: #293d4f;
  text-align: left;
}
.archive .post-inner .post-title:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 0.3rem;
  height: 3.6rem;
  margin: -0.2em 2.9rem 0 -3.2rem;
  background-color: #293d4f;
}
.archive .post-inner .post-excerpt {
  padding-left: 3.2rem;
  color: #404040;
}
.archive .post-inner .post-btn {
  display: inline-block;
  margin-top: 1rem;
  font-weight: bold;
  color: hsl(34, 100%, 50%);
}
.archive .post-inner .post-btn i {
  display: inline-block;
  vertical-align: middle;
  line-height: 1rem;
  margin-left: 0.5rem;
}
.archive .post-inner a:focus-within h2,
.archive .post-inner a:hover h2 {
  color: hsl(34, 100%, 50%);
}
.archive .post-inner a:focus-within .post-btn,
.archive .post-inner a:hover .post-btn {
  color: #ff7025;
}

/* =================================================================
    2. General elements
================================================================= */
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

[tabindex]:focus {
  outline: none;
}

body {
  background-color: #f7f7fa;
  min-width: 32rem;
}

.color-primary {
  color: hsl(34, 100%, 50%);
}

.nowrap {
  white-space: nowrap;
}

#wrapper {
  position: relative;
  overflow: hidden;
  background: white;
  min-width: 32rem;
  max-width: 192.2rem;
  outline: 0.1rem solid #f7f7fa;
  -webkit-box-shadow: 0 0.8rem 1rem rgba(0, 0, 0, 0.15);
          box-shadow: 0 0.8rem 1rem rgba(0, 0, 0, 0.15);
  margin: 0 auto;
  min-height: 100vh;
  padding-top: 11.9rem;
}

body.admin-bar #wrapper {
  padding-top: 0 !important;
}

.container {
  max-width: 146.4rem;
  padding: 0 1.6rem;
  margin: auto;
}

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

.intro {
  margin: 5rem 0;
}

@media all and (min-width: 64em) {
  #wrapper {
    padding-top: 18rem;
  }
  #wrapper .mobile-only {
    display: none !important;
  }
}
@media all and (min-width: 80em) {
  #wrapper {
    padding-top: 15rem;
  }
}
/* =================================================================
    3. Form elements
================================================================= */
form p {
  position: relative;
}

label {
  display: inline-block;
}

input[type=text],
input[type=email],
input[type=tel],
input[type=number],
textarea {
  border: 1px solid;
  height: 4rem;
  line-height: 4rem;
  padding: 0 2rem;
  max-width: 100%;
  width: 100%;
  font-size: 1.6rem;
  border-color: #e6e6e6;
  background-color: white;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=number]:focus,
textarea:focus {
  outline: none;
  border-color: #404040;
}

textarea {
  height: auto;
  line-height: 1.5;
  padding: 1rem 2rem;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield;
}

select {
  display: block;
  font-weight: normal;
  height: 4rem;
  line-height: 4rem;
  padding: 0 4rem 0 2rem;
  width: 100%;
  max-width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  border: 1px solid #e6e6e6;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-image: url("data:image/gif;base64,R0lGODlhZABAAMQAAP3v2/iuSvrJh/m5YvrEe/zftvvPk/i0Vv705/768/m/bvvZqv3pz/vUnvzkwvepPv///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAAAAAAALAAAAABkAEAAAAX/ICSOZGmeaKqubOu+cCzPdG3feK7vfO//wKBwSCyWGILAY8lsOp/QqHRKrRIKrwShyu16v9wBoDUAm89oamCsMqTf8PRAhYjb710saoHv+50EKVt/hH0pCoWJdoeKjWkpbo6SXgcpDpOYVQYqZZmeTgEIKgBKn6Z6o6WmmAIupKuTrS+vsIqyMLS1f7cxubp3vDK+v2/BM8PEZsY0yMldyzXNzlPQNtLTT9U319hL2jjc09854cTjOuW15zvppus87ZnvPfGS8z71tkapv/dB+X78CQEIbN8sVawM4kLoSOA+gmccGoT4RaJCilwsKoSAkdpGcAztaPwooqOTkSRLQ4ZEgzKlyjgtXb5ME1PmTGU28a2kUjPniHo9ff7cmU3oP6JMgholwU3pUqYHoqB6GiRBg04PDggQRbWr169gw4rdFwIAOw==");
  background-repeat: no-repeat, repeat;
  background-position: right 1.6rem top 50%, 0 0;
  background-size: 1.2rem auto, 100%;
  font-size: 1.6rem;
}

select::-ms-expand {
  display: none;
}

select:hover {
  border-color: #888;
}

select:focus {
  border-color: #404040;
  color: hsl(34, 100%, 50%);
  outline: none;
}

option {
  color: #404040;
}

.dark-form label {
  width: 100%;
}
.dark-form input[type=text],
.dark-form input[type=email],
.dark-form input[type=tel],
.dark-form input[type=number] {
  border-color: #a8cae5;
  background: rgba(255, 255, 255, 0.1);
  color: white;
  width: 100%;
}
.dark-form input[type=text]:focus,
.dark-form input[type=email]:focus,
.dark-form input[type=tel]:focus,
.dark-form input[type=number]:focus {
  border-color: white;
}

span.wpcf7-not-valid-tip,
#phone-warning {
  display: inline-block;
  background: red;
  padding: 0 1em;
  position: relative;
  color: white;
}
span.wpcf7-not-valid-tip:before,
#phone-warning:before {
  content: "";
  display: block;
  border-bottom: 1rem solid transparent;
  border-left: 1rem solid red;
  width: 1rem;
  position: absolute;
  top: -0.3rem;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

#phone-warning {
  font-size: 1.2rem;
}

.dark-form span.wpcf7-not-valid-tip,
.dark-form #phone-warning {
  background: white;
  color: red;
}
.dark-form span.wpcf7-not-valid-tip:before,
.dark-form #phone-warning:before {
  border-left-color: white;
}

div.wpcf7-response-output {
  margin: 2em 0 1em;
  padding: 0.5em 1em;
  line-height: 1.8;
  border-top: none !important;
  border-right: none !important;
  border-bottom: none !important;
}

div.wpcf7-mail-sent-ok {
  border-left: 2px solid #398f14;
}

span.wpcf7-list-item {
  margin-left: 0;
  padding-left: 3.2rem;
  display: inline-block;
}

.wpcf7-list-item-label:before {
  display: none;
}

div.wpcf7 .ajax-loader {
  position: absolute;
  top: 50%;
  left: 1.5rem;
  height: 2rem;
  width: 2rem;
  padding: 0.2rem;
  margin-top: -1rem;
  background-color: white;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 50%;
  pointer-events: none;
}

input[type=submit],
input[type=submit]:focus,
form a:focus {
  border: none;
  outline: none;
}

input[type=checkbox] {
  border: none;
  width: 1.6rem;
  height: 1.6rem;
  vertical-align: middle;
  margin-right: 1.6rem;
  margin-left: -3.2rem;
}

/* =================================================================
    Components
================================================================= */
/*
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
.hamburger {
  padding: 15px 15px;
  display: inline-block;
  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;
}
.hamburger:hover {
  opacity: 0.7;
}

#menu-toggle:checked + .hamburger:hover {
  opacity: 0.7;
}
#menu-toggle:checked + .hamburger .hamburger-inner,
#menu-toggle:checked + .hamburger .hamburger-inner::before,
#menu-toggle:checked + .hamburger .hamburger-inner::after {
  background-color: #575757;
}

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

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -1.5px;
}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
  width: 30px;
  height: 3px;
  background-color: #575757;
  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: -9px;
}
.hamburger-inner::after {
  bottom: -9px;
}

/*
 * Spin
 */
.hamburger--spin .hamburger-inner {
  -webkit-transition-duration: 0.22s;
          transition-duration: 0.22s;
  -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
          transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spin .hamburger-inner::before {
  -webkit-transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
  transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
}
.hamburger--spin .hamburger-inner::after {
  -webkit-transition: bottom 0.1s 0.25s ease-in, -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 0.1s 0.25s ease-in, -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

#menu-toggle:checked + .hamburger--spin .hamburger-inner {
  -webkit-transform: rotate(225deg);
          transform: rotate(225deg);
  -webkit-transition-delay: 0.12s;
          transition-delay: 0.12s;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
#menu-toggle:checked + .hamburger--spin .hamburger-inner::before {
  top: 0;
  opacity: 0;
  -webkit-transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
  transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
}
#menu-toggle:checked + .hamburger--spin .hamburger-inner::after {
  bottom: 0;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  -webkit-transition: bottom 0.1s ease-out, -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: bottom 0.1s ease-out, -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/* =================================================================
    Buttons
================================================================= */
.btn-primary,
.btn-primary-light,
.btn-secondary {
  display: inline-block;
  font-weight: bold;
  text-decoration: none;
  text-transform: uppercase;
  padding: 0 4.3rem 0 1.5rem;
  height: 3.6rem;
  line-height: 3.6rem;
  border-radius: 2px;
}

.btn-primary {
  background: hsl(34, 100%, 50%);
  color: white;
}
.btn-primary:hover, .btn-primary:focus {
  background: #ff7025;
  color: white;
}

.btn-primary-light {
  background: white;
  color: #404040;
}
.btn-primary-light:hover, .btn-primary-light:focus {
  color: hsl(34, 100%, 50%);
}

.btn-secondary {
  border: 2px solid hsl(34, 100%, 50%);
  color: hsl(34, 100%, 50%);
  background-color: #ffffff;
}
.btn-secondary:hover,
.btn-secondary .btn-secondary:focus {
  border-color: #ff7025;
  color: #ff7025;
}

.lp-link {
  padding-right: 2.8rem;
}

.btn-primary,
.btn-secondary,
.lp-link {
  position: relative;
}
.btn-primary:after,
.btn-secondary:after,
.lp-link:after {
  content: "";
  display: inline-block;
  width: 1.8rem;
  height: 1.8rem;
  background: url(../img/icons/arrow.svg) no-repeat;
  background-position: center -0.4rem;
  vertical-align: middle;
  position: absolute;
  top: 50%;
  margin-top: -0.9rem;
}

.btn-primary:after,
.btn-secondary:after {
  right: 1.5rem;
}

.lp-link:after {
  right: 0;
}

.btn-primary:after {
  background-image: url(../img/icons/arrow-white.svg);
}

@media all and (min-width: 48em) {
  .btn-primary,
  .btn-primary-light,
  .btn-secondary {
    padding: 0 4.8rem 0 2em;
    height: 4.6rem;
    line-height: 4.6rem;
  }
  .btn-primary:after,
  .btn-secondary:after {
    right: 2rem;
  }
}
/* =================================================================
    Iconbox
================================================================= */
.iconbox {
  max-width: 27rem;
  text-align: center;
}
.iconbox .icon {
  margin-bottom: 3.5rem;
}
.iconbox h3,
.iconbox p {
  color: #404040;
}
.iconbox h3 {
  text-transform: unset;
}

.icon {
  display: block;
  width: 6rem;
  height: 6rem;
  margin: 0 auto 2.5rem;
}

/* =================================================================
    Variables
================================================================= */
/* :root {
    --primary-color: #F7A93E;
    --secondary-color: #297CC0;
    --text-color: #1f252e;
    --light-text-color: #a5a5a5;
    --light-bg-color: #F7F7FA;

    --form-border-color: #E6E6E6;
    --form-dark-border-color: #A8CAE5;


    --primary-hover-color: #FF7025;

    --basic-shadow: 0 0.8rem 1rem rgba(0,0,0,.15);
    --small-shadow: 0 0.2rem 0.2rem rgba(0,0,0,.15);

    --gap-s: 2.5rem;
    --gap-m: 5rem;
    --gap-l: 15rem;
} */
html {
  font-size: 62.5%; /* Now 10px = 1rem! */
}

/* =================================================================
    1. Transitions
================================================================= */
p a:before,
footer a:before {
  -webkit-transition: width 250ms ease-in-out;
  transition: width 250ms ease-in-out;
}

.btn-primary,
.btn-primary-light,
.btn-secondary,
.post-btn,
nav a {
  -webkit-transition: color 250ms ease-in-out, background-color 250ms ease-in-out, border-color 250ms ease-in-out;
  transition: color 250ms ease-in-out, background-color 250ms ease-in-out, border-color 250ms ease-in-out;
}

header #site-logo {
  -webkit-transition: width 150ms ease-in-out, line-height 150ms ease-in-out;
  transition: width 150ms ease-in-out, line-height 150ms ease-in-out;
}
header .container {
  -webkit-transition: min-height 150ms ease-in-out;
  transition: min-height 150ms ease-in-out;
}
header #site-navigation {
  -webkit-transition: top 150ms ease-in-out, max-height 300ms ease-in-out;
  transition: top 150ms ease-in-out, max-height 300ms ease-in-out;
}
header .submenu .nav-dropdown,
header .menu-item-has-children .sub-menu {
  -webkit-transition: opacity 300ms ease-in-out, max-height 300ms ease-in-out, -webkit-transform 300ms ease-in-out;
  transition: opacity 300ms ease-in-out, max-height 300ms ease-in-out, -webkit-transform 300ms ease-in-out;
  transition: opacity 300ms ease-in-out, max-height 300ms ease-in-out, transform 300ms ease-in-out;
  transition: opacity 300ms ease-in-out, max-height 300ms ease-in-out, transform 300ms ease-in-out, -webkit-transform 300ms ease-in-out;
}

.carousel button {
  -webkit-transition: opacity 250ms ease-in-out, border-color 250ms ease-in-out, color 250ms ease-in-out, background-color 250ms ease-in-out;
  transition: opacity 250ms ease-in-out, border-color 250ms ease-in-out, color 250ms ease-in-out, background-color 250ms ease-in-out;
}

.hovering-box .programs li {
  -webkit-transition: border-color 200ms ease-in-out;
  transition: border-color 200ms ease-in-out;
}
.hovering-box .programs li .fas {
  -webkit-transition: background-color 200ms ease-in-out;
  transition: background-color 200ms ease-in-out;
}
.hovering-box .programs li span {
  -webkit-transition: color 200ms ease-in-out;
  transition: color 200ms ease-in-out;
}

.toggle-list .toggle-icon {
  -webkit-transition: -webkit-transform 300ms ease-in-out;
  transition: -webkit-transform 300ms ease-in-out;
  transition: transform 300ms ease-in-out;
  transition: transform 300ms ease-in-out, -webkit-transform 300ms ease-in-out;
}
.toggle-list .toggle-content {
  -webkit-transition: max-height 300ms ease-in-out;
  transition: max-height 300ms ease-in-out;
}

/* === Blog === */
.post .entry-image {
  -webkit-transition: opacity 250ms ease-in-out;
  transition: opacity 250ms ease-in-out;
}
.post h2 {
  -webkit-transition: color 250ms ease-in-out;
  transition: color 250ms ease-in-out;
}

/* === Calculator === */
#slanted-roof {
  -webkit-transition: max-height 250ms ease-in-out;
  transition: max-height 250ms ease-in-out;
}
#slanted-roof:after {
  -webkit-transition: opacity 250ms ease-in-out;
  transition: opacity 250ms ease-in-out;
}

#choose-brand {
  -webkit-transition: max-height 250ms ease-in-out;
  transition: max-height 250ms ease-in-out;
}

.tooltip {
  -webkit-transition: max-height 300ms ease-in-out;
  transition: max-height 300ms ease-in-out;
}

.card {
  -webkit-transition: opacity 400ms ease-in-out, -webkit-transform 400ms ease-in-out;
  transition: opacity 400ms ease-in-out, -webkit-transform 400ms ease-in-out;
  transition: opacity 400ms ease-in-out, transform 400ms ease-in-out;
  transition: opacity 400ms ease-in-out, transform 400ms ease-in-out, -webkit-transform 400ms ease-in-out;
}

@-webkit-keyframes sticky-header-anim {
  from {
    -webkit-transform: translateY(-12rem);
            transform: translateY(-12rem);
  }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes sticky-header-anim {
  from {
    -webkit-transform: translateY(-12rem);
            transform: translateY(-12rem);
  }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
/* =================================================================
    Header
================================================================= */
header {
  margin-bottom: -1.4rem;
}
header .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
header #top-bar {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background: #293d4f;
}
header #top-bar .container {
  height: 3.8rem;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
}
header #top-bar p {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-family: "Titillium Web", sans-serif;
  font-weight: 300;
  font-size: 1.2rem;
  letter-spacing: 0.5px;
  color: #ffffff;
  margin: 0;
}
header #top-bar a {
  color: #ffffff;
  vertical-align: middle;
}
header #top-bar img {
  margin-right: 1rem;
  vertical-align: middle;
}
header #top-bar .business-hours {
  display: none;
}
header #header-inner {
  position: absolute;
  top: 3.8rem;
  width: 100%;
  z-index: 100;
  background-color: white;
}
header #header-inner .container {
  min-height: 6.6rem;
  margin-top: 0.5rem;
  margin-bottom: -0.5rem;
}
header #header-inner:after {
  content: "";
  display: block;
  width: 100%;
  height: 1.4rem;
  background-image: url(../img/header-shape-white.svg);
  background-repeat: repeat-x;
  background-position: bottom center;
  background-size: auto 1.4rem;
  position: absolute;
  bottom: -1.4rem;
  left: 0;
  -webkit-filter: drop-shadow(0 1px 0px #e0e0e0);
          filter: drop-shadow(0 1px 0px #e0e0e0);
  z-index: 0;
}
header .nav-container-right > * {
  vertical-align: middle;
}

#site-logo {
  display: block;
  width: 14.4rem;
  height: auto;
  line-height: 5rem;
  margin: 0;
  text-align: left;
}
#site-logo img {
  vertical-align: middle;
}

#bisnode-logo {
  width: 7rem;
  margin: 1rem 0 0 2rem;
  display: none;
}

.sticky #aa-logo {
  width: 4.5rem;
}

@media all and (min-width: 520px) and (max-width: 1023px) {
  #bisnode-logo {
    display: inline-block;
    margin: 1rem auto 0 2rem;
  }
}
@media all and (min-width: 1340px) {
  #bisnode-logo {
    display: inline-block;
    margin: 0 auto 0 2rem;
  }
}
header ul {
  padding: 0;
  margin: 0;
  list-style: none;
  overflow: hidden;
}

#hamburger-icon {
  margin-left: auto;
}

#menu-toggle {
  display: none;
}

#site-navigation {
  width: 100%;
  max-height: 0;
  overflow: auto;
  position: absolute;
  top: 8rem;
  left: 0;
  background-color: white;
  border-bottom: 1px solid #f7f7fa;
  -webkit-box-shadow: 0 0.2rem 0.2rem rgba(0, 0, 0, 0.15);
          box-shadow: 0 0.2rem 0.2rem rgba(0, 0, 0, 0.15);
  margin-top: -0.8rem;
}
#site-navigation li {
  text-align: center;
  border-top: 1px solid #f7f7fa;
}
#site-navigation #menu-main-menu li:first-child {
  padding-top: 0.8rem;
}
#site-navigation a {
  color: #404040;
  display: inline-block;
  height: 4rem;
  line-height: 4rem;
  padding: 0 1.6rem;
  margin: 1rem;
  position: relative;
  white-space: nowrap;
  text-transform: uppercase;
}
#site-navigation a:hover, #site-navigation a:focus {
  color: hsl(34, 100%, 50%);
}
#site-navigation .fas {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform-origin: 50% 0.7 rem;
          transform-origin: 50% 0.7 rem;
  position: absolute;
  top: 1.5rem;
  right: 0;
  margin-left: 0.3rem;
  -webkit-transition: top 300ms ease-in-out, -webkit-transform 300ms ease-in-out;
  transition: top 300ms ease-in-out, -webkit-transform 300ms ease-in-out;
  transition: transform 300ms ease-in-out, top 300ms ease-in-out;
  transition: transform 300ms ease-in-out, top 300ms ease-in-out, -webkit-transform 300ms ease-in-out;
  font-size: 1rem;
}
#site-navigation .btn-cta a {
  color: hsl(34, 100%, 50%);
  font-weight: bold;
  text-transform: uppercase;
  border-radius: 3px;
}

#menu-toggle:checked ~ #site-navigation {
  max-height: calc(100vh - 8rem + 1.4rem);
}

#site-navigation .submenu li:not(:first-child),
#site-navigation .menu-item-has-children li:not(:first-child) {
  border-top: 1px solid white;
}
#site-navigation .submenu .nav-dropdown,
#site-navigation .submenu .sub-menu,
#site-navigation .menu-item-has-children .nav-dropdown,
#site-navigation .menu-item-has-children .sub-menu {
  background: #f7f7fa;
  max-height: 0;
  overflow: hidden;
  z-index: 1;
}
#site-navigation .submenu.open .nav-dropdown,
#site-navigation .submenu.open .sub-menu,
#site-navigation .menu-item-has-children.open .nav-dropdown,
#site-navigation .menu-item-has-children.open .sub-menu {
  max-height: 100rem;
}
#site-navigation .submenu.open .fas,
#site-navigation .menu-item-has-children.open .fas {
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
  top: 1.2rem;
}

.admin-bar header #header-inner {
  position: relative;
}

@media all and (max-width: 22.4375em) {
  .nav-container-right .btn-cta {
    text-transform: none;
  }
}
@media all and (max-width: 26.1875em) {
  header #top-bar .container {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  header #header-inner .container {
    padding-right: 0;
  }
  #site-logo {
    width: 12rem;
  }
  .nav-container-right .btn-cta {
    padding-right: 1rem;
    padding-left: 1rem;
    margin-right: 0.5rem;
  }
  .nav-container-right .btn-cta::after {
    display: none;
  }
}
@media all and (min-width: 42em) {
  header #top-bar .container {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 3rem;
  }
  header #top-bar .business-hours {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
}
@media all and (min-width: 64em) {
  header {
    margin-bottom: -2.8rem;
    padding-top: 0.5rem;
  }
  header #header-inner .container {
    min-height: 8.6rem;
  }
  header #header-inner .container .nav-container-right {
    width: 100%;
  }
  #site-logo {
    margin: auto;
    margin-top: 0.5rem;
    width: 15rem;
    line-height: 1;
  }
  #hamburger-icon {
    display: none;
  }
  #site-navigation {
    position: static;
    top: 0;
    max-height: none;
    overflow: visible;
    -webkit-box-shadow: none;
            box-shadow: none;
    border-bottom: none;
    margin-top: 0;
  }
  #site-navigation li {
    text-align: left;
    border-top: none;
  }
  #site-navigation li a {
    font-size: 1.3rem;
  }
  #site-navigation li .fas {
    position: static;
    top: auto;
    right: auto;
    vertical-align: text-top;
    padding-top: 0.2rem;
  }
  #site-navigation li.btn-cta a {
    color: white;
    background-color: hsl(34, 100%, 50%);
    margin-left: 3.2rem;
  }
  #site-navigation li.btn-cta a:hover, #site-navigation li.btn-cta a:focus {
    background-color: #ff7025;
    color: white;
  }
  #site-navigation #menu-main-menu li:first-child {
    padding-top: 0;
  }
  #menu-main-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    overflow: visible;
  }
  #site-navigation .submenu,
  #site-navigation .menu-item-has-children {
    position: relative;
  }
  #site-navigation .submenu.open a,
  #site-navigation .menu-item-has-children.open a {
    color: #404040;
  }
  #site-navigation .submenu.open .fas,
  #site-navigation .menu-item-has-children.open .fas {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  #site-navigation .submenu .nav-dropdown,
  #site-navigation .submenu .sub-menu,
  #site-navigation .menu-item-has-children .nav-dropdown,
  #site-navigation .menu-item-has-children .sub-menu {
    position: absolute;
    left: 2.6rem;
    border-left: 4px solid hsl(34, 100%, 50%);
    -webkit-transform: translateY(0.5rem);
            transform: translateY(0.5rem);
    opacity: 0;
    max-height: 0;
  }
  #site-navigation .submenu .nav-dropdown a,
  #site-navigation .submenu .sub-menu a,
  #site-navigation .menu-item-has-children .nav-dropdown a,
  #site-navigation .menu-item-has-children .sub-menu a {
    line-height: 3rem;
    height: 3rem;
  }
  #site-navigation .submenu:hover > a, #site-navigation .submenu:focus > a,
  #site-navigation .menu-item-has-children:hover > a,
  #site-navigation .menu-item-has-children:focus > a {
    cursor: pointer;
  }
  #site-navigation .submenu:hover .nav-dropdown,
  #site-navigation .submenu:hover .sub-menu, #site-navigation .submenu:focus .nav-dropdown,
  #site-navigation .submenu:focus .sub-menu,
  #site-navigation .menu-item-has-children:hover .nav-dropdown,
  #site-navigation .menu-item-has-children:hover .sub-menu,
  #site-navigation .menu-item-has-children:focus .nav-dropdown,
  #site-navigation .menu-item-has-children:focus .sub-menu {
    max-height: 100rem;
    -webkit-box-shadow: 0 0.8rem 1rem rgba(0, 0, 0, 0.15);
            box-shadow: 0 0.8rem 1rem rgba(0, 0, 0, 0.15);
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@media all and (min-width: 80em) {
  header #top-bar .container {
    -webkit-box-pack: right;
        -ms-flex-pack: right;
            justify-content: right;
  }
  header #header-inner .container .nav-container-right {
    width: auto;
  }
  #site-navigation {
    width: auto;
  }
  #site-navigation #menu-main-menu li .fas {
    padding-top: 0.5rem;
  }
  #site-navigation #menu-main-menu li:last-child a {
    margin-right: 0;
  }
  #site-navigation #menu-main-menu a {
    font-size: 1.6rem;
    text-transform: uppercase;
    height: 5rem;
    line-height: 5rem;
  }
  #site-navigation #menu-main-menu .nav-dropdown a,
  #site-navigation #menu-main-menu .sub-menu a {
    font-size: 1.3rem;
    line-height: 3.2rem;
    height: 3.2rem;
  }
  #site-logo {
    margin: -1.5rem 0 0;
    width: 18rem;
  }
  #site-logo img {
    vertical-align: baseline;
  }
}
/* =================================================================
    Sticky header
================================================================= */
header.sticky #header-inner {
  position: fixed;
  top: 0;
  -webkit-animation: sticky-header-anim 0.5s;
          animation: sticky-header-anim 0.5s;
}
header.sticky #header-inner:after {
  bottom: -0.6rem;
}
header.sticky .container {
  min-height: 6rem;
  margin-top: 0.5rem;
  margin-bottom: -0.5rem;
  padding-bottom: 1rem;
}
header.sticky #site-logo {
  width: 13rem;
  margin-top: auto;
  margin-bottom: auto;
}
header.sticky #site-navigation {
  top: 6rem;
  margin-top: 0;
}

@media all and (min-width: 64em) {
  header.sticky #header-inner:after {
    bottom: -1.4rem;
  }
  header.sticky .container {
    padding-bottom: 0;
  }
  header.sticky #site-logo {
    width: 13rem;
  }
}
@media all and (min-width: 80em) {
  header.sticky #header-inner .container {
    min-height: auto;
  }
  header.sticky #site-logo {
    line-height: 1;
    width: 15rem;
  }
}
/* =================================================================
    Footer
================================================================= */
footer {
  background-color: #333333;
  color: white;
  text-align: center;
}
footer.footer-light {
  background-color: #f7f7fa;
  color: #404040;
}
footer.footer-light .details p {
  color: #404040;
}

.footer-top {
  padding: 2.5rem;
}
.footer-top .footer-logo {
  display: inline-block;
  margin-bottom: 1rem;
  width: 16rem;
  height: auto;
}
.footer-top .footer-logo:before {
  display: none;
}
.footer-top .address {
  margin-bottom: 0;
}
.footer-top .business-hours {
  font-size: 1.4rem;
  color: #777777;
  line-height: 1.5;
}
.footer-top .contact {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.footer-top .contact > * {
  margin: 1rem 2.5rem 0;
}
.footer-top a {
  color: white;
}
.footer-top .fas,
.footer-top img {
  color: hsl(34, 100%, 50%);
  margin-right: 1rem;
  vertical-align: middle;
}
.footer-top ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 2.5rem 0 0;
  margin: 2.5rem auto 0;
  border-top: 1px solid #777777;
  list-style: none;
  max-width: 54rem;
}
.footer-top ul li {
  padding: 0.8rem;
}

#footer-bottom {
  background-color: #282828;
  height: 5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #c3c3c3;
}
#footer-bottom p:last-child {
  margin-bottom: 0;
  font-size: 1.2rem;
}

/* =================================================================
    Hero
================================================================= */
.hero {
  position: relative;
  z-index: 0;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  color: #404040;
  padding: 5rem 0;
  text-align: center;
  color: #fff;
}
.hero:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #24394b;
  opacity: 0.9;
  z-index: -1;
}
.hero .sub-title:last-child {
  margin-bottom: 0;
}
.hero .woocommerce .hero {
  padding: 5rem 0;
}

#category-hero {
  padding: 12rem 1rem 0;
  margin-bottom: 5rem;
  position: relative;
}
#category-hero h1 {
  text-transform: uppercase;
}
#category-hero::before {
  content: "";
  display: block;
  position: absolute;
  bottom: -0.5rem;
  left: 0;
  width: 100%;
  height: 2.5rem;
  z-index: 1;
  background-color: #ffffff;
}
#category-hero::after {
  display: none;
}
#category-hero .container {
  display: inline-block;
  max-width: 49.6rem;
  width: 100%;
  border-radius: 1rem;
  background-color: #293d4f;
  position: relative;
  z-index: 2;
  padding: 2rem 1rem 4rem;
  font-family: "Titillium Web", sans-serif;
}
#category-hero h5,
#category-hero p {
  font-size: 1.4rem;
  margin-bottom: 0.25em;
  line-height: 1.25;
}
#category-hero .woocommerce-breadcrumb,
#category-hero .woocommerce-breadcrumb a {
  font-size: 1.2rem;
  color: #ffffff;
}
#category-hero .woocommerce-breadcrumb {
  margin-top: 0.5rem;
}
#category-hero .text {
  margin: 2rem auto 0;
  max-width: 29rem;
}
#category-hero .btn-cta {
  position: absolute;
  height: 4rem;
  line-height: 4rem;
  bottom: -2rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  border-radius: 3px;
}

@media screen and (min-width: 64em) {
  #category-hero .container {
    padding: 2rem 3.5rem 3.8rem;
    width: auto;
    max-width: none;
    min-width: 49.6rem;
  }
  #category-hero h1 {
    white-space: nowrap;
  }
}
@media screen and (min-width: 80em) {
  #category-hero h1 {
    font-size: 5rem;
  }
  #category-hero h5,
  #category-hero p {
    font-size: 1.8rem;
  }
  #category-hero .text {
    max-width: 34rem;
  }
  #category-hero .woocommerce-breadcrumb,
  #category-hero .woocommerce-breadcrumb a {
    font-size: 1.6rem;
  }
}
/* =================================================================
    Hovering box
================================================================= */
.hovering-box {
  text-align: center;
  margin: 15rem auto;
  background-color: white;
}
.hovering-box .title,
.hovering-box .text {
  max-width: 45.6rem;
  margin: auto;
}
.hovering-box .title {
  margin-bottom: 2.5rem;
}
.hovering-box .title h2 small {
  color: #575757;
}
.hovering-box .text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.hovering-box .text p:last-of-type,
.hovering-box .text .btn-secondary {
  margin-top: 2.5rem;
}
.hovering-box .text .btn-secondary {
  width: 100%;
}
.hovering-box .text strong {
  text-transform: uppercase;
}
.hovering-box .text .programs {
  display: block;
  width: 100%;
  padding: 0;
}
.hovering-box .text .programs li {
  list-style-type: none;
  border: 2px solid hsl(34, 100%, 50%);
  border-right: 5rem solid hsl(34, 100%, 50%);
  background: white;
}
.hovering-box .text .programs li:not(:first-of-type) {
  margin-top: 1rem;
}
.hovering-box .text .programs li:hover, .hovering-box .text .programs li:focus {
  border-color: #ff7025;
}
.hovering-box .text .programs li:hover .fas, .hovering-box .text .programs li:focus .fas {
  background-color: #ff7025;
}
.hovering-box .text .programs li:hover span, .hovering-box .text .programs li:focus span {
  color: #ff7025;
}
.hovering-box .text .programs li .btn-program {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: left;
}
.hovering-box .text .programs li .fas {
  width: 5rem;
  height: 4.6rem;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 5rem;
          flex: 0 0 5rem;
  background-color: hsl(34, 100%, 50%);
  text-align: center;
  line-height: 5rem;
  margin-right: -5rem;
  font-size: 2rem;
  padding-left: 0.3rem;
  color: white;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
.hovering-box .text .programs li span {
  padding: 0.5rem 1.6rem;
  line-height: 1.3;
  color: hsl(34, 100%, 50%);
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  width: 100%;
}

@media all and (min-width: 37em) {
  .hovering-box {
    -webkit-box-shadow: 0 0.8rem 1rem rgba(0, 0, 0, 0.15);
            box-shadow: 0 0.8rem 1rem rgba(0, 0, 0, 0.15);
    margin: -13rem auto 15rem;
    padding: 5rem 1.6rem;
    position: relative;
  }
  .hovering-box:before {
    content: "";
    display: block;
    position: absolute;
    top: 10rem;
    left: -0.8rem;
    width: 0.8rem;
    height: 45%;
    background-color: #293d4f;
  }
  .hovering-box .title {
    margin-bottom: auto;
  }
}
@media all and (min-width: 57em) {
  .hovering-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: left;
  }
  .hovering-box .title,
  .hovering-box .text {
    max-width: none;
  }
  .hovering-box .title {
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
  }
  .hovering-box .text {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
  }
  .hovering-box .text .btn-secondary {
    text-align: center;
  }
}
@media all and (min-width: 60em) {
  .hovering-box .text {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .hovering-box .text .btn-secondary {
    width: 48%;
    padding: 0 2em;
  }
}
/* =================================================================
    Single text
================================================================= */
.single-text {
  max-width: 94.4rem;
  margin: auto;
  text-align: center;
}
.single-text h2 {
  text-align: center;
}
.single-text h2:after {
  display: none;
}

/* =================================================================
    Partners block
================================================================= */
.partners {
  max-width: 100rem;
}

.partners-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -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;
  text-align: center;
  margin-left: -1.6rem;
  margin-right: -1.6rem;
}
.partners-inner .partner {
  width: 40%;
  max-width: 17.2rem;
  min-height: 10rem;
  margin: 0 1.6rem 0;
  padding: 0;
  background-color: white;
  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;
}
.partners-inner .partner p {
  display: none;
}
.partners-inner .partner img {
  max-height: 4rem;
}

@media all and (min-width: 34em) {
  .partners-inner {
    margin-bottom: -3.2rem;
  }
  .partners-inner .partner {
    max-width: 21.2rem;
    margin: 0 1.6rem 3.2rem;
    border: 1px solid #ececec;
    padding: 2rem;
  }
  .partners-inner .partner p {
    display: block;
    font-weight: bold;
    text-transform: uppercase;
    color: #808080;
    position: relative;
    padding: 2.5rem 0 2rem;
  }
  .partners-inner .partner p:before {
    content: "";
    display: block;
    width: 3.2rem;
    height: 0.1rem;
    background-color: #808080;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -1.6rem;
  }
}
@media all and (min-width: 64em) {
  .partners {
    max-width: 146.4rem;
  }
  .partners-inner .partner {
    max-width: 30rem;
    min-height: 13.5rem;
    padding: 4rem;
  }
  .partners-inner .partner img {
    max-height: 5rem;
  }
}
/* =================================================================
    Benefits
================================================================= */
.benefits {
  margin: 0 -0.8rem 15rem;
}
.benefits .icons {
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
}
.benefits .iconbox {
  max-width: 47.2rem;
  padding: 0 0.8rem;
  margin: 0 auto 5rem;
}

@media all and (min-width: 100em) {
  .benefits .icons {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
/* =================================================================
    General carousel elements
    -- This is the basic component of all sliders and carousels
================================================================= */
/* === Dots === */
.slick-dots {
  list-style: none;
  font-size: 0;
  display: inline-block;
  padding: 0;
  color: white;
}
.slick-dots li {
  display: inline-block;
  width: 1.5rem;
  margin: 0;
  text-align: center;
  line-height: 1;
}
.slick-dots button {
  color: currentColor;
  padding: 0.3rem;
  background-color: transparent;
  border: 0.1rem solid transparent;
  border-radius: 50%;
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  line-height: 1;
  opacity: 0.5;
  cursor: pointer;
}
.slick-dots button:before {
  content: "";
  display: block;
  width: 0.7rem;
  height: 0.7rem;
  background: currentColor;
  border-radius: 50%;
}
.slick-dots button:hover, .slick-dots button:focus {
  opacity: 1;
  outline: none;
}
.slick-dots .slick-active button {
  border-color: currentColor;
  opacity: 1;
}

/* === Arrows === */
button.slick-prev,
button.slick-next {
  display: block;
  width: 5rem;
  height: 5rem;
  background-color: transparent;
  border: none;
  color: currentColor;
  font-size: 1.5rem;
  cursor: pointer;
}
button.slick-prev:hover, button.slick-prev:focus,
button.slick-next:hover,
button.slick-next:focus {
  outline: none;
}

/* === Slides === */
.slide:focus, .slide a:focus {
  outline: none;
}
.slide img {
  height: auto !important;
}

/* === Slick lightbox === */
.slick-lightbox .slick-lightbox-slick-item {
  font-size: 0;
}
.slick-lightbox .slick-lightbox-slick-item:focus {
  outline: none;
}
.slick-lightbox .slick-lightbox-slick-item:before {
  margin-right: 0;
}
.slick-lightbox .slick-lightbox-close {
  width: 5rem;
  height: 5rem;
}
.slick-lightbox .slick-lightbox-close:before {
  font-size: 5rem;
}
.slick-lightbox .slick-prev,
.slick-lightbox .slick-next {
  font-size: 0;
  line-height: 0;
  color: white;
  position: absolute;
  z-index: 1;
  top: 50%;
  margin-top: -2.5rem;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}
.slick-lightbox .slick-prev:before,
.slick-lightbox .slick-next:before {
  font-size: 2rem;
  line-height: 1;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-lightbox .slick-prev:before {
  content: "\f053";
}
.slick-lightbox .slick-next:before {
  content: "\f054";
}

/* === Disable lightbox under 640px === */
@media all and (max-width: 40em) {
  .slide {
    pointer-events: none;
  }
  .slick-list.draggable {
    cursor: -webkit-grab;
    cursor: grab;
  }
  .slick-list.draggable:active {
    cursor: -webkit-grabbing;
    cursor: grabbing;
  }
}
/* =================================================================
    Shifted boxes
================================================================= */
.shifted-boxes {
  margin: 0 -1.6rem;
}
.shifted-boxes .description {
  max-width: 94.8rem;
  margin: 0 auto 5rem;
  padding: 0 1.6rem;
  text-align: center;
}
.shifted-boxes .boxes {
  max-width: 35rem;
  margin: 0 auto;
}
.shifted-boxes .box {
  width: 100%;
  max-width: 35rem;
  font-size: 0;
}
.shifted-boxes .box:nth-child(2) {
  margin-top: 5rem;
}
.shifted-boxes .box img {
  width: 100%;
  height: auto;
}
.shifted-boxes .box .text {
  width: 100%;
  padding: 2.5rem;
  min-height: 32rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: white;
}
.shifted-boxes .box.box-dark .text {
  background-color: hsl(34, 100%, 50%);
  color: white;
}
.shifted-boxes .box .btn-primary,
.shifted-boxes .box .btn-primary-light,
.shifted-boxes .box .btn-secondary {
  padding: 0 1em;
  width: 100%;
  text-align: center;
  margin-top: 2.5rem;
}

@media all and (min-width: 40em) {
  .shifted-boxes .boxes {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 65rem;
    padding-top: 7.5rem;
  }
  .shifted-boxes .box {
    -webkit-box-shadow: 0 0.8rem 1rem rgba(0, 0, 0, 0.15);
            box-shadow: 0 0.8rem 1rem rgba(0, 0, 0, 0.15);
  }
  .shifted-boxes .box:nth-child(1) {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .shifted-boxes .box:nth-child(1) img {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .shifted-boxes .box:nth-child(1) .text {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .shifted-boxes .box:nth-child(2) {
    margin-top: 0;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    -webkit-transform: translateY(-7.5rem);
            transform: translateY(-7.5rem);
  }
}
@media all and (min-width: 80em) {
  .shifted-boxes {
    margin-left: auto;
    margin-right: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .shifted-boxes .description {
    margin-bottom: 0;
    text-align: left;
    padding-right: 15.4rem;
  }
  .shifted-boxes .boxes {
    width: 50%;
    min-width: 70rem;
  }
  .shifted-boxes .box {
    width: 35rem;
  }
}
/* =================================================================
    Toggle list
================================================================= */
.toggle-list .toggle-item {
  padding-left: 1.6rem;
  margin-bottom: 2rem;
  border-bottom: 1px solid #D9D9D9;
}
.toggle-list .toggle-icon {
  display: inline-block;
  margin-left: -1.6rem;
  margin-right: 0.6rem;
  width: 1rem;
  text-align: center;
  color: hsl(34, 100%, 50%);
}
.toggle-list .toggle-title {
  line-height: 1.8;
  cursor: pointer;
}
.toggle-list .toggle-content {
  margin-top: 1em;
  max-height: 0;
  overflow: hidden;
}
.toggle-list .toggle-content-inner {
  padding: 1em 0;
}
.toggle-list .toggle-item.active .toggle-icon {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

/* =================================================================
    F.A.Q.
================================================================= */
.faq {
  max-width: 70rem;
  margin: 0 auto 15rem;
}

@media all and (min-width: 60em) {
  .faq {
    max-width: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .faq .title {
    width: 100%;
    margin-bottom: 5rem;
  }
  .faq .toggle-list {
    width: 48%;
  }
}
/* =================================================================
    Bottom CTA
================================================================= */
#bottom-cta {
  background: url(../img/pictures/bottom-cta-bg.jpg) no-repeat center;
  background-size: cover;
  padding: 5rem 1.6rem;
  color: #404040;
  text-align: center;
  position: relative;
  z-index: 0;
}
#bottom-cta:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  opacity: 0.96;
  z-index: -1;
  left: 0;
  right: 0;
  background-color: #f7f7fa;
}
#bottom-cta .text {
  max-width: 60rem;
  margin: auto;
}
#bottom-cta .text p:last-child {
  margin-bottom: 0;
}
#bottom-cta .text a:not(.btn-cta) {
  color: #404040;
}
#bottom-cta .text a:not(.btn-cta):hover {
  color: hsl(34, 100%, 50%);
}
#bottom-cta .btn-cta {
  margin-top: 2.5rem;
}
#bottom-cta.double-cta {
  padding: 0;
}
#bottom-cta.double-cta:before {
  display: none;
}
#bottom-cta.double-cta .col-1,
#bottom-cta.double-cta .col-2 {
  padding: 5rem 1.6rem;
  position: relative;
  z-index: 0;
}
#bottom-cta.double-cta .col-1:before,
#bottom-cta.double-cta .col-2:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  opacity: 0.95;
  z-index: -1;
  left: 0;
  right: 0;
}
#bottom-cta.double-cta .col-1:before {
  background-color: #f7f7fa;
}
#bottom-cta.double-cta .col-2:before {
  background-color: #e2e2e2;
}

@media all and (min-width: 60em) {
  #bottom-cta.double-cta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  #bottom-cta.double-cta .col-1,
  #bottom-cta.double-cta .col-2 {
    width: 50%;
  }
  #bottom-cta.double-cta .col-1 p,
  #bottom-cta.double-cta .col-2 p {
    min-height: 8.1rem;
  }
}
/* =================================================================
    Tender details
================================================================= */
.tender-details {
  margin-bottom: 15rem;
}
.tender-details .box {
  max-width: 56rem;
  padding: 5rem 3.2rem;
  margin: 0 auto;
}
.tender-details .box:last-of-type {
  padding-top: 0;
}
.tender-details .box h3 {
  margin-bottom: 5rem;
}
.tender-details .box-dark {
  background-color: #293d4f;
  color: white;
  margin-bottom: 5rem;
}
.tender-details .box:not(.box-dark) {
  border-left: 1px solid #ECECEC;
}
.tender-details .box:not(.box-dark) h3 {
  position: relative;
}
.tender-details .box:not(.box-dark) h3:before {
  content: "";
  display: block;
  width: 0.2rem;
  position: absolute;
  top: -1rem;
  bottom: -1rem;
  left: -3.2rem;
  background-color: #293d4f;
}
.tender-details ul {
  padding-left: 1.5rem;
}
.tender-details ul li {
  list-style-type: square;
  line-height: 1.8em;
}
.tender-details ul li:not(:last-of-type) {
  margin-bottom: 0.6em;
}

@media all and (min-width: 60em) {
  .tender-details {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .tender-details .box {
    width: 32%;
    max-width: 45.6rem;
  }
  .tender-details .box:first-child {
    margin: 0;
  }
  .tender-details .box:last-child {
    margin-right: 0;
    padding-top: 5rem;
  }
}
/* =================================================================
    Image gallery
================================================================= */
.color-options .wp-element-caption {
  background: none !important;
  text-shadow: none !important;
  position: static !important;
  color: #404040 !important;
}
.color-options .wp-block-image {
  margin-bottom: 2rem !important;
}
.color-options .wp-block-image:before {
  display: none !important;
}

#baguetteBox-overlay img {
  background-color: #fff;
}

#baguetteBox-overlay .full-image figcaption {
  font-size: 1.6rem;
}

.wp-block-gallery::before, .wp-block-gallery::after {
  content: "";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: calc(50% - var(--wp--style--unstable-gallery-gap, 16px) / 2);
}
.wp-block-gallery::before {
  -webkit-box-ordinal-group: 1000;
      -ms-flex-order: 999;
          order: 999;
}

@media all and (min-width: 600px) {
  .wp-block-gallery::before, .wp-block-gallery::after {
    width: calc(33.33% - var(--wp--style--unstable-gallery-gap, 16px) * 0.66667);
  }
}
/* =================================================================
    Contact details
================================================================= */
.contact-details {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.contact-details .contact-info {
  display: inline-block;
  position: relative;
  max-width: 28rem;
  width: 100%;
  margin-bottom: 5rem;
}
.contact-details .contact-info a {
  font-size: 2rem;
  line-height: 1;
}
.contact-details .contact-info small {
  display: block;
  font-size: 1.5rem;
  position: absolute;
  top: -1.8em;
  width: 100%;
  color: #293d4f;
}

@media all and (min-width: 80em) {
  .contact-details {
    padding-top: 5rem;
    padding-bottom: 2.5rem;
  }
  .contact-details .contact-info {
    margin-bottom: 0;
  }
}
/* =================================================================
    Directions (Contact form)
================================================================= */
.directions {
  max-width: 45.6rem;
  width: 100%;
  margin: 0 auto 5rem;
}
.directions h2 {
  margin-bottom: 5rem;
}
.directions .description,
.directions .form-wrapper .img-wrapper {
  max-width: 45.5rem;
}
.directions .description {
  text-align: center;
  margin-bottom: 5rem;
}
.directions .map-wrapper a {
  opacity: 1;
  -webkit-transition: opacity 300ms ease-in-out;
  transition: opacity 300ms ease-in-out;
}
.directions .map-wrapper a:hover {
  opacity: 0.8;
}
.directions .map-wrapper p {
  text-align: center;
}

@media all and (min-width: 57em) {
  .directions {
    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;
    max-width: none;
  }
  .directions h2 {
    text-align: left;
  }
  .directions h2::before {
    margin-left: 0;
  }
  .directions .description {
    margin-right: 3.2rem;
    margin-bottom: 0;
    text-align: left;
  }
  .directions .map-wrapper p {
    text-align: right;
  }
}
@media all and (min-width: 100em) {
  .directions {
    position: relative;
    z-index: 0;
  }
  .directions .form-wrapper {
    margin-right: 48.8rem;
    -webkit-box-shadow: 0 0.8rem 1rem rgba(0, 0, 0, 0.15);
            box-shadow: 0 0.8rem 1rem rgba(0, 0, 0, 0.15);
  }
  .directions .img-wrapper {
    display: block;
    position: absolute;
    right: 0;
    bottom: -5rem;
    z-index: -1;
    max-width: 57.8rem;
    height: auto;
  }
  .directions .img-wrapper img {
    width: 100%;
    height: auto;
  }
}
/* =================================================================
    Profile cards
================================================================= */
.profile-cards {
  text-align: center;
}
.profile-cards .card {
  display: block;
  width: 100%;
  max-width: 33.4rem;
  -webkit-box-shadow: 0 0.8rem 1rem rgba(0, 0, 0, 0.15);
          box-shadow: 0 0.8rem 1rem rgba(0, 0, 0, 0.15);
  margin: 0 auto 5rem;
  padding-top: 2.5rem;
}
.profile-cards .img-wrapper {
  width: 21rem;
  height: auto;
  padding: 0.7rem;
  margin: 0 auto 2.5rem auto;
  position: relative;
  z-index: 0;
  border-radius: 50%;
}
.profile-cards .img-wrapper:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: -1;
  background-color: #293d4f;
  opacity: 0.33;
  border-radius: 50%;
}
.profile-cards .img-wrapper img {
  border: 1px solid #293d4f;
  border-radius: 50%;
}
.profile-cards .name {
  font-size: 2rem;
  color: #293d4f;
  margin-bottom: 0.5rem;
}
.profile-cards .role {
  margin-bottom: 2.5rem;
}
.profile-cards .contact {
  background-color: #293d4f;
  padding: 2.5rem 1.6rem;
}
.profile-cards .contact p:last-child {
  margin-bottom: 0;
}
.profile-cards .contact a {
  color: white;
}

@media all and (min-width: 40em) {
  .profile-cards {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-left: -1.6rem;
    margin-right: -1.6rem;
  }
  .profile-cards .card {
    margin: 0 1.6rem;
  }
}
/* =================================================================
    Archive content
================================================================= */
.archive-content {
  padding: 15rem 0 10rem;
}
.archive-content article {
  width: 100%;
  max-width: 80rem;
  margin: 0 auto 5rem;
}
.archive-content article .post-title {
  font-size: 2rem;
  line-height: 1.3;
  font-weight: normal;
  text-transform: none;
  margin-top: 2.5rem;
  padding-left: 3.2rem;
  color: #293d4f;
  text-align: left;
}
.archive-content article .post-title:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 0.3rem;
  height: 3.6rem;
  margin: -0.2em 2.9rem 0 -3.2rem;
  background-color: #293d4f;
}
.archive-content article .post-excerpt {
  padding-left: 3.2rem;
  color: #404040;
}
.archive-content article .categories span {
  margin-left: 1.6rem;
  display: inline-block;
  padding: 0 1rem;
  border-radius: 0.3rem;
  font-size: 1.3rem;
  background: #297cc0;
  color: white;
}
.archive-content article .post-btn {
  display: inline-block;
  margin-top: 1rem;
  font-weight: bold;
  color: hsl(34, 100%, 50%);
}
.archive-content article .post-btn i {
  display: inline-block;
  vertical-align: middle;
  line-height: 1rem;
  margin-left: 0.5rem;
}
.archive-content article a:focus-within h2,
.archive-content article a:hover h2 {
  color: hsl(34, 100%, 50%);
}
.archive-content article a:focus-within .post-btn,
.archive-content article a:hover .post-btn {
  color: #ff7025;
}
.archive-content.archive-boxes {
  background-color: #f7f7fa;
}
.archive-content.archive-boxes article {
  background-color: white;
  padding: 3.2rem;
  -webkit-box-shadow: 0 0.8rem 1rem rgba(0, 0, 0, 0.15);
          box-shadow: 0 0.8rem 1rem rgba(0, 0, 0, 0.15);
}

/* =================================================================
    Pagination
================================================================= */
.pagination {
  width: 100%;
  padding: 5rem 1.6rem 10rem;
  text-align: center;
}
.pagination h2 {
  visibility: hidden;
  max-height: 0;
  max-width: 0;
  overflow: hidden;
  margin: 0;
}
.pagination .nav-links {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 5.8rem;
  position: relative;
}
.pagination .page-numbers {
  display: block;
  width: 5rem;
  height: 5rem;
  line-height: 5rem;
  text-align: center;
  font-weight: bold;
  background-color: #f7f7fa;
  margin: 0 0.8rem;
  color: #293d4f;
}
.pagination .page-numbers.current {
  border-bottom: 0.3rem solid #404040;
  color: #404040;
}
.pagination .prev,
.pagination .next {
  position: absolute;
  top: 0;
  font-size: 2rem;
  background-color: white;
  border: 0.2rem solid transparent;
  margin: 0;
}
.pagination .prev {
  left: 0;
}
.pagination .next {
  right: 0;
}
.pagination a:focus,
.pagination a:hover {
  color: hsl(34, 100%, 50%);
  border-color: #f7f7fa;
}

/* =================================================================
    Tender
================================================================= */
#tender {
  border-top: 5rem solid white;
  padding-bottom: 5rem;
}
#tender h3 {
  color: #293d4f;
}
#tender .container {
  max-width: 54rem;
  padding: 0;
}
#tender .card {
  margin-bottom: 2.5rem;
  background-color: #f7f7fa;
  -webkit-box-shadow: 0 0.8rem 1rem rgba(0, 0, 0, 0.15);
          box-shadow: 0 0.8rem 1rem rgba(0, 0, 0, 0.15);
  padding: 5rem 1.6rem;
}
#tender label {
  display: block;
}
#tender label a {
  color: hsl(34, 100%, 50%);
}
#tender input[type=radio] {
  position: absolute;
  width: 0;
  height: 0;
}
#tender .select {
  margin-bottom: 2.5rem;
}
#tender .select:last-child {
  margin-bottom: 0;
}
#tender .select label {
  margin-bottom: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#tender .select label a:hover,
#tender .select label a:focus {
  text-decoration: underline;
  outline: none;
}
#tender .radio-boxes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#tender .radio-boxes p {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}
#tender .radio-boxes label {
  display: block;
  -ms-flex-preferred-size: 30%;
      flex-basis: 30%;
  -webkit-box-shadow: 0 5px 10px -10px rgba(0, 0, 0, 0.5);
          box-shadow: 0 5px 10px -10px rgba(0, 0, 0, 0.5);
  min-width: 90px;
  border: 1px solid #f5f5f5;
  color: hsl(34, 100%, 50%);
  overflow: hidden;
  position: relative;
}
#tender .radio-boxes label:hover {
  border-color: hsl(34, 100%, 50%);
  border-bottom-color: hsl(34, 100%, 50%);
}
#tender .radio-boxes label .img-wrapper {
  margin: 1.5rem auto;
  width: 70%;
  padding-top: 70%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
#tender .radio-boxes label p {
  text-align: center;
  line-height: 1.4;
  margin-bottom: 0;
  padding-bottom: 1.5rem;
}
#tender .radio-boxes label:after {
  content: "";
  display: block;
  height: 0.4rem;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
}
#tender .radio-boxes input[type=radio]:checked:focus + label {
  border-color: hsl(34, 100%, 50%);
}
#tender .radio-boxes input[type=radio]:checked + label {
  border-bottom-color: hsl(34, 100%, 50%);
}
#tender .radio-boxes input[type=radio]:checked + label:after {
  background-color: hsl(34, 100%, 50%);
}
#tender .card-inner {
  position: relative;
  z-index: 0;
  padding-top: 5rem;
}
#tender .buttons {
  text-align: center;
}
#tender .buttons button {
  cursor: pointer;
}
#tender .buttons button:hover,
#tender .buttons button:focus {
  outline: none;
}
#tender #company-order input[type=checkbox] + span {
  vertical-align: middle;
}
#tender .lp-organization-wrapper {
  max-height: 0;
  overflow: hidden;
  margin-bottom: 2rem;
  -webkit-transition: max-height 300ms ease-in-out;
  transition: max-height 300ms ease-in-out;
}
#tender .lp-organization-wrapper.show {
  max-height: 50rem;
}
#tender .lp-organization-wrapper fieldset {
  padding: 2rem;
}
#tender .lp-shipping-wrapper {
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height 300ms ease-in-out;
  transition: max-height 300ms ease-in-out;
}
#tender .lp-shipping-wrapper.show {
  max-height: 30rem;
}
#tender .tooltip {
  position: relative;
  width: 100%;
  font-size: 1.2rem;
  max-height: 0;
  overflow: hidden;
}
#tender .tooltip .tooltip-inner {
  background-color: #293d4f;
  color: white;
  padding: 4rem 2rem 2rem;
  margin: 1rem auto 2rem;
  position: relative;
}
#tender .tooltip .tooltip-inner:before {
  content: "";
  display: block;
  border-bottom: 1rem solid transparent;
  border-left: 1rem solid #293d4f;
  width: 1rem;
  position: absolute;
  top: -0.5rem;
  right: 5rem;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
#tender .tooltip .tooltip-inner i.close {
  display: block;
  font-size: 1.5rem;
  position: absolute;
  top: 1.5rem;
  right: 1.5rem;
  width: 2rem;
  height: 2rem;
  line-height: 2rem;
  text-align: center;
  cursor: pointer;
}
#tender .tooltip p {
  font-size: 1.2rem;
}
#tender .tooltip p:last-child {
  margin-bottom: 0;
}
#tender .show-tooltip + .tooltip {
  max-height: 100rem;
}
#tender .tooltip-trigger {
  white-space: nowrap;
  vertical-align: bottom;
  padding-left: 1.6rem;
}

@media all and (min-width: 30em) {
  #tender .container {
    padding: 0 1.6rem;
  }
  #tender .card {
    padding: 5rem 3.2rem;
  }
}
@media all and (min-width: 48em) {
  #tender .container {
    max-width: 72rem;
  }
  #tender .card {
    padding: 5rem 10rem;
  }
  #tender .card-inner {
    padding-top: 0;
  }
  #tender .card-inner:before {
    top: 0;
    margin-top: -1rem;
    left: -5rem;
    border: 0.2rem solid #293d4f;
    border-radius: 50%;
  }
  #tender .card-inner:after {
    left: -5rem;
    right: auto;
    top: -5rem;
    bottom: -5rem;
    width: 0.2rem;
    height: auto;
  }
  #tender .form-wrapper {
    overflow: hidden;
  }
}
/* =================================================================
    Consuption
================================================================= */
/* =================================================================
    Installation card
================================================================= */
/* =================================================================
    Smart system card
================================================================= */
/* =================================================================
    Brand card
================================================================= */
/* =================================================================
    Bottom elements
================================================================= */
#refresh,
#send-form,
#form-submit,
#tender form .ajax-loader,
#warning {
  display: none;
}

#warning {
  padding: 2.5rem 3.2rem;
  text-align: center;
}

#form-next,
#form-submit {
  border: none;
}

#form-next {
  background-color: #404040;
}
#form-next:hover, #form-next:focus {
  background-color: black;
  color: hsl(34, 100%, 50%);
  outline: none;
}

#form-submit {
  position: relative;
}
#form-submit .ajax-loader {
  position: absolute;
  top: 50%;
  left: 1.5rem;
  height: 2rem;
  width: 2rem;
  padding: 0.2rem;
  margin-top: -1rem;
  border-radius: 50%;
  pointer-events: none;
  display: inline-block;
  background: white url(../img/ajax-loader.gif) no-repeat center;
  visibility: hidden;
}
#form-submit .ajax-loader.active {
  visibility: visible;
}

/* =================================================================
    Top info
================================================================= */
#top-info {
  overflow: hidden;
  background-color: #ffb56a;
  color: #404040;
  position: relative;
  border-bottom: 1px solid #293d4f;
}
#top-info .container {
  padding: 2rem 1.6rem;
}
#top-info {
  /*    i.close {
          display: block;
          font-size: 1.5rem;
          position: absolute;
          top: 1.5rem;
          right: 1.5rem;
          width: 2rem;
          height: 2rem;
          line-height: 2rem;
          text-align: center;
          cursor: pointer;
      }
  */
}
#top-info p:last-child {
  margin-bottom: 0;
}

/* =================================================================
    Shop
================================================================= */
.single-product .woocommerce-Tabs-panel {
  display: block !important;
}
.single-product .woocommerce-Tabs-panel .wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image) {
  max-width: calc(33.3333% - var(--wp--style--unstable-gallery-gap, 16px) * 0.6664);
  width: 100%;
}
.single-product .woocommerce-Tabs-panel .wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image) figcaption {
  padding: 1em 0;
}

.woocommerce-ordering,
.woocommerce-result-count,
.woocommerce ul.products li.product .button {
  display: none;
}

.woocommerce ul.products li.product .woocommerce-loop-category__title,
.woocommerce-loop-product__title {
  font-size: 1.8rem;
  color: #404040;
}
.woocommerce ul.products li.product .woocommerce-loop-category__title .count,
.woocommerce-loop-product__title .count {
  display: none;
}

.woocommerce:where(body:not(.woocommerce-uses-block-theme)) .woocommerce-breadcrumb {
  color: #aaaaaa;
  margin: 1em 0 0;
}
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) .woocommerce-breadcrumb a {
  color: #aaaaaa;
}

@media all and (min-width: 37.5em) {
  .single-product .woocommerce-Tabs-panel .wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image) {
    max-width: calc(20% - var(--wp--style--unstable-gallery-gap, 16px) * 0.8);
    width: 100%;
  }
}
@media all and (min-width: 48em) {
  .single-product .woocommerce-Tabs-panel .wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image) {
    max-width: calc(14% - var(--wp--style--unstable-gallery-gap, 16px) * 0.8571);
    width: 100%;
  }
}
@media all and (min-width: 64em) {
  .woocommerce ul.products li.product .woocommerce-loop-category__title,
  .woocommerce-loop-product__title {
    font-size: 2.4rem;
  }
}
.woocommerce ul.products,
.woocommerce-js .products {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  max-width: 80rem;
  margin: auto;
  -webkit-padding-start: 0;
          padding-inline-start: 0;
  padding-top: 4rem;
}
.woocommerce ul.products:before,
.woocommerce-js .products:before {
  display: none !important;
}
.woocommerce ul.products li.product,
.woocommerce-js .products li.product {
  display: block;
  text-align: center;
  width: 30rem !important;
  list-style-type: none;
  margin: 1rem 1rem 0 !important;
}
.woocommerce ul.products li.product .woocommerce ul.products li.product .woocommerce-loop-category__title,
.woocommerce ul.products li.product h2.woocommerce-loop-product__title,
.woocommerce-js .products li.product .woocommerce ul.products li.product .woocommerce-loop-category__title,
.woocommerce-js .products li.product h2.woocommerce-loop-product__title {
  font-size: 2.5rem;
  padding: 0 0 0.8rem;
}
.woocommerce ul.products li.product .price,
.woocommerce-js .products li.product .price {
  display: inline-block;
  position: relative;
  margin-bottom: 2rem;
}
.woocommerce ul.products li.product .price del,
.woocommerce-js .products li.product .price del {
  color: #404040;
  position: absolute;
  top: -1.6rem;
  font-size: 1.2rem;
  line-height: 1.2rem;
  opacity: 0.5;
}
.woocommerce ul.products li.product .price del::after,
.woocommerce-js .products li.product .price del::after {
  content: "helyett";
  display: inline-block;
  margin-left: 0.3em;
}
.woocommerce ul.products li.product .price del bdi,
.woocommerce-js .products li.product .price del bdi {
  font-size: 1.2rem;
  font-weight: normal;
  color: #404040;
}
.woocommerce ul.products li.product .price del .woocommerce-Price-currencySymbol,
.woocommerce-js .products li.product .price del .woocommerce-Price-currencySymbol {
  display: none;
}
.woocommerce ul.products li.product .price ins,
.woocommerce-js .products li.product .price ins {
  text-decoration: none;
}
.woocommerce ul.products li.product .price small,
.woocommerce-js .products li.product .price small {
  color: #404040;
  margin-right: 0.25rem;
}
.woocommerce ul.products li.product .woocommerce-LoopProduct-link,
.woocommerce-js .products li.product .woocommerce-LoopProduct-link {
  display: inline-block;
  position: relative;
}
.woocommerce ul.products li.product .woocommerce-LoopProduct-link .onsale,
.woocommerce-js .products li.product .woocommerce-LoopProduct-link .onsale {
  position: absolute;
  right: -1.5rem;
  top: -2rem;
  z-index: 1;
  width: 4rem;
  height: 4rem;
  line-height: 3.8rem;
  text-transform: uppercase;
  font-size: 0;
  letter-spacing: 1px;
  text-align: center;
  background-color: #d7141d;
  color: white;
  border-radius: 100%;
  margin: 0;
  padding: 0;
  padding-left: 2px;
  min-height: 0;
}
.woocommerce ul.products li.product .woocommerce-LoopProduct-link .onsale:before,
.woocommerce-js .products li.product .woocommerce-LoopProduct-link .onsale:before {
  content: "%";
  display: block;
  font-size: 2.6rem;
}
.woocommerce ul.products li.product .woocommerce-LoopProduct-link img,
.woocommerce-js .products li.product .woocommerce-LoopProduct-link img {
  -webkit-transition: opacity 300ms ease-in-out;
  transition: opacity 300ms ease-in-out;
}
.woocommerce ul.products li.product .woocommerce-LoopProduct-link:hover img,
.woocommerce-js .products li.product .woocommerce-LoopProduct-link:hover img {
  opacity: 0.8;
}
.woocommerce ul.products li.product .free-sample-ribbon,
.woocommerce-js .products li.product .free-sample-ribbon {
  display: inline-block;
  white-space: nowrap;
  padding: 0.4rem 0.8rem;
  position: absolute;
  top: 2rem;
  left: -1rem;
  z-index: 9;
  background-color: hsl(34, 100%, 50%);
  color: white;
}
.woocommerce ul.products li.product .free-sample-ribbon:hover,
.woocommerce-js .products li.product .free-sample-ribbon:hover {
  background-color: #ff7025;
}
.woocommerce ul.products li.product h2,
.woocommerce ul.products li.product a,
.woocommerce-js .products li.product h2,
.woocommerce-js .products li.product a {
  text-align: center;
}
.woocommerce ul.products li.product h2,
.woocommerce-js .products li.product h2 {
  margin-bottom: 1rem;
}
.woocommerce ul.products li.product img,
.woocommerce-js .products li.product img {
  width: 100%;
  height: auto;
}
.woocommerce ul.products li.product .category,
.woocommerce-js .products li.product .category {
  display: inline-block;
  color: #6a6a6a;
  margin: 1.5rem 0 1rem;
}
.woocommerce ul.products li.product .woocommerce-Price-amount,
.woocommerce-js .products li.product .woocommerce-Price-amount {
  font-size: 2.4rem;
  color: hsl(34, 100%, 50%);
}
.woocommerce ul.products li.product .woocommerce-Price-amount .woocommerce-Price-currencySymbol,
.woocommerce-js .products li.product .woocommerce-Price-amount .woocommerce-Price-currencySymbol {
  font-size: 1.6rem;
  color: #404040;
}
.woocommerce ul.products li.product a.product_type_simple,
.woocommerce-js .products li.product a.product_type_simple {
  display: none !important;
}
.woocommerce ul.products li.product .btn-more-info,
.woocommerce-js .products li.product .btn-more-info {
  display: inline-block;
  background-color: #ffffff;
  color: hsl(34, 100%, 50%);
  border: 1px solid hsl(34, 100%, 50%);
  padding: 0.8rem 1.5rem;
  margin-bottom: 4rem;
  -webkit-transition: background-color 0s ease, color 0.3s ease;
  transition: background-color 0s ease, color 0.3s ease;
}
.woocommerce ul.products li.product .btn-more-info:hover,
.woocommerce-js .products li.product .btn-more-info:hover {
  background-color: hsl(34, 100%, 50%);
  color: #ffffff;
}
.woocommerce ul.products.sparrow,
.woocommerce-js .products.sparrow {
  padding-top: 4rem;
}
.woocommerce ul.products.sparrow .category,
.woocommerce ul.products.sparrow .price,
.woocommerce ul.products.sparrow .onsale,
.woocommerce-js .products.sparrow .category,
.woocommerce-js .products.sparrow .price,
.woocommerce-js .products.sparrow .onsale {
  display: none !important;
}
.woocommerce ul.products.sparrow img,
.woocommerce-js .products.sparrow img {
  aspect-ratio: 4/3;
  -o-object-fit: cover;
     object-fit: cover;
}
.woocommerce ul.products.sparrow li.product > a,
.woocommerce-js .products.sparrow li.product > a {
  display: inline-block;
  position: relative;
  border-radius: 1rem;
  overflow: hidden;
  font-size: 0;
}
.woocommerce ul.products.sparrow li.product > a h2,
.woocommerce-js .products.sparrow li.product > a h2 {
  background: hsl(34, 100%, 50%);
  border-top-right-radius: 1rem;
  text-align: left;
  padding: 1rem;
  font-size: 1.8rem;
  color: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 90%;
  height: 7rem;
  margin-bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-transform: uppercase;
}

@media all and (min-width: 42em) {
  .woocommerce ul.products,
  .woocommerce-js .products {
    padding-top: 0;
  }
  .woocommerce ul.products li.product,
  .woocommerce-js .products li.product {
    margin: 5rem 1rem 0 !important;
  }
  .woocommerce ul.products.sparrow img,
  .woocommerce-js .products.sparrow img {
    aspect-ratio: 1/1;
  }
}
@media all and (min-width: 83em) {
  .woocommerce ul.products,
  .woocommerce-js .products {
    max-width: none;
  }
  .woocommerce ul.products li.product,
  .woocommerce-js .products li.product {
    width: 23% !important;
    min-width: 300px;
  }
}
.woocommerce-breadcrumb {
  margin-top: 1rem;
}
.woocommerce-breadcrumb a {
  color: #aaaaaa;
}
.woocommerce-breadcrumb a:hover {
  color: hsl(34, 100%, 50%);
}

.woocommerce .single-product .onsale {
  position: absolute;
  right: -1.5rem;
  top: -2rem;
  z-index: 1;
  width: 4rem;
  height: 4rem;
  line-height: 3.8rem;
  text-transform: uppercase;
  font-size: 0;
  letter-spacing: 1px;
  text-align: center;
  background-color: #d7141d;
  color: white;
  border-radius: 100%;
  margin: 0;
  padding: 0;
  padding-left: 2px;
  min-height: 0;
}
.woocommerce .single-product .onsale:before {
  content: "%";
  display: block;
  font-size: 2.6rem;
}
.woocommerce .single-product .pswp__button--zoom {
  display: none;
}
.woocommerce .single-product .product-gallery-inner {
  max-width: 100%;
  margin-bottom: 5rem;
}
.woocommerce .single-product .product-gallery-inner .sectional-view {
  display: none;
}
.woocommerce .single-product .product-gallery-inner .product-colors {
  margin-top: 10rem;
}
.woocommerce .single-product .product-gallery-inner .product-colors h4.wp-block-heading {
  margin-top: 5rem;
}
.woocommerce .single-product .product-gallery-inner .product-colors .color-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.2rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.woocommerce .single-product .product-gallery-inner .product-colors .color-container figcaption {
  font-size: 1.4rem;
  line-height: 1.2;
}
.woocommerce .single-product .product-gallery-inner .product-colors .color-container-shiny figure,
.woocommerce .single-product .product-gallery-inner .product-colors .color-container-matte figure {
  max-width: 5rem;
}
.woocommerce .single-product .product-gallery-inner .product-colors .color-container-wood figure {
  max-width: 6.6rem;
}

.single-product #single-post-content .woocommerce-product-gallery {
  border-radius: 1rem;
  overflow: hidden;
}
.single-product #single-post-content .product {
  width: 100% !important;
}
.single-product #single-post-content .price {
  color: hsl(34, 100%, 50%);
  display: inline-block;
  position: relative;
}
.single-product #single-post-content .price del {
  color: #404040;
  position: absolute;
  top: -0.8rem;
  font-size: 1.2rem;
  line-height: 1.2rem;
  text-decoration: none;
}
.single-product #single-post-content .price del::after {
  content: "helyett";
  display: inline-block;
  margin-left: 0.3em;
}
.single-product #single-post-content .price del bdi {
  font-size: 1.2rem;
  font-weight: normal;
  color: #404040;
  text-decoration: line-through;
}
.single-product #single-post-content .price del .woocommerce-Price-currencySymbol {
  display: none;
}
.single-product #single-post-content .price ins {
  text-decoration: none;
}
.single-product #single-post-content .price small {
  color: #404040;
  margin-right: 0.25rem;
}
.single-product #single-post-content ol.flex-control-nav {
  margin-top: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 1rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.single-product #single-post-content ol.flex-control-nav li {
  padding-left: 0;
  width: 100%;
  max-width: 5.8rem;
}
.single-product #single-post-content .summary {
  width: 100% !important;
  position: relative;
}
.single-product #single-post-content .summary ul li {
  margin-bottom: 0;
}
.single-product #single-post-content .summary .product_meta {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  margin-top: 5rem;
}
.single-product #single-post-content .summary .btn-cta {
  margin-bottom: 2rem;
}
.single-product #single-post-content .woocommerce-product-gallery {
  width: 100% !important;
}
.single-product #single-post-content .woocommerce-tabs {
  margin-top: 5rem;
  text-align: center;
}
.single-product #single-post-content .woocommerce-tabs .wc-tabs {
  display: none;
}
.single-product #single-post-content .woocommerce-tabs h2 {
  display: none;
}
.single-product #single-post-content #tab-description {
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
}
.single-product #single-post-content .summary table,
.single-product #single-post-content #tab-pricing_table_tab table,
.single-product #single-post-content #tab-description table {
  display: inline-block;
  max-width: 100%;
  text-align: left;
}
.single-product #single-post-content .summary table td,
.single-product #single-post-content .summary table th,
.single-product #single-post-content #tab-pricing_table_tab table td,
.single-product #single-post-content #tab-pricing_table_tab table th,
.single-product #single-post-content #tab-description table td,
.single-product #single-post-content #tab-description table th {
  padding: 0.5rem 1rem;
  min-width: 11rem;
  line-height: 1.35;
}
.single-product #single-post-content .summary table tbody tr:nth-child(odd),
.single-product #single-post-content #tab-pricing_table_tab table tbody tr:nth-child(odd),
.single-product #single-post-content #tab-description table tbody tr:nth-child(odd) {
  background-color: #fefefe;
}
.single-product #single-post-content .summary table tbody tr:nth-child(even),
.single-product #single-post-content #tab-pricing_table_tab table tbody tr:nth-child(even),
.single-product #single-post-content #tab-description table tbody tr:nth-child(even) {
  background-color: #eee;
}
.single-product #single-post-content .summary table thead tr,
.single-product #single-post-content #tab-pricing_table_tab table thead tr,
.single-product #single-post-content #tab-description table thead tr {
  background-color: #ccc;
}
.single-product #single-post-content .summary table {
  width: 100%;
  margin-top: 4rem;
  display: table !important;
}
.single-product #single-post-content .summary table caption {
  text-transform: uppercase;
  font-weight: bold;
  background: #ffb56a;
}
.single-product #single-post-content .summary table tbody {
  display: table-row-group !important;
}
.single-product #single-post-content .summary table tr {
  display: table-row !important;
}
.single-product #single-post-content .summary table td {
  padding: 0.5rem 2rem;
  display: table-cell !important;
}

@media all and (max-width: 47.9375em) {
  .single-product #single-post-content .summary table,
  .single-product #single-post-content #tab-pricing_table_tab table,
  .single-product #single-post-content #tab-description table {
    display: block;
    border: 1px solid #eee;
  }
  .single-product #single-post-content .summary table thead,
  .single-product #single-post-content #tab-pricing_table_tab table thead,
  .single-product #single-post-content #tab-description table thead {
    display: none;
  }
  .single-product #single-post-content .summary table tbody,
  .single-product #single-post-content .summary table tr,
  .single-product #single-post-content .summary table td,
  .single-product #single-post-content #tab-pricing_table_tab table tbody,
  .single-product #single-post-content #tab-pricing_table_tab table tr,
  .single-product #single-post-content #tab-pricing_table_tab table td,
  .single-product #single-post-content #tab-description table tbody,
  .single-product #single-post-content #tab-description table tr,
  .single-product #single-post-content #tab-description table td {
    display: block;
  }
  .single-product #single-post-content .summary table tr,
  .single-product #single-post-content #tab-pricing_table_tab table tr,
  .single-product #single-post-content #tab-description table tr {
    padding: 1rem;
  }
  .single-product #single-post-content .summary table td,
  .single-product #single-post-content #tab-pricing_table_tab table td,
  .single-product #single-post-content #tab-description table td {
    padding: 1rem 2rem;
  }
  .single-product #single-post-content .summary table td:before,
  .single-product #single-post-content #tab-pricing_table_tab table td:before,
  .single-product #single-post-content #tab-description table td:before {
    content: attr(data-col);
    display: block;
    font-weight: bold;
  }
}
@media all and (min-width: 30em) {
  .single-product #single-post-content .summary .btn-cta {
    position: absolute;
    top: 0;
    right: 0;
    max-width: 17rem;
    font-size: 1.3rem;
  }
  .single-product .up-sells > h2 {
    width: 100%;
    font-size: 2.2rem;
  }
  .single-product .up-sells ul.products {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .single-product .up-sells ul.products li {
    max-width: 45%;
  }
}
@media all and (min-width: 48em) {
  .woocommerce .single-product .product {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .woocommerce .single-product .product-gallery-inner {
    max-width: 50.8rem;
  }
  .woocommerce .single-product .product-gallery-inner .sectional-view {
    display: block;
  }
  .woocommerce .single-product .summary {
    max-width: calc(100% - 55.8rem);
  }
  .woocommerce .single-product .summary .btn-cta {
    height: 4rem;
    line-height: 4rem;
  }
  .woocommerce .single-product .woocommerce-tabs {
    width: 100% !important;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .woocommerce .single-product .woocommerce-tabs h2 {
    text-align: left;
  }
  .woocommerce .single-product .up-sells {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}
@media all and (min-width: 83em) {
  .woocommerce .single-product .up-sells ul.products {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .woocommerce .single-product .up-sells ul.products li {
    max-width: 22%;
  }
}
/* =================================================================
    Product category
================================================================= */
#category-marketing {
  margin: 10rem auto 5rem;
  max-width: 70rem;
}
#category-marketing article {
  margin-bottom: 5rem;
}
#category-marketing h2 {
  text-align: left;
  text-transform: uppercase;
}
#category-marketing li {
  line-height: 1.7;
}
#category-marketing .text-block {
  margin-bottom: 3rem;
}
#category-marketing img {
  width: 100%;
  height: auto;
  border-radius: 1rem;
  aspect-ratio: 1/1;
  -o-object-fit: cover;
     object-fit: cover;
}

@media all and (min-width: 64em) {
  #category-marketing {
    max-width: none;
  }
  #category-marketing article {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 5rem;
  }
  #category-marketing article .text-block {
    -ms-flex-preferred-size: 65%;
        flex-basis: 65%;
  }
  #category-marketing article .img-block {
    -ms-flex-preferred-size: 35%;
        flex-basis: 35%;
  }
  #category-marketing article:nth-child(even) .text-block {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  #category-marketing article:nth-child(even) .img-block {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}
/* =================================================================
    Variables
================================================================= */
/* :root {
    --primary-color: #F7A93E;
    --secondary-color: #297CC0;
    --text-color: #1f252e;
    --light-text-color: #a5a5a5;
    --light-bg-color: #F7F7FA;

    --form-border-color: #E6E6E6;
    --form-dark-border-color: #A8CAE5;


    --primary-hover-color: #FF7025;

    --basic-shadow: 0 0.8rem 1rem rgba(0,0,0,.15);
    --small-shadow: 0 0.2rem 0.2rem rgba(0,0,0,.15);

    --gap-s: 2.5rem;
    --gap-m: 5rem;
    --gap-l: 15rem;
} */
html {
  font-size: 62.5%; /* Now 10px = 1rem! */
}

/* =================================================================
    Contact card popup
================================================================= */
#contact-card-popup {
  position: fixed;
  width: 32rem;
  height: 0;
  overflow: hidden;
  z-index: 9999;
  background: #293d4f;
  bottom: 0.5rem;
  left: 50%;
  margin-left: -16rem;
  padding: 1.5rem 2rem;
  text-align: center;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
  color: #fff;
  opacity: 0;
  -webkit-transform: translateX(5rem);
          transform: translateX(5rem);
  border-radius: 0.5rem;
}
#contact-card-popup.show {
  -webkit-transition: opacity 300ms ease-in-out, -webkit-transform 300ms ease-in-out;
  transition: opacity 300ms ease-in-out, -webkit-transform 300ms ease-in-out;
  transition: opacity 300ms ease-in-out, transform 300ms ease-in-out;
  transition: opacity 300ms ease-in-out, transform 300ms ease-in-out, -webkit-transform 300ms ease-in-out;
  height: auto;
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
#contact-card-popup h2 {
  font-size: 1.6rem;
  text-align: center;
  text-transform: uppercase;
  font-weight: 400;
  letter-spacing: 1px;
}
#contact-card-popup .phone-number {
  font-size: 1.2rem;
  line-height: 1;
  letter-spacing: 0.5px;
  margin-bottom: 0;
  color: hsl(34, 100%, 50%);
}
#contact-card-popup .btn-cta {
  margin-bottom: 1rem;
}
#contact-card-popup .btn-close {
  display: block;
  position: absolute;
  width: 4rem;
  height: 4rem;
  top: 0;
  right: 0;
}
#contact-card-popup .btn-close::before, #contact-card-popup .btn-close::after {
  content: "";
  display: block;
  width: 50%;
  height: 1px;
  background-color: #ffffff;
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  position: absolute;
  top: 50%;
  left: 25%;
}
#contact-card-popup .btn-close::before {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
#contact-card-popup .btn-close::after {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

@media all and (min-width: 30em) {
  #contact-card-popup {
    left: auto;
    right: 1rem;
    bottom: 1rem;
    margin-left: 0;
    padding: 2rem;
  }
  #contact-card-popup .phone-number {
    font-size: 1.4rem;
  }
}
/* =================================================================
    CTA v2
================================================================= */
.cta-v2 {
  text-align: center;
  background: #293d4f;
}
.cta-v2 h2 {
  text-align: center;
  text-transform: uppercase;
}
.cta-v2 h3 {
  font-size: 1.8rem;
}
.cta-v2 textarea {
  resize: none;
}
.cta-v2 .inner-container > div {
  color: #fff;
  margin: auto;
  max-width: 60rem;
}
.cta-v2 .cta-v2-form {
  border-radius: 10px;
  padding: 4rem 2rem;
}
.cta-v2 .cta-v2-form h2 {
  color: hsl(34, 100%, 50%);
}
.cta-v2 .cta-v2-form form {
  text-align: left;
}
.cta-v2 .cta-v2-form form p {
  font-size: 1.6rem;
  line-height: 1.5;
}
.cta-v2 .cta-v2-form form .form-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.cta-v2 .cta-v2-form form .form-row::before, .cta-v2 .cta-v2-form form .form-row::after {
  display: none;
}
.cta-v2 .cta-v2-form form .form-row p {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}
.cta-v2 .cta-v2-form form .form-row.w-100 p {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}
.cta-v2 .cta-v2-form form .form-row label,
.cta-v2 .cta-v2-form form .form-row input,
.cta-v2 .cta-v2-form form .form-row select {
  width: 100%;
}
.cta-v2 .cta-v2-form form .form-row label {
  font-size: 1.6rem;
}
.cta-v2 .cta-v2-form form .form-row select {
  height: 4rem;
}
.cta-v2 .cta-v2-form form input,
.cta-v2 .cta-v2-form form select,
.cta-v2 .cta-v2-form form textarea {
  border-radius: 10px;
}
.cta-v2 .cta-v2-form .submit-container {
  text-align: center;
}
.cta-v2 .cta-v2-form .submit-container input[type=submit] {
  padding-right: 1.5rem;
}
.cta-v2 .cta-v2-form .submit-container input[type=submit]:after {
  display: none;
}
.cta-v2 .cta-v2-form .submit-container .wpcf7-spinner {
  position: absolute;
}
.cta-v2 .cta-v2-form .privacy {
  max-width: 40rem;
  margin: 2rem auto;
}
.cta-v2 .cta-v2-box > div {
  background: hsl(34, 100%, 50%);
  margin-top: 1rem;
  border-radius: 10px;
  padding: 4rem 2rem;
}
.cta-v2 .btn-phone {
  display: inline-block;
  padding: 0 1.5rem;
  background: #293d4f;
  border-radius: 1rem;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 4rem;
  color: #fff;
}

@media all and (min-width: 48em) {
  .cta-v2 .cta-v2-form .submit-container input[type=submit] {
    padding-right: 3rem;
  }
  .cta-v2 .btn-phone {
    padding: 0 3rem;
    font-size: 2.5rem;
    line-height: 5rem;
  }
}
@media all and (min-width: 64em) {
  .cta-v2 h3 {
    font-size: 2.5rem;
  }
  .cta-v2 .inner-container .cta-v2-form {
    max-width: none;
  }
  .cta-v2 .inner-container form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 2rem;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .cta-v2 .inner-container form small {
    font-size: 1.2rem;
  }
  .cta-v2 .inner-container form .col-1 {
    -ms-flex-preferred-size: calc(66.6666% - 1rem);
        flex-basis: calc(66.6666% - 1rem);
  }
  .cta-v2 .inner-container form .col-1 .form-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    gap: 2rem;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .cta-v2 .inner-container form .col-1 .form-row p {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 50%;
            flex: 1 1 50%;
    max-width: calc(50% - 1rem);
  }
  .cta-v2 .inner-container form .col-2 {
    -ms-flex-preferred-size: calc(33.3333% - 1rem);
        flex-basis: calc(33.3333% - 1rem);
  }
  .cta-v2 .inner-container form .col-2 textarea {
    height: 20rem;
  }
  .cta-v2 .inner-container form .privacy {
    max-width: calc(33.3333% - 1rem);
    -ms-flex-preferred-size: calc(33.3333% - 1rem);
        flex-basis: calc(33.3333% - 1rem);
    margin-left: 33.3333%;
    margin-top: -7.8rem;
  }
  .cta-v2 .inner-container form .privacy span {
    font-size: 1.2rem;
  }
  .cta-v2 .inner-container form .submit-container {
    margin-top: -2.2rem;
  }
}
@media all and (min-width: 90em) {
  .cta-v2 .inner-container .cta-v2-form {
    text-align: center;
    position: relative;
  }
  .cta-v2 .inner-container .cta-v2-form::after {
    content: "";
    position: absolute;
    display: block;
    width: 21%;
    height: 92%;
    background: url(../img/devald-form.png);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    right: 2%;
    bottom: 0;
  }
  .cta-v2 .inner-container .cta-v2-form > h2 {
    max-width: 73rem;
    margin-left: auto;
    margin-right: auto;
  }
  .cta-v2 .inner-container .cta-v2-form > div {
    max-width: 75%;
    margin-right: 25%;
  }
}
#category-faq {
  background-color: #f6f6f6;
  padding: 5rem 0;
}
#category-faq .container {
  max-width: 682px;
  margin: 0 auto;
}
#category-faq {
  /* Title */
}
#category-faq .faq-title {
  margin: 0 0 32px;
  text-align: center;
  color: hsl(34, 100%, 50%);
  text-transform: uppercase;
}
#category-faq {
  /* List layout */
}
#category-faq .faq-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}
#category-faq {
  /* Card */
}
#category-faq .faq-item {
  background: #ffffff;
  border-radius: 10px;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0);
          box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0);
  -webkit-transition: border-color 0.5s ease, -webkit-box-shadow 0.5s ease;
  transition: border-color 0.5s ease, -webkit-box-shadow 0.5s ease;
  transition: border-color 0.5s ease, box-shadow 0.5s ease;
  transition: border-color 0.5s ease, box-shadow 0.5s ease, -webkit-box-shadow 0.5s ease;
}
#category-faq .faq-item:hover {
  border-color: #e5e5e5;
}
#category-faq {
  /* Optional slight border when open for clarity */
}
#category-faq .faq-item.is-open {
  border-color: #e5e5e5;
  -webkit-box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.15);
}
#category-faq {
  /* Header (clickable area) */
}
#category-faq .faq-header {
  width: 100%;
  padding: 20px;
  border: none;
  outline: none;
  background: transparent;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 16px;
  cursor: pointer;
  font-size: 1.8rem;
  font-weight: 700;
  color: #404040;
  text-align: left;
}
#category-faq .faq-header:focus-visible {
  outline: 2px solid #2563eb;
  outline-offset: 2px;
}
#category-faq .faq-question {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
#category-faq {
  /* Icon base */
}
#category-faq .faq-icon {
  position: relative;
  width: 20px;
  height: 20px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  background: url(../img/icons/chevron.svg) no-repeat center;
  -webkit-transform: rotate(0);
          transform: rotate(0);
  -webkit-transform-origin: center;
          transform-origin: center;
  -webkit-transition: -webkit-transform 0.25s ease;
  transition: -webkit-transform 0.25s ease;
  transition: transform 0.25s ease;
  transition: transform 0.25s ease, -webkit-transform 0.25s ease;
}
#category-faq {
  /* Horizontal line */
  /* Horizontal line (before) */
  /* Vertical line (after) */
  /* WHEN OPEN → X ICON */
}
#category-faq .faq-item.is-open .faq-icon {
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
}
#category-faq {
  /* Body */
}
#category-faq .faq-body {
  padding: 0 20px;
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height 0.22s ease-out, padding-bottom 0.22s ease-out, padding-top 0.22s ease-out;
  transition: max-height 0.22s ease-out, padding-bottom 0.22s ease-out, padding-top 0.22s ease-out;
  will-change: max-height;
  color: #404040;
}
#category-faq .faq-item.is-open .faq-body {
  padding-top: 0;
  padding-bottom: 20px;
}
#category-faq {
  /* Text inside body */
}
#category-faq .faq-body p {
  margin: 0;
  font-size: 14.5px;
  line-height: 1.7;
  color: #404040;
  max-width: 720px;
}
#category-faq p:not(:last-of-type),
#category-faq li:not(:last-of-type) {
  margin-bottom: 1em;
}

/* Responsive */
@media (max-width: 640px) {
  #category-faq {
    padding: 40px 12px 56px;
  }
  #category-faq .faq-header {
    padding: 20px;
    font-size: 15px;
  }
  #category-faq .faq-body {
    padding: 0 20px;
  }
  #category-faq .faq-item.is-open .faq-body {
    padding-bottom: 20px;
  }
}
/* =================================================================
    1. Transitions
================================================================= */
p a:before,
footer a:before {
  -webkit-transition: width 250ms ease-in-out;
  transition: width 250ms ease-in-out;
}

.btn-primary,
.btn-primary-light,
.btn-secondary,
.post-btn,
nav a {
  -webkit-transition: color 250ms ease-in-out, background-color 250ms ease-in-out, border-color 250ms ease-in-out;
  transition: color 250ms ease-in-out, background-color 250ms ease-in-out, border-color 250ms ease-in-out;
}

header #site-logo {
  -webkit-transition: width 150ms ease-in-out, line-height 150ms ease-in-out;
  transition: width 150ms ease-in-out, line-height 150ms ease-in-out;
}
header .container {
  -webkit-transition: min-height 150ms ease-in-out;
  transition: min-height 150ms ease-in-out;
}
header #site-navigation {
  -webkit-transition: top 150ms ease-in-out, max-height 300ms ease-in-out;
  transition: top 150ms ease-in-out, max-height 300ms ease-in-out;
}
header .submenu .nav-dropdown,
header .menu-item-has-children .sub-menu {
  -webkit-transition: opacity 300ms ease-in-out, max-height 300ms ease-in-out, -webkit-transform 300ms ease-in-out;
  transition: opacity 300ms ease-in-out, max-height 300ms ease-in-out, -webkit-transform 300ms ease-in-out;
  transition: opacity 300ms ease-in-out, max-height 300ms ease-in-out, transform 300ms ease-in-out;
  transition: opacity 300ms ease-in-out, max-height 300ms ease-in-out, transform 300ms ease-in-out, -webkit-transform 300ms ease-in-out;
}

.carousel button {
  -webkit-transition: opacity 250ms ease-in-out, border-color 250ms ease-in-out, color 250ms ease-in-out, background-color 250ms ease-in-out;
  transition: opacity 250ms ease-in-out, border-color 250ms ease-in-out, color 250ms ease-in-out, background-color 250ms ease-in-out;
}

.hovering-box .programs li {
  -webkit-transition: border-color 200ms ease-in-out;
  transition: border-color 200ms ease-in-out;
}
.hovering-box .programs li .fas {
  -webkit-transition: background-color 200ms ease-in-out;
  transition: background-color 200ms ease-in-out;
}
.hovering-box .programs li span {
  -webkit-transition: color 200ms ease-in-out;
  transition: color 200ms ease-in-out;
}

.toggle-list .toggle-icon {
  -webkit-transition: -webkit-transform 300ms ease-in-out;
  transition: -webkit-transform 300ms ease-in-out;
  transition: transform 300ms ease-in-out;
  transition: transform 300ms ease-in-out, -webkit-transform 300ms ease-in-out;
}
.toggle-list .toggle-content {
  -webkit-transition: max-height 300ms ease-in-out;
  transition: max-height 300ms ease-in-out;
}

/* === Blog === */
.post .entry-image {
  -webkit-transition: opacity 250ms ease-in-out;
  transition: opacity 250ms ease-in-out;
}
.post h2 {
  -webkit-transition: color 250ms ease-in-out;
  transition: color 250ms ease-in-out;
}

/* === Calculator === */
#slanted-roof {
  -webkit-transition: max-height 250ms ease-in-out;
  transition: max-height 250ms ease-in-out;
}
#slanted-roof:after {
  -webkit-transition: opacity 250ms ease-in-out;
  transition: opacity 250ms ease-in-out;
}

#choose-brand {
  -webkit-transition: max-height 250ms ease-in-out;
  transition: max-height 250ms ease-in-out;
}

.tooltip {
  -webkit-transition: max-height 300ms ease-in-out;
  transition: max-height 300ms ease-in-out;
}

.card {
  -webkit-transition: opacity 400ms ease-in-out, -webkit-transform 400ms ease-in-out;
  transition: opacity 400ms ease-in-out, -webkit-transform 400ms ease-in-out;
  transition: opacity 400ms ease-in-out, transform 400ms ease-in-out;
  transition: opacity 400ms ease-in-out, transform 400ms ease-in-out, -webkit-transform 400ms ease-in-out;
}

@keyframes sticky-header-anim {
  from {
    -webkit-transform: translateY(-12rem);
            transform: translateY(-12rem);
  }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
/* =================================================================
    0. 404 Error
    11. Thank you pages

================================================================= */
/* =================================================================
    0. 404 Error
================================================================= */
.error404-content {
  min-height: 55vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  z-index: 0;
  text-align: center;
}
.error404-content:before {
  content: "404";
  color: rgba(31, 37, 46, 0.5);
  opacity: 0.1;
  font-size: 15rem;
  font-weight: bold;
  line-height: 1;
  position: absolute;
  top: 50%;
  width: 100%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-text-stroke: 1px #404040;
  -webkit-text-fill-color: transparent;
  z-index: -1;
}
.error404-content h2 {
  margin-bottom: 0;
}

@media all and (min-width: 37.5em) {
  .error404-content:before {
    font-size: 25vw;
  }
}
/* =================================================================
    1. Home
================================================================= */
#home--hero {
  padding: 10rem 0;
  background: url(../img/pictures/home-hero.jpg) no-repeat center;
  background-size: cover;
}
#home--hero:after {
  opacity: 0.5;
}
#home--hero .button-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#home--hero .btn-primary-light {
  color: hsl(34, 100%, 50%);
}
#home--hero .btn-primary-light:hover, #home--hero .btn-primary-light:focus {
  background-color: hsl(34, 100%, 50%);
  color: white;
}

@media all and (min-width: 64em) {
  #home--hero {
    padding: 20rem 0;
  }
}
@media all and (min-width: 100em) {
  #home--hero {
    padding-bottom: 30rem;
  }
}
#home--testimonials,
#home--cta-1,
#home--product-cat {
  margin-top: 11rem;
}

#home--categories .category-box {
  margin: 1.5rem auto 0;
  background: #f9f9f9;
  padding: 4.5rem;
  max-width: 60rem;
  position: relative;
  overflow: hidden;
}
#home--categories .category-box:after {
  content: "";
  display: block;
  position: absolute;
  width: 30%;
  height: 100%;
  top: 0;
  right: -10%;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center 66%;
}
#home--categories .category-box > * {
  min-width: 22rem;
  width: 80%;
}
#home--categories .category-box:nth-child(1):after {
  background-image: url(../img/pictures/category-bg-01.png);
}
#home--categories .category-box:nth-child(2):after {
  background-image: url(../img/pictures/category-bg-02.png);
}
#home--categories .category-box:nth-child(3):after {
  background-image: url(../img/pictures/category-bg-03.png);
}

@media all and (min-width: 56em) {
  #home--categories {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    gap: 1.5rem;
  }
  #home--categories .category-box {
    -ms-flex-preferred-size: 33.3333%;
        flex-basis: 33.3333%;
    padding: 3rem;
  }
  #home--categories .category-box:after {
    display: none;
  }
  #home--categories .category-box > * {
    max-width: 20rem;
  }
}
@media all and (min-width: 60em) {
  #home--categories .category-box {
    padding: 5rem;
  }
  #home--categories .category-box:after {
    display: block;
  }
  #home--categories .category-box > * {
    max-width: 25rem;
  }
}
#home--discounts {
  margin-top: 8rem;
}
#home--discounts h2[data-ghost] {
  margin-bottom: 0;
}
#home--discounts .all-discounts {
  text-align: center;
  margin-top: 5rem;
}

@media all and (min-width: 64em) {
  #home--discounts {
    margin-top: 11rem;
  }
  #home--discounts .all-discounts {
    margin-top: 8rem;
  }
}
#home--services {
  margin-top: 8rem;
  padding: 8rem 0;
  background: #f7f7fa url(../img/pictures/home-services.jpg) no-repeat;
  background-size: cover;
  background-position: center;
  position: relative;
}
#home--services:after {
  content: "";
  display: block;
  width: 40%;
  height: 10px;
  position: absolute;
  right: 0;
  bottom: -5px;
  background-color: #d7d7d7;
}
#home--services .icons {
  padding: 5rem 0 0;
  max-width: 74rem;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#home--services .icons .iconbox {
  margin-bottom: 5rem;
}

@media all and (min-width: 64em) {
  #home--services {
    margin-top: 11rem;
  }
}
@media all and (min-width: 80em) {
  #home--services .icons {
    max-width: none;
  }
}
#home--partners {
  margin-top: 8rem;
  margin-bottom: 8rem;
}

@media all and (min-width: 80em) {
  #home--partners {
    margin-top: 11rem;
    margin-bottom: 11rem;
    position: relative;
    z-index: 0;
  }
  #home--partners .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  #home--partners .title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 30rem;
  }
  #home--partners .title h2 {
    margin-bottom: 0;
  }
  #home--partners .partners-inner {
    margin-left: 0;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  #home--partners .partner {
    max-width: 29%;
  }
}
#home--cta-1 {
  position: relative;
}
#home--cta-1:after {
  content: "";
  display: block;
  width: 40%;
  height: 10px;
  position: absolute;
  right: 0;
  bottom: -5px;
  background-color: #d7d7d7;
}

/* =================================================================
    2. Discounts
================================================================= */
#discounts--product-cat,
#discounts--discounts,
#discounts--cta-1 {
  margin-top: 11rem;
}

#discounts--cta-1 {
  margin-bottom: 11rem;
}

/* =================================================================
    3. Company systems
================================================================= */
#company-calculator {
  background-color: #f7f7fa;
  padding: 15rem 0;
}
#company-calculator .box {
  margin-top: 0;
}

@media all and (min-width: 37em) {
  #company-calculator {
    padding-bottom: 30rem;
  }
}
/* =================================================================
    4. Investor systems
================================================================= */
#investor-example {
  margin-bottom: 15rem;
  background-color: #f7f7fa;
  padding: 15rem 0;
}
#investor-example .single-text {
  text-align: left;
}

.tender-download {
  text-align: center;
  margin-bottom: 15rem;
}
.tender-download .btn-download .fas {
  margin-right: 1.6rem;
}

#tender-cta {
  margin-bottom: 15rem;
}

@media all and (min-width: 80em) {
  #tender-cta {
    position: relative;
    z-index: 0;
    margin-top: 20rem;
  }
  #tender-cta:before {
    content: "";
    display: block;
    position: absolute;
    top: -5rem;
    bottom: 15rem;
    right: 0;
    width: 75%;
    z-index: -1;
    background-color: #f7f7fa;
  }
}
/* =================================================================
    5. Contact
================================================================= */
#contact-details {
  margin-bottom: 5rem;
}

@media all and (min-width: 80em) {
  #contact-details {
    border-top: 1px solid #f7f7fa;
    border-bottom: 1px solid #f7f7fa;
    margin-bottom: 5rem;
  }
}
/* =================================================================
    6. About us
================================================================= */
/* =================================================================
    7. References
================================================================= */
/* =================================================================
    8. Blogroll
================================================================= */
#blog .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
}
#blog .post {
  max-width: 60rem;
  display: inline-block;
}
#blog .post .entry-image {
  background-color: #f7f7fa;
  padding-top: 60%;
  overflow: hidden;
  position: relative;
}
#blog .post .entry-image img {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
#blog .post a:focus-within .entry-image,
#blog .post a:hover .entry-image {
  opacity: 0.6;
}

@media all and (min-width: 40em) {
  #blog .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  #blog .post {
    margin: 0 0 5rem;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 49%;
            flex: 1 1 49%;
    max-width: 49%;
  }
}
@media all and (min-width: 64em) {
  #blog .container:after {
    content: "";
    display: inline-block;
    -ms-flex-preferred-size: 32%;
        flex-basis: 32%;
    max-width: 32%;
    margin: 0;
  }
  #blog .post {
    -ms-flex-preferred-size: 32%;
        flex-basis: 32%;
    max-width: 32%;
  }
}
#single-hero {
  background: url(../img/pictures/blog-hero.jpg) no-repeat center;
  background-size: cover;
}
#single-hero h1 {
  max-width: 80rem;
  margin: 0 auto;
  font-size: 4.8rem;
  color: #fff;
}

#single-post-content {
  padding: 5rem 0;
  min-height: 50vh;
  line-height: 1.8;
}
#single-post-content .container {
  max-width: 80rem;
}
#single-post-content ul,
#single-post-content ol {
  margin-bottom: 1em;
}
#single-post-content ul li,
#single-post-content ol li {
  margin-bottom: 1em;
}
#single-post-content ul li ul,
#single-post-content ul li ol,
#single-post-content ol li ul,
#single-post-content ol li ol {
  margin-top: 1em;
}

.woocommerce #single-post-content .container {
  max-width: 146.4rem;
}

/* =================================================================
    9. Tenders
================================================================= */
.tender-code {
  margin-bottom: 0;
}

/* =================================================================
    10. Generic page
================================================================= */
#page-content {
  padding: 5rem 0;
}
#page-content .container {
  max-width: 80rem;
}

.woocommerce #page-content .container,
#page-content .container:has(.woocommerce) {
  max-width: 146.4rem;
}

#page-content:has(.products) {
  padding-top: 0;
}

/* =================================================================
    11. Thank you pages
================================================================= */
.thank-you-content {
  min-height: 55vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  z-index: 0;
  text-align: center;
}
.thank-you-content h2 {
  text-align: center;
}

/* =================================================================
    12. Cookie notice
================================================================= */
#cn-notice-buttons {
  display: block;
}
#cn-notice-buttons a {
  border-radius: 0;
  -webkit-box-shadow: inset 0 0 0 2px hsl(34, 100%, 50%);
          box-shadow: inset 0 0 0 2px hsl(34, 100%, 50%);
  background: transparent;
}

#cn-more-info.cn-button {
  -webkit-box-shadow: inset 0 0 0 2px white;
          box-shadow: inset 0 0 0 2px white;
}

#cn-more-info.cn-link {
  display: none;
}

/* =================================================================
    13. Custom Woocommerce pages
================================================================= */
#wc-page-content {
  margin-bottom: 5rem;
}