/* BELANGRIJK, door corrupte stylus bestanden moeten wijzigingen in dit bestand gedaan worden, dit is besproken met Jelle en uitgevoerd door Joshua op 10-9-2020 */
/* Laatste wijzigingen gedaan op 10-9-2020 door Joshua */

@font-face {
  font-family: 'Trade Sans';
  src: url("../assets/fonts/trade-gothic-bold-condensed-20.eot");
  src: url("../assets/fonts/trade-gothic-bold-condensed-20%EF%B9%96.eot#iefix") format('embedded-opentype'), url("../assets/fonts/trade-gothic-bold-condensed-20.woff") format('woff'), url("https://hofvanparkrijk.nl/wp-content/themes/hofvanparkrijk/assets/fonts/trade-gothic-bold-condensed-20.ttf") format('truetype'), url("../assets/fonts/trade-gothic-bold-condensed-20.svg#trade-gothic-bold-condensed-20") format('svg');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
.wpcf7-response-output {
  padding: 20px !important;
  margin-bottom: 20px !important;
  border: 1px solid transparent !important;
  border-radius: 4px !important;
  margin: 20px 0 0 !important;
}
.wpcf7-mail-sent-ok {
  color: #3c763d !important;
  background-color: #dff0d8 !important;
  border-color: #d6e9c6 !important;
}
.wpcf7-validation-errors {
  color: #8a6d3b !important;
  background-color: #fcf8e3;
  border-color: #faebcc;
}
span.wpcf7-not-valid-tip {
  display: none !important;
}
.wpcf7-not-valid {
  border-color: rgba(255,0,0,0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(255,0,0,0.4);
}
.wpcf7-form label {
  font-weight: normal !important;
  font-family: $headings-font-family;
}
.alignright {
  float: right;
  margin: 0 0 20px 20px;
}
.alignleft {
  float: left;
  margin: 0 20px 20px 0;
}
.aligncenter {
  text-align: center;
  margin-bottom: 20px;
}
@media (max-width: 400px) {
  .alignright,
  .alignleft {
    float: none;
    width: 100%;
  }
}
@import url("../../../../../fonts.googleapis.com/css%EF%B9%96family=Lato.css");
html {
  box-sizing: border-box;
  border-collapse: collapse;
  line-height: 1;
  font-family: sans-serif;
}
* {
  margin: 0;
  padding: 0;
  border-collapse: inherit;
}
*,
*:before,
*:after {
  box-sizing: inherit;
}
*:not(body) {
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: cover;
}
body {
  position: relative;
  background-color: #ECE3DD;
  position: relative;
  max-width: 100%;
  overflow-x: hidden;
}
[hidden] {
  display: none !important;
}
ul,
ol,
menu {
  list-style: none;
}
a {
  color: inherit;
}
fieldset {
  border: none;
}
section {
  padding-top: 70px;
  padding-bottom: 70px;
}
section .container {
  max-width: 1200px;
  padding-left: 20px;
  padding-right: 20px;
  margin-left: auto;
  margin-right: auto;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.form-control {
  height: 57px;
  line-height: 37px;
  padding: 10px 12px;
  width: 100%;
  color: #324b24;
  background: #f6f4f0;
  font-size: 14.5px;
  text-transform: uppercase;
  border: 1px solid #bdbab3;
  font-family: 'Helvetica neue';
  text-align: center;
  min-width: 197px;
}
.form-control::placeholder {
  color: #324b24;
}
.form-control:focus {
  background: #af1d27;
}
input[type="checkbox"] {
  -webkit-appearance: none;
  background-color: #f6f4f0;
  border: 1px solid #bdbab3;
  padding: 9px;
  border-radius: 0px;
  display: inline-block;
  position: relative;
  cursor: pointer;
  line-height: 1;
  position: relative;
  top: 3.5px;
  margin-top: 14.5px;
  margin-right: 10px;
  font-weight: 700;
}
input[type="checkbox"]:active,
input[type="checkbox"]:checked:active {
  box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}
input[type="checkbox"]:checked {
  background-color: #324b24;
}
input[type="checkbox"]:checked:after {
  content: '\2714';
  font-size: 14px;
  position: absolute;
  top: 1px;
  left: 4px;
  color: #030304;
}
label {
  margin-top: 15px;
}
span.wpcf7-list-item {
  display: block !important;
  margin: 0 !important;
}
.img-responsive {
  max-width: 100%;
  height: auto;
}
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 14px;
  font-family: 'Lato', sans-serif;
  color: #000;
}
h1 {
  font-size: 40px;
  line-height: 45px;
  margin-bottom: 20px;
  color: #324b24;
  font-family: 'Abhaya Libre', serif;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 3px;
}
h2 {
  font-size: 28px;
  line-height: 45px;
  margin-bottom: 20px;
  color: #324b24;
  font-family: 'Abhaya Libre', serif;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 3px;
}
h2 span {
  font-weight: 400;
}
p {
  line-height: 1.7;
}
.btn {
  display: inline-block;
  min-width: 178.5px;
  line-height: 57px;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.05em;
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  border: none;
  cursor: pointer;
  transition: all 0.6s;
  font-family: 'Lato';
  text-align: center;
}
.btn.btn-default {
  background: #af1d27;
}
.btn.btn-default:hover {
  background: #324b24;
}
.btn.btn-primary {
  background: #af1d27;
}
.btn.btn-primary:hover {
  background: #af1d27;
}
header {
  position: relative;
}
header .logo {
  /*  padding-top: 20px;
    margin-left: auto;
    top: 20px;*/
  margin-right: auto;
  display: inline-block;
  /*  position: absolute;
    left: 50%;*/
  height: 100%;
  /*  -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    box-sizing: border-box;*/
}
@media(max-width: 1200px){
  header .logo{
    display: none;
  }
}
@media (max-width: 1380px) {
  header .logo {
    padding-top: 0px;
  }
}
header .logo img {
  width: 160px;
}
@media(max-width: 1200px){
  .home header .logo img {
    background: none;
    padding: 0;
  }
}
.logo-show-mobile img{
  width: 160px;
}
@media (max-width: 1190px) {
  header .logo img {
    height: 60%;
  }
}
@media (max-width: 600px) {
  header .logo img {
    height: 75%;
  }
}
header .logo-show-mobile {
  display: none;
}
.logo-mobile{
  width: 120px;
}
@media (min-width: 1200px){
  .logo-mobile{
    display: none;
  }
}
nav{
  display: inline-block;
  vertical-align: top;
}
@media (max-width: 1200px) {
  header .navigation {
    height: auto;
    background-color: #ECE3DD;
    text-align: center;
    padding: 20px 40px;
    z-index: 9999;
    position: fixed !important;
    top: 0;
    padding: 15px 40px 15px !important;
  }
  header .logo-show-mobile {
    display: block;
    -webkit-transform: unset;
    -moz-transform: unset;
    -ms-transform: unset;
    -o-transform: unset;
    transform: unset;
    position: unset;
    width: 150px;
    height: auto;
    float: left;
    padding-top: 0;
    transition: 0.3s all;
  }
  header .nav-container {
    max-width: 1340px;
    width: auto;
    text-align: left;
    justify-content: unset;
    display: inline-block;
    min-width: unset;
    margin: 0;
    width: 100%;
  }
  header .nav-container .hidden-mobile {
    display: block;
  }
  header .nav-container nav {
    display: inline-block;
    margin: 0;
  }
  header .nav-container nav ul li {
    margin-right: 0;
  }
  header .nav-container nav ul li a {
    border-bottom: 1px solid transparent;
    transition: 0.3s all;
    font-size: 13px;
  }
  header .nav-container nav ul li a:hover,
  header .nav-container nav ul li a:focus,
  header .nav-container nav ul li a:visited {
    color: #000;
    border-bottom: 1px solid #000;
  }

  header .object-fit{
    padding-top: 115px;
  }

  header .slider .object-fit{
    padding-top: 0;
  }
}
header .object-fit {
  width: 100%;
  height: auto;
  max-height: 85vh;
  object-fit: cover;
  object-position: 50% 100%;
}
header .container-fluid {
  position: absolute;
  top: 60px;
  width: 100%;
  height: 200px;
  margin-right: auto;
  margin-left: auto;
}
header .background-logo {
  width: 100%;
  height: 230px;
}
@media (max-width: 1200px) and (max-width: 1200px) {
  header .hidden-mobile {
    display: none !important;
  }
}
@media (max-width: 1200px) and (max-width: 1200px) {
  header ul {
    position: relative;
    z-index: 1;
    padding: 15px !important;
  }
}
@media (max-width: 1200px) and (max-width: 1200px) {
  header li {
    position: relative;
    z-index: 1;
    padding: 10px 15px;
  }
}
.scrolldown-container {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 99999;
}
@media (max-width: 1200px) {
  .scrolldown-container {
    display: none;
  }
}
.scrolldown-container .scrolldown {
  position: absolute;
  bottom: 5vw;
  animation: pulse 2s 4;
  cursor: pointer;
  width: 59px;
  height: 59px;
  box-shadow: 0 0 30px 0 rgba(0,0,0,0.3);
}
@media screen and (min-width: 480px) {
  .scrolldown {
    top: -20;
  }
}
.content-page {
  padding-top: 150px;
}
@media (max-width: 1200px) {
  .content-page {
    padding-top: 119px;
  }
}
.navigation {
  height: auto;
  background-color: #ECE3DD;
  text-align: center;
  padding: 20px 40px;
  z-index: 100;
}
@media (max-width: 1200px) {
  .navigation {
    position: fixed;
    top: 0;
    padding: 10px 40px 0;
  }
}
.navigation .nav-container {
  max-width: 1340px;
  width: auto;
  text-align: left;
  justify-content: unset;
  display: inline-block;
  min-width: unset;
  margin: 0;
}
@media (max-width: 1200px) {
  .navigation .nav-container {
    width: 100%;
  }
}
.navigation .nav-container .logo {
  -webkit-transform: unset;
  -moz-transform: unset;
  -ms-transform: unset;
  -o-transform: unset;
  transform: unset;
  position: unset;
  width: 210px;
  height: auto;
  float: left;
  padding-top: 0;
  transition: 0.3s all;
}
@media (max-width: 1200px) {
  .navigation .nav-container .logo {
    width: 180px;
  }
}
.navigation .nav-container nav {
  display: inline-block;
  margin-top: 35px;
  margin-left: 100px;
}
@media (max-width: 1280px) {
  .navigation .nav-container nav {
    margin-left: 70px;
  }
}
@media (max-width: 1200px) {
  .navigation .nav-container nav {
    margin-left: 0px;
    margin-top: 30px;
    float: right;
  }
}
@media (max-width: 1200px) {
  .navigation .nav-container nav {
    margin: 0;
  }
}
@media (max-width: 1200px) {
  .navigation .nav-container nav ul {
    position: relative;
    z-index: 1;
  }
}
@media (max-width: 1200px) {
  .navigation .nav-container nav ul li {
    margin-right: 0;
  }
}
.navigation .nav-container nav ul li a {
  border-bottom: 1px solid transparent;
  transition: 0.3s all;
}
@media (max-width: 1258px) {
  .navigation .nav-container nav ul li a {
    font-size: 13px;
    padding: 0 10px;
  }
}
.navigation .nav-container nav ul li a:hover,
.navigation .nav-container nav ul li a:focus,
.navigation .nav-container nav ul li a:visited {
  color: #000;
  border-bottom: 1px solid #000;
}
.navigation {
  height: 50px;
  top: 0;
  width: 100%;
  position: absolute;
}
.home .navigation{
  height: auto;
  top: unset;
  width: 100%;
  position: relative;
}
.home .navigation nav{
  padding-top: 0px;
}
.nav-container {
  max-width: 1000px;
  min-width: 100%;
  margin-top: 30px;
  text-align: center;
  justify-content: center;
}
nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
nav ul li {
  display: inline-block;
  text-align: center;
  flex: 1 1 auto;
  position: relative;
}
nav ul li a,
nav ul li a:visited {
  font-family: 'Lato', sans-serif;
  display: block;
  padding: 0 15px;
  line-height: 50px;
  color: nav-font-color;
  text-decoration: none;
  font-size: 15px;
  font-weight: bold;
  text-transform: uppercase;
}
@media (max-width: 1391px) {
  nav ul li a,
  nav ul li a:visited {
    padding: 10px 10px 0;
    font-size: 13px;
  }
}
@media (max-width: 1212px) {
  nav ul li a,
  nav ul li a:visited {
    padding: 10px 9px 0;
    font-size: 12px;
  }
}
nav ul li a:hover,
nav ul li a:visited:hover {
  color: #af1d27;
}
nav ul li a:not(:only-child):after,
nav ul li a:visited:not(:only-child):after {
  padding-left: 4px;
  content: ' ▾';
}
nav ul li ul li {
  min-width: 190px;
}
nav ul li ul li a {
  padding: 15px;
  line-height: 20px;
}
.nav-dropdown {
  position: absolute;
  display: none;
  z-index: 1;
  box-shadow: 0 3px 12px rgba(0,0,0,0.15);
}
.frame1 {
  position: absolute;
  left: 16.5%;
  bottom: 25%;
  width: 24.766vw;
  -webkit-box-shadow: 0 0 79px 0 rgba(0,0,0,0.3);
  box-shadow: 0 0 0px 0 rgba(0,0,0,0.3);
  -webkit-transition: top 0.4s;
  -moz-transition: top 0.4s;
  -ms-transition: top 0.4s;
  -o-transition: top 0.4s;
  transition: top 0.4s;
}
@media (max-width: 1800px) {
  .frame1 {
    bottom: 15%;
    left: 10%;
  }
}
@media (max-width: 1080px) {
  .frame1 {
    left: 5%;
    bottom: 25%;
  }
}
@media (max-width: 1424px) {
  .frame1 {
    position: static;
    width: 80vw;
    margin-left: 10vw;
    bottom: 15%;
  }
}
.frame1 img {
  max-width: 100%;
  height: auto;
}
/* Mobile navigation */
.nav-mobile {
  display: none;
  position: absolute;
  margin-top: 0px;
  top: 0px;
  right: 40px;
  height: 50px;
  width: 50px;
}
@media only screen and (max-width: 1200px) {
  .navigation {
    top: 0px;
  }
  .navigation .nav-container {
    top: 0;
    width: 100% !important;
  }
  .navigation .nav-container .logo,
  .navigation .nav-container .logo-show-mobile {
    height: 60% !important;
    width: 200px !important;
  }
  .nav-mobile {
    top: 45px;
    display: block;
  }
  nav {
    width: 100%;
    margin-top: 0 !important;
  }
  nav ul {
    display: none;
  }
  nav ul li {
    float: none;
    display: block;
  }
  nav ul li a {
    padding: 15px;
    line-height: 20px;
  }
  nav ul li ul li a {
    padding-left: 30px;
  }
  .nav-dropdown {
    position: static;
  }
}
@media screen and (min-width: 1200px) {
  .nav-list {
    top: 60px;
    display: block !important;
  }
}
#nav-toggle {
  top: 0px;
  display: block;
  position: absolute;
  left: 18px;
  cursor: pointer;
  padding: 10px 35px 16px 0px;
}
#nav-toggle span,
#nav-toggle span:before,
#nav-toggle span:after {
  cursor: pointer;
  border-radius: 1px;
  height: 3px;
  width: 35px;
  background: #324b24;
  position: absolute;
  display: block;
  content: '';
  transition: all 300ms ease-in-out;
}
#nav-toggle span:before {
  top: -10px;
}
#nav-toggle span:after {
  bottom: -10px;
}
#nav-toggle.active span {
  background-color: transparent;
}
#nav-toggle.active span:before,
#nav-toggle.active span:after {
  top: 0;
}
#nav-toggle.active span:before {
  transform: rotate(45deg);
}
#nav-toggle.active span:after {
  transform: rotate(-45deg);
  color: #b9aa9e;
}
#nav-toggle .scrolldown {
  position: absolute;
  right: 1vw;
  bottom: 10vw;
  animation: pulse 2s 4;
  cursor: pointer;
  width: 59px;
  height: 59px;
  box-shadow: 0 0 30px 0 rgba(0,0,0,0.3);
}
#nav-toggle .scrolldown img {
  max-width: 100%;
  height: auto;
}
@media (max-width: 1024px) {
  #nav-toggle .scrolldown {
    display: none;
  }
}
@-moz-keyframes pulse {
  0% {
    transform: translateY(-6px);
  }
  50% {
    transform: translateY(10px);
  }
  100% {
    transform: translateY(-6px);
  }
}
@-webkit-keyframes pulse {
  0% {
    transform: translateY(-6px);
  }
  50% {
    transform: translateY(10px);
  }
  100% {
    transform: translateY(-6px);
  }
}
@-o-keyframes pulse {
  0% {
    transform: translateY(-6px);
  }
  50% {
    transform: translateY(10px);
  }
  100% {
    transform: translateY(-6px);
  }
}
@keyframes pulse {
  0% {
    transform: translateY(-6px);
  }
  50% {
    transform: translateY(10px);
  }
  100% {
    transform: translateY(-6px);
  }
}
.page:not(.home).page-template-page-home-php .promo .content {
  top: 50%;
  transform: translateY(-50%);
  bottom: unset;
}
.page:not(.home).page-template-page-home-php .content-block .content-text.intro-home {
  align-self: normal;
  -webkit-align-self: normal;
  -ms-flex-item-align: normal;
  margin-top: 10px;
}
.page:not(.home).page-template-page-home-php .image-wrap:nth-child(1),
.page:not(.home).page-template-page-home-php .image-wrap:nth-child(2) {
  width: 50%;
  float: left !important;
  margin-top: 0 !important;
}
@media (max-width: 605px) {
  .page:not(.home).page-template-page-home-php .image-wrap:nth-child(1),
  .page:not(.home).page-template-page-home-php .image-wrap:nth-child(2) {
    width: 99%;
    float: none !important;
    margin: 15px;
  }
}
.page:not(.home).page-template-page-home-php .image-wrap:nth-child(1) img,
.page:not(.home).page-template-page-home-php .image-wrap:nth-child(2) img {
  margin-top: 0 !important;
}
.page:not(.home).page-template-page-home-php .navigation {
  height: auto;
  background-color: #fff;
  text-align: center;
  padding: 20px 40px;
  z-index: 100;
}
.page:not(.home).page-template-page-home-php .nav-container {
  max-width: 1340px;
  width: auto;
  text-align: left;
  justify-content: unset;
  display: inline-block;
  min-width: unset;
  margin: 0;
}
.page:not(.home).page-template-page-home-php .nav-container .logo-show-mobile {
  -webkit-transform: unset;
  -moz-transform: unset;
  -ms-transform: unset;
  -o-transform: unset;
  transform: unset;
  position: unset;
  width: 210px;
  height: auto;
  float: left;
  padding-top: 0;
  transition: 0.3s all;
  margin-left: auto;
  margin-right: auto;
  display: inline-block;
}
.page:not(.home).page-template-page-home-php .nav-container nav {
  display: inline-block;
  margin-top: 35px;
  margin-left: 100px;
}
.page:not(.home).page-template-page-home-php header .container-fluid {
  top: 85px;
}
.page:not(.home).page-template-page-home-php .content-block {
  padding: 40px 0;
}
.main {
  position: relative;
  z-index: 1;
}
.main .form {
  width: 100%;
  background: #fdfaf8;
  color: #324b24;
  padding: 44.5px 40px 40px;
  text-align: center;
  font-family: 'Open Sans';
  text-transform: uppercase;
  font-weight: 300;
}
.main .form font-size 14.px,
.main .form line-height 1.5,
.main .form pointer-events none,
.main .form p {
  color: #000;
}
.main .form h2 {
  font-size: 40px;
  line-height: 45px;
  margin-bottom: 20px;
  color: #324b24;
  font-family: 'Abhaya Libre', serif;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 3px;
}
.main .form .btn {
  background: #af1d27;
  border-radius: 0px;
  font-family: Helvetica Neue;
  font-weight: regular;
}
@media (max-width: 1283px) {
  .main .form {
    max-width: 100%;
  }
}
.main .form * {
  pointer-events: auto;
}
.main .form h1 {
  margin-bottom: 5px;
  color: #324b24;
  font-family: Helvetica Neue;
  text-transform: uppercase;
  font-weight: 400;
}
.main .form .form-container {
  display: flex;
  margin-left: -5px;
  margin-right: -5px;
  margin-top: 40px;
}
.main .form .form-container > .form-group {
  flex: 1 1 202px;
  padding-left: 5px;
  padding-right: 5px;
}
@media (max-width: 1280px) {
  .main .form {
    height: auto;
    position: relative;
    top: 0;
  }
  .main .form .form-container {
    display: block;
  }
  .main .form .form-container > .form-group {
    margin-bottom: 20px;
  }
  .main .form .form-container > .form-group input[type="checkbox"] {
    margin-top: 0;
  }
}
.main .content-block {
  pointer-events: auto;
  position: relative;
  z-index: -2;
  background: #ECE3DD;
  display: grid;
  display: -ms-grid;
  grid-template-columns: 1fr 500px 10% minmax(0, 652px) 1fr;
  -ms-grid-columns: 1fr 500px 10% minmax(0, 652px) 1fr;
  padding: 0px 40px 0px;
}
.main .content-block.content-block-page {
  padding-top: 80px;
  padding-bottom: 80px;
}
.main .content-block.midsection {
  padding: 280px 40px 55.5px;
}
@media (max-width: 1024px) {
  .main .content-block.midsection {
    padding: 0px 40px 55.5px;
  }
}
@media (max-width: 570px) {
  .main .content-block.midsection {
    padding: 0;
  }
}
@media (max-width: 1280px) {
  .main .content-block {
    padding-top: 30px;
  }
}
@media (max-width: 1024px) {
  .main .content-block {
    display: block;
  }
}
@media (max-width: 592px) {
  .main .content-block {
    padding: 30px 15px 0px;
  }
  .main .content-block .content-text {
    margin-bottom: 40px;
  }
}
.main .content-block .content-text {
  grid-column: 2;
  -ms-grid-column: 2;
}
.main .content-block .content-text.center {
  text-align: center;
}
.main .content-block .content-text.intro-home {
  align-self: center;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
}
.main .content-block .content-text p {
  color: #000;
  margin-bottom: 20px;
  line-height: 2;
}
.main .content-block .content-text h1 {
  amrgin-bottom: 40px;
}
.main .content-block .content-text .btn {
  margin-top: 42px;
  padding: 10px;
}
.main .content-block .content-text .corners {
  background-color: #8eb1a5;
  position: relative;
  overflow: hidden;
}
.main .content-block .content-text .arc-bottom-l,
.main .content-block .content-text .arc-bottom-r,
.main .content-block .content-text .arc-top-l,
.main .content-block .content-text .arc-top-r {
  position: absolute;
  background-color: #8eb1a5;
  width: 24px;
  height: 24px;
  border-radius: 50%;
}
.main .content-block .content-text .arc-bottom-l {
  bottom: -12px;
  left: -12px;
}
.main .content-block .content-text .arc-bottom-r {
  bottom: -12px;
  right: -12px;
}
.main .content-block .content-text .arc-top-l {
  top: -12px;
  left: -12px;
}
.main .content-block .content-text .arc-top-r {
  top: -12px;
  right: -12px;
}
.main .content-block .content-images {
  grid-column: 2;
  -ms-grid-column: 2;
  display: grid;
  display: -ms-grid;
  grid-template-columns: 800px 400px;
  -ms-grid-columns: 800px 400px;
  align-self: center;
  -webkit-align-self: center;
  margin-top: -100px;
}
@media (max-width: 1280px) {
  .main .content-block .content-images {
    display: none;
  }
}
.main .content-block .content-images .collage-image {
  position: relative;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media (max-width: 1280px) {
  .main .content-block .content-images .collage-image {
    display: block;
  }
}
.main .content-block .content-images .collage-image img {
  display: block;
  object-fit: cover;
  width: 80%;
  -webkit-align-items: stretch;
  align-items: stretch;
}
.main .content-block .content-images .collage-image:first-of-type {
  grid-column: 1;
  -ms-grid-column: 1;
  grid-row: 1/span 1;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  margin-top: -120px;
}
@media (max-width: 1280px) {
  .main .content-block .content-images .collage-image:first-of-type {
    margin-top: 0px;
  }
}
.main .content-block .content-images .collage-image:nth-of-type(2) {
  grid-column: 2/span 1;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-row: 1/span 1;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  margin-top: 80px;
}
@media (max-width: 1280px) {
  .main .content-block .content-images .collage-image:nth-of-type(2) {
    margin-top: 40px;
  }
}
.main .content-next {
  background: #f6f4f0;
  padding-top: 30px;
  padding-bottom: 30px;
  padding-left: 60px;
  padding-right: 60px;
  margin-right: 15px;
  margin-left: 15px;
  margin-bottom: 15px;
}
.main .content-next h1 {
  font-weight: 600 !important;
}
.main .promo {
  position: relative;
  margin-left: 15px;
  margin-right: 15px;
}
.main .promo:first-of-type {
  margin-top: 16px;
}
@media (max-width: 600px) {
  .main .promo {
    height: 200px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
.main .promo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.main .promo .content {
  position: absolute;
  right: 185.6px;
  width: 540px;
  max-width: 100%;
  padding: 34px 38px 0px;
  background: #fdfaf8;
  text-align: left;
  bottom: -400px;
  margin-bottom: 50px;
}
.main .promo .content-left {
  /*position: absolute;
  left: 185.6px;
  bottom: 90%;*/
  width: 540px;
  max-width: 100%;
  padding: 34px 38px 0px;
  background: #fdfaf8;
  text-align: center;
  position: relative;
  left: 0;
  bottom: 0;
  right: 0;
  margin: 50px auto -50px 0;
  top: -90px;
}
@media (max-width: 570px) {
  .main .promo .content-left {
    padding: 30px 20px 0px;
  }
}
.main .promo * {
  text-align: center;
}
.main .promo h1 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-weight: 400;
  text-align: left;
  font-family: 'Abhaya Libre', serif;
  font-size: 5vh;
  color: #324b24;
}
.main .promo p {
  text-align: center;
  font-family: 'Lato', sans-serif;
}
.main .promo .btn {
  margin-top: 20px;
  margin-bottom: 30px;
  color: #fff;
  text-align: center;
}
@media (max-width: 1280px) {
  .main .promo.with-content {
    height: auto;
  }
  .main .promo.with-content .content,
  .main .promo.with-content .content-left {
    bottom: unset;
    right: unset;
    left: unset;
    transform: unset;
    width: 100%;
    position: unset;
    margin-bottom: 50px;
  }
  .main .promo.with-content .content .btn,
  .main .promo.with-content .content-left .btn {
    margin-top: 30px;
    margin-bottom: -75px;
    color: #fff;
    text-align: center;
  }
}
@media (max-width: 570px) {
  .main .promo.with-content {
    height: auto;
    margin-left: 0;
    margin-right: 0;
  }
  .main .promo.with-content .content,
  .main .promo.with-content .content-left {
    bottom: 0;
    top: 0;
    display: flex;
    text-align: center;
  }
  .main .promo.with-content .content h1,
  .main .promo.with-content .content-left h1,
  .main .promo.with-content .content p,
  .main .promo.with-content .content-left p {
    text-align: center;
  }
  .main .promo.with-content .content-inner {
    align-self: center;
    -webkit-align-self: center;
    margin-right: 10px;
    text-align: center;
  }
  .main .promo.with-content .content-inner .btn {
    margin-top: 20px;
    margin-bottom: 20px;
    color: #fff;
    text-align: center;
  }
}
@media (max-width: 1280px) and (max-width: 1024px) {
  .main .promo.with-content .btn {
    margin-bottom: 30px !important;
  }
}
@media (max-width: 570px) and (max-width: 570px) {
  .main .promo.with-content .content,
  .main .promo.with-content .content-left {
    bottom: unset;
    top: unset;
    display: block;
    left: unset;
    right: unset;
    transform: unset;
    position: unset;
    width: 100%;
    margin-top: 30px;
  }
}
.enquete .form-group {
  margin-bottom: 15px;
}
.enquete .form-group label {
  display: block;
  -webkit-align-self: center;
  align-self: center;
  -webkit-flex: 0 0 200px;
  -ms-flex: 0 0 200px;
  flex: 0 0 200px;
  line-height: 1.1;
  padding: 10px 12px;
  color: #324b24;
  font-size: 16.5px;
  text-transform: uppercase;
  font-weight: 700;
  font-family: 'Helvetica Neue';
}
.enquete .form-group span {
  width: 100%;
}
.enquete .form-group textarea {
  height: auto;
  text-align: left;
  line-height: 1.1;
}
.enquete .form-group .form-check,
.enquete .form-group .wpcf7-list-item {
  display: block !important;
  margin-bottom: 10px !important;
  padding-left: 12px;
  padding-right: 12px;
}
.enquete .form-group .form-check input,
.enquete .form-group .wpcf7-list-item input {
  margin-right: 10px;
}
.enquete .form-group .form-check .wpcf7-list-item-label,
.enquete .form-group .wpcf7-list-item .wpcf7-list-item-label {
  font-weight: 300 !important;
}
.enquete .form-group.inline {
  display: flex;
}
@media (max-width: 600px) {
  .enquete .form-group.inline {
    display: block;
  }
}
.enquete hr {
  margin-top: 37px;
  margin-bottom: 37px;
}
.enquete .enquete-vragen {
  margin-top: 50px;
  margin-bottom: 50px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  -webkit-justify-content: space-around;
  justify-content: space-around;
}
@media (max-width: 767px) {
  .enquete .enquete-vragen {
    grid-template-columns: 1fr;
  }
}
footer {
  background: #f6f4f0;
  padding: 30px 0;
  box-shadow: 0px 0px 60px rgba(0,0,0,0.2);
}
footer .container {
  display: grid;
  display: -ms-grid;
  grid-template-columns: 1fr 1fr 1fr;
  -ms-grid-columns: 1fr 1fr 1fr;
  justify-content: center;
  max-width: 1100px;
  margin: 0 auto;
}
footer .container > div:first-of-type {
  grid-column: 1;
  -ms-grid-column: 1;
}
footer .container > div:nth-of-type(2) {
  grid-column: 2;
  -ms-grid-column: 2;
}
footer .container > div:nth-of-type(3) {
  grid-column: 3;
  -ms-grid-column: 3;
}
footer .container .logo {
  height: 180px;
  line-height: 180px;
}
footer .container .logo img {
  max-width: 297.5px;
  vertical-align: middle;
  margin-top: -20px;
}
footer .container .logo-park img {
  max-width: 230px;
  height: auto;
}
footer .container .logo-ouwehand img {
  max-width: 230px;
  height: auto;
  margin-top: 0px;
}
@media (max-width: 1024px) {
  footer .container .logo-ouwehand img {
    float: none;
  }
}
footer .container .makelaar {
  padding: 0 0 0 80px;
  line-height: 20px;
  text-align: center;
}
@media (max-width: 767px) {
  footer .container .makelaar {
    padding-left: 0;
  }
}
footer .container .makelaar img {
  max-width: 230px;
  height: auto;
  margin-bottom: 20px;
}
@media (max-width: 1024px) {
  footer .container .makelaar img {
    float: none;
  }
}
footer .container .tel {
  margin-top: 12px;
}
footer .container .tel a {
  text-transform: uppercase;
  font-size: 2.2em;
  font-family: 'Trade Sans';
  color: #fff;
  font-weight: 700;
  text-decoration: none;
}
@media (max-width: 1024px) {
  footer .container {
    display: block;
  }
  footer .container > div {
    text-align: center !important;
    margin-bottom: 40px;
  }
}
footer .container-full {
  width: 100%;
  text-align: right;
}
.extra-content {
  text-align: center;
  padding: 80px 30px;
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
}
.content-image {
  grid-column: 4;
  -ms-grid-column: 4;
}
.plattegrond-item {
  display: flex;
  align-items: center;
}
.plattegrond-item + hr {
  border-top: 1px solid #6bbbbe;
  margin-top: 20px;
  margin-bottom: 20px;
}
.plattegrond-item:last-of-type + hr {
  display: none;
}
.plattegrond-item .plattegrond-content {
  width: 0;
  flex: 1 1 auto;
  padding-right: 100px;
}
.plattegrond-item .plattegrond-content h1 {
  margin-bottom: 10px;
}
.plattegrond-item .plattegrond-content .btn {
  margin-top: 20px;
}
.plattegrond-item .plattegrond-image {
  width: 0;
  flex: 1 1 auto;
}
@media (max-width: 767px) {
  .plattegrond-item {
    flex-wrap: wrap;
  }
  .plattegrond-item .plattegrond-content,
  .plattegrond-item .plattegrond-image {
    flex-basis: 100%;
  }
  .plattegrond-item .plattegrond-content {
    order: 1;
  }
  .plattegrond-item .plattegrond-image {
    margin-bottom: 20px;
  }
}
a[data-rel="lightbox"] {
  display: block;
  position: relative;
}
a[data-rel="lightbox"]:after {
  content: '';
  width: 34.5px;
  height: 34.5px;
  background: url("../assets/zoom.png") no-repeat center center/contain;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.content-block form .form-control {
  text-align: left;
  margin-bottom: 10px;
}
.slider {
  margin-top: 0px;
  display: inline-block;
  width: 100vw !important;
  height: calc(100vh - 128px);
}
@media (max-width: 992px) {
  .slider {
    margin-top: 0px;
    height: calc(100vh - 119px);
  }
}
@media (max-width: 768px) {
  .slider {
    height: 50vh;
  }
}
@media (max-width: 560px) {
  .slider {
    height: 35vh;
  }
}
.slider .slide {
  max-height: 1320px;
}
.slider .slide .object-fit {
  width: 100vw;
  height: calc(100vh - 128px);
  max-height: calc(100vh - 128px);
}
@media (max-width: 992px) {
  .slider .slide .object-fit {
    height: 50vh;
    max-height: 50vh;
  }
}
@media (max-width: 560px) {
  .slider .slide .object-fit {
    height: 35vh;
    max-height: 35vh;
  }
}
@media (max-width: 1920px) {
  .slider .slide {
    max-height: 100vh;
    overflow: hidden;
  }
}
form .form-group {
  text-align: left !important;
}
@media (max-width: 1280px) {
  form .form-group {
    text-align: left !important;
  }
}
.image-wrap {
  display: inline-block;
  float: left;
  position: relative;
  padding: 15px;
}
@media (max-width: 730px) {
  .image-wrap {
    width: 100%;
    margin-bottom: 30px;
  }
}
@media (max-width: 592px) {
  .image-wrap {
    padding: 0;
  }
}
.image-wrap img {
  object-fit: cover;
}
.fancy-border {
  width: 98.5%;
  border: 25px solid #fff;
  box-shadow: 0px 0px 30px #c7c7c7;
}
.footer-menu {
  padding: 20px 0 40px;
  background-color: #ECE3DD;
  margin-top: 30px;
}
.footer-menu .container {
  max-width: 1140px;
  padding: 0 20px;
  margin: 0 auto;
}
.footer-menu .container .socials {
  display: inline-block;
  float: right;
}
@media (max-width: 1024px) {
  .footer-menu .container .socials {
    float: none;
    width: 100%;
    text-align: center;
  }
}
.footer-menu .container .socials.double-social {
  margin-top: 15px;
}
.footer-menu .container .socials .icon-social {
  position: relative;
  height: 100px;
  margin-left: 15px;
  width: 100%;
  float: right;
}
.footer-menu .container .socials .icon-social .icon-txt {
  float: right;
  max-width: 140px;
  padding: 10px;
  margin-top: -5px;
  line-height: 20px;
}
.footer-menu .container .socials .icon-social img {
  width: 50px;
  height: 50px;
  float: right;
}
@media (max-width: 1024px) {
  .footer-menu .container .socials .icon-social {
    margin: 0;
  }
  .footer-menu .container .socials .icon-social .icon-txt {
    float: none;
    max-width: none;
  }
}
@media (max-width: 1024px) {
  .footer-menu .container .socials .icon-social {
    margin: 0;
    display: inline-block;
    width: 200px;
    float: none;
    margin-top: 30px;
  }
  .footer-menu .container .socials .icon-social .icon-txt {
    text-align: left;
  }
}
@media (max-width: 1024px) {
  .footer-menu .menu-footer-menu-container {
    display: inline-block;
    width: 100%;
    text-align: center;
  }
  .footer-menu .menu-footer-menu-container .menu {
    float: none;
  }
}
.footer-menu ul {
  margin-left: -15px;
  display: inline-block;
  float: left;
  margin-top: 20px;
}
@media (max-width: 1024px) {
  .footer-menu ul {
    text-align: center;
    margin: 0;
  }
}
.footer-menu ul li {
  display: inline-block;
  float: left;
  border-right: 1px solid #000;
}
@media (max-width: 1024px) {
  .footer-menu ul li {
    float: none;
  }
}
.footer-menu ul li:last-of-type {
  border: none;
}
.footer-menu ul li a {
  font-size: 12px;
  font-weight: 400;
  padding: 0 15px;
  display: inline-block;
  text-decoration: none;
}
.footer-menu ul li a:hover {
  text-decoration: underline;
}
.image-wrap {
  float: none;
}
.img-cover {
  width: 100%;
}
.ajax-loader {
  background-image: url("https://hofvanparkrijk.nl/wp-content/themes/hofvanparkrijk/css/images/ajax-loader.gif");
  width: 110px !important;
  height: 45px;
  margin-left: 10px;
}
.banner {
  position: absolute;
  max-width: 290px;
  top: 220px;
  right: 8%;
}
.banner img {
  width: 100%;
}
@media (max-width: 1200px) {
  .banner {
    max-width: 240px;
    top: 60%;
    transform: translateY(-50%);
  }
}
@media (max-width: 768px) {
  .banner {
    max-width: 180px;
    bottom: 20px;
    top: unset;
    transform: unset;
  }
}
@media (max-width: 480px) {
  .banner {
    max-width: 180px;
    bottom: 0%;
    top: unset;
    transform: unset;
  }
}
.content h3,
.content-left h3 {
  font-size: 35px;
  line-height: 45px;
  margin-bottom: 15px;
  color: #324b24;
  font-family: 'Abhaya Libre', serif;
  font-weight: 400;
  text-transform: uppercase;
  margin-top: 15px;
  letter-spacing: 3px;
}
@media (max-width: 1280px) {
  .content,
  .content-left {
    position: unset !important;
    transform: unset !important;
  }
}
.promo {
  margin-bottom: 50px;
}
@media (max-width: 1280px) {
  .main .content-block .content-text .btn {
    line-height: 30px;
    margin-bottom: 30px;
  }
}
ul {
  line-height: 2;
  list-style: square;
  list-style-position: inside;
}

.content-image-new{

}

.content-image-new .image-wrap{

}

.content-image-new .half{
  width: 50%;
  float: left;
}

@media (max-width: 1150px) {
  .content-image-new .half{
    width: 100%;
  }
}

@media (max-width: 1024px) {
  .content-image-new .half{
    width: 50%;
  }
}

@media (max-width: 592px) {
  .content-image-new .half{
    width: 100%;
  }
}

.content-image-new .heel{
  width: 100%;
}

@media (max-width: 720px) {
  .content-image-new .heel{
    margin-bottom: 0;
  }
}

@media (max-width: 592px) {
  .content-image-new .heel{
    margin-bottom: 30px;
  }
}

.content-image-new .half img{
  width: 100%;
  height: 350px;
}

.content-image-new .heel img{
  width: 100%;
  border: 25px solid #fff;
  box-shadow: 0px 0px 30px #c7c7c7;
}

.page-template-page-sfeeronder .scrolldown-container{
  display: none;
}

nav .nav-list li ul {
  position: absolute;
  top: 50px;
  left: -10px;
  background-color: #fff;
  display: none;
}

@media(max-width: 1200px){
  nav .nav-list li ul {
    top: unset;
    left: unset;
    position: relative;
    padding: 0 !important;
    margin-top: 10px;
  }
  nav .nav-list li ul li {
    padding: 0;
  }
}

@media(max-width: 1258px){
  nav .nav-list li ul li a {
    padding: 10px 10px !important;
  }
}

nav .nav-list li.menu-item-has-children:hover ul{
  display: block;
} 

#inschrijven form {
  max-width: 1200px;
  margin: 0 auto;
  margin-bottom: 30px;
}

.page-template-page-sfeeronder .slider .slide .object-fit{
  width: 100vw;
  height: auto;
  max-height: unset;
}

.navigation .nav-container nav ul li a{
  font-size: 13px;
}

/* form */
/* line 283, ../sass/_base.scss */
.page-id-1075 .main .content-block{
  grid-template-columns: 1fr 1000px 1fr;

}

.gform_wrapper {
  display: block !important;
  margin-top: 0 !important;
}
/* line 287, ../sass/_base.scss */
.gform_wrapper .gform_title {
  margin-left: 12px !important;
  font-size: 30px !important;
}
/* line 292, ../sass/_base.scss */
.gform_wrapper form {
  border-radius: 20px 0;
}
/* line 296, ../sass/_base.scss */
.gform_wrapper form input[type="text"], .gform_wrapper form input[type="email"], .gform_wrapper form input[type="tel"], .gform_wrapper form textarea {
  border: 1px solid #af1d27;
  padding: 7px 15px !important;
}
/* line 301, ../sass/_base.scss */
.gform_wrapper form input[type="radio"] {
  margin-top: 1px !important;
}
/* line 305, ../sass/_base.scss */
.gform_wrapper form .ginput_container_radio {
  margin-top: 0 !important;
}
/* line 313, ../sass/_base.scss */
.gform_wrapper form .gf_progressbar_title {
  font-size: 20px !important;
  color: #af1d27;
}
/* line 318, ../sass/_base.scss */
.gform_wrapper form .gf_progressbar {
  margin-top: 15px;
}
/* line 322, ../sass/_base.scss */
.gform_wrapper form .gf_progressbar_percentage {
  background: #af1d27 !important;
}
/* line 326, ../sass/_base.scss */
.gform_wrapper form .gform_page_footer {
  border: none;
  text-align: center;
}
/* line 329, ../sass/_base.scss */
.gform_wrapper form .gform_page_footer.left_label {
  padding: 20px 0 0;
  margin: 0;
}
/* line 335, ../sass/_base.scss */
.gform_wrapper form .gform_page_fields {
  padding: 0 12px;
}
/* line 339, ../sass/_base.scss */
.gform_wrapper form .gfield_signature_container {
  margin-left: 0 !important;
}
/* line 344, ../sass/_base.scss */
.gform_wrapper form ul.gform_fields li.gfield {
  padding: 30px 0 20px !important;
  border-bottom: 1px solid #E8ECDC;
  margin: 0 !important;
}
/* line 353, ../sass/_base.scss */
.gform_wrapper form ul.gform_fields li.gfield.gfield_html.gfield_html_formatted {
  width: 100% !important;
  margin-left: 0 !important;
  border: 0 !important;
  padding: 0 !important;
}
/* line 360, ../sass/_base.scss */
.gform_wrapper form ul.gform_fields li.gfield:after {
  clear: both !important;
  display: table !important;
  content: "" !important;
}
/* line 367, ../sass/_base.scss */
.gform_wrapper form ul.gform_fields li.gfield .ginput_container input[type=text], .gform_wrapper form ul.gform_fields li.gfield .ginput_container select {
  width: 100%;
}
/* line 371, ../sass/_base.scss */
.gform_wrapper form ul.gform_fields li.gfield .ginput_container .gfield_description {
  padding-top: 0;
  margin-top: 0;
}
/* line 382, ../sass/_base.scss */
.gform_wrapper form input[type=button] {
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  background-color: #af1d27;
  color: #fff;
  font-family: "Open Sans", sans-serif;
  text-transform: uppercase;
  font-size: 16px;
}
/* line 389, ../sass/_base.scss */
.gform_wrapper form input[type=button]:hover {
  color: #fff !important;
  background-color: #af1d27;
}
/* line 395, ../sass/_base.scss */
.gform_wrapper form input[type=submit] {
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  background-color: #af1d27;
  color: #fff;
  font-family: "Open Sans", sans-serif;
  text-transform: uppercase;
  font-size: 16px;
}
/* line 402, ../sass/_base.scss */
.gform_wrapper form input[type=submit]:hover {
  color: #fff !important;
  background-color: #af1d27;
}
/* line 409, ../sass/_base.scss */
.gform_wrapper input[type=submit], .gform_wrapper input[type=button] {
  padding: 10px 35px;
  font-size: 20px;
  letter-spacing: 1px;
  font-weight: 400;
  transition: .4s all;
  color: #af1d27;
  background-color: #fff;
  text-decoration: none;
  min-width: 145px;
  border: 0;
  cursor: pointer;
}
/* line 423, ../sass/_base.scss */
.gform_wrapper input[type=submit] i, .gform_wrapper input[type=button] i {
  vertical-align: middle;
  margin-left: 10px;
  margin-right: -5px;
  font-size: 15px;
}
/* line 430, ../sass/_base.scss */
.gform_wrapper input[type=submit]:hover, .gform_wrapper input[type=button]:hover {
  color: #fff;
  opacity: .8;
  text-decoration: none;
}

.page-id-1012 h2{ margin: 0; }
.page-id-1012 ul{ margin: 15px 0;}

.conf-wrapper{
  min-height: 80vh;
  position: absolute;
  z-index: 99;
  width: 100%;
  overflow: hidden;
}

/* line 2, ../sass/confetti.scss */
[class|="confetti"] {
  position: absolute;
}

/* line 11, ../sass/confetti.scss */
.confetti-0 {
  width: 7px;
  height: 2.8px;
  background-color: #d13447;
  top: -10%;
  left: 9%;
  opacity: 1.09649;
  transform: rotate(144.05211deg);
  animation: drop-0 4.5229s 0.4877s 4;
}

@keyframes drop-0 {
  100% {
    top: 110%;
    left: 15%;
  }
}
/* line 11, ../sass/confetti.scss */
.confetti-1 {
  width: 7px;
  height: 2.8px;
  background-color: #263672;
  top: -10%;
  left: 17%;
  opacity: 1.34541;
  transform: rotate(355.47931deg);
  animation: drop-1 4.88902s 0.19466s 4;
}

@keyframes drop-1 {
  100% {
    top: 110%;
    left: 24%;
  }
}
/* line 11, ../sass/confetti.scss */
.confetti-2 {
  width: 3px;
  height: 1.2px;
  background-color: #d13447;
  top: -10%;
  left: 29%;
  opacity: 0.70756;
  transform: rotate(15.52319deg);
  animation: drop-2 4.13544s 0.51279s 4;
}

@keyframes drop-2 {
  100% {
    top: 110%;
    left: 43%;
  }
}
/* line 11, ../sass/confetti.scss */
.confetti-3 {
  width: 6px;
  height: 2.4px;
  background-color: #d13447;
  top: -10%;
  left: 11%;
  opacity: 0.89503;
  transform: rotate(278.69607deg);
  animation: drop-3 4.75563s 0.86792s 4;
}

@keyframes drop-3 {
  100% {
    top: 110%;
    left: 20%;
  }
}
/* line 11, ../sass/confetti.scss */
.confetti-4 {
  width: 6px;
  height: 2.4px;
  background-color: #ffbf00;
  top: -10%;
  left: 82%;
  opacity: 0.79202;
  transform: rotate(24.01672deg);
  animation: drop-4 4.79205s 0.09754s 4;
}

@keyframes drop-4 {
  100% {
    top: 110%;
    left: 91%;
  }
}
/* line 11, ../sass/confetti.scss */
.confetti-5 {
  width: 6px;
  height: 2.4px;
  background-color: #263672;
  top: -10%;
  left: 42%;
  opacity: 0.55242;
  transform: rotate(347.36708deg);
  animation: drop-5 4.77704s 0.7739s 4;
}

@keyframes drop-5 {
  100% {
    top: 110%;
    left: 43%;
  }
}
/* line 11, ../sass/confetti.scss */
.confetti-6 {
  width: 2px;
  height: 0.8px;
  background-color: #d13447;
  top: -10%;
  left: 92%;
  opacity: 0.52996;
  transform: rotate(250.30157deg);
  animation: drop-6 4.05672s 0.53616s 4;
}

@keyframes drop-6 {
  100% {
    top: 110%;
    left: 105%;
  }
}
/* line 11, ../sass/confetti.scss */
.confetti-7 {
  width: 2px;
  height: 0.8px;
  background-color: #263672;
  top: -10%;
  left: 2%;
  opacity: 0.9892;
  transform: rotate(277.18839deg);
  animation: drop-7 4.49388s 0.67519s 4;
}

@keyframes drop-7 {
  100% {
    top: 110%;
    left: 13%;
  }
}
/* line 11, ../sass/confetti.scss */
.confetti-8 {
  width: 1px;
  height: 0.4px;
  background-color: #ffbf00;
  top: -10%;
  left: 80%;
  opacity: 1.40508;
  transform: rotate(351.02638deg);
  animation: drop-8 4.75798s 0.58911s 4;
}

@keyframes drop-8 {
  100% {
    top: 110%;
    left: 85%;
  }
}
/* line 11, ../sass/confetti.scss */
.confetti-9 {
  width: 7px;
  height: 2.8px;
  background-color: #ffbf00;
  top: -10%;
  left: 3%;
  opacity: 0.81631;
  transform: rotate(310.41326deg);
  animation: drop-9 4.40337s 0.32489s 4;
}

@keyframes drop-9 {
  100% {
    top: 110%;
    left: 9%;
  }
}
/* line 11, ../sass/confetti.scss */
.confetti-10 {
  width: 1px;
  height: 0.4px;
  background-color: #ffbf00;
  top: -10%;
  left: 60%;
  opacity: 0.91926;
  transform: rotate(94.88931deg);
  animation: drop-10 4.06713s 0.93839s 4;
}

@keyframes drop-10 {
  100% {
    top: 110%;
    left: 75%;
  }
}
/* line 11, ../sass/confetti.scss */
.confetti-11 {
  width: 6px;
  height: 2.4px;
  background-color: #263672;
  top: -10%;
  left: 33%;
  opacity: 1.45381;
  transform: rotate(189.2095deg);
  animation: drop-11 4.02387s 0.3469s 4;
}

@keyframes drop-11 {
  100% {
    top: 110%;
    left: 40%;
  }
}
/* line 11, ../sass/confetti.scss */
.confetti-12 {
  width: 8px;
  height: 3.2px;
  background-color: #d13447;
  top: -10%;
  left: 91%;
  opacity: 1.01719;
  transform: rotate(146.76696deg);
  animation: drop-12 4.04385s 0.75054s 4;
}

@keyframes drop-12 {
  100% {
    top: 110%;
    left: 105%;
  }
}
/* line 11, ../sass/confetti.scss */
.confetti-13 {
  width: 1px;
  height: 0.4px;
  background-color: #263672;
  top: -10%;
  left: 22%;
  opacity: 1.32643;
  transform: rotate(231.60232deg);
  animation: drop-13 4.06339s 0.92888s 4;
}

@keyframes drop-13 {
  100% {
    top: 110%;
    left: 24%;
  }
}
/* line 11, ../sass/confetti.scss */
.confetti-14 {
  width: 1px;
  height: 0.4px;
  background-color: #d13447;
  top: -10%;
  left: 61%;
  opacity: 1.08543;
  transform: rotate(87.79694deg);
  animation: drop-14 4.15015s 0.53913s 4;
}

@keyframes drop-14 {
  100% {
    top: 110%;
    left: 73%;
  }
}
/* line 11, ../sass/confetti.scss */
.confetti-15 {
  width: 4px;
  height: 1.6px;
  background-color: #263672;
  top: -10%;
  left: 41%;
  opacity: 0.62215;
  transform: rotate(232.18699deg);
  animation: drop-15 4.04119s 0.33868s 4;
}

@keyframes drop-15 {
  100% {
    top: 110%;
    left: 51%;
  }
}
/* line 11, ../sass/confetti.scss */
.confetti-16 {
  width: 8px;
  height: 3.2px;
  background-color: #263672;
  top: -10%;
  left: 55%;
  opacity: 1.21539;
  transform: rotate(7.53722deg);
  animation: drop-16 4.26448s 0.58936s 4;
}

@keyframes drop-16 {
  100% {
    top: 110%;
    left: 60%;
  }
}
/* line 11, ../sass/confetti.scss */
.confetti-17 {
  width: 3px;
  height: 1.2px;
  background-color: #ffbf00;
  top: -10%;
  left: 36%;
  opacity: 1.05539;
  transform: rotate(82.4411deg);
  animation: drop-17 4.38171s 0.06452s 4;
}

@keyframes drop-17 {
  100% {
    top: 110%;
    left: 47%;
  }
}
/* line 11, ../sass/confetti.scss */
.confetti-18 {
  width: 8px;
  height: 3.2px;
  background-color: #263672;
  top: -10%;
  left: 50%;
  opacity: 0.85482;
  transform: rotate(40.76713deg);
  animation: drop-18 4.10954s 0.59058s 4;
}

@keyframes drop-18 {
  100% {
    top: 110%;
    left: 54%;
  }
}
/* line 11, ../sass/confetti.scss */
.confetti-19 {
  width: 1px;
  height: 0.4px;
  background-color: #d13447;
  top: -10%;
  left: 10%;
  opacity: 0.59596;
  transform: rotate(202.57087deg);
  animation: drop-19 4.37523s 0.85561s 4;
}

@keyframes drop-19 {
  100% {
    top: 110%;
    left: 19%;
  }
}
/* line 11, ../sass/confetti.scss */
.confetti-20 {
  width: 5px;
  height: 2px;
  background-color: #263672;
  top: -10%;
  left: 43%;
  opacity: 0.76354;
  transform: rotate(201.22416deg);
  animation: drop-20 4.61445s 0.42979s 4;
}

@keyframes drop-20 {
  100% {
    top: 110%;
    left: 46%;
  }
}
/* line 11, ../sass/confetti.scss */
.confetti-21 {
  width: 3px;
  height: 1.2px;
  background-color: #d13447;
  top: -10%;
  left: 84%;
  opacity: 0.92758;
  transform: rotate(227.43346deg);
  animation: drop-21 4.14113s 0.43937s 4;
}

@keyframes drop-21 {
  100% {
    top: 110%;
    left: 97%;
  }
}
/* line 11, ../sass/confetti.scss */
.confetti-22 {
  width: 1px;
  height: 0.4px;
  background-color: #d13447;
  top: -10%;
  left: 83%;
  opacity: 0.83497;
  transform: rotate(288.04768deg);
  animation: drop-22 4.27421s 0.25632s 4;
}

@keyframes drop-22 {
  100% {
    top: 110%;
    left: 84%;
  }
}
/* line 11, ../sass/confetti.scss */
.confetti-23 {
  width: 4px;
  height: 1.6px;
  background-color: #ffbf00;
  top: -10%;
  left: 74%;
  opacity: 0.89356;
  transform: rotate(45.52486deg);
  animation: drop-23 4.92675s 0.23737s 4;
}

@keyframes drop-23 {
  100% {
    top: 110%;
    left: 87%;
  }
}
/* line 11, ../sass/confetti.scss */
.confetti-24 {
  width: 8px;
  height: 3.2px;
  background-color: #d13447;
  top: -10%;
  left: 3%;
  opacity: 1.24345;
  transform: rotate(266.86985deg);
  animation: drop-24 4.8566s 0.47951s 4;
}

@keyframes drop-24 {
  100% {
    top: 110%;
    left: 16%;
  }
}
/* line 11, ../sass/confetti.scss */
.confetti-25 {
  width: 4px;
  height: 1.6px;
  background-color: #ffbf00;
  top: -10%;
  left: 52%;
  opacity: 1.05446;
  transform: rotate(325.65324deg);
  animation: drop-25 4.67444s 0.21266s 4;
}

@keyframes drop-25 {
  100% {
    top: 110%;
    left: 67%;
  }
}
/* line 11, ../sass/confetti.scss */
.confetti-26 {
  width: 6px;
  height: 2.4px;
  background-color: #d13447;
  top: -10%;
  left: 35%;
  opacity: 1.48002;
  transform: rotate(100.67385deg);
  animation: drop-26 4.71404s 0.23452s 4;
}

@keyframes drop-26 {
  100% {
    top: 110%;
    left: 46%;
  }
}
/* line 11, ../sass/confetti.scss */
.confetti-27 {
  width: 4px;
  height: 1.6px;
  background-color: #d13447;
  top: -10%;
  left: 38%;
  opacity: 0.52521;
  transform: rotate(61.62287deg);
  animation: drop-27 4.26546s 0.2052s 4;
}

@keyframes drop-27 {
  100% {
    top: 110%;
    left: 51%;
  }
}
/* line 11, ../sass/confetti.scss */
.confetti-28 {
  width: 3px;
  height: 1.2px;
  background-color: #d13447;
  top: -10%;
  left: 42%;
  opacity: 1.08357;
  transform: rotate(261.11089deg);
  animation: drop-28 4.77326s 0.55059s 4;
}

@keyframes drop-28 {
  100% {
    top: 110%;
    left: 43%;
  }
}
/* line 11, ../sass/confetti.scss */
.confetti-29 {
  width: 6px;
  height: 2.4px;
  background-color: #263672;
  top: -10%;
  left: 78%;
  opacity: 0.94746;
  transform: rotate(56.56893deg);
  animation: drop-29 4.21501s 0.03425s 4;
}

@keyframes drop-29 {
  100% {
    top: 110%;
    left: 83%;
  }
}
/* line 11, ../sass/confetti.scss */
.confetti-30 {
  width: 3px;
  height: 1.2px;
  background-color: #d13447;
  top: -10%;
  left: 84%;
  opacity: 1.41589;
  transform: rotate(283.81171deg);
  animation: drop-30 4.80497s 0.39569s 4;
}

@keyframes drop-30 {
  100% {
    top: 110%;
    left: 99%;
  }
}
/* line 11, ../sass/confetti.scss */
.confetti-31 {
  width: 5px;
  height: 2px;
  background-color: #263672;
  top: -10%;
  left: 21%;
  opacity: 1.2954;
  transform: rotate(268.62708deg);
  animation: drop-31 4.39827s 0.06444s 4;
}

@keyframes drop-31 {
  100% {
    top: 110%;
    left: 28%;
  }
}
/* line 11, ../sass/confetti.scss */
.confetti-32 {
  width: 3px;
  height: 1.2px;
  background-color: #ffbf00;
  top: -10%;
  left: 23%;
  opacity: 0.90195;
  transform: rotate(166.46921deg);
  animation: drop-32 4.16837s 0.0502s 4;
}

@keyframes drop-32 {
  100% {
    top: 110%;
    left: 36%;
  }
}
/* line 11, ../sass/confetti.scss */
.confetti-33 {
  width: 8px;
  height: 3.2px;
  background-color: #263672;
  top: -10%;
  left: 96%;
  opacity: 0.71138;
  transform: rotate(16.80447deg);
  animation: drop-33 4.58101s 0.08767s 4;
}

@keyframes drop-33 {
  100% {
    top: 110%;
    left: 100%;
  }
}
/* line 11, ../sass/confetti.scss */
.confetti-34 {
  width: 1px;
  height: 0.4px;
  background-color: #d13447;
  top: -10%;
  left: 55%;
  opacity: 1.23762;
  transform: rotate(120.48673deg);
  animation: drop-34 4.52262s 0.91123s 4;
}

@keyframes drop-34 {
  100% {
    top: 110%;
    left: 62%;
  }
}
/* line 11, ../sass/confetti.scss */
.confetti-35 {
  width: 7px;
  height: 2.8px;
  background-color: #d13447;
  top: -10%;
  left: 60%;
  opacity: 0.59234;
  transform: rotate(16.40536deg);
  animation: drop-35 4.79526s 0.29333s 4;
}

@keyframes drop-35 {
  100% {
    top: 110%;
    left: 69%;
  }
}
/* line 11, ../sass/confetti.scss */
.confetti-36 {
  width: 5px;
  height: 2px;
  background-color: #ffbf00;
  top: -10%;
  left: 91%;
  opacity: 1.23499;
  transform: rotate(91.72344deg);
  animation: drop-36 4.09262s 0.96599s 4;
}

@keyframes drop-36 {
  100% {
    top: 110%;
    left: 92%;
  }
}
/* line 11, ../sass/confetti.scss */
.confetti-37 {
  width: 8px;
  height: 3.2px;
  background-color: #ffbf00;
  top: -10%;
  left: 47%;
  opacity: 1.45341;
  transform: rotate(336.42269deg);
  animation: drop-37 4.57111s 0.53619s 4;
}

@keyframes drop-37 {
  100% {
    top: 110%;
    left: 48%;
  }
}
/* line 11, ../sass/confetti.scss */
.confetti-38 {
  width: 7px;
  height: 2.8px;
  background-color: #263672;
  top: -10%;
  left: 78%;
  opacity: 0.80011;
  transform: rotate(57.27299deg);
  animation: drop-38 4.42148s 0.29428s 4;
}

@keyframes drop-38 {
  100% {
    top: 110%;
    left: 79%;
  }
}
/* line 11, ../sass/confetti.scss */
.confetti-39 {
  width: 4px;
  height: 1.6px;
  background-color: #ffbf00;
  top: -10%;
  left: 78%;
  opacity: 1.45559;
  transform: rotate(338.00933deg);
  animation: drop-39 4.15654s 0.32428s 4;
}

@keyframes drop-39 {
  100% {
    top: 110%;
    left: 80%;
  }
}
/* line 11, ../sass/confetti.scss */
.confetti-40 {
  width: 8px;
  height: 3.2px;
  background-color: #d13447;
  top: -10%;
  left: 24%;
  opacity: 0.68644;
  transform: rotate(84.01317deg);
  animation: drop-40 4.76514s 0.01813s 4;
}

@keyframes drop-40 {
  100% {
    top: 110%;
    left: 38%;
  }
}
/* line 11, ../sass/confetti.scss */
.confetti-41 {
  width: 7px;
  height: 2.8px;
  background-color: #d13447;
  top: -10%;
  left: 50%;
  opacity: 0.67657;
  transform: rotate(201.99765deg);
  animation: drop-41 4.44847s 0.3666s 4;
}

@keyframes drop-41 {
  100% {
    top: 110%;
    left: 57%;
  }
}
/* line 11, ../sass/confetti.scss */
.confetti-42 {
  width: 3px;
  height: 1.2px;
  background-color: #ffbf00;
  top: -10%;
  left: 94%;
  opacity: 1.0435;
  transform: rotate(16.45582deg);
  animation: drop-42 4.17817s 0.20403s 4;
}

@keyframes drop-42 {
  100% {
    top: 110%;
    left: 97%;
  }
}
/* line 11, ../sass/confetti.scss */
.confetti-43 {
  width: 1px;
  height: 0.4px;
  background-color: #ffbf00;
  top: -10%;
  left: 37%;
  opacity: 1.04393;
  transform: rotate(238.4669deg);
  animation: drop-43 4.48281s 0.94656s 4;
}

@keyframes drop-43 {
  100% {
    top: 110%;
    left: 41%;
  }
}
/* line 11, ../sass/confetti.scss */
.confetti-44 {
  width: 5px;
  height: 2px;
  background-color: #d13447;
  top: -10%;
  left: 53%;
  opacity: 0.50851;
  transform: rotate(327.60082deg);
  animation: drop-44 4.87716s 0.50024s 4;
}

@keyframes drop-44 {
  100% {
    top: 110%;
    left: 64%;
  }
}
/* line 11, ../sass/confetti.scss */
.confetti-45 {
  width: 4px;
  height: 1.6px;
  background-color: #d13447;
  top: -10%;
  left: 24%;
  opacity: 1.42015;
  transform: rotate(336.78261deg);
  animation: drop-45 4.18485s 0.36896s 4;
}

@keyframes drop-45 {
  100% {
    top: 110%;
    left: 34%;
  }
}
/* line 11, ../sass/confetti.scss */
.confetti-46 {
  width: 6px;
  height: 2.4px;
  background-color: #ffbf00;
  top: -10%;
  left: 6%;
  opacity: 1.21259;
  transform: rotate(220.97779deg);
  animation: drop-46 4.60632s 0.42381s 4;
}

@keyframes drop-46 {
  100% {
    top: 110%;
    left: 7%;
  }
}
/* line 11, ../sass/confetti.scss */
.confetti-47 {
  width: 1px;
  height: 0.4px;
  background-color: #ffbf00;
  top: -10%;
  left: 88%;
  opacity: 1.11449;
  transform: rotate(277.23476deg);
  animation: drop-47 4.6982s 0.33217s 4;
}

@keyframes drop-47 {
  100% {
    top: 110%;
    left: 90%;
  }
}
/* line 11, ../sass/confetti.scss */
.confetti-48 {
  width: 7px;
  height: 2.8px;
  background-color: #ffbf00;
  top: -10%;
  left: 88%;
  opacity: 1.12362;
  transform: rotate(123.64958deg);
  animation: drop-48 4.4408s 0.34168s 4;
}

@keyframes drop-48 {
  100% {
    top: 110%;
    left: 102%;
  }
}
/* line 11, ../sass/confetti.scss */
.confetti-49 {
  width: 2px;
  height: 0.8px;
  background-color: #d13447;
  top: -10%;
  left: 13%;
  opacity: 1.10179;
  transform: rotate(139.71419deg);
  animation: drop-49 4.94305s 0.48905s 4;
}

@keyframes drop-49 {
  100% {
    top: 110%;
    left: 23%;
  }
}
/* line 11, ../sass/confetti.scss */
.confetti-50 {
  width: 2px;
  height: 0.8px;
  background-color: #263672;
  top: -10%;
  left: 70%;
  opacity: 1.44428;
  transform: rotate(75.50689deg);
  animation: drop-50 4.34881s 0.42744s 4;
}

@keyframes drop-50 {
  100% {
    top: 110%;
    left: 73%;
  }
}
/* line 11, ../sass/confetti.scss */
.confetti-51 {
  width: 1px;
  height: 0.4px;
  background-color: #ffbf00;
  top: -10%;
  left: 89%;
  opacity: 1.10777;
  transform: rotate(211.73367deg);
  animation: drop-51 4.30504s 0.73223s 4;
}

@keyframes drop-51 {
  100% {
    top: 110%;
    left: 101%;
  }
}
/* line 11, ../sass/confetti.scss */
.confetti-52 {
  width: 2px;
  height: 0.8px;
  background-color: #d13447;
  top: -10%;
  left: 38%;
  opacity: 1.48101;
  transform: rotate(12.76348deg);
  animation: drop-52 4.27284s 0.83346s 4;
}

@keyframes drop-52 {
  100% {
    top: 110%;
    left: 51%;
  }
}
/* line 11, ../sass/confetti.scss */
.confetti-53 {
  width: 5px;
  height: 2px;
  background-color: #ffbf00;
  top: -10%;
  left: 5%;
  opacity: 0.86752;
  transform: rotate(187.41137deg);
  animation: drop-53 4.78442s 0.7681s 4;
}

@keyframes drop-53 {
  100% {
    top: 110%;
    left: 17%;
  }
}
/* line 11, ../sass/confetti.scss */
.confetti-54 {
  width: 7px;
  height: 2.8px;
  background-color: #d13447;
  top: -10%;
  left: 66%;
  opacity: 1.1313;
  transform: rotate(258.17435deg);
  animation: drop-54 4.0124s 0.37583s 4;
}

@keyframes drop-54 {
  100% {
    top: 110%;
    left: 67%;
  }
}
/* line 11, ../sass/confetti.scss */
.confetti-55 {
  width: 1px;
  height: 0.4px;
  background-color: #d13447;
  top: -10%;
  left: 16%;
  opacity: 0.61585;
  transform: rotate(60.12957deg);
  animation: drop-55 4.87327s 0.97909s 4;
}

@keyframes drop-55 {
  100% {
    top: 110%;
    left: 17%;
  }
}
/* line 11, ../sass/confetti.scss */
.confetti-56 {
  width: 4px;
  height: 1.6px;
  background-color: #263672;
  top: -10%;
  left: 83%;
  opacity: 1.13262;
  transform: rotate(261.20222deg);
  animation: drop-56 4.98709s 0.41367s 4;
}

@keyframes drop-56 {
  100% {
    top: 110%;
    left: 88%;
  }
}
/* line 11, ../sass/confetti.scss */
.confetti-57 {
  width: 2px;
  height: 0.8px;
  background-color: #d13447;
  top: -10%;
  left: 44%;
  opacity: 0.5714;
  transform: rotate(293.12491deg);
  animation: drop-57 4.44393s 0.65357s 4;
}

@keyframes drop-57 {
  100% {
    top: 110%;
    left: 46%;
  }
}
/* line 11, ../sass/confetti.scss */
.confetti-58 {
  width: 5px;
  height: 2px;
  background-color: #d13447;
  top: -10%;
  left: 25%;
  opacity: 0.77723;
  transform: rotate(89.1259deg);
  animation: drop-58 4.90833s 0.99261s 4;
}

@keyframes drop-58 {
  100% {
    top: 110%;
    left: 40%;
  }
}
/* line 11, ../sass/confetti.scss */
.confetti-59 {
  width: 7px;
  height: 2.8px;
  background-color: #ffbf00;
  top: -10%;
  left: 94%;
  opacity: 1.34905;
  transform: rotate(249.21057deg);
  animation: drop-59 4.43643s 0.98003s 4;
}

@keyframes drop-59 {
  100% {
    top: 110%;
    left: 95%;
  }
}
/* line 11, ../sass/confetti.scss */
.confetti-60 {
  width: 6px;
  height: 2.4px;
  background-color: #ffbf00;
  top: -10%;
  left: 31%;
  opacity: 1.30031;
  transform: rotate(253.64321deg);
  animation: drop-60 4.90583s 0.97509s 4;
}

@keyframes drop-60 {
  100% {
    top: 110%;
    left: 32%;
  }
}
/* line 11, ../sass/confetti.scss */
.confetti-61 {
  width: 5px;
  height: 2px;
  background-color: #ffbf00;
  top: -10%;
  left: 61%;
  opacity: 1.12081;
  transform: rotate(170.09804deg);
  animation: drop-61 4.36839s 0.10707s 4;
}

@keyframes drop-61 {
  100% {
    top: 110%;
    left: 75%;
  }
}
/* line 11, ../sass/confetti.scss */
.confetti-62 {
  width: 5px;
  height: 2px;
  background-color: #263672;
  top: -10%;
  left: 55%;
  opacity: 1.40183;
  transform: rotate(124.31243deg);
  animation: drop-62 4.36595s 0.09185s 4;
}

@keyframes drop-62 {
  100% {
    top: 110%;
    left: 60%;
  }
}
/* line 11, ../sass/confetti.scss */
.confetti-63 {
  width: 2px;
  height: 0.8px;
  background-color: #ffbf00;
  top: -10%;
  left: 49%;
  opacity: 0.96708;
  transform: rotate(42.15259deg);
  animation: drop-63 4.55809s 0.07284s 4;
}

@keyframes drop-63 {
  100% {
    top: 110%;
    left: 51%;
  }
}
/* line 11, ../sass/confetti.scss */
.confetti-64 {
  width: 5px;
  height: 2px;
  background-color: #d13447;
  top: -10%;
  left: 38%;
  opacity: 1.03503;
  transform: rotate(341.51221deg);
  animation: drop-64 4.66811s 0.28529s 4;
}

@keyframes drop-64 {
  100% {
    top: 110%;
    left: 42%;
  }
}
/* line 11, ../sass/confetti.scss */
.confetti-65 {
  width: 3px;
  height: 1.2px;
  background-color: #ffbf00;
  top: -10%;
  left: 26%;
  opacity: 1.01474;
  transform: rotate(86.01622deg);
  animation: drop-65 4.98584s 0.3112s 4;
}

@keyframes drop-65 {
  100% {
    top: 110%;
    left: 32%;
  }
}
/* line 11, ../sass/confetti.scss */
.confetti-66 {
  width: 3px;
  height: 1.2px;
  background-color: #ffbf00;
  top: -10%;
  left: 87%;
  opacity: 1.45462;
  transform: rotate(54.83791deg);
  animation: drop-66 4.50977s 0.33476s 4;
}

@keyframes drop-66 {
  100% {
    top: 110%;
    left: 100%;
  }
}
/* line 11, ../sass/confetti.scss */
.confetti-67 {
  width: 6px;
  height: 2.4px;
  background-color: #263672;
  top: -10%;
  left: 95%;
  opacity: 0.57848;
  transform: rotate(260.30333deg);
  animation: drop-67 4.38465s 0.37006s 4;
}

@keyframes drop-67 {
  100% {
    top: 110%;
    left: 98%;
  }
}
/* line 11, ../sass/confetti.scss */
.confetti-68 {
  width: 8px;
  height: 3.2px;
  background-color: #ffbf00;
  top: -10%;
  left: 61%;
  opacity: 1.47299;
  transform: rotate(205.9071deg);
  animation: drop-68 4.85932s 0.64648s 4;
}

@keyframes drop-68 {
  100% {
    top: 110%;
    left: 66%;
  }
}
/* line 11, ../sass/confetti.scss */
.confetti-69 {
  width: 1px;
  height: 0.4px;
  background-color: #ffbf00;
  top: -10%;
  left: 39%;
  opacity: 0.54996;
  transform: rotate(132.33603deg);
  animation: drop-69 4.7868s 0.79897s 4;
}

@keyframes drop-69 {
  100% {
    top: 110%;
    left: 43%;
  }
}
/* line 11, ../sass/confetti.scss */
.confetti-70 {
  width: 3px;
  height: 1.2px;
  background-color: #d13447;
  top: -10%;
  left: 45%;
  opacity: 1.1648;
  transform: rotate(80.57138deg);
  animation: drop-70 4.08439s 0.52027s 4;
}

@keyframes drop-70 {
  100% {
    top: 110%;
    left: 59%;
  }
}
/* line 11, ../sass/confetti.scss */
.confetti-71 {
  width: 3px;
  height: 1.2px;
  background-color: #ffbf00;
  top: -10%;
  left: 32%;
  opacity: 1.08873;
  transform: rotate(116.0657deg);
  animation: drop-71 4.14236s 0.40913s 4;
}

@keyframes drop-71 {
  100% {
    top: 110%;
    left: 40%;
  }
}
/* line 11, ../sass/confetti.scss */
.confetti-72 {
  width: 5px;
  height: 2px;
  background-color: #d13447;
  top: -10%;
  left: 11%;
  opacity: 0.86243;
  transform: rotate(298.65236deg);
  animation: drop-72 4.78037s 0.03808s 4;
}

@keyframes drop-72 {
  100% {
    top: 110%;
    left: 18%;
  }
}
/* line 11, ../sass/confetti.scss */
.confetti-73 {
  width: 7px;
  height: 2.8px;
  background-color: #ffbf00;
  top: -10%;
  left: 4%;
  opacity: 1.03617;
  transform: rotate(353.55052deg);
  animation: drop-73 4.74499s 0.95283s 4;
}

@keyframes drop-73 {
  100% {
    top: 110%;
    left: 16%;
  }
}
/* line 11, ../sass/confetti.scss */
.confetti-74 {
  width: 8px;
  height: 3.2px;
  background-color: #263672;
  top: -10%;
  left: 84%;
  opacity: 1.31212;
  transform: rotate(115.73074deg);
  animation: drop-74 4.8059s 0.28207s 4;
}

@keyframes drop-74 {
  100% {
    top: 110%;
    left: 98%;
  }
}
/* line 11, ../sass/confetti.scss */
.confetti-75 {
  width: 8px;
  height: 3.2px;
  background-color: #ffbf00;
  top: -10%;
  left: 47%;
  opacity: 0.94439;
  transform: rotate(145.56845deg);
  animation: drop-75 4.72745s 0.02572s 4;
}

@keyframes drop-75 {
  100% {
    top: 110%;
    left: 51%;
  }
}
/* line 11, ../sass/confetti.scss */
.confetti-76 {
  width: 1px;
  height: 0.4px;
  background-color: #d13447;
  top: -10%;
  left: 46%;
  opacity: 1.05141;
  transform: rotate(67.06777deg);
  animation: drop-76 4.92458s 0.66291s 4;
}

@keyframes drop-76 {
  100% {
    top: 110%;
    left: 59%;
  }
}
/* line 11, ../sass/confetti.scss */
.confetti-77 {
  width: 1px;
  height: 0.4px;
  background-color: #d13447;
  top: -10%;
  left: 9%;
  opacity: 0.97153;
  transform: rotate(237.93906deg);
  animation: drop-77 4.59897s 0.83702s 4;
}

@keyframes drop-77 {
  100% {
    top: 110%;
    left: 23%;
  }
}
/* line 11, ../sass/confetti.scss */
.confetti-78 {
  width: 2px;
  height: 0.8px;
  background-color: #ffbf00;
  top: -10%;
  left: 55%;
  opacity: 1.15697;
  transform: rotate(250.16538deg);
  animation: drop-78 4.20664s 0.55089s 4;
}

@keyframes drop-78 {
  100% {
    top: 110%;
    left: 66%;
  }
}
/* line 11, ../sass/confetti.scss */
.confetti-79 {
  width: 6px;
  height: 2.4px;
  background-color: #263672;
  top: -10%;
  left: 26%;
  opacity: 0.88321;
  transform: rotate(173.37798deg);
  animation: drop-79 4.1828s 0.19198s 4;
}

@keyframes drop-79 {
  100% {
    top: 110%;
    left: 38%;
  }
}
/* line 11, ../sass/confetti.scss */
.confetti-80 {
  width: 3px;
  height: 1.2px;
  background-color: #ffbf00;
  top: -10%;
  left: 15%;
  opacity: 1.49288;
  transform: rotate(54.61103deg);
  animation: drop-80 4.03405s 0.10696s 4;
}

@keyframes drop-80 {
  100% {
    top: 110%;
    left: 21%;
  }
}
/* line 11, ../sass/confetti.scss */
.confetti-81 {
  width: 5px;
  height: 2px;
  background-color: #263672;
  top: -10%;
  left: 31%;
  opacity: 1.19398;
  transform: rotate(256.35065deg);
  animation: drop-81 4.36773s 0.394s 4;
}

@keyframes drop-81 {
  100% {
    top: 110%;
    left: 33%;
  }
}
/* line 11, ../sass/confetti.scss */
.confetti-82 {
  width: 2px;
  height: 0.8px;
  background-color: #d13447;
  top: -10%;
  left: 72%;
  opacity: 1.43862;
  transform: rotate(346.78801deg);
  animation: drop-82 4.69258s 0.47734s 4;
}

@keyframes drop-82 {
  100% {
    top: 110%;
    left: 83%;
  }
}
/* line 11, ../sass/confetti.scss */
.confetti-83 {
  width: 2px;
  height: 0.8px;
  background-color: #263672;
  top: -10%;
  left: 7%;
  opacity: 1.00472;
  transform: rotate(145.80037deg);
  animation: drop-83 4.35502s 0.23963s 4;
}

@keyframes drop-83 {
  100% {
    top: 110%;
    left: 21%;
  }
}
/* line 11, ../sass/confetti.scss */
.confetti-84 {
  width: 3px;
  height: 1.2px;
  background-color: #ffbf00;
  top: -10%;
  left: 5%;
  opacity: 1.44696;
  transform: rotate(212.03663deg);
  animation: drop-84 4.78523s 0.55027s 4;
}

@keyframes drop-84 {
  100% {
    top: 110%;
    left: 15%;
  }
}
/* line 11, ../sass/confetti.scss */
.confetti-85 {
  width: 3px;
  height: 1.2px;
  background-color: #ffbf00;
  top: -10%;
  left: 50%;
  opacity: 1.12373;
  transform: rotate(92.63156deg);
  animation: drop-85 4.2046s 0.2215s 4;
}

@keyframes drop-85 {
  100% {
    top: 110%;
    left: 64%;
  }
}
/* line 11, ../sass/confetti.scss */
.confetti-86 {
  width: 4px;
  height: 1.6px;
  background-color: #263672;
  top: -10%;
  left: 29%;
  opacity: 1.16004;
  transform: rotate(211.65503deg);
  animation: drop-86 4.47785s 0.66532s 4;
}

@keyframes drop-86 {
  100% {
    top: 110%;
    left: 44%;
  }
}
/* line 11, ../sass/confetti.scss */
.confetti-87 {
  width: 2px;
  height: 0.8px;
  background-color: #263672;
  top: -10%;
  left: 74%;
  opacity: 1.05748;
  transform: rotate(310.58059deg);
  animation: drop-87 4.62842s 0.42886s 4;
}

@keyframes drop-87 {
  100% {
    top: 110%;
    left: 77%;
  }
}
/* line 11, ../sass/confetti.scss */
.confetti-88 {
  width: 7px;
  height: 2.8px;
  background-color: #ffbf00;
  top: -10%;
  left: 36%;
  opacity: 1.46212;
  transform: rotate(316.70943deg);
  animation: drop-88 4.94975s 0.58193s 4;
}

@keyframes drop-88 {
  100% {
    top: 110%;
    left: 47%;
  }
}
/* line 11, ../sass/confetti.scss */
.confetti-89 {
  width: 7px;
  height: 2.8px;
  background-color: #263672;
  top: -10%;
  left: 43%;
  opacity: 0.79744;
  transform: rotate(18.4266deg);
  animation: drop-89 4.80472s 0.98088s 4;
}

@keyframes drop-89 {
  100% {
    top: 110%;
    left: 54%;
  }
}
/* line 11, ../sass/confetti.scss */
.confetti-90 {
  width: 3px;
  height: 1.2px;
  background-color: #ffbf00;
  top: -10%;
  left: 41%;
  opacity: 0.97352;
  transform: rotate(83.54609deg);
  animation: drop-90 4.64635s 0.23378s 4;
}

@keyframes drop-90 {
  100% {
    top: 110%;
    left: 44%;
  }
}
/* line 11, ../sass/confetti.scss */
.confetti-91 {
  width: 7px;
  height: 2.8px;
  background-color: #d13447;
  top: -10%;
  left: 34%;
  opacity: 0.62582;
  transform: rotate(29.99648deg);
  animation: drop-91 4.0706s 0.09358s 4;
}

@keyframes drop-91 {
  100% {
    top: 110%;
    left: 42%;
  }
}
/* line 11, ../sass/confetti.scss */
.confetti-92 {
  width: 8px;
  height: 3.2px;
  background-color: #ffbf00;
  top: -10%;
  left: 42%;
  opacity: 1.4253;
  transform: rotate(309.80072deg);
  animation: drop-92 4.06371s 0.97146s 4;
}

@keyframes drop-92 {
  100% {
    top: 110%;
    left: 57%;
  }
}
/* line 11, ../sass/confetti.scss */
.confetti-93 {
  width: 5px;
  height: 2px;
  background-color: #d13447;
  top: -10%;
  left: 13%;
  opacity: 1.45214;
  transform: rotate(78.90215deg);
  animation: drop-93 4.76996s 0.07162s 4;
}

@keyframes drop-93 {
  100% {
    top: 110%;
    left: 19%;
  }
}
/* line 11, ../sass/confetti.scss */
.confetti-94 {
  width: 7px;
  height: 2.8px;
  background-color: #d13447;
  top: -10%;
  left: 8%;
  opacity: 1.3856;
  transform: rotate(41.67362deg);
  animation: drop-94 4.88602s 0.82249s 4;
}

@keyframes drop-94 {
  100% {
    top: 110%;
    left: 20%;
  }
}
/* line 11, ../sass/confetti.scss */
.confetti-95 {
  width: 1px;
  height: 0.4px;
  background-color: #263672;
  top: -10%;
  left: 33%;
  opacity: 0.56265;
  transform: rotate(277.23726deg);
  animation: drop-95 4.27577s 0.79925s 4;
}

@keyframes drop-95 {
  100% {
    top: 110%;
    left: 47%;
  }
}
/* line 11, ../sass/confetti.scss */
.confetti-96 {
  width: 2px;
  height: 0.8px;
  background-color: #ffbf00;
  top: -10%;
  left: 98%;
  opacity: 1.38387;
  transform: rotate(251.47206deg);
  animation: drop-96 4.37322s 0.25209s 4;
}

@keyframes drop-96 {
  100% {
    top: 110%;
    left: 109%;
  }
}
/* line 11, ../sass/confetti.scss */
.confetti-97 {
  width: 7px;
  height: 2.8px;
  background-color: #d13447;
  top: -10%;
  left: 13%;
  opacity: 0.85044;
  transform: rotate(160.1341deg);
  animation: drop-97 4.11304s 0.11805s 4;
}

@keyframes drop-97 {
  100% {
    top: 110%;
    left: 16%;
  }
}
/* line 11, ../sass/confetti.scss */
.confetti-98 {
  width: 1px;
  height: 0.4px;
  background-color: #ffbf00;
  top: -10%;
  left: 29%;
  opacity: 1.49689;
  transform: rotate(173.14129deg);
  animation: drop-98 4.39888s 0.35649s 4;
}

@keyframes drop-98 {
  100% {
    top: 110%;
    left: 33%;
  }
}
/* line 11, ../sass/confetti.scss */
.confetti-99 {
  width: 6px;
  height: 2.4px;
  background-color: #ffbf00;
  top: -10%;
  left: 82%;
  opacity: 0.85273;
  transform: rotate(130.75751deg);
  animation: drop-99 4.11808s 0.02049s 4;
}

@keyframes drop-99 {
  100% {
    top: 110%;
    left: 86%;
  }
}
/* line 11, ../sass/confetti.scss */
.confetti-100 {
  width: 3px;
  height: 1.2px;
  background-color: #ffbf00;
  top: -10%;
  left: 31%;
  opacity: 1.439;
  transform: rotate(33.28655deg);
  animation: drop-100 4.58415s 0.19309s 4;
}

@keyframes drop-100 {
  100% {
    top: 110%;
    left: 42%;
  }
}
/* line 11, ../sass/confetti.scss */
.confetti-101 {
  width: 2px;
  height: 0.8px;
  background-color: #263672;
  top: -10%;
  left: 66%;
  opacity: 0.99067;
  transform: rotate(95.53065deg);
  animation: drop-101 4.20952s 0.36144s 4;
}

@keyframes drop-101 {
  100% {
    top: 110%;
    left: 73%;
  }
}
/* line 11, ../sass/confetti.scss */
.confetti-102 {
  width: 5px;
  height: 2px;
  background-color: #263672;
  top: -10%;
  left: 95%;
  opacity: 0.74154;
  transform: rotate(197.45765deg);
  animation: drop-102 4.18857s 0.44305s 4;
}

@keyframes drop-102 {
  100% {
    top: 110%;
    left: 98%;
  }
}
/* line 11, ../sass/confetti.scss */
.confetti-103 {
  width: 6px;
  height: 2.4px;
  background-color: #ffbf00;
  top: -10%;
  left: 40%;
  opacity: 1.34588;
  transform: rotate(188.249deg);
  animation: drop-103 4.5903s 0.14853s 4;
}

@keyframes drop-103 {
  100% {
    top: 110%;
    left: 44%;
  }
}
/* line 11, ../sass/confetti.scss */
.confetti-104 {
  width: 8px;
  height: 3.2px;
  background-color: #d13447;
  top: -10%;
  left: 70%;
  opacity: 0.82933;
  transform: rotate(201.84605deg);
  animation: drop-104 4.69551s 0.36858s 4;
}

@keyframes drop-104 {
  100% {
    top: 110%;
    left: 72%;
  }
}
/* line 11, ../sass/confetti.scss */
.confetti-105 {
  width: 3px;
  height: 1.2px;
  background-color: #263672;
  top: -10%;
  left: 67%;
  opacity: 1.39093;
  transform: rotate(171.79031deg);
  animation: drop-105 4.09871s 0.34692s 4;
}

@keyframes drop-105 {
  100% {
    top: 110%;
    left: 78%;
  }
}
/* line 11, ../sass/confetti.scss */
.confetti-106 {
  width: 6px;
  height: 2.4px;
  background-color: #263672;
  top: -10%;
  left: 69%;
  opacity: 0.93632;
  transform: rotate(265.49398deg);
  animation: drop-106 4.8723s 0.41462s 4;
}

@keyframes drop-106 {
  100% {
    top: 110%;
    left: 71%;
  }
}
/* line 11, ../sass/confetti.scss */
.confetti-107 {
  width: 8px;
  height: 3.2px;
  background-color: #d13447;
  top: -10%;
  left: 14%;
  opacity: 1.41728;
  transform: rotate(317.56653deg);
  animation: drop-107 4.05791s 0.60288s 4;
}

@keyframes drop-107 {
  100% {
    top: 110%;
    left: 28%;
  }
}
/* line 11, ../sass/confetti.scss */
.confetti-108 {
  width: 7px;
  height: 2.8px;
  background-color: #ffbf00;
  top: -10%;
  left: 22%;
  opacity: 1.05754;
  transform: rotate(172.45607deg);
  animation: drop-108 4.82892s 0.14398s 4;
}

@keyframes drop-108 {
  100% {
    top: 110%;
    left: 37%;
  }
}
/* line 11, ../sass/confetti.scss */
.confetti-109 {
  width: 2px;
  height: 0.8px;
  background-color: #d13447;
  top: -10%;
  left: 50%;
  opacity: 1.18945;
  transform: rotate(114.13359deg);
  animation: drop-109 4.63028s 0.07254s 4;
}

@keyframes drop-109 {
  100% {
    top: 110%;
    left: 63%;
  }
}
/* line 11, ../sass/confetti.scss */
.confetti-110 {
  width: 5px;
  height: 2px;
  background-color: #d13447;
  top: -10%;
  left: 87%;
  opacity: 1.30372;
  transform: rotate(197.28535deg);
  animation: drop-110 4.72067s 0.88663s 4;
}

@keyframes drop-110 {
  100% {
    top: 110%;
    left: 97%;
  }
}
/* line 11, ../sass/confetti.scss */
.confetti-111 {
  width: 7px;
  height: 2.8px;
  background-color: #ffbf00;
  top: -10%;
  left: 21%;
  opacity: 0.57673;
  transform: rotate(137.44572deg);
  animation: drop-111 4.71199s 0.76238s 4;
}

@keyframes drop-111 {
  100% {
    top: 110%;
    left: 26%;
  }
}
/* line 11, ../sass/confetti.scss */
.confetti-112 {
  width: 7px;
  height: 2.8px;
  background-color: #263672;
  top: -10%;
  left: 83%;
  opacity: 1.28444;
  transform: rotate(220.34772deg);
  animation: drop-112 4.01503s 0.17166s 4;
}

@keyframes drop-112 {
  100% {
    top: 110%;
    left: 95%;
  }
}
/* line 11, ../sass/confetti.scss */
.confetti-113 {
  width: 5px;
  height: 2px;
  background-color: #263672;
  top: -10%;
  left: 60%;
  opacity: 0.79271;
  transform: rotate(51.81568deg);
  animation: drop-113 4.4371s 0.64714s 4;
}

@keyframes drop-113 {
  100% {
    top: 110%;
    left: 67%;
  }
}
/* line 11, ../sass/confetti.scss */
.confetti-114 {
  width: 2px;
  height: 0.8px;
  background-color: #d13447;
  top: -10%;
  left: 69%;
  opacity: 0.53629;
  transform: rotate(42.72272deg);
  animation: drop-114 4.92285s 0.41269s 4;
}

@keyframes drop-114 {
  100% {
    top: 110%;
    left: 76%;
  }
}
/* line 11, ../sass/confetti.scss */
.confetti-115 {
  width: 5px;
  height: 2px;
  background-color: #263672;
  top: -10%;
  left: 14%;
  opacity: 0.92694;
  transform: rotate(126.5936deg);
  animation: drop-115 4.92235s 0.37827s 4;
}

@keyframes drop-115 {
  100% {
    top: 110%;
    left: 23%;
  }
}
/* line 11, ../sass/confetti.scss */
.confetti-116 {
  width: 6px;
  height: 2.4px;
  background-color: #ffbf00;
  top: -10%;
  left: 22%;
  opacity: 1.15716;
  transform: rotate(336.12618deg);
  animation: drop-116 4.63022s 0.74457s 4;
}

@keyframes drop-116 {
  100% {
    top: 110%;
    left: 37%;
  }
}
/* line 11, ../sass/confetti.scss */
.confetti-117 {
  width: 6px;
  height: 2.4px;
  background-color: #ffbf00;
  top: -10%;
  left: 44%;
  opacity: 0.63959;
  transform: rotate(115.80172deg);
  animation: drop-117 4.74656s 0.23234s 4;
}

@keyframes drop-117 {
  100% {
    top: 110%;
    left: 49%;
  }
}
/* line 11, ../sass/confetti.scss */
.confetti-118 {
  width: 7px;
  height: 2.8px;
  background-color: #d13447;
  top: -10%;
  left: 41%;
  opacity: 0.5633;
  transform: rotate(101.93566deg);
  animation: drop-118 4.31096s 0.53309s 4;
}

@keyframes drop-118 {
  100% {
    top: 110%;
    left: 46%;
  }
}
/* line 11, ../sass/confetti.scss */
.confetti-119 {
  width: 3px;
  height: 1.2px;
  background-color: #263672;
  top: -10%;
  left: 71%;
  opacity: 0.87743;
  transform: rotate(196.10335deg);
  animation: drop-119 4.31491s 0.46547s 4;
}

@keyframes drop-119 {
  100% {
    top: 110%;
    left: 80%;
  }
}
/* line 11, ../sass/confetti.scss */
.confetti-120 {
  width: 4px;
  height: 1.6px;
  background-color: #d13447;
  top: -10%;
  left: 67%;
  opacity: 0.69479;
  transform: rotate(53.54736deg);
  animation: drop-120 4.16724s 0.25771s 4;
}

@keyframes drop-120 {
  100% {
    top: 110%;
    left: 81%;
  }
}
/* line 11, ../sass/confetti.scss */
.confetti-121 {
  width: 3px;
  height: 1.2px;
  background-color: #d13447;
  top: -10%;
  left: 61%;
  opacity: 1.23988;
  transform: rotate(96.47098deg);
  animation: drop-121 4.84444s 0.53489s 4;
}

@keyframes drop-121 {
  100% {
    top: 110%;
    left: 69%;
  }
}
/* line 11, ../sass/confetti.scss */
.confetti-122 {
  width: 7px;
  height: 2.8px;
  background-color: #d13447;
  top: -10%;
  left: 33%;
  opacity: 1.28934;
  transform: rotate(88.5622deg);
  animation: drop-122 4.79177s 0.19335s 4;
}

@keyframes drop-122 {
  100% {
    top: 110%;
    left: 46%;
  }
}
/* line 11, ../sass/confetti.scss */
.confetti-123 {
  width: 4px;
  height: 1.6px;
  background-color: #263672;
  top: -10%;
  left: 66%;
  opacity: 1.13279;
  transform: rotate(172.14943deg);
  animation: drop-123 4.02563s 0.8241s 4;
}

@keyframes drop-123 {
  100% {
    top: 110%;
    left: 69%;
  }
}
/* line 11, ../sass/confetti.scss */
.confetti-124 {
  width: 3px;
  height: 1.2px;
  background-color: #263672;
  top: -10%;
  left: 73%;
  opacity: 1.45756;
  transform: rotate(151.41754deg);
  animation: drop-124 4.95774s 0.37261s 4;
}

@keyframes drop-124 {
  100% {
    top: 110%;
    left: 77%;
  }
}
/* line 11, ../sass/confetti.scss */
.confetti-125 {
  width: 2px;
  height: 0.8px;
  background-color: #ffbf00;
  top: -10%;
  left: 39%;
  opacity: 1.29923;
  transform: rotate(194.00144deg);
  animation: drop-125 4.64058s 0.68796s 4;
}

@keyframes drop-125 {
  100% {
    top: 110%;
    left: 40%;
  }
}
/* line 11, ../sass/confetti.scss */
.confetti-126 {
  width: 6px;
  height: 2.4px;
  background-color: #d13447;
  top: -10%;
  left: 34%;
  opacity: 1.4942;
  transform: rotate(60.60039deg);
  animation: drop-126 4.48835s 0.07331s 4;
}

@keyframes drop-126 {
  100% {
    top: 110%;
    left: 48%;
  }
}
/* line 11, ../sass/confetti.scss */
.confetti-127 {
  width: 2px;
  height: 0.8px;
  background-color: #d13447;
  top: -10%;
  left: 65%;
  opacity: 0.73182;
  transform: rotate(319.70943deg);
  animation: drop-127 4.71384s 0.50553s 4;
}

@keyframes drop-127 {
  100% {
    top: 110%;
    left: 67%;
  }
}
/* line 11, ../sass/confetti.scss */
.confetti-128 {
  width: 8px;
  height: 3.2px;
  background-color: #263672;
  top: -10%;
  left: 56%;
  opacity: 1.1839;
  transform: rotate(185.30594deg);
  animation: drop-128 4.50493s 0.22773s 4;
}

@keyframes drop-128 {
  100% {
    top: 110%;
    left: 58%;
  }
}
/* line 11, ../sass/confetti.scss */
.confetti-129 {
  width: 6px;
  height: 2.4px;
  background-color: #ffbf00;
  top: -10%;
  left: 93%;
  opacity: 0.79729;
  transform: rotate(294.20416deg);
  animation: drop-129 4.01847s 0.79176s 4;
}

@keyframes drop-129 {
  100% {
    top: 110%;
    left: 99%;
  }
}
/* line 11, ../sass/confetti.scss */
.confetti-130 {
  width: 8px;
  height: 3.2px;
  background-color: #ffbf00;
  top: -10%;
  left: 37%;
  opacity: 1.0499;
  transform: rotate(136.70648deg);
  animation: drop-130 4.022s 0.61503s 4;
}

@keyframes drop-130 {
  100% {
    top: 110%;
    left: 49%;
  }
}
/* line 11, ../sass/confetti.scss */
.confetti-131 {
  width: 1px;
  height: 0.4px;
  background-color: #ffbf00;
  top: -10%;
  left: 87%;
  opacity: 1.47071;
  transform: rotate(69.62699deg);
  animation: drop-131 4.00185s 0.63877s 4;
}

@keyframes drop-131 {
  100% {
    top: 110%;
    left: 90%;
  }
}
/* line 11, ../sass/confetti.scss */
.confetti-132 {
  width: 5px;
  height: 2px;
  background-color: #263672;
  top: -10%;
  left: 79%;
  opacity: 0.67297;
  transform: rotate(245.19596deg);
  animation: drop-132 4.7947s 0.74629s 4;
}

@keyframes drop-132 {
  100% {
    top: 110%;
    left: 81%;
  }
}
/* line 11, ../sass/confetti.scss */
.confetti-133 {
  width: 3px;
  height: 1.2px;
  background-color: #263672;
  top: -10%;
  left: 1%;
  opacity: 0.85315;
  transform: rotate(224.52003deg);
  animation: drop-133 4.05892s 0.24134s 4;
}

@keyframes drop-133 {
  100% {
    top: 110%;
    left: 8%;
  }
}
/* line 11, ../sass/confetti.scss */
.confetti-134 {
  width: 7px;
  height: 2.8px;
  background-color: #d13447;
  top: -10%;
  left: 42%;
  opacity: 0.7929;
  transform: rotate(153.98459deg);
  animation: drop-134 4.73467s 0.37901s 4;
}

@keyframes drop-134 {
  100% {
    top: 110%;
    left: 57%;
  }
}
/* line 11, ../sass/confetti.scss */
.confetti-135 {
  width: 1px;
  height: 0.4px;
  background-color: #d13447;
  top: -10%;
  left: 74%;
  opacity: 0.69544;
  transform: rotate(332.60558deg);
  animation: drop-135 4.00343s 0.34366s 4;
}

@keyframes drop-135 {
  100% {
    top: 110%;
    left: 81%;
  }
}
/* line 11, ../sass/confetti.scss */
.confetti-136 {
  width: 3px;
  height: 1.2px;
  background-color: #d13447;
  top: -10%;
  left: 58%;
  opacity: 0.75258;
  transform: rotate(147.16931deg);
  animation: drop-136 4.22814s 0.68367s 4;
}

@keyframes drop-136 {
  100% {
    top: 110%;
    left: 64%;
  }
}
/* line 11, ../sass/confetti.scss */
.confetti-137 {
  width: 7px;
  height: 2.8px;
  background-color: #ffbf00;
  top: -10%;
  left: 85%;
  opacity: 0.50362;
  transform: rotate(255.77665deg);
  animation: drop-137 4.50013s 0.53026s 4;
}

@keyframes drop-137 {
  100% {
    top: 110%;
    left: 95%;
  }
}
/* line 11, ../sass/confetti.scss */
.confetti-138 {
  width: 8px;
  height: 3.2px;
  background-color: #ffbf00;
  top: -10%;
  left: 85%;
  opacity: 0.76324;
  transform: rotate(254.49521deg);
  animation: drop-138 4.20216s 0.77778s 4;
}

@keyframes drop-138 {
  100% {
    top: 110%;
    left: 98%;
  }
}
/* line 11, ../sass/confetti.scss */
.confetti-139 {
  width: 2px;
  height: 0.8px;
  background-color: #d13447;
  top: -10%;
  left: 15%;
  opacity: 0.68764;
  transform: rotate(110.22448deg);
  animation: drop-139 4.63208s 0.42218s 4;
}

@keyframes drop-139 {
  100% {
    top: 110%;
    left: 21%;
  }
}
/* line 11, ../sass/confetti.scss */
.confetti-140 {
  width: 2px;
  height: 0.8px;
  background-color: #263672;
  top: -10%;
  left: 77%;
  opacity: 0.74893;
  transform: rotate(270.28467deg);
  animation: drop-140 4.75757s 0.31952s 4;
}

@keyframes drop-140 {
  100% {
    top: 110%;
    left: 80%;
  }
}
/* line 11, ../sass/confetti.scss */
.confetti-141 {
  width: 5px;
  height: 2px;
  background-color: #ffbf00;
  top: -10%;
  left: 47%;
  opacity: 0.63874;
  transform: rotate(275.42304deg);
  animation: drop-141 4.94558s 0.38196s 4;
}

@keyframes drop-141 {
  100% {
    top: 110%;
    left: 59%;
  }
}
/* line 11, ../sass/confetti.scss */
.confetti-142 {
  width: 2px;
  height: 0.8px;
  background-color: #263672;
  top: -10%;
  left: 25%;
  opacity: 0.89448;
  transform: rotate(130.39073deg);
  animation: drop-142 4.93997s 0.23581s 4;
}

@keyframes drop-142 {
  100% {
    top: 110%;
    left: 28%;
  }
}
/* line 11, ../sass/confetti.scss */
.confetti-143 {
  width: 7px;
  height: 2.8px;
  background-color: #ffbf00;
  top: -10%;
  left: 86%;
  opacity: 1.46621;
  transform: rotate(133.01704deg);
  animation: drop-143 4.13546s 0.24275s 4;
}

@keyframes drop-143 {
  100% {
    top: 110%;
    left: 99%;
  }
}
/* line 11, ../sass/confetti.scss */
.confetti-144 {
  width: 6px;
  height: 2.4px;
  background-color: #263672;
  top: -10%;
  left: 4%;
  opacity: 1.41543;
  transform: rotate(15.23404deg);
  animation: drop-144 4.46447s 0.20592s 4;
}

@keyframes drop-144 {
  100% {
    top: 110%;
    left: 16%;
  }
}
/* line 11, ../sass/confetti.scss */
.confetti-145 {
  width: 7px;
  height: 2.8px;
  background-color: #ffbf00;
  top: -10%;
  left: 29%;
  opacity: 1.02858;
  transform: rotate(305.38785deg);
  animation: drop-145 4.45679s 0.49718s 4;
}

@keyframes drop-145 {
  100% {
    top: 110%;
    left: 44%;
  }
}
/* line 11, ../sass/confetti.scss */
.confetti-146 {
  width: 2px;
  height: 0.8px;
  background-color: #ffbf00;
  top: -10%;
  left: 80%;
  opacity: 0.57585;
  transform: rotate(312.5706deg);
  animation: drop-146 4.45217s 0.42755s 4;
}

@keyframes drop-146 {
  100% {
    top: 110%;
    left: 87%;
  }
}
/* line 11, ../sass/confetti.scss */
.confetti-147 {
  width: 6px;
  height: 2.4px;
  background-color: #d13447;
  top: -10%;
  left: 43%;
  opacity: 1.16588;
  transform: rotate(353.95144deg);
  animation: drop-147 4.4532s 0.31184s 4;
}

@keyframes drop-147 {
  100% {
    top: 110%;
    left: 52%;
  }
}
/* line 11, ../sass/confetti.scss */
.confetti-148 {
  width: 8px;
  height: 3.2px;
  background-color: #d13447;
  top: -10%;
  left: 5%;
  opacity: 1.06437;
  transform: rotate(314.39322deg);
  animation: drop-148 4.24977s 0.44975s 4;
}

@keyframes drop-148 {
  100% {
    top: 110%;
    left: 16%;
  }
}
/* line 11, ../sass/confetti.scss */
.confetti-149 {
  width: 4px;
  height: 1.6px;
  background-color: #ffbf00;
  top: -10%;
  left: 50%;
  opacity: 0.88065;
  transform: rotate(40.54913deg);
  animation: drop-149 4.08113s 0.68289s 4;
}

@keyframes drop-149 {
  100% {
    top: 110%;
    left: 52%;
  }
}
/* line 11, ../sass/confetti.scss */
.confetti-150 {
  width: 4px;
  height: 1.6px;
  background-color: #d13447;
  top: -10%;
  left: 93%;
  opacity: 1.18727;
  transform: rotate(43.76184deg);
  animation: drop-150 4.14655s 0.62838s 4;
}

@keyframes drop-150 {
  100% {
    top: 110%;
    left: 107%;
  }
}

.promo.with-content.upper{
  max-width: 1340px;
  margin: 0 50px 100px;
}

@media screen and (min-width: 1280px){
  .promo.with-content.upper .img-cover{
    width: 540px;
    position: absolute;
    right: 0;
    top: 0;
  }
}

@media screen and (max-width: 1280px){
  .promo.with-content.upper{
    margin-bottom: 0px;
  }

  .promo.with-content.upper .content-left{
    padding-bottom: 50px;
  }

  .promo.with-content.upper .img-cover{
    margin-top: -50px;
  }

  .image-wrap{
    display:block;
  }
}
@media screen and (max-width: 520px){
  .content-block.content-block-page h1{
    font-size: 22px;
    line-height: 27px;
  }
}
@media screen and (max-width: 430px){
 header .object-fit{ 
  min-height: 430px;
 }

 header .slider .object-fit{
   min-height: auto;
 }
}

.makelaar a {
  font-size: 17px;
  display: block;
  
}

.buttons .btn {
  margin-top: 0!important;
}

.banner{
  z-index: 999;
}

div#gform_confirmation_message_1 {
  line-height: 27px;
  font-size: 14px;
}

.post-password-form input[type=password]{
  border: 1px solid #af1d27;
  padding: 7px 15px !important;
  display: block;
  margin: 15px 0 20px;
}

.post-password-form input[type=submit]{
  padding: 10px 25px;
  background: #af1d27;
  display: inline-block;
  min-width: 178.5px;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.05em;
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  border: none;
  cursor: pointer;
  transition: all 0.6s;
  font-family: 'Lato';
  text-align: center;
}

header .navigation{
  position: fixed !important;
  height: auto!important;
  z-index: 999999!important;
  top: 0!important;
}

.page-template-default header.verkoopdocumenten{
    padding-top: 0;
}

.page-template-default .main.verkoopdocumenten{
  padding-top: 150px;
}

.page-template-default .verkoopdocumenten .scrolldown-container{
  display: none;
}