.dark-green-overwrite {
  background-color: #0c3a35 !important;
}
.dark-green-overwrite h3 {
  color: white !important;
}
.dark-green-overwrite a {
  color: #a4e36c !important;
}
.dark-green-overwrite .more-link {
  color: #0c3a35 !important;
}
.info-block.dark-green p a {
  color: #a4e36c !important;
}
.info-block.dark-green .buttons .btn {
  color: #0c3a35 !important;
}
.bright-green-overwrite {
  background-color: #a4e36c !important;
}
.bright-green-overwrite p {
  color: #0c3a35 !important;
}
.bright-green-overwrite h3 {
  color: #0c3a35 !important;
}
.bright-green-overwrite a:hover {
  color: #0c3a35 !important;
}
.bright-green-overwrite a {
  color: #0c3a35 !important;
}
.turquouise-overwrite {
  background-color: #21deae !important;
}
.turquouise-overwrite p {
  color: #0c3a35 !important;
}
.turquouise-overwrite h3 {
  color: #0c3a35 !important;
}
.turquouise-overwrite a:hover {
  color: #0c3a35 !important;
}
.turquouise-overwrite a {
  color: #0c3a35 !important;
}
.dark-green {
  background-color: #0c3a35 !important;
}
.cls-1 {
  fill: #0c3a35 !important;
}
.info-block.dark-green h3 {
  color: white !important;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #0c3a35 !important;
  font-weight: 100;
  margin-top: 30px;
  font-family: nimbus-sans, sans-serif;
  margin-bottom: 20px;
  line-height: 100%;
}

.btn:hover,
.more-link:hover {
  background-color: #a4e36c !important;
  color: #fff;
  text-decoration: none;
}
footer .footer-top .newsletter h3 {
  color: #21deae !important;
  font-size: 40px;
}
footer .footer-top {
  background-color: #0c3a35 !important;
}
footer .footer-top .newsletter p {
  color: #21deae !important;
}
.footer-top a {
  display: inline-block;
  text-decoration: none;
  color: #21deae !important;
  text-decoration: underline;
}
nav a,
.footer-info a,
.footer-info {
  color: #0c3a35 !important;
}
.footer-block a {
  color: #21deae !important;
}
.footer-block .phonenumber {
  color: #0c3a35 !important;
}
.wpcf7-form input[type="submit"] {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-color: #21deae !important;
  color: #0c3a35 !important;
  padding: 10px 25px;
  vertical-align: middle;
  line-height: 20px;
  margin-top: 2px;
  cursor: pointer;
  min-width: 0px;
}
main .content-section .insurance-block ul li a:hover {
  border: 1px solid #0c3a35 !important;
}
header .header-wrap .connect-bar .social-icons .social-icon {
  color: white !important;
  background-color: #21deae !important;
  border-radius: 40px;
  -moz-border-radius: 40px;
  -webkit-border-radius: 40px;
  border: 0px solid #000000;
  width: 24px;
  height: 24px;
  margin-left: 5px;
  position: relative;
}
.phonenumber {
  color: #0c3a35 !important;
}
header nav .main-nav li.menu-item-has-children .sub-menu li a:hover {
  color: #fff;
  background-color: #a4e36c !important;
  border: none !important;
}
main .repeater-item:nth-child(odd) {
  background-color: #0c3a35 !important;
}
main .repeater-item:nth-child(3n) {
  background-color: #0c3a35 !important;
}
main .repeater-item:nth-child(3n) .text-container h2 {
  color: white !important;
}
main .repeater-item:nth-child(3n) .text-container p {
  color: white !important;
}
main .repeater-item:nth-child(3n) .text-container a {
  color: white !important;
}
main .repeater-item {
  margin: 20px 0 40px;
  background-color: #21deae !important;
}
main .repeater-item .text-container p {
  margin: 20px 0 40px;
  color: #0c3a35 !important;
}
main .repeater-item .text-container a {
  margin: 20px 0 40px;
  color: #0c3a35 !important;
}
section.referenties,
section .referenties {
  background-color: #e5fef9 !important;
}
section .referenties {
  background-color: #e5fef9 !important;
}
.referentie-item a {
  color: #fff !important;
}
.back-button {
  background-color: #0c3a35 !important;
}
.back-button:hover {
  background-color: #a4e36c !important;
}
.next-button {
  background-color: #0c3a35 !important;
}
.next-button:hover {
  background-color: #a4e36c !important;
}
.verzekeringen .item a {
  color: #0c3a35 !important;
}
.verzekeringen .item p {
  color: #0c3a35 !important;
}
.verzekeringen .item a:hover {
  border-color: #0c3a35 !important;
}

