.btn-clic {
  background: var(--clic-groen);
}
.btn-clic span {
  padding-top: 2px;
  display: inline-block;
  font-weight: 500;
}
@media (max-width: 767.98px) {
  .btn-clic span {
    font-weight: 600;
  }
}
.btn-clic:after {
  margin-top: 12px;
}
.btn-clic:hover {
  background: #000;
}
.npng-fadein {
  opacity: 0;
  transition: opacity 800ms ease-in;
}

.footer-socials {
  position: absolute;
  left: 17px;
  top: 17px;
  font-size: 10px;
  line-height: 14px;
  width: 212px;
  z-index: 99999;
}
.footer-socials a {
  color: #FFF;
}
.footer-socials a div {
  padding-top: 2px;
}
.footer-socials a:hover {
  color: #FFF;
  text-decoration: none;
}

.socials-container {
  position: absolute;
  top: 380px;
  display: flex;
  color: #FFF;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
  padding: 20px 30px;
}
.socials-container a:hover {
  text-decoration: none !important;
}
.socials-container > div {
  padding: 0 30px 30px 30px;
  text-align: center;
}
@media (min-width: 576px) {
  .socials-container {
    top: inherit;
    flex-direction: row;
    position: absolute;
    padding-right: 15px;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 999999;
  }
  .socials-container > div {
    padding: 0;
  }
}
.socials-container .socials {
  min-width: 195px;
  padding-left: 20px;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
.socials-container .socials a.btn-social {
  display: inline-block;
  width: 50px;
  height: 50px;
  border-radius: 999px;
  background: #272727;
  transition: background-color 200ms ease-in;
}
.socials-container .socials a.btn-social:hover {
  background: var(--clic-groen);
}
.socials-container .socials a.btn-social img {
  width: 50px;
  height: 50px;
}

@media (max-width: 1400px) {
  .clic-main-logo-small {
    display: inline !important;
  }
}

.clic-main-logo-big {
  width: 132px;
}
.clic-main-logo-big.animated {
  background: lime;
  overflow: hidden;
  width: 400px !important;
}
@media (max-width: 1400px) {
  .clic-main-logo-big {
    display: none !important;
  }
}

.btn-clic {
  border-radius: 30px;
  background: #0087E5;
  color: #FFF;
  padding: 0 54px 0 24px;
  font-weight: 500;
  font-size: 14px;
  display: inline-block;
  line-height: 42px;
  border: 0;
  white-space: nowrap;
}
.btn-clic:after {
  position: absolute;
  background: #FFF;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  margin-top: 12px;
  margin-left: 20px;
  content: "";
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSI1cHgiIGhlaWdodD0iOHB4IiB2aWV3Qm94PSIwIDAgNSA4IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPiAgICAgICAgPHRpdGxlPkNvbWJpbmVkIFNoYXBlPC90aXRsZT4gICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+ICAgIDxnIGlkPSJTeW1ib2xzIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4gICAgICAgIDxnIGlkPSJCdXR0b24iIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xNDAuMDAwMDAwLCAtMTguMDAwMDAwKSIgZmlsbD0iIzAwMDAwMCI+ICAgICAgICAgICAgPHBhdGggZD0iTTE0NSwyMi4wMjU0MjMxIEwxNDEuMDczMzM0LDI2IEwxNDAsMjQuOTE0NDQ1NSBMMTQyLjkwNywyMS45NzQzNDkyIEwxNDAsMTkuMDM1MjczNyBMMTQxLjAyMjkyOSwxOCBMMTQ1LDIyLjAyNTQyMzEgWiIgaWQ9IkNvbWJpbmVkLVNoYXBlIj48L3BhdGg+ICAgICAgICA8L2c+ICAgIDwvZz48L3N2Zz4=);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 5px 8px;
}
.btn-clic:hover {
  background: #0069D9;
  text-decoration: none;
  color: #FFF;
}
.btn-clic span {
  display: inline-block;
  white-space: nowrap;
  padding: 1px;
}

