/*
@File: Lake Template Styles

* This file contains the styling for the actual template, this
is the file you need to edit to change the look of the
template.

This files table contents are outlined below>>>>>

******************************************* 
** - DEFAULT AREA STYLE - **

** - Default Btn Area Style
** - Read More Area Style
** - Section Title Area Style

** - HOME PAGE STYLE - **

** - OTHER STYLE AREA - **

** - Preloader Area Style
** - Go Top Style
** - Video wave Style

*******************************************
/*

/*
Default Style
============================*/
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&display=swap");
body {
  font-size: 16px;
  color: #FFFFFF;
  font-family: "Open Sans", sans-serif;
  background-color: #294394;
}

a {
  display: inline-block;
  transition: all ease 0.5s;
  text-decoration: none;
  color: #FFFFFF;
}
a:hover {
  text-decoration: none;
  color: #294394;
}
a:focus {
  text-decoration: none;
}

button {
  outline: 0 !important;
  box-shadow: none;
  border: none;
}
button:focus {
  box-shadow: none;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  color: #FFFFFF;
  font-weight: bold;
  font-family: "Campton Book";
}

.d-table {
  width: 100%;
  height: 100%;
}

.d-table-cell {
  vertical-align: middle;
}

p {
  font-size: 16px;
  margin-bottom: 15px;
  line-height: 1.8;
}
p:last-child {
  margin-bottom: 0;
}

img {
  max-width: 100%;
  height: auto;
  object-fit: cover;
}

ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.form-control {
  height: 50px;
  color: #294394;
  border: 1px solid #ebebeb;
  background-color: transparent;
  border-radius: 0;
  font-size: 16px;
  padding: 10px 20px;
  width: 100%;
}
.form-control::placeholder {
  color: #676a6a;
}
.form-control:focus {
  color: #000000;
  background-color: transparent;
  box-shadow: unset;
  outline: 0;
  border: 1px solid #294394;
}

.form-control:hover:focus, .form-control:focus {
  box-shadow: unset;
}

textarea.form-control {
  height: auto;
}

.ptb-100 {
  padding-top: 100px;
  padding-bottom: 100px;
}

.ptb-70 {
  padding-top: 70px;
  padding-bottom: 70px;
}

.pt-100 {
  padding-top: 100px;
}

.pb-100 {
  padding-bottom: 100px;
}

.pt-70 {
  padding-top: 70px;
}

.pb-70 {
  padding-bottom: 70px;
}

.mt-100 {
  margin-top: 100px;
}

.mt-minus-100 {
  margin-top: -100px;
}

.mt-30 {
  margin-top: 30px;
}

.mb-30 {
  margin-bottom: 30px;
}

.mb-25 {
  margin-bottom: 25px;
}

.container {
  max-width: 1745px;
}

.bg-color-f25c4b {
  background-color: #f25c4b;
}

/*
Default Btn Area Style*/
.default-btn {
  font-size: 18px;
  color: #294394;
  padding: 12px 30px;
  transition: all ease 0.5s;
  text-align: center;
  background-color: #11FFBD;
  border-radius: 50px;
  font-weight: bold;
  font-family: "Campton Book";
}
.default-btn:hover {
  color: #ffffff;
  background-color: #11FFBD;
}

.notification {
  font-size: 1.5rem;
  padding: 12px 30px;
  text-align: center;
  border-radius: 50px;
  font-weight: bold;
  font-family: "Campton Book";
}
.notification.success {
  background-color: #11FFBD;
  color: #294394;
}
.notification.warning {
  background-color: #ffc107;
  color: #ffffff;
}

/*
Read More Btn Area Style*/
.read-more {
  font-weight: 700;
  font-size: 16px;
  color: #FFFFFF;
}
.read-more:hover {
  color: #294394;
}

/*
Section Title Area Style*/
.section-title {
  margin: -1px auto 80px;
  text-align: center;
}
.section-title h2 {
  font-family: "Comicy";
  font-style: normal;
  font-weight: 400;
  font-size: 58px;
  line-height: 57px;
  color: #ECEADB;
}
.section-title h2:last-child {
  margin-bottom: 0;
}
.section-title h2.title {
  position: relative;
  display: inline-block;
}
.section-title h2.title .pour-shape {
  position: absolute;
  top: -40px;
  right: 100px;
}
.section-title.color-1 h2 {
  color: #D5E4FF;
}
.section-title.color-2 h2 {
  color: #1C293F;
}
.section-title.color-3 {
  max-width: 700px;
  margin: auto;
  margin-bottom: 80px;
}
.section-title.color-3 h2 {
  color: #792C2C;
  line-height: 63px;
}
.section-title.color-3 h3 {
  color: #792C2C;
  font-family: "Bogista";
  font-style: normal;
  font-weight: 400;
  font-size: 42px;
  line-height: 63px;
  text-align: center;
  color: #792C2C;
  margin-top: 20px;
}

