@font-face {font-family: "Scrapbooker)";
    src: url("./font/ScrapbookerScript-Regular.ttf") format("truetype")
}
@font-face {font-family: "bely";/* IE9*/
    src: url("./font/Bely\ Display\ W00\ Regular.ttf") format("truetype") 
}
@font-face {font-family: "Scrapbooker"; src: url("//db.onlinewebfonts.com/t/92374880c135aa81c9ccb8441912e6d4.eot"); src: url("//db.onlinewebfonts.com/t/92374880c135aa81c9ccb8441912e6d4.eot?#iefix") format("embedded-opentype"), url("//db.onlinewebfonts.com/t/92374880c135aa81c9ccb8441912e6d4.woff2") format("woff2"), url("//db.onlinewebfonts.com/t/92374880c135aa81c9ccb8441912e6d4.woff") format("woff"), url("//db.onlinewebfonts.com/t/92374880c135aa81c9ccb8441912e6d4.ttf") format("truetype"), url("//db.onlinewebfonts.com/t/92374880c135aa81c9ccb8441912e6d4.svg#Scrapbooker") format("svg"); } 
.header{
    height: 1000px;
    margin-bottom: 100px;
}
.container{
    max-width: 1920px !important;
    padding: 0px 50px !important;

}
.header h1{
    text-align: left;
    font: normal normal normal 95px/21px "Scrapbooker)";
    letter-spacing: 0px;
    color: #A4BE9A;
    opacity: 1;
    margin-top: 40px;
}

