#render {
  position: fixed;
  left: 0;
  top: 0;
  font-size: 10px;
  padding: 0 8px;
  padding-left: 4px;
  color: white;
  background-color: #001696;
  opacity: 0.5;
  border-radius: 0 0 12px 0;
  z-index: 999;
}
#render a {
  color: white;
  text-decoration: none;
}
svg {
  display: block;
  max-width: 100%;
}
html {
  margin: 0;
  padding: 0;
}
body {
  color: #4D5F7A;
  background-color: #ffffff;
  font-family: "Inter", serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 160%;
  font-optical-sizing: auto;
  letter-spacing: normal;
  -webkit-font-smoothing: antialiased;
  margin: 0;
  height: 100%;
  text-align: center;
  overflow-x: hidden;
}
body b {
  font-weight: 600;
}
.container {
  margin: 0 auto;
}
.container.main {
  max-width: 1920px;
  box-shadow: 0 0 48px 20px rgba(0, 0, 0, 0.3);
}
.container.s1162 {
  max-width: 1162px;
}
@media (max-width: 1194px) {
  .container.s1162 {
    padding: 0 16px;
  }
}
.container.s980 {
  max-width: 980px;
}
@media (max-width: 1012px) {
  .container.s980 {
    padding: 0 16px;
  }
}
.container.s964 {
  max-width: 964px;
}
@media (max-width: 996px) {
  .container.s964 {
    padding: 0 16px;
  }
}
.container.s877 {
  max-width: 877px;
}
@media (max-width: 909px) {
  .container.s877 {
    padding: 0 16px;
  }
}
.container.s866 {
  max-width: 866px;
}
@media (max-width: 898px) {
  .container.s866 {
    padding: 0 16px;
  }
}
.container.s798 {
  max-width: 798px;
}
@media (max-width: 830px) {
  .container.s798 {
    padding: 0 16px;
  }
}
.container.s464 {
  max-width: 464px;
}
@media (max-width: 496px) {
  .container.s464 {
    padding: 0 16px;
  }
}
.container.nopad {
  padding: 0;
}
h1 {
  display: none;
}
h2 {
  color: #4D5F7A;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-style: italic;
  font-size: 40px;
  line-height: 100%;
  letter-spacing: 0px;
  text-align: center;
  margin: 0 auto;
  margin-bottom: 30px;
}
h2.ani {
  animation: puff-in-center 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) both;
  animation-play-state: paused;
}
h2.white {
  color: white;
}
@media (max-width: 720px) {
  h2 {
    font-weight: 800;
    font-size: 32px;
    margin-bottom: 20px;
  }
}
h3 {
  color: #4D5F7A;
  font-family: "Montserrat", sans-serif;
  font-weight: 300;
  font-style: italic;
  font-size: 36px;
  line-height: 100%;
  letter-spacing: 0px;
  text-align: center;
}
h3.ani {
  animation: puff-in-center 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) both;
  animation-play-state: paused;
}
@media (max-width: 720px) {
  h3 {
    font-size: 28px;
    margin: 20px 0;
  }
}
p {
  margin: 12px auto;
}
p.undertitle {
  margin: 0 auto;
  margin-bottom: 48px;
}
img {
  max-width: 100%;
  height: auto;
}
video {
  width: 100% !important;
  height: auto !important;
}
a {
  color: white;
  text-decoration: underline;
}
a:hover {
  color: #80BADE;
  text-decoration: underline;
}
.toRight {
  display: flex;
  justify-content: flex-end;
}
@media (max-width: 650px) {
  .toRight {
    justify-content: center;
  }
}
.btn {
  display: inline-block;
  border: 2px white solid;
  border-radius: 50px;
  padding: 9px 16px;
  text-decoration: none;
  font-size: 12px;
  font-weight: 600;
  line-height: 125%;
}
.btn:hover {
  color: #4D5F7A;
  background-color: white;
  text-decoration: none;
}
.aniContainer {
  max-width: 100vw;
  overflow: visible;
}
@media (max-width: 800px) {
  .aniContainer {
    overflow: hidden;
  }
}
.border {
  position: relative;
  border-bottom: 2px #3EE8FF solid;
  padding-bottom: 60px;
}
.border::before {
  content: '';
  position: absolute;
  width: 2px;
  height: 117px;
  left: 0;
  bottom: 0;
  background-color: #3EE8FF;
}
.border::after {
  content: '';
  position: absolute;
  width: 2px;
  height: 117px;
  right: 0;
  bottom: 0;
  background-color: #3EE8FF;
}
.mb30 {
  margin-bottom: 30px;
}
@media (max-width: 720px) {
  .mb30 {
    margin-bottom: 20px;
  }
}
header {
  min-height: 54px;
  background-color: #ffffff;
  box-shadow: 0px 4px 8px 0px #0000001F;
  display: flex;
  justify-content: center;
  align-items: center;
  isolation: isolate;
}
@media (max-width: 650px) {
  header {
    min-height: 40px;
  }
}
header a {
  display: flex;
}
header .logoIdnes {
  width: 158px;
}
@media (max-width: 650px) {
  header .logoIdnes {
    width: 100px;
  }
}
.opener {
  color: #FFFFFF;
  background-color: #35894E;
  padding-bottom: 60px;
  position: relative;
}
@media (max-width: 720px) {
  .opener {
    padding-bottom: 30px;
  }
}
.opener .graphic {
  display: block;
  margin: 0 auto;
  margin-bottom: 40px;
}
.opener .graphic.touch {
  display: none;
}
@media (max-width: 720px) {
  .opener .graphic {
    display: none;
    margin-bottom: 30px;
  }
  .opener .graphic.touch {
    display: block;
  }
}
.opener .graphic .mrak1 {
  opacity: 0;
  animation: cloud-move1 18s linear normal infinite;
  animation-play-state: paused;
}
.opener .graphic .mrak2 {
  opacity: 0;
  animation: cloud-move2 20s linear 5s normal infinite;
  animation-play-state: paused;
}
.opener .graphic .mrak3 {
  opacity: 0;
  animation: cloud-move3 26s linear 14s normal infinite;
  animation-play-state: paused;
}
.opener .graphic .mrak4 {
  opacity: 0;
  animation: cloud-move4 20s linear 8s normal infinite;
  animation-play-state: paused;
}
.opener .graphic .mrak5 {
  opacity: 0;
  animation: cloud-move5 21s linear 12s normal infinite;
  animation-play-state: paused;
}
.opener .graphic .mrak6 {
  opacity: 0;
  animation: cloud-move6 18s linear normal infinite;
  animation-play-state: paused;
}
.opener .graphic .mrak7 {
  opacity: 0;
  animation: cloud-move7 19s linear 5s normal infinite;
  animation-play-state: paused;
}
.opener .graphic .mrak8 {
  opacity: 0;
  animation: cloud-move8 21s linear 10s normal infinite;
  animation-play-state: paused;
}
.opener .graphic .mrak9 {
  opacity: 0;
  animation: cloud-move9 15s linear normal infinite;
  animation-play-state: paused;
}
.opener .graphic .jakse {
  animation: slide-in-bck-center 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation-play-state: paused;
}
.opener .graphic .ceske {
  animation: bounce-in-top 1.1s both 0.2s;
  animation-play-state: paused;
}
.opener .graphic .teplarenstvi {
  animation: puff-in-top 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) both;
  animation-play-state: paused;
}
.opener .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin: 0 auto;
  margin-bottom: 40px;
  max-width: 380px;
  min-height: 52px;
  border-radius: 4px;
  color: #4D5F7A;
  background-color: white;
  font-size: 12px;
  font-weight: 600;
  line-height: 125%;
  text-decoration: none;
}
@media (max-width: 720px) {
  .opener .btn {
    margin-bottom: 20px;
    gap: 10px;
  }
}
@media (max-width: 350px) {
  .opener .btn {
    flex-direction: column;
  }
}
.opener .btn span {
  display: none;
}
.opener .btn:hover {
  color: white;
  background-color: #4D5F7A;
}
.opener .block {
  margin-top: 40px;
  display: grid;
  grid: min-content / 1fr 1fr 1fr 1fr;
  gap: 16px;
}
@media (max-width: 720px) {
  .opener .block {
    grid: min-content / 1fr 1fr;
    margin-top: 20px;
  }
}
@media (max-width: 480px) {
  .opener .block {
    grid: min-content / 1fr;
  }
}
.opener .block .item {
  color: #4D5F7A;
  background: linear-gradient(0deg, rgba(234, 244, 231, 0.902), rgba(234, 244, 231, 0.902)), linear-gradient(360deg, rgba(0, 0, 0, 0) 53.1%, rgba(0, 0, 0, 0.2) 117.5%);
  background-position: top center;
  box-shadow: 0px 8px 32px rgba(0, 0, 0, 0.3);
  border-radius: 20px;
  padding: 16px;
  font-weight: 600;
  font-size: 16px;
  line-height: 125%;
  letter-spacing: 0px;
  text-align: center;
  display: flex;
  gap: 10px;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}