.btn2 {
  border-radius: 999px;
  border: 0;
  position: relative;
  padding: 9px 20px;
  font-size: 13px;
  font-weight: 500;
  transition: all 300ms ease-in-out;
}
.btn2.btn2-block {
  display: block;
  text-align: left;
}
.btn2.btn2-big {
  font-size: 17px;
  padding: 9px 25px;
  line-height: 27px;
}
.btn2.btn2-arrow {
  padding-right: 40px;
}
.btn2.btn2-arrow.btn2-big {
  padding-right: 60px;
}
.btn2.btn2-arrow.btn2-big:after {
  height: 27px;
  width: 27px;
}
.btn2.btn2-arrow.btn2-hover-green {
  border: none;
}
.btn2.btn2-arrow.btn2-hover-green:hover {
  color: #FFF;
  background: linear-gradient(0deg, #7061F4 0%, #B1FFE9 100%);
}
.btn2.btn2-arrow.btn2-hover-green:hover:after {
  background-color: #FFF !important;
  background-image: url("/svg/button_pijl-black.svg") !important;
}
.btn2.btn2-arrow.btn2-arrow-black:after {
  background-color: #000 !important;
  background-image: url("/svg/button_pijl-white.svg") !important;
}
.btn2.btn2-arrow.btn2-white:after, .btn2.btn2-arrow.btn2-arrow-white:after {
  background-color: #FFF;
  background-image: url("/svg/button_pijl-black.svg");
}
.btn2.btn2-arrow.btn2-white:hover:after, .btn2.btn2-arrow.btn2-arrow-white:hover:after {
  background-color: #000;
  background-image: url("/svg/button_pijl-white.svg");
}
.btn2.btn2-arrow:after {
  transition: all 300ms ease-in-out;
  position: absolute;
  content: "";
  background-image: url("/svg/button_pijl-white.svg");
  background-size: 22px;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 999px;
  display: inline-block;
  height: 20px;
  width: 20px;
  right: 10px;
}
.btn2.btn2-arrow-3d {
  padding-right: 40px;
}
.btn2.btn2-arrow-3d.btn2-big {
  padding-right: 60px;
}
.btn2.btn2-arrow-3d:hover:after {
  background-color: #000;
  box-shadow: none;
  border: solid 1px #000;
  filter: invert(100%);
}
.btn2.btn2-arrow-3d:after {
  border: 1px solid #414141;
  background-color: #353535;
  box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.5);
}
.btn2.btn2-border-white {
  border: solid 2px #FFF;
}
.btn2.btn2-border-white:hover {
  border: solid 2px #353535;
}
.btn2.btn2-silver {
  border: solid 2px #EFEFEF !important;
  background: #EFEFEF;
}
.btn2.btn2-silver:hover {
  border: solid 2px #000 !important;
}
.btn2.btn2-border-black {
  border: solid 2px #000;
}
.btn2.btn2-border-black:hover {
  border: solid 2px #353535;
}
.btn2.btn2-white {
  background: #FFF;
  color: #000;
}
.btn2.btn2-white:hover {
  background: #353535;
  color: #FFF;
}
.btn2.btn2-black {
  background: linear-gradient(180deg, #434242 0%, #000000 100%);
  color: #FFF;
}
.btn2.btn2-black:hover {
  background: #353535;
  color: #FFF;
}
.btn2.btn2-black-hover:hover {
  background-color: #000;
  color: #FFF;
}
.btn2.btn2-hover-white {
  border: none;
}
.btn2.btn2-hover-white:hover {
  background: #FFF;
  color: #000;
  background: linear-gradient(0deg, #7061F4 0%, #B1FFE9 100%);
  color: #FFF;
}
.btn2.btn2-hover-white:hover:after {
  background-color: #353535 !important;
}

.btn2.btn-accent {
  background-color: #9BFAB3;
  border: none !important;
}
.btn2.btn-accent:hover {
  background-color: #000;
  border: none !important;
}

.scroll-footer-container-left {
  background: #19181A;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
@media (max-width: 767.98px) {
  .scroll-footer-container-left {
    height: auto;
    flex-direction: column;
  }
}
.scroll-footer-container-left .clic-logo {
  max-width: 80%;
}
.scroll-footer-container-left .sub-video-text {
  display: flex;
  justify-content: center;
  flex-direction: column;
  height: 500px;
  padding: 80px 0 !important;
}
.scroll-footer-container-left .sub-video-text p {
  color: #000;
  font-size: 18px;
  line-height: 30px;
  text-align: center;
  font-weight: bold;
}
@media (max-width: 767.98px) {
  .scroll-footer-container-left .sub-video-text p {
    color: #FFF;
  }
}
.scroll-footer-container-left .sub-video-text .adres p {
  font-size: 16px;
  line-height: 35px;
  font-weight: normal;
  margin: 0;
}
.scroll-footer-container-left .sub-video-text .adres p a {
  color: #000;
}
.scroll-footer-container-left .clic-video {
  dwidth: 600px;
  hdeight: auto;
  smax-width: 80%;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 767.98px) {
  .scroll-footer-container-left .clic-video {
    aheight: auto;
  }
}

/*# sourceMappingURL=main.css.map */