.header-area {
  padding-top: 20px;
}
.header-area .form-select {
  background-color: transparent;
  width: 100px;
  border: none;
  color: #ffffff;
  margin-left: auto;
  background-image: url(../../assets/img/dot.svg);
}
.header-area .form-select:focus {
  box-shadow: none;
}
.header-area .form-select option {
  color: #000000;
}

/*
Nav Area Style
======================================================*/
body.sticky-nav {
  margin-top: 150px;
}

.navbar {
  transition: all ease 0.5s;
  padding: 20px 0;
  padding-top: 20px;
  background-color: #294394;
  overflow: hidden;
}
.navbar .container-fluid {
  max-width: 1740px;
  padding-left: 30px;
  padding-right: 30px;
}
.navbar.is-sticky {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.06);
  background-color: #294394;
  border: none;
  animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
}
.navbar .navbar-nav {
  margin-left: auto;
}
.navbar .navbar-nav .nav-item .nav-link {
  color: #ffffff;
  text-transform: capitalize;
  position: relative;
  font-size: 20px;
  letter-spacing: -0.05em;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-top: 0;
  margin-left: 30px;
  margin-right: 30px;
}
.navbar .navbar-nav .nav-item .nav-link:hover {
  color: #ffffff;
}
.navbar .navbar-nav .nav-item:last-child .nav-link {
  margin-right: 0;
}
.navbar .navbar-nav .nav-item:first-child .nav-link {
  margin-left: 0;
}
.navbar .others-option {
  margin-left: 50px;
}
.navbar .others-option .default-btn {
  font-weight: 400;
  font-family: "Open Sans", sans-serif;
}

/*
All Content Area Style
======================================================*/
.all-content-wrap {
  background-color: #ffffff;
  padding: 30px;
  border-radius: 15px;
}

.card {
  background-color: #294394;
  border-radius: 15px;
}
.card.bg-11ffbd {
  background-color: #11ffbd;
}
.card.bg-11ffbd .default-btn:hover {
  background-color: #294394 !important;
  color: #ffffff;
}
.card h2 {
  font-size: 100px;
}
.card h2:last-child {
  margin-bottom: 0;
}
.card h3 {
  font-size: 38px;
  margin-bottom: 10px;
}
.card h3:last-child {
  margin-bottom: 0;
}
.card .default-btn.bg-ffff {
  background-color: #ffffff;
  color: #294394;
  padding-left: 40px;
  padding-right: 40px;
}
.card.scroll img {
  animation: moVebounce 5s linear infinite;
}
.card.scroll p {
  font-size: 30px;
}
.card.counters h2 {
  color: #11FFBD;
}

.body-card.p-5.text-center.d-lg-flex.d-md-flex.align-items-center.justify-content-between {
  padding: 63px 30px !important;
}

.psps-0 {
  padding: 53px 40px !important;
}

/*
Jouw Oude Area Style
======================================================*/
.jouw-oude-content h2 {
  font-size: 100px;
  margin-bottom: 30px;
}

.form-jouw {
  background-color: #ffffff;
  border-radius: 30px;
  padding: 50px;
}
.form-jouw h4 {
  color: #294394;
  margin-bottom: 30px;
}
.form-jouw .form-group {
  margin-bottom: 20px;
}
.form-jouw .form-group .form-control {
  border-radius: 50px;
  border-color: #294394;
}
.form-jouw .form-group .form-control::placeholder {
  color: #294394;
}
.form-jouw .form-group label {
  color: #294394;
}
.form-jouw .form-group p {
  color: #294394;
}
.form-jouw .form-group .default-btn {
  padding: 15px 40px;
}

.grecaptcha-badge {
  display: none;
  visibility: hidden;
}

.recaptcha-message {
  color: #a5a5a5;
  margin-top: 50px;
}
.recaptcha-message a {
  color: #000000;
  text-decoration: underline;
}

.footer-area {
  background-color: #ffffff;
  padding-top: 50px;
  padding-bottom: 50px;
  border-radius: 20px 20px 0 0;
}
.footer-area ul li {
  color: #294394;
  margin-bottom: 5px;
}
.footer-area ul li:last-child {
  margin-bottom: 0;
}
.footer-area ul li a {
  color: #294394;
}

