@import "fonts.css";
@import "cleanup.css";
body {
  font-family: 'NaNDruidThin', serif;
  font-weight: 400;
  font-feature-settings: "ss01" 1, "ss03" 1;
}
body:after {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
  z-index: -1;
  content: url(../img/down-white-hover.svg) url("../img/down-hover.svg") url(../img/up-hover.svg);
}
#fv-dots {
  z-index: 11;
  right: 2.2rem;
  transform: translate(0, -50%);
}
#fv-dots ul li a {
  width: 20px;
  height: 20px;
}
#fv-dots ul li a span {
  width: 15px;
  height: 15px;
  background-color: rgba(0, 0, 0, 0.3);
}
#fv-dots ul li a.active span,
#fv-dots ul li a:hover span {
  width: 19px;
  height: 19px;
  background-color: rgba(0, 0, 0, 0.7);
}
#fv-dots ul li a:hover span {
  background-color: #24a773;
}
#fv-dots .fv-tooltip .fv-tooltiptext {
  width: 230px;
  background: #24a773;
  border-radius: 0.25em;
  color: white;
  text-align: center;
  padding: 8px 5px;
  top: -3px;
  font-size: 1.2rem;
}
#fv-dots .fv-tooltip .fv-tooltiptext:after {
  border-color: transparent transparent transparent #24a773;
}
#fullview h1,
#fullview h2,
#fullview h3,
#fullview h4 {
  text-align: center;
  font-weight: 400;
  font-family: 'NaNDruidRegular', serif;
}
#fullview h1 {
  font-weight: 400;
  font-size: 10vw;
}
#fullview h1 span {
  font-size: 4vw;
}
#fullview h2 {
  font-size: 5vw;
}
#fullview h3 {
  font-size: 2vw;
}
#fullview .text-section,
#fullview .video-section {
  position: relative;
}
#fullview .text-section.bg-main,
#fullview .video-section.bg-main {
  background-color: #24a773;
  color: white;
}
#fullview .text-section.bg-light,
#fullview .video-section.bg-light {
  background-color: white;
  color: #24a773;
}
#fullview .text-section.bg-light .down,
#fullview .video-section.bg-light .down {
  background: url("../img/down.svg") no-repeat center;
  background-size: contain;
}
#fullview .text-section.bg-light .down:hover,
#fullview .video-section.bg-light .down:hover {
  background: url("../img/down-hover.svg") no-repeat center;
  background-size: contain;
}
#fullview .text-section.bg-light.start,
#fullview .video-section.bg-light.start {
  background: url("../img/bg-home-3.jpg") no-repeat;
  background-size: cover;
}
#fullview .text-section .center,
#fullview .video-section .center {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
}
#fullview .text-section #me,
#fullview .video-section #me {
  text-indent: -9999rem;
  position: absolute;
  right: 1rem;
  top: 1rem;
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
  border: 1px solid rgba(0, 0, 0, 0.5);
  background: url("../img/robert-2.jpg") no-repeat;
  background-size: cover;
  cursor: pointer;
}
#fullview .text-section #me:hover,
#fullview .video-section #me:hover {
  border-style: dashed;
}
#fullview .text-section #howTo,
#fullview .video-section #howTo {
  position: absolute;
  right: 2.5rem;
  bottom: 1rem;
  font-size: 2rem;
  font-family: 'NaNDruidRegular', serif;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  color: #24a773;
  border: 2px solid #24a773;
  line-height: 1.2;
  text-align: center;
  display: block;
  cursor: pointer;
}
#fullview .text-section #howTo:hover,
#fullview .video-section #howTo:hover {
  border-style: dashed;
}
#fullview .text-section .down,
#fullview .video-section .down {
  position: absolute;
  bottom: 3rem;
  left: 50%;
  transform: translateX(-50%);
  width: 3rem;
  height: 3rem;
  background: url("../img/down-white.svg") no-repeat center;
  background-size: contain;
  cursor: pointer;
  z-index: 13;
}
#fullview .text-section .down:hover,
#fullview .video-section .down:hover {
  background: url("../img/down-white-hover.svg") no-repeat center;
  background-size: contain;
}
#fullview .text-section .down.up,
#fullview .video-section .down.up {
  bottom: auto;
  top: 3rem;
  background: url("../img/up.svg") no-repeat center;
  background-size: contain;
}
#fullview .text-section .down.up:hover,
#fullview .video-section .down.up:hover {
  background: url("../img/up-hover.svg") no-repeat center;
  background-size: contain;
}
#fullview .text-section.start .down,
#fullview .video-section.start .down,
#fullview .text-section.done .down,
#fullview .video-section.done .down {
  display: block;
}
#fullview .text-section .opener,
#fullview .video-section .opener,
#fullview .text-section .closer,
#fullview .video-section .closer {
  position: absolute;
  z-index: 10;
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  top: 0;
  left: 0;
  color: white;
  cursor: pointer;
}
#fullview .text-section .opener .play,
#fullview .video-section .opener .play,
#fullview .text-section .closer .play,
#fullview .video-section .closer .play {
  margin-top: 2rem;
  text-indent: -9999rem;
  height: 6rem;
  background: url("../img/play-white.svg") center no-repeat;
  background-size: contain;
  opacity: 0.7;
}
#fullview .text-section .opener .play:hover,
#fullview .video-section .opener .play:hover,
#fullview .text-section .closer .play:hover,
#fullview .video-section .closer .play:hover {
  opacity: 1;
}
#fullview .text-section:not(.done) .closer,
#fullview .video-section:not(.done) .closer,
#fullview .text-section.running .closer,
#fullview .video-section.running .closer {
  display: none;
}
#fullview .text-section.done .opener,
#fullview .video-section.done .opener,
#fullview .text-section.running .opener,
#fullview .video-section.running .opener {
  display: none;
}
#fullview .text-section img.fs,
#fullview .video-section img.fs {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#fullview .text-section video,
#fullview .video-section video {
  cursor: pointer;
}
#fullview .text-section video.fs,
#fullview .video-section video.fs {
  min-width: 100%;
  min-height: 100%;
  width: 100%;
  object-fit: cover;
}
#fullview .text-section input,
#fullview .video-section input {
  font-size: 2rem;
  padding: 1rem;
  border: 1px solid #24a773;
  margin: 2rem 0;
  display: block;
  width: 100%;
}
#fullview .text-section #save,
#fullview .video-section #save {
  cursor: pointer;
  margin: 2rem 0;
  font-size: 2rem;
  text-align: center;
  padding: 2rem;
  color: white;
  background-color: #24a773;
}
#fullview .video-section .down {
  display: none;
}
.slbContentEl .slbContentOuter {
  padding: 5em 4em;
  max-width: 1200px;
}
.slbContentEl .slbContentOuter .contentInPopup {
  padding: 3rem;
  font-size: 2rem;
}
.slbContentEl .slbContentOuter .contentInPopup h3 {
  font-size: 5rem;
}
/*# sourceMappingURL=style.css.map */