html,body{width:100%;height:100%;margin:0;padding:0}
body{font-family:'Open Sans',sans-serif;font-weight:400;color:#000;position:relative;overflow-x:hidden}
ul{list-style:none;margin:0;padding:0}
a,a:visited,a:focus,a:active,a:hover{text-decoration:none;outline:none}
input:required,input:invalid,textarea:required,textarea:invalid{-webkit-box-shadow:none;box-shadow:none}
a,button{-webkit-transition:.3s;transition:.3s}
a{color:#111;font-size:14px}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3{font-weight:400;margin-top:0}
h1{font-size:44px;line-height:58px;font-family:'Oswald',sans-serif;text-transform:uppercase}
h2{font-size:36px;line-height:46px;font-family:'Oswald',sans-serif;text-transform:uppercase}
h3{font-size:24px;line-height:34px;font-family:'Oswald',sans-serif;text-transform:uppercase}
h4{font-size:20px;line-height:30px;font-family:'Oswald',sans-serif;text-transform:uppercase}
h5{font-size:18px;line-height:28px;font-family:'Oswald',sans-serif;text-transform:uppercase}
h6{font-size:16px;line-height:26px}
p{font-family:'Open Sans',sans-serif;font-size:14px;color:#000;line-height:24px;font-weight:400}
.d-table{width:100%;height:100%}
.preloader{background-color:#1c1c1c;position:fixed;top:0;left:0;z-index:99999;width:100%;height:100%}
.preloader .spinner{width:60px;height:60px;background-color:#fff;border-radius:100%;-webkit-animation:sk-scaleout 1s infinite ease-in-out;animation:sk-scaleout 1s infinite ease-in-out;margin:0 auto}
@-webkit-keyframes sk-scaleout {
0%{-webkit-transform:scale(0)}
100%{-webkit-transform:scale(1.0);opacity:0}
}
@keyframes sk-scaleout {
0%{-webkit-transform:scale(0);transform:scale(0)}
100%{-webkit-transform:scale(1.0);transform:scale(1.0);opacity:0}
}
#header{position:fixed;left:0;top:0;width:100%;z-index:999;padding:12px 0;-webkit-transition:.5s;transition:.5s}
.navbar-nav .nav-item{padding:0 10px}
.navbar-nav .nav-link{color:#fff;font-weight:400;font-family:'Oswald',sans-serif;text-transform:uppercase;letterspacing:.1em}
.navbar-nav .nav-link.active,.navbar-nav .nav-link:hover,.sticky .navbar-nav .nav-link.active,.sticky .navbar-nav .nav-link:hover{color:rgba(127,177,62,1)}
.sticky{background-color:#fff;-webkit-box-shadow:0 0 10px #ccc;box-shadow:0 0 10px #ccc;padding:10px 0!important}
.sticky .navbar{background-color:transparent;-webkit-transition:.5s;transition:.5s}
.sticky .navbar-nav .nav-link{color:#000}
.sticky .logo,.logo-scroll{display:none}
.sticky .logo-scroll{display:block}
#home-area{background-repeat:no-repeat;background-size:cover;height:100vh;position:relative}
.home-overlay{position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.75)}
.caption{height:100vh;position:relative;z-index:1;width:60%;padding-top:120px;text-align:center;margin:0 auto}
.caption h1{color:#fff;font-weight:400;margin:0 0 20px;font-family:'Oswald',sans-serif}
.caption h4{color:rgba(127,177,62,1);font-weight:400;font-family:'Oswald',sans-serif}
.caption p{font-family:'Oswald',sans-serif;color:#ddd;font-size:12px;letter-spacing:.1em;text-transform:uppercase}
.caption a{display:inline-block;border:2px solid rgba(127,177,62,1);color:rgba(127,177,62,1);padding:10px 30px;border-radius:30px;font-weight:400;margin:35px 10px 0;font-family:'Oswald',sans-serif;text-transform:uppercase}
.caption a.bg{background-color:rgba(127,177,62,1);color:#fff}
.caption a:hover{background-color:rgba(35,62,88,1);border-color:rgba(35,62,88,1);color:#fff}
#particles{position:absolute;left:0;top:0;width:100%;height:100%;z-index:1}
.cd-headline{font-size:44px;line-height:54px}
.cd-headline span{padding:0!important}
.slide-single{position:relative;background-repeat:no-repeat;background-position:top;background-size:cover}
.slide-overlay{position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.7)}
.slide-single .caption{padding-left:5%;padding-right:5%}
.owl-item.active .caption h4{-webkit-animation:1s .2s fadeInUp both;animation:1s .2s fadeInUp both}
.owl-item.active .caption h1{-webkit-animation:1s .4s fadeInUp both;animation:1s .4s fadeInUp both}
.owl-item.active .caption p{-webkit-animation:1s .6s fadeInUp both;animation:1s .6s fadeInUp both}
.owl-item.active .caption a{-webkit-animation:1s .8s fadeInUp both;animation:1s .8s fadeInUp both}
.main-slider .owl-dots{position:absolute;left:0;bottom:10%;width:100%;text-align:center}
.main-slider .owl-dot{width:20px;height:5px;display:inline-block;margin:0 4px;background-color:#fff}
.main-slider .owl-dot.active{background-color:rgba(127,177,62,1)}
.owl-stage{margin-left:-2px}
#about-area{padding:100px 0}
.about-content{margin-left:20px}
.about-content h2{font-weight:400;margin:0 0 20px;border-bottom:1px solid #ddd;padding-bottom:8px;color:rgba(127,177,62,1)}
.about-content h2:after{content:'';width:100px;height:2px;display:block;background-color:rgba(127,177,62,1);margin:7px 0 10px;position:absolute}
.about-content h4{font-weight:400;margin:0 0 15px;text-transform:capitalize}
.about-content p{margin-bottom:10px}
.about-content a{display:inline-block;font-weight:400;margin:20px 0 0}
.about-content a:hover{color:rgba(35,62,88,1)}
.about-content i{width:50px;height:50px;display:inline-block;background-color:rgba(127,177,62,1);border-radius:50%;line-height:52px;color:#fff;padding:0 18px;font-size:20px;margin-right:10px}
.about-content i:hover{background-color:rgba(35,62,88,1)}
.section-heading{padding:0 0 50px;text-align:center}
.section-heading h2{font-weight:400}
.section-heading h2 span{color:rgba(127,177,62,1)}
#project-area{padding:90px 0 95px}
.project-menu{margin:0 auto 40px;border-radius:30px;-webkit-box-shadow:0 0 10px 0 #ddd;box-shadow:0 0 10px 0 #ddd}
.project-menu button{background-color:transparent;padding:10px 30px;border-radius:30px;font-size:14px;font-weight:400;cursor:pointer;outline:none;border:0;letter-spacing:1px}
.project-menu button.active,.project-menu button:hover{background-color:rgba(127,177,62,1);color:#fff}
.project-single{position:relative;overflow:hidden}
.project-overlay{position:absolute;left:0;bottom:0;width:100%;height:100%;background-color:rgba(0,0,0,0.9);opacity:0;visibility:hidden;-webkit-transition:.5s;transition:.5s;padding:0 20px}
.project-overlay h5{color:#fff;font-weight:400;margin:0}
.project-overlay p{color:#999}
.project-overlay .icon{position:absolute;right:30px;bottom:30px}
.project-overlay .icon a{color:#fff;font-size:24px}
.project-overlay .icon a:hover{color:rgba(127,177,62,1)}
.project-single:hover .project-overlay{opacity:1;visibility:visible;padding:30px 20px 0}
.project-single img{-webkit-transition:.5s;transition:.5s}
.project-single:hover img{-webkit-transform:scale(1.15);transform:scale(1.15)}
.grid-item{padding:5px}
#counter-area{padding:90px 0 80px;background:url(../images/counter-bg.jpg);background-size:cover;background-repeat:no-repeat;position:relative}
.counter-overlay{position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.85)}
.counter-single h2{margin:0 0 10px;color:rgba(127,177,62,1);font-weight:800}
.counter-single p{color:#fff}
#why-choose-area{padding:100px 0;background-color:#f4f4f4}
.why-choose-content{margin-left:20px}
.why-choose-content h2{font-weight:400;margin:0 0 15px}
.why-choose-content h2 span{color:rgba(127,177,62,1)}
#accordion{margin:30px 0 0}
.card{border:0;background-color:transparent}
.card-header{margin:0 0 15px;border-radius:30px!important;background-color:transparent;-webkit-transition:.5s;transition:.5s;padding:8px 20px;background-color:#fff;border:0}
.card-header:after{content:'\eab2';font-family:'icofont';font-size:20px;position:absolute;right:15px;top:8px}
.card-header.active:after{content:'\eab9';color:#fff}
.card-header.active,.card-header:hover{background-color:rgba(127,177,62,1)}
.card-header h5 a{font-weight:400;font-size:16px;line-height:26px}
.card-header.active h5 a,.card-header:hover h5 a,.card-header:hover:after{color:#fff}
.card-body{border-radius:15px;margin:-5px 0 15px;color:#535e74;font-weight:400;font-size:14px;letter-spacing:1px;font-family:'Oswald',sans-serif;background-color:#fff}
#pricing-area{padding:90px 0 115px}
.pricing-tbl-single{padding:60px 40px 70px;background-color:#f4f4f4}
.pricing-tbl-single h4{font-weight:400;color:rgba(127,177,62,1);font-family:'Oswald',sans-serif}
.pricing-tbl-single h1{font-weight:400;font-family:'Oswald',sans-serif}
.pricing-tbl-single h1 sub{font-weight:400;color:#555;font-size:14px}
.pricing-tbl-single h6{font-weight:400;color:#222;margin:15px 0 25px}
.pricing-tbl-single li{padding:6px 0;color:#444;font-size:14px}
.pricing-tbl-single a{display:inline-block;border:2px solid rgba(127,177,62,1);padding:10px 30px;border-radius:30px;color:rgba(127,177,62,1);font-weight:400;margin:30px 0 0}
.pricing-tbl-single a:hover{background-color:rgba(35,62,88,1);color:#fff}
.pricing-tbl-single.recom{-webkit-transform:scale(1.05);transform:scale(1.05);background-color:rgba(127,177,62,1)}
.pricing-tbl-single.recom h4,.pricing-tbl-single.recom h1,.pricing-tbl-single.recom h6,.pricing-tbl-single.recom li{color:#fff}
.pricing-tbl-single.recom h1 sub{color:#ddd}
.pricing-tbl-single.recom a{border-color:#fff;color:#fff}
.pricing-tbl-single.recom a:hover{background-color:#fff;color:rgba(127,177,62,1)}
#team-area{padding:90px 0 100px;background-color:#f4f4f4}
.team-single{background-color:#fff;-webkit-box-shadow:0 0 10px #ccc;box-shadow:0 0 10px #ccc}
.team-single h5{font-weight:400;margin:25px 0 0;font-family:'Oswald',sans-serif}
.team-single li{display:inline-block}
.team-single li a{display:block;margin:12px 8px 45px}
.team-single li a span{width:35px;height:35px;color:#fff;background-color:rgba(127,177,62,1);display:block;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);line-height:40px;-webkit-transition:.3s;transition:.3s;border-radius:4px}
.team-single li a i{font-size:18px;display:inline-block;-webkit-transform:rotate(45deg);transform:rotate(45deg);padding:0 8px}
.team-single li a span:hover{background-color:rgba(35,62,88,1)}
#testimonial-area{padding:90px 0 145px;background-image:url(../images/testi-bg.jpg);background-repeat:no-repeat;background-size:cover;position:relative}
.testi-overlay{position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.85)}
#testimonial-area h2{text-align:center;font-weight:400;margin:0 0 50px;color:rgba(127,177,62,1)}
.client-info{width:30%;float:left}
.client-info img{max-width:110px;margin:0 auto 15px;border-radius:50%;border:4px solid rgba(127,177,62,1)}
.client-comment{width:70%;float:left}
.client-comment p{color:#fff;font-style:italic}
.client-comment p i{display:inline-block;font-size:30px;color:#fff}
.client-info h5{color:#fff;font-weight:400;margin:0;font-family:'Oswald',sans-serif}
.client-info p{color:#ddd}
#newsletter-area{padding:100px 0;background-color:#f4f4f4}
.newsletter-box{padding:40px 30px;background-color:#fff;-webkit-box-shadow:0 0 10px #ccc;box-shadow:0 0 10px #ccc}
.newsletter-form{position:relative}
.newsletter-box h2{font-weight:400;margin:5px 0 0;color:rgba(127,177,62,1);font-size:30px}
.newsletter-form input{height:50px;border-radius:30px;padding-left:20px;border:1px solid #e6f0fa;font-size:14px}
.newsletter-form button{position:absolute;right:0;top:0;height:50px;padding:0 40px;border-radius:30px;border:0;background-color:rgba(127,177,62,1);color:#fff;font-weight:400;cursor:pointer;outline:0}
.newsletter-form button:hover{background-color:rgba(35,62,88,1)}
#blog-area{padding:90px 0 70px}
.blog-single{overflow:hidden;-webkit-box-shadow:0 0 10px #ccc;box-shadow:0 0 10px #ccc;margin:0 0 30px;padding:5px}
.post-details{padding:0 20px 20px}
.post-details h3{font-size:20px;line-height:30px}
.post-details h3 a{font-size:20px;line-height:30px;display:inline-block;font-weight:400}
.post-details h3 a:hover,.post-details p a:hover{color:rgba(127,177,62,1)}
.post-details p a{font-size:12px;line-height:22px;display:inline-block;padding:25px 0 5px;font-weight:400;color:rgba(127,177,62,1)}
.post-details p small{padding:0 10px}
.contact-info{;padding:60px 40px;height:100%}
.info-single{margin:0 0 10px;overflow:hidden}
.info-single h5{color:#fff;font-weight:400;margin:0}
.info-single p{color:#fff}
.contact-form{padding:60px 40px 45px}
.contact-form input{height:50px;border:0;font-size:14px;background-color:#f4f4f4;padding-left:20px}
.contact-form textarea{padding:16px 0 0 20px;border:0;font-size:14px;background-color:#f4f4f4}
.contact-form button{background-color:#222;padding:12px 30px;color:#fff;border-radius:4px;border:0;cursor:pointer;outline:0}
.contact-form button:hover{background-color:rgba(127,177,62,1)}
#map{width:100%;height:500px;margin-top:-200px}
.help-block.with-errors li{color:red;margin:4px 0 0}
.messages{margin:15px 0 0}
.messages button{color:#000;padding:0;background-color:transparent}
.messages button:hover{background-color:transparent}
#partner-area{padding:100px 0 95px}
#footer{background-color:#1c1c1c;text-align:center;overflow:hidden;padding:70px 0 45px}
#footer ul li{display:inline-block}
#footer ul li a{display:block;background-color:#fff;width:50px;height:50px;line-height:50px;font-size:20px;border-radius:50%;color:rgba(127,177,62,1);margin:0 2px 30px}
#footer ul li a:hover{background-color:rgba(127,177,62,1);color:#fff}
#footer p{color:#fff}
#footer p a{color:rgba(127,177,62,1)}
#footer p a:hover{color:rgba(35,62,88,1)}
.blog-wrap{padding:100px 0}
.page-title{background-image:url(../../sliders/spieker-hoveniers-slider-002.jpg);background-repeat:no-repeat;background-position:center;background-size:cover;padding:300px 0 85px;position:relative}
.page-overlay{position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.65)}
.page-content{position:relative}
.page-content h2{font-weight:400;color:#fff;margin:0}
.breadcrumb{background-color:transparent}
.breadcrumb li a{font-weight:400;color:#fff}
.breadcrumb li a:hover{color:rgba(127,177,62,1)}
.breadcrumb li.active{font-weight:400;color:rgba(127,177,62,1)}
.blog-sidebar{padding:50px 30px 15px;-webkit-box-shadow:0 0 10px #ccc;box-shadow:0 0 10px #ccc;overflow:hidden}
.blog-sidebar .widget{margin:0 0 30px}
.blog-sidebar .widget h4{margin:0 0 15px;font-weight:400;color:rgba(127,177,62,1)}
.search.widget{position:relative}
.search.widget input{height:45px;border:1px solid #e6f0fa;font-size:14px}
.search.widget span{position:absolute;right:20px;top:12px}
.recent-post.widget{margin:0 0 20px}
.recent-post-single{margin:0 0 15px;overflow:hidden}
.recent-post-img{width:30%}
.recent-post-img a{display:inline-block}
.recent-post-cont{width:70%;padding-left:4%}
.recent-post-cont h6{font-weight:400;margin:0;font-size:14px;line-height:24px}
.recent-post-cont p span{font-size:11px;font-weight:400}
.category.widget ul li{display:block;padding:10px 0;border-bottom:1px solid #e6f0fa;font-weight:400}
.category.widget ul li:first-child{border-top:1px solid #e6f0fa}
.category.widget ul li a:hover,.recent-post-cont h5 a:hover,.recent-post-cont h6 a:hover{color:rgba(127,177,62,1)}
.tags.widget span a{display:inline-block;padding:8px 14px;margin:0 4px 6px 0;border-radius:30px;border:1px solid #e6f0fa;font-weight:400}
.tags.widget span a:hover{border-color:rgba(127,177,62,1);background-color:rgba(127,177,62,1);color:#fff}
.pagination{margin:50px 0 0}
.pagination .page-link{width:45px;height:45px;border:1px solid #e6f0fa;border-radius:50%;font-weight:400;color:#000;line-height:45px;margin:0 2px;padding:0 18px;outline:0}
.pagination .page-item:first-child .page-link,.pagination .page-item:last-child .page-link{border-radius:50%;padding:0 13px;line-height:44px;font-size:18px}
.pagination .page-link:focus,.pagination .page-link:hover,.pagination .page-link.active{background-color:rgba(127,177,62,1);border-color:rgba(127,177,62,1);color:#fff}
.blog-details-wrap{padding:100px 0}
.post-comments h3{font-weight:400;color:rgba(127,177,62,1);margin:50px 0 5px}
.media img{max-width:60px}
.media h5{font-weight:400;margin:0}
.media h6 a{display:inline-block;font-size:12px;font-weight:400;padding-right:20px}
.media h6 a i{padding-right:2px}
.media h6 a:hover{color:rgba(127,177,62,1)}
.comment-form{margin:50px 0 0;-webkit-box-shadow:0 0 10px #ccc;box-shadow:0 0 10px #ccc;padding:50px}
.comment-form h4{text-align:center;font-weight:400;margin:0 0 30px}
.comment-form input{height:50px;border-radius:25px;padding-left:20px;border:1px solid #e6f0fa;font-size:14px}
.comment-form textarea{border-radius:25px;padding:15px 0 0 20px;border:1px solid #e6f0fa;font-size:14px}
.comment-btn button{color:rgba(127,177,62,1);font-weight:400;padding:10px 30px;border-radius:25px;border:2px solid rgba(127,177,62,1);background-color:transparent;cursor:pointer;outline:0}
.comment-btn button:hover{background-color:rgba(127,177,62,1);border-color:rgba(127,177,62,1);color:#fff}