:root {
  --bg-body: #f6f6f6;
  --dark-bg: #00a0dd;
  --link_color: var(--dark-bg);
  --text-color: #2E2E2E;
  --font-base: "Poppins", sans-serif;
  --font-condensed: "Poppins", sans-serif;
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: optional;
  src: url('/font/poppins-v20-latin-regular.woff2') format('woff2');
}
@font-face {
  font-family: 'Patua One';
  font-style: normal;
  font-weight: 400;
  font-display: optional;
  src: url('/font/patua-one-v16-latin-regular.woff2') format('woff2');
}
.h2,
.h3,
.h1,
.subH {
  font-family: 'Patua One', sans-serif;
  font-weight: normal !important;
}
body {
  font-family: 'Poppins', sans-serif;
  font-weight: normal !important;
  font-size: 14px;
}
.color_54 {
  color: #545454;
}
.box_white,
.bg_white,
.bg_opt_white {
  background: var(--light-bg) !important;
}
#footer .border-top {
  border-top: 1px solid white;
}
.grey,
.h1 {
  color: #525252 !important;
}
.h2 {
  font-size: 28px;
  font-weight: bold;
}
.h3 {
  color: var(--text-color);
}
.usp_headline {
  color: white;
  font-size: 20px;
  margin-bottom: 10px;
}
#footer .bg_dark {
  background: var(--light-bg) !important;
}
#footer .bg_dark .white,
#footer .bg_dark .white a {
  color: var(--text-color) !important;
}
#footer .usp_headline {
  color: var(--text-color);
}
.start_opener {
  min-height: 150px;
  object-fit: cover;
  object-position: 0;
}
.bg_blue_opacity80 {
  background-color: rgba(0, 160, 221, 0.8);
  color: #000;
}
.bg_blue_grey {
  background: #748693;
}
.bg_blue {
  background: #00A0DD;
}
.bg_darkblue {
  background: #515E67;
}
.mB140 {
  margin-bottom: 140px;
}
.fixedBR {
  position: fixed;
  z-index: 48;
  bottom: 64px;
  right: 16px;
}
.btn-whatsapp {
  background-color: #30bf39;
  color: #fff;
  border-radius: 100%;
  transition: background-color 0.5s;
  width: 56px;
  height: 56px;
  line-height: 70px;
  position: relative !important;
  display: block;
  transform: none !important;
  z-index: 9;
  text-align: center;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07), 0 2px 4px rgba(0, 0, 0, 0.07), 0 4px 8px rgba(0, 0, 0, 0.07), 0 8px 16px rgba(0, 0, 0, 0.07), 0 16px 32px rgba(0, 0, 0, 0.07), 0 32px 64px rgba(0, 0, 0, 0.07);
}
.btn-whatsapp:hover {
  background-color: #53ca5b;
}
.whatsapp-fixed a.video-vemo-icon.btn-whatsapp i {
  font-size: 32px;
  color: #fff;
  animation: sm-shake-animation linear 1.5s infinite;
  animation-delay: 3s;
}
.animate-border .video-vemo-icon:before {
  content: "";
  border: 2px solid #fff;
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 50%;
  opacity: 0;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 180px;
  height: 180px;
  border-radius: 50%;
  animation: zoomBig 3.25s linear infinite;
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
}
.animate-border .video-vemo-icon:after {
  content: "";
  border: 2px solid #fff;
  position: absolute;
  opacity: 0;
  z-index: 0;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 180px;
  height: 180px;
  border-radius: 50%;
  animation: zoomBig 3.25s linear infinite;
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
}
.btn-whatsapp:after,
.btn-whatsapp:before {
  border: 2px solid #30bf39 !important;
  width: 130px !important;
  height: 130px !important;
}
.sm-red-dot {
  position: absolute;
  right: 4px;
  top: 4px;
  width: 12px;
  height: 12px;
  margin: 0 auto;
  background: red;
  transform: scale(0);
  border-radius: 50%;
  animation-name: notificationPoint;
  animation-duration: 300ms;
  animation-fill-mode: forwards;
  animation-delay: 3s;
}
#hover-message {
  display: none;
}
.whatsapp-fixed:hover #hover-message {
  display: block;
}
@keyframes zoomBig {
  0% {
    transform: translate(-50%, -50%) scale(0.5);
    opacity: 1;
    border-width: 3px;
  }
  40% {
    opacity: 0.5;
    border-width: 2px;
  }
  65% {
    border-width: 1px;
  }
  100% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0;
    border-width: 1px;
  }
}
@keyframes sm-shake-animation {
  0% {
    transform: rotate(0) scale(1) skew(0.017rad);
  }
  25% {
    transform: rotate(0) scale(1) skew(0.017rad);
  }
  35% {
    transform: rotate(-0.3rad) scale(1) skew(0.017rad);
  }
  45% {
    transform: rotate(0.3rad) scale(1) skew(0.017rad);
  }
  55% {
    transform: rotate(-0.3rad) scale(1) skew(0.017rad);
  }
  65% {
    transform: rotate(0.3rad) scale(1) skew(0.017rad);
  }
  75% {
    transform: rotate(0) scale(1) skew(0.017rad);
  }
  100% {
    transform: rotate(0) scale(1) skew(0.017rad);
  }
}
@keyframes notificationPoint {
  from {
    transform: scale(0);
  }
  to {
    transform: scale(1);
  }
}
/*# sourceMappingURL=blickdicht-alu.map */