.odberatele {
  background-color: #EAF4E7;
  padding: 40px 0;
}
@media (max-width: 720px) {
  .odberatele {
    padding: 30px 0;
  }
}
.odberatele .block {
  margin-top: 40px;
  display: grid;
  grid: min-content / 1fr 1fr 1fr 1fr;
  gap: 10px;
}
@media (max-width: 1010px) {
  .odberatele .block {
    grid: min-content / 1fr 1fr;
    max-width: 700px;
    margin: 0 auto;
    gap: 0;
  }
}
@media (max-width: 350px) {
  .odberatele .block {
    grid: min-content / 1fr;
    max-width: 165px;
    gap: 10px;
  }
}
.odberatele .block .item {
  display: grid;
  grid: 144fr 24fr 32fr / 80fr 88fr 62fr;
  gap: 0px;
  align-items: stretch;
  justify-items: stretch;
}
@media (max-width: 520px) {
  .odberatele .block .item {
    grid: 144fr 24fr 32fr / 80fr 88fr 62fr;
    max-height: 144px;
  }
}
.odberatele .block .item .icon {
  grid-area: 1 / 1 / 3 / 3;
  background-color: white;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  aspect-ratio: 1;
  width: 168px;
  height: 168px;
}
@media (max-width: 520px) {
  .odberatele .block .item .icon {
    width: 120px;
    height: 120px;
  }
  .odberatele .block .item .icon svg {
    width: 64px;
  }
}
.odberatele .block .item .text {
  padding: 10px 14px;
  grid-area: 2 / 2 / 4 / 4;
  color: white;
  background-color: #35894E;
  border-radius: 20px;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0px;
  text-align: right;
}
@media (max-width: 520px) {
  .odberatele .block .item .text {
    padding: 8px 10px;
    font-size: 9px;
    line-height: 13px;
    display: flex;
    justify-content: center;
  }
}
.jakfunguje {
  background-color: #CCD6E4;
  padding: 40px 0;
}
@media (max-width: 720px) {
  .jakfunguje {
    padding: 30px 0;
  }
}
.jakfunguje .schemaDistribuce .aro1 {
  animation: blink1 2s normal infinite;
  animation-play-state: paused;
}
.jakfunguje .schemaDistribuce .aro2 {
  animation: blink2 2s normal infinite;
  animation-play-state: paused;
}
.jakfunguje .schemaDistribuce .aro3 {
  animation: blink3 2s normal infinite;
  animation-play-state: paused;
}
.jakfunguje .schemaDistribuce .arg1 {
  animation: blink1 2s normal 0.3s infinite;
  animation-play-state: paused;
}
.jakfunguje .schemaDistribuce .arg2 {
  animation: blink2 2s normal 0.3s infinite;
  animation-play-state: paused;
}
.jakfunguje .schemaDistribuce .arg3 {
  animation: blink3 2s normal 0.3s infinite;
  animation-play-state: paused;
}
.jakfunguje .pricipVytapeni .aro1 {
  animation: blink1o 2s normal infinite;
  animation-play-state: paused;
}
.jakfunguje .pricipVytapeni .aro2 {
  animation: blink2o 2s normal infinite;
  animation-play-state: paused;
}
.jakfunguje .pricipVytapeni .aro3 {
  animation: blink3o 2s normal infinite;
  animation-play-state: paused;
}
.jakfunguje .pricipVytapeni .arg1 {
  animation: blink1g 2s normal 0.3s infinite;
  animation-play-state: paused;
}
.jakfunguje .pricipVytapeni .arg2 {
  animation: blink2g 2s normal 0.3s infinite;
  animation-play-state: paused;
}
.jakfunguje .pricipVytapeni .arg3 {
  animation: blink3g 2s normal 0.3s infinite;
  animation-play-state: paused;
}
.jakfunguje .pricipVytapeni .rad {
  animation: radiator 6s normal;
  animation-play-state: paused;
}
.jakfunguje .pricipVytapeni .room {
  animation: room 6s normal;
  animation-play-state: paused;
}
.jakfunguje .block {
  margin-top: 30px;
  display: grid;
  grid: min-content / 1fr 1fr;
  justify-items: center;
  align-items: center;
}
@media (max-width: 720px) {
  .jakfunguje .block {
    margin-top: 20px;
  }
}
@media (max-width: 650px) {
  .jakfunguje .block {
    grid: min-content / 1fr;
  }
}
.jakfunguje .block .text {
  max-width: 404px;
}
.jakfunguje .block .text h2 {
  margin-bottom: 20px;
}
.czt {
  background-color: #EAF4E7;
  padding: 40px 0;
}
@media (max-width: 720px) {
  .czt {
    padding: 30px 0;
  }
}
.czt .block {
  display: grid;
  grid: min-content / 523fr 321fr;
  gap: 20px;
  align-items: end;
}
@media (max-width: 650px) {
  .czt .block {
    grid: min-content / 1fr;
  }
}
.czt .block .left {
  font-size: 14px;
  text-align: center;
}
.czt .block .left b {
  font-weight: 600;
}
.czt .block .left h2 {
  font-weight: 700;
  font-style: italic;
  font-size: 32px;
  line-height: 100%;
  text-align: center;
  margin-bottom: 20px;
}
.czt .block .left h2 span {
  color: #FF5900;
  font-weight: 800;
}
.czt .block .left ul {
  text-align: left;
  padding-left: 25px;
  margin-bottom: 0;
}
.czt .block .left ul li {
  list-style: none;
  padding-left: 20px;
  margin-bottom: 8px;
  position: relative;
}
.czt .block .left ul li:last-child {
  margin-bottom: 0;
}
@media (max-width: 650px) {
  .czt .block .left ul li {
    padding-left: 18px;
  }
}
.czt .block .left ul li::marker {
  color: #FF5900;
}
.czt .block .left ul li:before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  transform: translateY(9px);
  width: 10px;
  height: 10px;
  background-color: #FF5900;
  border-radius: 50%;
}
.czt .cite {
  padding: 16px 30px;
  color: white;
  background-color: #FF5900;
  border-radius: 20px;
  display: grid;
  grid: min-content min-content / 50px 1fr;
  grid-template-areas: "title title" "ico text";
}
.czt .cite .title {
  grid-area: title;
  color: white;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-style: italic;
  font-size: 32px;
  line-height: 100%;
  letter-spacing: 0px;
  text-align: center;
}
.czt .cite .ico {
  grid-area: ico;
}
.czt .cite .text {
  grid-area: text;
  font-size: 14px;
  line-height: 140%;
  letter-spacing: 0px;
  text-align: center;
}
.czt .cite .text b {
  font-weight: bold;
}
.czt .cite h3 {
  margin: 0 auto;
  margin-bottom: 5px;
}
.pribeh {
  padding: 40px 0;
}
@media (max-width: 720px) {
  .pribeh {
    padding: 30px 0;
  }
}
.pribeh .block {
  padding: 25px 52px;
  margin-bottom: 30px;
  background-color: #CCD6E4;
  border-radius: 20px;
  display: grid;
  grid: min-content / 150px 1fr;
  align-items: center;
  gap: 20px;
}
@media (max-width: 720px) {
  .pribeh .block {
    margin-bottom: 20px;
  }
}
@media (max-width: 650px) {
  .pribeh .block {
    grid: min-content / 1fr;
    justify-items: center;
    padding: 20px 20px;
  }
}
.pribeh .block img {
  border-radius: 50%;
}
.pribeh .block .text {
  text-align: left;
}
@media (max-width: 650px) {
  .pribeh .block .text {
    text-align: center;
  }
}
.pribeh .flags {
  display: grid;
  grid: min-content / repeat(6, 46px);
  gap: 40px;
  justify-items: center;
  align-items: center;
  justify-content: center;
  margin: 40px auto;
}
@media (max-width: 720px) {
  .pribeh .flags {
    margin: 20px auto;
  }
}
@media (max-width: 650px) {
  .pribeh .flags {
    grid: min-content / repeat(3, 46px);
  }
}
.prostredi svg {
  max-width: 100%;
  height: auto;
}
.prostredi .block {
  display: grid;
  grid: min-content / 1fr 1fr;
}
@media (max-width: 1200px) {
  .prostredi .block {
    grid: min-content / 1fr;
  }
}
.prostredi .block .left,
.prostredi .block .right {
  padding: 50px 20px;
  display: grid;
  gap: 20px;
}
@media (max-width: 1200px) {
  .prostredi .block .left,
  .prostredi .block .right {
    align-items: center;
  }
}
@media (max-width: 840px) {
  .prostredi .block .left,
  .prostredi .block .right {
    align-items: start;
  }
}
@media (max-width: 750px) {
  .prostredi .block .left,
  .prostredi .block .right {
    justify-items: center;
  }
}
@media (max-width: 720px) {
  .prostredi .block .left,
  .prostredi .block .right {
    padding: 30px 20px;
  }
}
@media (max-width: 650px) {
  .prostredi .block .left,
  .prostredi .block .right {
    padding: 30px 0;
    padding-bottom: 0;
  }
  .prostredi .block .left picture,
  .prostredi .block .right picture {
    display: flex;
  }
  .prostredi .block .left .text,
  .prostredi .block .right .text {
    padding: 0 16px;
  }
}
.prostredi .block .left {
  grid: min-content / 1fr 240px;
  background-color: #68A314;
  justify-items: end;
}
@media (max-width: 1200px) {
  .prostredi .block .left {
    grid: min-content / 1fr 1fr;
  }
}
@media (max-width: 750px) {
  .prostredi .block .left {
    grid: auto / 1fr;
    justify-items: center;
  }
  .prostredi .block .left picture {
    grid-area: 2 / 1;
  }
  .prostredi .block .left .text {
    grid-area: 1 / 1;
  }
}
.prostredi .block .right {
  grid: min-content / 240px 1fr;
  justify-items: start;
  background-color: #35894E;
}
.prostredi .block .right picture {
  grid-area: 1 / 2;
}
.prostredi .block .right .text {
  grid-area: 1 / 1;
}
@media (max-width: 1200px) {
  .prostredi .block .right {
    grid: min-content / 1fr 1fr;
  }
}
@media (max-width: 750px) {
  .prostredi .block .right {
    grid: auto / 1fr;
    justify-items: center;
  }
  .prostredi .block .right picture {
    grid-area: 2 / 1;
  }
}
@media (max-width: 650px) {
  .prostredi .block .right .text {
    grid-area: 1 / 1;
  }
}
.prostredi .block h3 {
  color: white;
  font-weight: 700;
  font-style: italic;
  font-size: 24px;
  line-height: 100%;
  letter-spacing: 0px;
  text-align: center;
  margin-top: 0;
}
.prostredi .block .text {
  color: white;
  max-width: 280px;
  text-align: center;
}
@media (max-width: 1200px) {
  .prostredi .block .text {
    max-width: 100%;
  }
}
.vypadat {
  padding: 40px 0;
}
@media (max-width: 720px) {
  .vypadat {
    padding: 30px 0;
    padding-bottom: 10px;
  }
}
.dekarbonizace {
  padding: 40px 0;
  color: white;
  background-color: #4D5F7A;
}
@media (max-width: 720px) {
  .dekarbonizace {
    padding: 30px 0;
  }
}
.dekarbonizace .block {
  display: grid;
  grid: min-content / 350fr 500fr;
  gap: 30px;
  grid-template-areas: "img text";
  align-items: center;
}
@media (max-width: 720px) {
  .dekarbonizace .block {
    gap: 20px;
  }
}
@media (max-width: 650px) {
  .dekarbonizace .block {
    grid: min-content / 1fr;
    grid-template-areas: "img" "text";
    justify-items: center;
  }
}
.dekarbonizace .block img {
  border-radius: 50%;
  grid-area: img;
}
.dekarbonizace .block .text {
  grid-area: text;
  text-align: left;
  display: grid;
  grid: min-content / 53px 1fr;
  gap: 10px;
}
@media (max-width: 650px) {
  .dekarbonizace .block .text {
    grid: min-content / 1fr;
    justify-items: center;
  }
}
.dekarbonizace .block .text .author {
  font-weight: 700;
  font-style: italic;
  font-size: 14px;
}
.clankyhldr {
  padding: 40px 0;
}
@media (max-width: 720px) {
  .clankyhldr {
    padding: 30px 0;
  }
}
.clankyhldr h2 {
  margin-bottom: 40px;
}
.clankyhldr .clanky .item {
  margin-bottom: 24px;
  display: grid;
  grid: auto / 3fr 2fr;
  gap: 0 24px;
  text-decoration: none;
}
.clankyhldr .clanky .item:last-child {
  margin-bottom: 0;
}
@media (max-width: 800px) {
  .clankyhldr .clanky .item {
    grid: auto / 1fr;
    justify-items: center;
  }
}
.clankyhldr .clanky .item:hover {
  color: #19405B;
  text-decoration: underline;
}
.clankyhldr .clanky .item img {
  max-width: 474px;
}
@media (max-width: 800px) {
  .clankyhldr .clanky .item img {
    margin-bottom: 12px;
  }
}
@media (max-width: 500px) {
  .clankyhldr .clanky .item img {
    max-width: 100%;
  }
}
.clankyhldr .clanky .item h3 {
  margin: 0;
  margin-bottom: 12px;
  font-family: "Fira Sans", sans-serif;
  font-style: normal;
  font-size: 26px;
  font-weight: 700;
  line-height: 30px;
  text-align: left;
}
@media (max-width: 800px) {
  .clankyhldr .clanky .item h3 {
    margin-bottom: 12px;
  }
}
.clankyhldr .clanky .item p {
  color: #19405B;
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  text-align: left;
}
footer {
  color: white;
  background-color: #FF5900;
  font-weight: 400;
  font-size: 10px;
  line-height: 140%;
  text-align: center;
  min-height: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.is-inViewport,
.is-inViewport > * {
  animation-play-state: running!important;
}
.resp-container {
  position: relative;
  overflow: hidden;
  padding-top: 56.25%;
}
.resp-iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
@keyframes blink1 {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  40% {
    opacity: 1;
  }
  60% {
    opacity: 0;
  }
  80% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes blink2 {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  60% {
    opacity: 1;
  }
  80% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes blink3 {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 0;
  }
  40% {
    opacity: 0;
  }
  60% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes blink1o {
  0% {
    fill: #4F617C;
    stroke: #4F617C;
  }
  20% {
    fill: #EB5C1D;
    stroke: #4F617C;
  }
  40% {
    fill: #EB5C1D;
    stroke: #4F617C;
  }
  60% {
    fill: #4F617C;
    stroke: #4F617C;
  }
  80% {
    fill: #4F617C;
    stroke: #4F617C;
  }
  100% {
    fill: #4F617C;
    stroke: #4F617C;
  }
}
@keyframes blink2o {
  0% {
    fill: #4F617C;
    stroke: #4F617C;
  }
  20% {
    fill: #4F617C;
    stroke: #4F617C;
  }
  40% {
    fill: #EB5C1D;
    stroke: #4F617C;
  }
  60% {
    fill: #EB5C1D;
    stroke: #4F617C;
  }
  80% {
    fill: #4F617C;
    stroke: #4F617C;
  }
  100% {
    fill: #4F617C;
    stroke: #4F617C;
  }
}
@keyframes blink3o {
  0% {
    fill: #4F617C;
    stroke: #4F617C;
  }
  20% {
    fill: #4F617C;
    stroke: #4F617C;
  }
  40% {
    fill: #4F617C;
    stroke: #4F617C;
  }
  60% {
    fill: #EB5C1D;
    stroke: #4F617C;
  }
  80% {
    fill: #EB5C1D;
    stroke: #4F617C;
  }
  100% {
    fill: #4F617C;
    stroke: #4F617C;
  }
}
@keyframes blink1g {
  0% {
    fill: #4F617C;
    stroke: #4F617C;
  }
  20% {
    fill: #C5DBF3;
    stroke: #4F617C;
  }
  40% {
    fill: #C5DBF3;
    stroke: #4F617C;
  }
  60% {
    fill: #4F617C;
    stroke: #4F617C;
  }
  80% {
    fill: #4F617C;
    stroke: #4F617C;
  }
  100% {
    fill: #4F617C;
    stroke: #4F617C;
  }
}
@keyframes blink2g {
  0% {
    fill: #4F617C;
    stroke: #4F617C;
  }
  20% {
    fill: #4F617C;
    stroke: #4F617C;
  }
  40% {
    fill: #C5DBF3;
    stroke: #4F617C;
  }
  60% {
    fill: #C5DBF3;
    stroke: #4F617C;
  }
  80% {
    fill: #4F617C;
    stroke: #4F617C;
  }
  100% {
    fill: #4F617C;
    stroke: #4F617C;
  }
}
@keyframes blink3g {
  0% {
    fill: #4F617C;
    stroke: #4F617C;
  }
  20% {
    fill: #4F617C;
    stroke: #4F617C;
  }
  40% {
    fill: #4F617C;
    stroke: #4F617C;
  }
  60% {
    fill: #C5DBF3;
    stroke: #4F617C;
  }
  80% {
    fill: #C5DBF3;
    stroke: #4F617C;
  }
  100% {
    fill: #4F617C;
    stroke: #4F617C;
  }
}
@keyframes radiator {
  0% {
    fill: #C5DBF3;
  }
  100% {
    fill: #EB5C1D;
  }
}
@keyframes room {
  0% {
    fill: #EDEFED;
  }
  100% {
    fill: #F8E7E8;
  }
}
@keyframes puff-in-center {
  0% {
    transform: scale(1.8);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes puff-in-top {
  0% {
    transform: scale(2);
    transform-origin: 50% 0%;
    filter: blur(4px);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    transform-origin: 50% 0%;
    filter: blur(0px);
    opacity: 1;
  }
}
@keyframes bounce-in-top {
  0% {
    transform: translateY(-500px);
    animation-timing-function: ease-in;
    opacity: 0;
  }
  38% {
    transform: translateY(0);
    animation-timing-function: ease-out;
    opacity: 1;
  }
  55% {
    transform: translateY(-65px);
    animation-timing-function: ease-in;
  }
  72% {
    transform: translateY(0);
    animation-timing-function: ease-out;
  }
  81% {
    transform: translateY(-28px);
    animation-timing-function: ease-in;
  }
  90% {
    transform: translateY(0);
    animation-timing-function: ease-out;
  }
  95% {
    transform: translateY(-8px);
    animation-timing-function: ease-in;
  }
  100% {
    transform: translateY(0);
    animation-timing-function: ease-out;
  }
}
@keyframes slide-in-bck-center {
  0% {
    transform: translateZ(600px);
    opacity: 0;
  }
  100% {
    transform: translateZ(0);
    opacity: 1;
  }
}
@keyframes cloud-move1 {
  0% {
    transform: translateX(-100px);
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    transform: translateX(400px);
    opacity: 0;
  }
}
@keyframes cloud-move2 {
  0% {
    transform: translateX(-180px);
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    transform: translateX(400px);
    opacity: 0;
  }
}
@keyframes cloud-move3 {
  0% {
    transform: translateX(-330px);
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    transform: translateX(160px);
    opacity: 0;
  }
}
@keyframes cloud-move4 {
  0% {
    transform: translateX(-360px);
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    transform: translateX(160px);
    opacity: 0;
  }
}
@keyframes cloud-move5 {
  0% {
    transform: translateX(-300px);
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    transform: translateX(170px);
    opacity: 0;
  }
}
@keyframes cloud-move6 {
  0% {
    transform: translateX(0);
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    transform: translateX(420px);
    opacity: 0;
  }
}
@keyframes cloud-move7 {
  0% {
    transform: translateX(-180px);
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    transform: translateX(420px);
    opacity: 0;
  }
}
@keyframes cloud-move8 {
  0% {
    transform: translateX(-260px);
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    transform: translateX(420px);
    opacity: 0;
  }
}
@keyframes cloud-move9 {
  0% {
    transform: translateX(-500px);
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    transform: translateX(420px);
    opacity: 0;
  }
}
@keyframes splide-loading {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(1turn);
  }
}
.splide__track--draggable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.splide__track--fade > .splide__list > .splide__slide {
  margin: 0 !important;
  opacity: 0;
  z-index: 0;
}
.splide__track--fade > .splide__list > .splide__slide.is-active {
  opacity: 1;
  z-index: 1;
}
.splide--rtl {
  direction: rtl;
}
.splide__track--ttb > .splide__list {
  display: block;
}
.splide__container {
  box-sizing: border-box;
  position: relative;
}
.splide__list {
  backface-visibility: hidden;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  margin: 0 !important;
  padding: 0 !important;
}
.splide.is-initialized:not(.is-active) .splide__list {
  display: block;
}
.splide__pagination {
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0;
  pointer-events: none;
}
.splide__pagination li {
  display: inline-block;
  line-height: 1;
  list-style-type: none;
  margin: 0;
  pointer-events: auto;
}
.splide:not(.is-overflow) .splide__pagination {
  _display: none;
}
.splide__progress__bar {
  width: 0;
}
.splide {
  position: relative;
  visibility: hidden;
}
.splide.is-initialized,
.splide.is-rendered {
  visibility: visible;
}
.splide__slide {
  backface-visibility: hidden;
  box-sizing: border-box;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  list-style-type: none !important;
  margin: 0;
  position: relative;
}
.splide__slide img {
  vertical-align: bottom;
}
.splide__spinner {
  animation: splide-loading 1s linear infinite;
  border: 2px solid #999;
  border-left-color: transparent;
  border-radius: 50%;
  bottom: 0;
  contain: strict;
  display: inline-block;
  height: 20px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 20px;
}
.splide__sr {
  clip: rect(0 0 0 0);
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.splide__toggle.is-active .splide__toggle__play,
.splide__toggle__pause {
  display: none;
}
.splide__toggle.is-active .splide__toggle__pause {
  display: inline;
}
.splide__track {
  overflow: hidden;
  position: relative;
  z-index: 0;
}
#ajax-spinner {
  position: fixed;
  left: 50%;
  top: 50%;
  z-index: 123456;
  width: 40px;
  height: 40px;
  visibility: hidden;
}
#ajax-spinner .sk-child {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
#ajax-spinner .sk-child:before {
  content: '';
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  background-color: #D3CA66;
  border-radius: 100%;
  -webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
  animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
}
#ajax-spinner .sk-circle2 {
  -webkit-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  transform: rotate(30deg);
}
#ajax-spinner .sk-circle3 {
  -webkit-transform: rotate(60deg);
  -ms-transform: rotate(60deg);
  transform: rotate(60deg);
}
#ajax-spinner .sk-circle4 {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
#ajax-spinner .sk-circle5 {
  -webkit-transform: rotate(120deg);
  -ms-transform: rotate(120deg);
  transform: rotate(120deg);
}
#ajax-spinner .sk-circle6 {
  -webkit-transform: rotate(150deg);
  -ms-transform: rotate(150deg);
  transform: rotate(150deg);
}
#ajax-spinner .sk-circle7 {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
#ajax-spinner .sk-circle8 {
  -webkit-transform: rotate(210deg);
  -ms-transform: rotate(210deg);
  transform: rotate(210deg);
}
#ajax-spinner .sk-circle9 {
  -webkit-transform: rotate(240deg);
  -ms-transform: rotate(240deg);
  transform: rotate(240deg);
}
#ajax-spinner .sk-circle10 {
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
#ajax-spinner .sk-circle11 {
  -webkit-transform: rotate(300deg);
  -ms-transform: rotate(300deg);
  transform: rotate(300deg);
}
#ajax-spinner .sk-circle12 {
  -webkit-transform: rotate(330deg);
  -ms-transform: rotate(330deg);
  transform: rotate(330deg);
}
#ajax-spinner .sk-circle2:before {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
#ajax-spinner .sk-circle3:before {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}
#ajax-spinner .sk-circle4:before {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
#ajax-spinner .sk-circle5:before {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
#ajax-spinner .sk-circle6:before {
  -webkit-animation-delay: -0.7s;
  animation-delay: -0.7s;
}
#ajax-spinner .sk-circle7:before {
  -webkit-animation-delay: -0.6s;
  animation-delay: -0.6s;
}
#ajax-spinner .sk-circle8:before {
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.5s;
}
#ajax-spinner .sk-circle9:before {
  -webkit-animation-delay: -0.4s;
  animation-delay: -0.4s;
}
#ajax-spinner .sk-circle10:before {
  -webkit-animation-delay: -0.3s;
  animation-delay: -0.3s;
}
#ajax-spinner .sk-circle11:before {
  -webkit-animation-delay: -0.2s;
  animation-delay: -0.2s;
}
#ajax-spinner .sk-circle12:before {
  -webkit-animation-delay: -0.1s;
  animation-delay: -0.1s;
}
@-webkit-keyframes sk-circleBounceDelay {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes sk-circleBounceDelay {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.form .thaks {
  display: none;
  margin: 40px auto;
  text-align: center;
}
.form .thaks .check {
  width: 100px;
  margin-bottom: 40px;
}
.form .thaks h2 {
  font-size: 20px;
  margin-bottom: 40px;
  animation: none;
}
.form .thaks .text {
  margin: 0 auto;
  max-width: 30em;
  text-align: left;
  display: flex;
  flex-direction: column;
}
@media (max-width: 650px) {
  .form .thaks .text {
    text-align: center;
  }
}
.form .sides {
  margin: 0 auto;
  display: grid;
  grid: auto / 41fr 56fr;
  gap: 0px 24px;
  align-items: center;
  grid-template-areas: "inputs img";
}
.form .sides .img {
  grid-area: img;
}
.form .sides .inputs {
  grid-area: inputs;
}
@media (max-width: 820px) {
  .form .sides {
    max-width: 780px;
    grid-template-columns: 43fr 44fr;
    grid-template-areas: "inputs img";
  }
}
@media (max-width: 820px) and (max-width: 720px) {
  .form .sides {
    grid-template-columns: 1fr;
    grid-template-areas: "inputs" "img";
  }
}
.form .sides img {
  width: 100%;
}
@media (max-width: 720px) {
  .form .sides img {
    max-width: 350px;
    margin: 0 auto;
  }
}
.form .inputs {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.form .inputs label {
  display: block;
  color: white;
  font-size: 12px;
  font-weight: 600;
  line-height: 14px;
  text-align: left;
}
.form .inputs .btn {
  color: #051A28;
  background-color: white;
  border: none;
  border-radius: 4px;
  font-size: 16px;
  font-weight: 600;
  line-height: 125%;
  text-transform: uppercase;
  width: 100%;
  min-height: 60px;
  padding: 0;
  box-shadow: 0px 0px 19px 0px #FF2821, 0px 0px 26px 0px #662CF86B;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.form .inputs .btn:hover {
  color: white;
  background-color: #051A28;
  box-shadow: 0px 0px 19px 0px #ffffff, 0px 0px 26px 0px #dfd2ff6b;
}
@media (max-width: 360px) {
  .form .inputs .btn {
    min-width: auto;
    width: 100%;
  }
}
.form .inputs .group,
.form .inputs select {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  border: 1px solid #FFFFFF80;
  border-radius: 4px;
  padding: 8px;
  box-shadow: 0px 2px 4px 0px #00000033 inset;
}
.form .inputs .group.website,
.form .inputs select.website {
  display: none;
}
.form .inputs .group.disabled,
.form .inputs select.disabled {
  border: 1px solid #dddddd;
}
.form .inputs .group.disabled label,
.form .inputs select.disabled label {
  color: #dddddd;
}
.form .inputs select {
  font-size: 18px;
  font-weight: 600;
  line-height: 1em;
  color: #0B132B;
  background-color: #3EE8FF;
  border: 1px #0B132B solid;
  padding-top: 16px;
  padding-bottom: 16px;
}
.form .inputs select:focus-visible {
  outline: none;
}
.form .inputs select option {
  font-size: 16px;
  background-color: white;
}
.form .inputs input[type="text"],
.form .inputs input[type="email"],
.form .inputs textarea {
  padding: 0;
  border: none;
  background: transparent;
  color: white;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 20px;
}
.form .inputs input[type="text"]:focus-visible,
.form .inputs input[type="email"]:focus-visible,
.form .inputs textarea:focus-visible {
  outline: none;
}
.form .inputs textarea {
  min-height: 160px;
}
.form .inputs input:-webkit-autofill,
.form .inputs input:-webkit-autofill:hover,
.form .inputs input:-webkit-autofill:focus,
.form .inputs textarea:-webkit-autofill,
.form .inputs textarea:-webkit-autofill:hover,
.form .inputs textarea:-webkit-autofill:focus {
  -webkit-text-fill-color: #546E7A;
  background-color: #FFFFFF !important;
}
.form .checkbox label {
  display: flex;
  align-items: center;
}
.form input[type="checkbox"] {
  margin-right: 10px;
}
.form .submit {
  display: flex;
}
@media (max-width: 360px) {
  .form .submit {
    display: block;
    width: 100%;
  }
}
.form .help-block {
  font-size: 12px;
  text-align: left;
  color: #e44f5b;
}
.form #consent-text {
  margin-top: 16px;
  color: white;
  font-size: 10px;
  line-height: 140%;
  text-align: left;
}
@media (max-width: 720px) {
  .form #consent-text {
    margin-top: 16px;
  }
}
.form #consent-text p {
  margin: 8px auto;
}
.form #consent-text p:first-child {
  margin-bottom: 0;
}
.videoplayer {
  margin: 40px 0;
  margin-top: 0;
}
@media (max-width: 720px) {
  .videoplayer {
    margin: 20px 0;
    margin-top: 0;
  }
}
.videoplayer videoplayer + small {
  display: none;
}
.videoplayer videoplayer.unwrapped {
  margin-bottom: 5em!important;
}
@media (max-width: 720px) {
  .videoplayer videoplayer.unwrapped {
    margin-bottom: 4em!important;
  }
}