.header h2{
    text-align: left;
    font: normal normal normal 80px/96px "Bely";
    letter-spacing: 0px;
    color: #73896E;
    opacity: 1;
    margin-left: 50px;
}
.header{
    padding: 20px 0px;
    width: 100%;
    display: inline-block;
}
.header p{
    text-align: left;
    font: normal normal 300 16px/19px 'Montserrat', sans-serif;
    letter-spacing: 0px;
    color: #000000;
    margin-left: 50px;
    margin-bottom: 30px;
    margin-top: 20px;
    max-width: 430px;
}
.header button{
    text-align: center;
    font: normal normal medium 20px/24px 'Montserrat', sans-serif;
    letter-spacing: 0px;
    color: #73896E;
    opacity: 1;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 2px solid #A4BE9A;
    border-radius: 63px;
    opacity: 1;
    padding: 11px 16px;
    margin-left: 50px;
}
.header button:hover, .header button:focus{
    color: #fff;
    background: #A4BE9A;
}
.header h3{
    transform: matrix(0.98, -0.21, 0.10, 0.98, -90, 0);
    /* UI Properties */
    text-align: center;
    font: normal normal normal 24px/35px "Scrapbooker";
    letter-spacing: 0px;
    color: #A4BE9A;
    opacity: 1;
    text-transform: uppercase;
    margin-top: 30px;
    max-width: 458px;
}
.header h3 a{
    font: normal normal normal 24px/35px "Scrapbooker";
    letter-spacing: 0px;
    color: #A4BE9A;
    opacity: 1;
    text-transform: uppercase;
}
.header h3 article {
    width: 100%;
    display: inline-block;
    vertical-align: top;
}
.gfdgf{
    margin-left: 74px;
}
footer h3{
    text-align: left;
    font: normal normal normal 50px/63px "Scrapbooker";
    letter-spacing: 0px;
    color: #CFC984;
    text-transform: uppercase;
    opacity: 1;
    margin-bottom: 38px;
    font-style: italic;
}
footer h4{
    text-align: left;
    font: normal normal 600 20px/24px 'Montserrat', sans-serif;
    letter-spacing: 0px;
    color: #73896E;
    text-transform: uppercase;
    opacity: 1;
    margin-bottom: 10px;
}
footer p{
    text-align: left;
    font: normal normal 300 20px/24px 'Montserrat', sans-serif;
    letter-spacing: 0px;
    color: #73896E;
    opacity: 1;
    margin-left: 20px;
}
footer h6 span{
    text-align: left;
    font: normal normal normal 30px/24px "Scrapbooker";
    letter-spacing: 0px;
    color: #CFC984;
    text-transform: uppercase;
    font-style: italic;
    margin-right: 10px;
}
footer h6 article{
    text-align: left;
    font: normal normal 300 20px/24px 'Montserrat', sans-serif;
    letter-spacing: 0px;
    color: #73896E;
    opacity: 1;
    width: 89%;
    display: inline-block;
    margin-bottom: 10px;
     vertical-align: top;
}
.social{
    border: 1px solid #73896E ;
    width: 27px;
    height: 27px;
    border-radius: 50%;
    padding: 0px;
    display: inline-block;
    text-align: center;
    margin-right: 10px;
    margin-bottom: 10px;
}
.social .fds{
    font-size: 16px;
}
footer p a{
   color: #73896E;
}
.img-fluid-22 {
    max-width: 100%;
    height: 500px;
    width: 100%;
    object-fit: cover;
    object-position: top;
}
.circle-sec{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    display: inline-block;
}
.circle-1{
    text-align: center;
    font: normal normal normal 18px/22px 'Montserrat', sans-serif;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;
    opacity: 1;
    width: 122px;
    height: 120px;
    background: #AE9B64 0% 0% no-repeat padding-box;
    border-radius: 50%;
    padding: 50px 0px;
    position: absolute;
    top: 73px;
    left: 51%;
}
.circle-2{
    width: 234px;
    height: 234px;
    text-align: center;
    font: normal normal normal 28px/34px 'Montserrat', sans-serif;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;
    opacity: 1;
    background: rgba(207, 201, 132, 0.8);
    border-radius: 50%;
    padding: 100px 0px;
    position: absolute;
    top: 155px;
    left: 36%;
}
.circle-3{
    text-align: center;
    font: normal normal normal 18px/22px 'Montserrat', sans-serif;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;
    opacity: 1;
    width: 187px;
    height: 187px;
    background: #6D8873 0% 0% no-repeat padding-box;
    border-radius: 50%;
    padding: 71px 0px;
    position: absolute;
    top: 93px;
    left: 62%;
}
.circle-4{
    text-align: center;
    font: normal normal normal 28px/34px 'Montserrat', sans-serif;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;
    opacity: 1;
    width: 143px;
    height: 143px;
    background: #A0BFA0  0% 0% no-repeat padding-box;
    border-radius: 50%;
    padding: 51px 0px;
    position: absolute;
    top: 69px;
    left: 78%;
}
.circle-5{
    text-align: center;
    font: normal normal normal 10px/13px 'Montserrat', sans-serif;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;
    opacity: 1;
    width: 70px;
    height: 70px;
    background: #6D8873 0% 0% no-repeat padding-box;
    border-radius: 50%;
    padding: 28px 0px;
    position: absolute;
    top: 201px;
    left: 88%;
}
.circle-6{
    text-align: center;
    font: normal normal normal 14px/18px 'Montserrat', sans-serif;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;
    opacity: 1;
    width: 107px;
    height: 107px;
    background: #D9D49D  0% 0% no-repeat padding-box;
    border-radius: 50%;
    padding: 34px 0px;
    position: absolute;
    top: 357px;
    left: 36%;
    z-index: -1;
}
.circle-7{
    text-align: center;
    font: normal normal normal 10px/13px 'Montserrat', sans-serif;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;
    opacity: 1;
    width: 80px;
    height: 80px;
    background: rgba(207, 201, 132, 0.8) ;
    border-radius: 50%;
    padding: 34px 0px;
    position: absolute;
    top: 311px;
    left: 53%;
}
.circle-8{
    text-align: center;
    font: normal normal normal 10px/13px 'Montserrat', sans-serif;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;
    opacity: 1;
    width: 57px;
    height: 57px;
    background: #C6B78F   0% 0% no-repeat padding-box;
    border-radius: 50%;
    padding: 21px 0px;
    position: absolute;
    top: 377px;
    left: 55%;
    z-index: -1;
}
.circle-9{
    text-align: center;
    font: normal normal normal 18px/22px 'Montserrat', sans-serif;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;
    opacity: 1;
    width: 150px;
    height: 150px;
    background: #B7CDB6 0% 0% no-repeat padding-box;
    border-radius: 50%;
    padding: 65px 0px;
    position: absolute;
    top: 311px;
    left: 61%;
    z-index: -1;
}
.circle-10{
    text-align: center;
    font: normal normal normal 12px/15px 'Montserrat', sans-serif;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;
    opacity: 1;
    width: 73px;
    height: 73px;
    background: #B4CCB3 0% 0% no-repeat padding-box;
    border-radius: 50%;
    padding: 28px 0px;
    position: absolute;
    top: 410px;
    left: 74%;
    z-index: -1;
}
.circle-11{
    text-align: center;
    font: normal normal normal 14px/18px 'Montserrat', sans-serif;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;
    opacity: 1;
    width: 112px;
    height: 112px;
    background: rgba(160, 191, 160, 0.7) ;
    border-radius: 50%;
    padding: 50px 0px;
    position: absolute;
    top: 311px;
    left: 80%;
}
.circle-12{
    text-align: center;
    font: normal normal normal 12px/15px 'Montserrat', sans-serif;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;
    opacity: 1;
    width: 84px;
    height: 84px;
    background: #B4CCB3;
    border-radius: 50%;
    padding: 30px 0px;
    position: absolute;
    top: 400px;
    left: 83%;
    z-index: -1;
}
.circle-13{
    text-align: center;
    font: normal normal normal 12px/15px 'Montserrat', sans-serif;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;
    opacity: 1;
    width: 89px;
    height: 89px;
    background: #7F9084;
    border-radius: 50%;
    padding: 28px 0px;
    position: absolute;
    top: 520px;
    left: 30%;
    z-index: -1;
}
.circle-14{
    text-align: center;
    font: normal normal normal 14px/18px 'Montserrat', sans-serif;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;
    opacity: 1;
    width: 127px;
    height: 127px;
    background: #DFD5CA;
    border-radius: 50%;
    padding: 56px 0px;
    position: absolute;
    top: 520px;
    left: 65%;
    z-index: -1;
}
.circle-15{
    text-align: center;
    font: normal normal normal 14px/18px 'Montserrat', sans-serif;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;
    opacity: 1;
    width: 107px;
    height: 107px;
    background: #728578 ;
    border-radius: 50%;
    padding: 44px 0px;
    position: absolute;
    top: 520px;
    left: 82%;
    z-index: -1;
}
.circle-16{
    text-align: center;
    font: normal normal normal 28px/34px 'Montserrat', sans-serif;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;
    opacity: 1;
    width: 375px;
    height: 375px;
    background: rgba(150, 168, 152, 0.7);
    border-radius: 50%;
    padding: 161px 28px;
    position: absolute;
    top: 660px;
    left: 9%;
}
.circle-17{
    text-align: center;
    font: normal normal normal 14px/18px 'Montserrat', sans-serif;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;
    opacity: 1;
    width: 163px;
    height: 163px;
    background: rgba(164, 190, 154, 0.7);
    border-radius: 50%;
    padding: 83px 28px;
    position: absolute;
    top: 670px;
    left: 31%;
    z-index: -1;
}
.circle-18{
    text-align: center;
    font: normal normal normal 12px/15px 'Montserrat', sans-serif;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;
    opacity: 1;
    width: 84px;
    height: 84px;
    background: #B4CCB3;
    border-radius: 50%;
    padding: 35px 0px;
    position: absolute;
    top: 807px;
    left: 37%;
    z-index: -2;
}
.circle-19{
    text-align: center;
    font: normal normal normal 14px/18px 'Montserrat', sans-serif;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;
    opacity: 1;
    width: 102px;
    height: 102px;
    background: #AFC9AF;
    border-radius: 50%;
    padding: 42px 0px;
    position: absolute;
    top: 930px;
    left: 37%;
    z-index: -1;
}
.circle-20{
    text-align: center;
    font: normal normal normal 14px/18px 'Montserrat', sans-serif;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;
    opacity: 1;
    width: 158px;
    height: 158px;
    background: #B78A85;
    border-radius: 50%;
    padding: 59px 0px;
    position: absolute;
    top: 631px;
    left: 73%;
    z-index: -1;
}
.circle-21{
    text-align: center;
    font: normal normal normal 28px/34px 'Montserrat', sans-serif;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;
    opacity: 1;
    width: 308px;
    height: 308px;
    background: rgba(211, 197, 184, 0.7);
    border-radius: 50%;
    padding: 140px 0px;
    position: absolute;
    top: 756px;
    left: 69%;
}
.circle-22{
    text-align: center;
    font: normal normal normal 14px/18px 'Montserrat', sans-serif;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;
    opacity: 1;
    width: 130px;
    height: 130px;
    background: #C9A7A1;
    border-radius: 50%;
    padding: 50px 0px;
    position: absolute;
    top: 933px;
    left: 63%;
    z-index: -1;
}
.circle-23{
    text-align: center;
    font: normal normal normal 14px/18px 'Montserrat', sans-serif;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;
    opacity: 1;
    width: 112px;
    height: 112px;
    background: #B78A85;
    border-radius: 50%;
    padding: 50px 0px;
    position: absolute;
    top: 842px;
    left: 91%;
    z-index: -1;
}
.circle-24{
    text-align: center;
    font: normal normal normal 12px/15px 'Montserrat', sans-serif;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;
    opacity: 1;
    width: 84px;
    height: 84px;
    background: #D3C5B8;
    border-radius: 50%;
    padding: 30px 10px;
    position: absolute;
    top: 981px;
    left: 91%;
    z-index: -1;
}
.circle-25{
    text-align: center;
    font: normal normal normal 18px/22px 'Montserrat', sans-serif;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;
    opacity: 1;
    width: 157px;
    height: 157px;
    background: #B4CCB3;
    border-radius: 50%;
    padding: 60px 10px;
    position: absolute;
    top: 645px;
    left: 88%;
    z-index: -1;
}
.circle-cotent{
    position: absolute;
    width: 22%;
    top: 465px;
    left: 42%;
}
.circle-cotent img{
    max-width: 184%;
    height: auto;
    position: relative;
    left: -39%;
    top: -23px;
    z-index: -2;
}
.net-zoals{
   text-align: center;
   font: normal normal normal 15px/20px "Scrapbooker";
   letter-spacing: 0px;
   color: #CFC984;
   font-style:italic;
   opacity: 1;
   width: 69%;
    position: relative;
    top: -18%;
    left: 11%;
    rotate: -2deg;
}
.circle-cotent p{
    text-align: center;
    font: normal normal 200 20px/24px 'Montserrat', sans-serif;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
    max-width: 100%;
    width: 82%;
    margin: 0px auto 10px;
}
.circle-cotent .icfd{
    font-size: 20px;
    color: #707070;
}
.d-none-22{
    display: none !important;
}
.header a{
    text-decoration: none;
}
.header.header-2{
    background: #A4BE9A33;
    padding: 40px 60px;
    width: 100%;
    display: inline-block;
    height: 264px !important;
    margin: 140px 0px;
}
.header.header-2.header h3{
    transform: matrix(1, -0.03, 0.03, 1, 0, 50);

    /* UI Properties */

    text-align: center;
    opacity: 1;
    /* UI Properties */
    text-transform: uppercase;
    margin-top: 30px;
    max-width: auto;
}
.header.header-2 h3 a{
    font: normal normal normal 50px/25px "Scrapbooker";
    letter-spacing: 0px;
    color: #73896E;
    opacity: 1;
    text-transform: uppercase;
}
.header.header-2 h3 article {
    width: 100%;
    display: inline-block;
    vertical-align: top;
}
.img-fluid-23{
    height: 400px;
    position: relative;
    top: -172px;
    width: 500px;
    object-fit: cover;
}
.header.header-2 .row {
    display: flex;
  }
  
.header.header-2 .col-md-4 {
    width: 33.3333%;
  }