.copy-right-area {
  background-color: #11FFBD;
  padding-top: 10px;
  padding-bottom: 10px;
}
.copy-right-area ul {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.copy-right-area ul li {
  display: inline-block;
  margin-right: 30px;
}
.copy-right-area ul li:last-child {
  margin-right: 0;
}
.copy-right-area ul li a {
  color: #294394;
}

@keyframes moVebounce {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(50px);
  }
  100% {
    transform: translateY(0px);
  }
}
.for-mobile {
  height: 100%;
}

/*====================================================
OTHERS STYLE AREA
======================================================*/
/*
Preloader Area Style*/
.loader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99999;
  background: #ffffff;
}

.spinner {
  width: 40px;
  height: 40px;
  background-color: #294394;
  margin: 100px auto;
  animation: sk-rotateplane 1.2s infinite ease-in-out;
}

@keyframes sk-rotateplane {
  0% {
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
  }
  50% {
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
  }
  100% {
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}
/*
Go Top Style*/
.go-top {
  position: fixed;
  cursor: pointer;
  top: 82%;
  right: -10%;
  background-color: #11FFBD;
  z-index: 4;
  width: 40px;
  text-align: center;
  height: 42px;
  line-height: 42px;
  opacity: 0;
  visibility: hidden;
  transition: 0.9s;
  outline: 5px solid white;
}
.go-top i {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  margin: 0 auto;
  color: #ffffff;
  transition: 0.5s;
  font-size: 20px;
}
.go-top i:last-child {
  opacity: 0;
  visibility: hidden;
  top: 60%;
}
.go-top::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background-color: #11FFBD;
  opacity: 0;
  visibility: hidden;
  transition: 0.5s;
}
.go-top:hover {
  color: #ffffff;
  background-color: #11FFBD;
}
.go-top:hover::before {
  opacity: 1;
  visibility: visible;
}
.go-top:hover i:first-child {
  opacity: 0;
  top: 0;
  visibility: hidden;
}
.go-top:hover i:last-child {
  opacity: 1;
  visibility: visible;
  top: 50%;
}
.go-top:focus {
  color: #ffffff;
}
.go-top:focus::before {
  opacity: 1;
  visibility: visible;
}
.go-top:focus i:first-child {
  opacity: 0;
  top: 0;
  visibility: hidden;
}
.go-top:focus i:last-child {
  opacity: 1;
  visibility: visible;
  top: 50%;
}

.go-top.active {
  transform: translateY(0);
  opacity: 1;
  visibility: visible;
  right: 3%;
  top: 92%;
}

.unipue-style h3 {
  font-weight: 400;
  font-family: "Open Sans", sans-serif;
}
.unipue-style h3 span {
  font-weight: 800;
}

.content-bold {
  font-weight: 600;
}

/*
Video wave Style*/
.video-btn {
  display: inline-block;
  width: 70px;
  height: 70px;
  line-height: 70px;
  text-align: center;
  border-radius: 0;
  color: #294394;
  position: relative;
  top: 3px;
  z-index: 1;
  background-color: rgba(28, 133, 222, 0.9);
  border-radius: 50%;
  transition: all ease 0.5s;
}
.video-btn i {
  font-size: 40px;
  color: #ffffff;
  position: absolute;
  top: 1px;
  left: 4px;
  justify-content: center;
  align-items: center;
  display: flex;
  width: 100%;
  height: 100%;
}
.video-btn::after, .video-btn::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
  bottom: 0;
  left: 0;
  border-radius: 0;
  border-radius: 50%;
  transition: all ease 0.5s;
  animation: ripple 1.6s ease-out infinite;
  background-color: rgba(28, 133, 222, 0.9);
}
.video-btn:hover::before, .video-btn:hover::after {
  background-color: rgba(28, 133, 222, 0.9);
}

@keyframes ripple {
  0%, 35% {
    transform: scale(0);
    opacity: 1;
  }
  50% {
    transform: scale(1.5);
    opacity: 0.8;
  }
  100% {
    opacity: 0;
    transform: scale(2);
  }
}
/*
Animation Area Style*/
.delay-0-2s {
  animation-delay: 0.2s;
}

.delay-0-4s {
  animation-delay: 0.4s;
}

.delay-0-6s {
  animation-delay: 0.6s;
}

.delay-0-8s {
  animation-delay: 0.8s;
}

.delay-0-1s {
  animation-delay: 1s;
}

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