/* button styles */
#gform_submit_button_1 {
  background-color: #0c3a35 !important;
}
#gform_submit_button_1:hover {
  background-color: #a4e36c !important;
  color: #0c3a35 !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Outfit", sans-serif !important;
  font-weight: 500 !important;
}
p,
a,
ul {
  font-family: "Outfit", sans-serif !important;
  font-weight: 300 !important;
}
.connect-bar {
  background-color: #e5fef9 !important;
}
.referentie-item .more-link {
  background-color: #0c3a35 !important;
}
.referentie-item .more-link:hover {
  background-color: #082320 !important;
}
.info-block.dark-green-overwrite p:nth-of-type(2) {
  display: none;
}
.info-block.dark-green-overwrite p:nth-of-type(3) {
  display: none;
}
.info-block.dark-green-overwrite p {
  display: -webkit-box;
  -webkit-line-clamp: 4; /* Number of lines */
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.info-block.bright-green-overwrite p {
  display: -webkit-box;
  -webkit-line-clamp: 4; /* Number of lines */
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.referentie-item p {
  color: #0c3a35;
}
.insurance-block p {
  color: #0c3a35 !important;
}
.social-icons a:hover {
  background-color: transparent !important;
}
.actuality-page .news-feed .news-item .content a:hover {
  background-color: white !important;
}
.actuality-page .news-feed .news-item .content a {
  color: #0c3a35 !important;
}
.tablepress tfoot th,
.tablepress thead th {
  background-color: #0c3a35 !important;
  color: white !important;
}
.referenties .title {
  text-align: center !important;
  font-size: 45px !important;
  font-weight: 600 !important;
}

/* animations */

.info-blocks .col-lg-5 {
  opacity: 0 !important;
  transition: opacity 1s ease-out, transform 1s ease-out;
}

.info-blocks .col-lg-5.first {
  transform: translateX(-50px);
}

.info-blocks .col-lg-5.second {
  transform: translateX(50px);
}

.info-blocks .col-lg-5.in-view {
  opacity: 1 !important;
  transform: translateX(0);
}
.content-section .info-block {
  opacity: 0 !important;
  transform: translateY(50px);
  transition: opacity 1s ease-out, transform 1s ease-out;
}
.content-section .info-block.in-view {
  opacity: 1 !important;
  transform: translateY(0);
}
.referentie-item {
  opacity: 0 !important;
  transform: translateY(50px);
  transition: opacity 1s ease-out, transform 1s ease-out;
}
.referentie-item.in-view {
  opacity: 1 !important;
  transform: translateY(0);
}
.repeater-item {
  opacity: 0 !important;
  transform: translateY(50px);
  transition: opacity 1s ease-out, transform 1s ease-out;
}
.repeater-item.in-view {
  opacity: 1 !important;
  transform: translateY(0);
}
.news-item {
  opacity: 0 !important;
  transform: translateY(50px);
  transition: opacity 1s ease-out, transform 1s ease-out;
}
.news-item.in-view {
  opacity: 1 !important;
  transform: translateY(0);
}
.verzekeringen .item {
  opacity: 0 !important;
  transform: translateY(50px);
  transition: opacity 1s ease-out, transform 1s ease-out;
}
.verzekeringen .item.in-view {
  opacity: 1 !important;
  transform: translateY(0);
}
.content-section .insurance-block p {
  opacity: 0 !important;
  transform: translateY(50px);
  transition: opacity 1s ease-out, transform 1s ease-out;
}
.content-section .insurance-block p.in-view {
  opacity: 1 !important;
  transform: translateY(0);
}
.insurance-block ul li:nth-child(1),
.insurance-block ul li:nth-child(2),
.insurance-block ul li:nth-child(3) {
  opacity: 0 !important;
  transform: translatex(50px);
  transition: opacity 1s ease-out, transform 1s ease-out;
}

.insurance-block ul li:nth-child(1).in-view,
.insurance-block ul li:nth-child(2).in-view,
.insurance-block ul li:nth-child(3).in-view {
  opacity: 1 !important;
  transform: translatex(0);
}
.insurance-block ul li:nth-child(4),
.insurance-block ul li:nth-child(5),
.insurance-block ul li:nth-child(6) {
  opacity: 0 !important;
  transform: translatex(-50px);
  transition: opacity 1s ease-out, transform 1s ease-out;
}

.insurance-block ul li:nth-child(4).in-view,
.insurance-block ul li:nth-child(5).in-view,
.insurance-block ul li:nth-child(6).in-view {
  opacity: 1 !important;
  transform: translatex(0);
}
.insurance-block ul li:nth-child(7),
.insurance-block ul li:nth-child(8),
.insurance-block ul li:nth-child(9) {
  opacity: 0 !important;
  transform: translatex(50px);
  transition: opacity 1s ease-out, transform 1s ease-out;
}

.insurance-block ul li:nth-child(7).in-view,
.insurance-block ul li:nth-child(8).in-view,
.insurance-block ul li:nth-child(9).in-view {
  opacity: 1 !important;
  transform: translatex(0);
}
.content-section .content {
  opacity: 0 !important;
  transform: translateY(50px);
  transition: opacity 1s ease-out, transform 1s ease-out;
}
.content-section .content.in-view {
  opacity: 1 !important;
  transform: translateY(0);
}
#gform_2 .ginput_container_consent label.gform-field-label {
  color: #21deae !important;
  font-size: 16px !important;
}
#gform_2 .gform-footer.gform_footer.top_label {
  justify-content: center !important;
}
#gform_submit_button_2,
#gform_submit_button_3 {
  background-color: #21deae !important;
}
#gform_2 .gfield_required.gfield_required_text,
#gform_3 .gfield_required.gfield_required_text {
  display: none !important;
}
.hamburger-inner {
  background-color: #0c3a35 !important;
}
.hamburger-inner::before {
  background-color: #0c3a35 !important;
}
.hamburger-inner::after {
  background-color: #0c3a35 !important;
}
.hamburger:hover {
  opacity: 1 !important;
}
.hamburger-box {
  color: #082320 !important;
}
.animated-modal {
  position: relative !important;
  z-index: 9999 !important;
}
html.no-scroll,
body.no-scroll {
  overflow: hidden;
  height: 100%;
}
@media screen and (max-width: 1200px) {
  #menu-primary-menu {
    background-color: #0c3a35 !important;
    height: 100vh !important;
  }
  body header nav {
    z-index: 9998 !important;
  }
  body main .info-blocks {
    z-index: 9997 !important;
  }
}