body{overflow-x:hidden;font-size:16px !important; font-family:'Roboto', sans-serif;} .button{padding:10px 30px 10px 30px;border:solid 2px #58ac25;color:#58ac25;border-radius:35px;background:#fff;-webkit-transition:all .2s;transition:all .2s;} .button:hover, .button.is-checked{background:#58ac25;color:#fff;text-decoration:none;} .dima{color:#58ac25;} .no-gutters{margin-right:0;margin-left:0;} .no-gutters > .col, .no-gutters > [class*="col-"]{padding-right:0;padding-left:0;} .fullwidthImage{position:relative;} .header{background:#fff;} .header .bottom, .header .houder{height:123px;} .header .top a{color:#58ac25;font-style:italic;} .header .top .contactInfo a:first-child{margin-right:30px;} .header .top .contactInfo a:hover, .header .top .inlogSocial a:hover{text-decoration:none;opacity:.7;} .header .top .socialMedia a:hover{opacity:1;} .header .top .socialMedia a:hover i{background-color:#333;} .header .top .socialMedia{float:right;margin-left:25px;} .header .top .socialMedia i{background-color:#58ac25;width:26px;height:26px;border-radius:50px;color:#fff;line-height:26px;} .header .top .inlogSocial{text-align:right;} .header .top .inlogSocial a{text-decoration:underline;} .header .top{border-bottom:solid 1px #eeeeef;padding-bottom:5px;padding-top:5px;} .header .bottom{padding-top:30px;padding-bottom:30px;background:#fff;position:relative;border-bottom:solid 1px #eeeeee;} .header .bottom .logo img{display:block;max-height:70px;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;width:165px;} .header .bottom.sticky{background:#fff;position:fixed;height:66px;top:0;width:100%;padding-top:10px;padding-bottom:10px;z-index:1111;} .header .bottom.sticky .logo{overflow:hidden;height:50px;} .header .bottom.sticky .logo img{width:165px;height:70px;} .header .bottom .navigatie ul:first-child{padding:0;float:right;margin-top:1rem;margin-bottom:1rem;} .header .bottom .navigatie ul li{position:relative;display:inline-block;} .header .bottom .navigatie ul li a.children{padding-bottom:40px; margin-right: 10px;} .header .bottom .navigatie ul.secondary li.topButtons a{font-size:16px;font-weight:500;color:#555;} .header .bottom .navigatie ul.secondary.breed .linkHolder{width:50%;float:left;border-right:solid 1px #eeeeee;} .header .bottom .navigatie ul li a{font-size:18px;min-width:260px;text-transform:capitalize;color:#666666;padding:0 7.5px;;margin-left:15px;text-decoration:none;-webkit-transition:color .2s;transition:color .2s;} .header .bottom .navigatie ul li a:hover{color:#58ac25;} .header .bottom .navigatie ul li a.current{color:#58ac25;border-bottom:solid 1px;padding-bottom:10px;} .header .bottom .navigatie ul li a.children:after{position:absolute;right:0px;top:0px;content:"\f107";font-family:FontAwesome;} .header .bottom .navigatie ul.secondary{display:none;position:absolute;background:#fff;padding:0;width:auto;top:40px;box-shadow:0 0 20px rgba(0,0,0, 0.5);clip:rect(0,5000px,5000px,-5000px);border:solid 1px #eeee;z-index:9999;} .header .bottom .navigatie ul.secondary.breed{width:35vw;left:-17.5vw;} .header .bottom .navigatie ul li:hover ul.secondary{display:block;} .header .bottom .navigatie ul.secondary li{clear:both;width:100%;} .header .bottom .navigatie ul li ul.secondary li a{color:#58ac25;font-size:14px;padding:10px 20px 10px;display:block;-webkit-transition:all .2s;transition:all .2s;} .header .bottom .navigatie ul li ul.secondary li a:hover{color:#666666;} .banner{height:250px; position:relative;} .pattern{background-image:url(../images/pattern.png);opacity:0.55;background-size:4px;background-attachment:scroll;width:100%;height:100%;position:absolute;top:0;left:0;} .HomePage .banner{height:75vh;width:100%;display:table; } .banner .typed{text-align:center;display:table-cell;vertical-align:middle;} .banner .typed .titel-string, .banner .typed .tekst-strings{display:none !important;} .banner .typed .titel{color:#ffffff;font-weight:bold;font-size:78px;} .banner .typed .titel:before{content:".";color:transparent;width:0;display:inline-block;} .banner .typed .tekst{display:inline-block;color:#ffffff;font-size:58px;} .banner .typed .typed-cursor{color:#ffffff;font-size:58px;opacity:1;font-weight:100;-webkit-animation:blink 0.7s infinite;-moz-animation:blink 0.7s infinite;-ms-animation:blink 0.7s infinite;-o-animation:blink 0.7s infinite;animation:blink 0.7s infinite;} .banner .posterImage{background-size:cover !important;background-position:center !important;position:absolute;top:50%;left:50%;z-index:10;min-width:100%;min-height:100%;width:auto;height:auto;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);} /* .banner .video{position:absolute;top:50%;left:50%;z-index:1;min-width:100%;min-height:100%;width:auto;height:auto;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);} */ .banner .video{width: 100%; clip-path: polygon(0 0, 100% 0, 100% 100%, 0 95%);} .typed{text-align:center;display:block;vertical-align:middle;margin-bottom:40px;} .typed .titel-string, .banner .typed .tekst-strings{display:none !important;} .typed .titel{color:#333;font-weight:bold;font-size:58px;} .typed .titel:before{content:".";color:transparent;width:0;display:inline-block;} .typed .tekst{display:inline-block;color:#333;font-size:38px;} .typed .typed-cursor{color:#333;font-size:38px;opacity:1;font-weight:100;-webkit-animation:blink 0.7s infinite;-moz-animation:blink 0.7s infinite;-ms-animation:blink 0.7s infinite;-o-animation:blink 0.7s infinite;animation:blink 0.7s infinite;} @keyframes blink{0%,100%{opacity:1}50%{opacity:0} } @-webkit-keyframes blink{0%,100%{opacity:1}50%{opacity:0} } @-moz-keyframes blink{0%,100%{opacity:1}50%{opacity:0} } @-ms-keyframes blink{0%,100%{opacity:1}50%{opacity:0} } @-o-keyframes blink{0%,100%{opacity:1}50%{opacity:0} } .contact{background:#fff;padding-top:75px;padding-bottom:75px; } .contact.aboveFooter{padding-top:70px;padding-bottom:70px;} .contact .dima .punt{color:#000;font-weight:bold;font-size:45px; text-transform: uppercase;} .contact .dima{font-weight:bold;font-size:42px; text-transform: uppercase;} .contact .tekst{text-align:center;} .contact .buttons{text-align:center;width:100%;position:relative;-webkit-transition:all .2s;transition:all .2s;} .contact .buttons a{background:#ffffff;color:#58ac25;border:2px solid #58ac25;padding:10px 24px 9px 24px;font-size:26px;border-radius:30px;width:18%;line-height:1;display:inline-block;margin-right:35px;margin-left:35px;margin-top:20px;margin-bottom:20px;text-decoration:none;opacity:0;-webkit-transition:all .2s;transition:all .2s;} .contact .buttons a:hover{background:#58ac25;color:#ffffff;border:2px solid #58ac25;} .contact .align-self-center{text-align:center;} .bounceIn{-webkit-animation:bounce-in 1s;-moz-animation:bounce-in 1s;-ms-animation:bounce-in 1s;-o-animation:bounce-in 1s;animation:bounce-in 1s;animation-fill-mode:forwards;} @keyframes bounce-in{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);-ms-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);-ms-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);-ms-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);-ms-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);-ms-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)} } @-webkit-keyframes bounce-in{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);-ms-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);-ms-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);-ms-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);-ms-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);-ms-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)} } @-moz-keyframes bounce-in{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);-ms-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);-ms-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);-ms-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);-ms-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);-ms-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)} } @-ms-keyframes bounce-in{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);-ms-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);-ms-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);-ms-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);-ms-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);-ms-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)} } @-o-keyframes bounce-in{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);-ms-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);-ms-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);-ms-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);-ms-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);-ms-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)} } .contact .arrow{width:60px;height:60px;background:URL(../images/arrows.svg);background-size:contain;position:absolute;right:200px;bottom:50%;margin-bottom:-20px;opacity:0;} .bounceInRight{-webkit-animation:bounce-in-right 1s;-moz-animation:bounce-in-right 1s;-ms-animation:bounce-in-right 1s;-o-animation:bounce-in-right 1s;animation:bounce-in-right 1s;animation-fill-mode:forwards;} @keyframes bounce-in-right{0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none} } @-webkit-keyframes bounce-in-right{0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none} } @-moz-keyframes bounce-in-right{0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none} } @-ms-keyframes bounce-in-right{0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none} } @-o-keyframes bounce-in-right{0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none} } .diensten{padding-top:75px;padding-bottom:75px; background :#f9f9f9; clip-path: polygon(0 5%, 100% 0%, 100% 95%, 0% 100%);} .diensten .dienst{text-align:center;} .diensten .dienst i{font-size:58px;margin:0 auto;display:block;color:#000;} .diensten .dienst a{text-decoration:none;padding-top:40px;padding-bottom:40px;display:block; transition: all 0.5s ease;} .diensten .dienst a:hover {background:#feff8f8f8; -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2);;} .diensten .dienst svg{height:80px; width:80px;} .diensten .dienst h3 svg{height:20px; bottom:0px; position: absolute;} .diensten .dienst{margin-bottom:15px;margin-top:15px; min-height:155px;} .diensten .dienst.tweede-dienst{border-right:solid 1px #eeeeee;border-left:solid 1px #eeeeee;} .owlBlok{padding-top:75px;padding-bottom:75px;text-align:center; background:#fff; clip-path: polygon(0 0, 100% 5%, 100% 100%, 0 95%); } .owlBlok .owlSlider{margin-bottom:30px; } .overOns .overlay{padding-top:80px;padding-bottom:80px;background:rgba(0, 0, 0, 0.5);} .overOns .overlay .textHouder{background:rgba(255, 255, 255, 0.8);padding:20px;text-align:center;} .content{margin-top:30px;margin-bottom:30px; position:relative;} .content a{color:#58ac25;} .content .punt{font-size:48px;line-height:0;} .mapsHolder{padding-left:15px;padding-right:15px;} .mapsHolder #googleMaps{width:100%;height:400px;background:#eaeaea;border:solid 5px #eaeaea;} .teamBlok .line{position:absolute;width:100%;display:block;border-top:solid 1px #eee;top:50%;z-index:-1;} .teamBlok .teamLid{text-align:center;margin-bottom:30px;} .teamBlok .teamLid img{width:100%;} .teamBlok .teamLid a{background:#e1e1e1;color:#333;border-radius:999px;font-size:12px;padding:5px;-webkit-transition:all .2s;transition:all .2s;} .teamBlok .teamLid a:hover{background:#58ac25;color:#fff;} .footerLine{width:100%;border-top:solid 1px #eeeeee;padding-top:50px;margin-top:50px;margin-left:15px;margin-right:15px;} .footer iframe{width:100%;} .footer a{text-decoration:underline;width:100%;padding:10px 0px 10px;color:#333;-webkit-transition:all .2s;transition:all .2s;} .footer a:hover{color:#58ac25;} .footer a:last-child{border-bottom:none;} .footer .partners img { padding:2%; } .copyright{font-size:14px;color:#8d9095;} .copyright a{color:#8d9095; padding-top:5px;} .copyright a:hover{color:#8d9095;} .copyrightLine{width:100%;border-top:solid 1px #eeeeee;padding-top:20px;margin-top:50px;margin-left:15px;margin-right:15px;} .menuHouder .navigatie ul li{list-style:none;float: left;width: 100%;} .menuHouder .navigatie ul{padding-left:0;} .menuHouder .navigatie ul.secondary{display:none;background:#eeeeee !important;float: left;width: 100%;} .menuHouder .navigatie ul li a{font-size:16px;float:left;padding:10px 30px 10px 10px;margin:5px 0px 5px 0px;display:inline-block;color:#333; position: relative;} .header .bottom .menuButton{position:absolute;right:15px;line-height:2.5;top:50%;transform:translateY(-50%);} .header .bottom .menuButton:hover .lines:after{-webkit-transform:translateY(-2px);transform:translateY(-2px);} .header .bottom .menuButton:hover .lines:before{-webkit-transform:translateY(2px);transform:translateY(2px);} .header .bottom .menuButton:hover{color:#58ac25;} .header .bottom .menuButton .lines{position:relative;top:-5px;} .header .bottom .menuButton .lines, .header .bottom .menuButton .lines:before, .header .bottom .menuButton .lines:after{background-color:#333333;} .header .bottom .menuButton .lines:after{top:7px;} .header .bottom .menuButton .lines:before{top:-7px;} .header .bottom .menuButton .lines:after, .header .bottom .menuButton .lines:before{position:absolute;right:0;content:'';-webkit-transform-origin:1.5px center;transform-origin:1.5px center;-webkit-transition:all .2s;transition:all .2s;} .header .bottom .menuButton .lines, .header .bottom .menuButton .lines:after, .header .bottom .menuButton .lines:before{display:inline-block;width:22px;height:2px;} /*.content img{width:100%;}*/ .content .grid{margin-left:15px;margin-right:15px;} .content .button-group.filters-button-group{text-align:center;margin-bottom:30px;} .content .element-item{width:25%; opacity:0;} .content .active .element-item{opacity:1;} .content .element-item a{margin:5px;display:block;} .content .element-item .inner-item{border:solid 1px #eeeeee;position:relative;overflow:hidden;padding:25px;} .content .element-item .inner-item img{width:100%;transform:translateY(0%);transition:transform 0.3s;background:#f5f5f5;} .content .element-item:hover .inner-item img{transform:translateY(-10%);} .content .element-item .inner-item .element-name{background:#000;padding:20px;position:absolute;bottom:0;width:100%;text-align:center;color:#fff;} .content .element-item .inner-item .overlay{transition:opacity 0.3s,transform 0.4s ease;position:absolute;left:0;bottom:0;height:200%;width:100%;background:rgba(0,0,0,0.2);opacity:0;transform:translateY(50%);opacity:0;} .content .element-item:hover .inner-item .overlay{opacity:1;transform:translateY(0%);} @media screen and (min-width:992px){.nav--mob-toggle, .menuHouder{display: none !important;}.menuHouder .navigatie ul li:hover ul.secondary{display:block;}.menuHouder .navigatie ul li a:hover{color:#58ac25;text-decoration:none;}.header .bottom .menuButton{display:none;}.navigatie{height:70px;}.sticky .navigatie{height:50px;}.navigatie > ul{margin-bottom:0;padding-left:0;position:absolute;top:50%;transform:translateY(-50%);z-index:1;right:0;}.sticky .navigatie > ul{margin-bottom:0;padding-left:0;position:absolute;top:50%;transform:translateY(-50%);} .HomePage .header{background:none;position: fixed;z-index: 300; width: 100%;} .HomePage .header .top{border-bottom:none;} .HomePage .header .top a{color:#fff;} .HomePage .header .top a i{color:#fff;} .HomePage .header .top .socialMedia i{background:#fff;color:#333;} .HomePage .header .top .socialMedia i:hover{color:#fff;} .HomePage .header .bottom{background:none;border-bottom:none;height:131px;transition: 0.2s height ease-in-out;} .header .bottom.sticky{background:#fff;position:fixed;height:73px;top:0;width:100%;padding-top:10px;padding-bottom:10px;z-index:1111;-webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.1); box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.1); border-bottom:1px solid #eee;} .HomePage .header .bottom.sticky .navigatie ul li a{color:#666;} .HomePage .header .bottom .navigatie ul li a{color:#fff;} .HomePage .header .bottom .navigatie ul li a.current{color:#fff;} .HomePage .header .bottom.sticky .navigatie ul li a.current{color:#58ac25;} .HomePage .banner{height:100%;overflow:hidden !important;margin-bottom:-6px;} .HomePage .banner .button { position: absolute; z-index: 9345; background: transparent; border-color: #ffffff; color: #fff; top: 90vh; width:300px; margin-left: auto; margin-right: auto; left: 0; text-align: center; right: 0; } .mob{display: block !important;} .desk{display: none !important;} .HomePage .mob{display:none !important;} .HomePage .desk{display:block !important;} } @media screen and (max-width:772px){.header .top .contactInfo a:first-child{margin-right:10px;} .header .top .contactInfo a{font-size:12px;font-style:normal;} .header .top .inlogSocial{display:none;} .banner .typed .titel{display:none;} .banner .typed .tekst{font-size:30px;} .contact .buttons a{width:50%;} .contact .arrow{display:none;} .contact .align-self-center{margin-top:50px;} .diensten .dienst.tweede-dienst{border:none;} .footer .col-md-3{margin-bottom:50px;} } input.action{margin-top:15px;padding:10px 30px 10px 30px;border:solid 2px #58ac25;color:#fff;border-radius:3px;background:#58ac25;-webkit-transition:all .2s;transition:all .2s;} input[type="text"],textarea,input[type="email"],input[type="password"]{color:#8b8d94;border-width:1px;border-color:rgba(51,51,51,0.12);background-color:#fdfdfd;border-radius:1px;width:100%;font-size:16px;line-height:20px;padding:5px;margin-bottom:15px;} label.left{font-weight:normal;} .btn-toolbar{margin-left:0px !important;} .DienstPage .text-background, .DienstPage .text, .Page .text{padding-top:100px;padding-bottom:100px;} .DienstPage .text-background, .DienstPage .text, .Page .text205{padding-top:100px;padding-bottom:10px;} .Page #Form_FormGoogleAds .text, .Page #MemberLoginForm_LoginForm .text, .Page #LostPasswordForm_lostPasswordForm {padding:0;} .Page #Form_FormGoogleAds, #Form_FormGoogleAds_Bedrijfsnaam, #Form_FormGoogleAds_Naam, #Form_FormGoogleAds_Email, #Form_FormGoogleAds_Telefoon {padding:10px 5px !important;} .Page #MemberLoginForm_LoginForm, #MemberLoginForm_LoginForm_Email, #MemberLoginForm_LoginForm_Password {padding:10px 5px !important;} .Page #LostPasswordForm_lostPasswordForm, #LostPasswordForm_lostPasswordForm_Email {padding:10px 5px !important;} .Page #Form_FormGoogleAds textarea {padding:10px 5px;} .DienstPage .content-text{padding-bottom:50px;} .DienstPage .text-background a.button, .DienstPage .text a.button{margin-top:15px;display:inline-block;} .DienstPage .text-background{color:#fff;overflow:hidden;position:relative;float:left;width:100%; margin-bottom:100px;} .DienstPage .text-background a.button{padding:10px 30px 10px 30px;border:solid 2px #58ac25;color:#fff;background:transparent;border-radius:3px;-webkit-transition:all .2s;transition:all .2s;} form#MemberLoginForm_LoginForm{width:50%;} form#MemberLoginForm_LoginForm .checkbox input[type=checkbox]{margin-left:0px;} p#ForgotPassword{margin-top:15px;} .project img{width:auto !important;max-height:150px;margin:20px auto; background-color: #fff; -webkit-box-shadow: 0px 6px 16px 0px rgba(0,0,0,0.11); box-shadow: 0px 6px 16px 0px rgba(0,0,0,0.11); padding:0 20px;} .projecten{padding-top:50px;padding-bottom:50px;} .projecten .button{display:inline-block;} .DienstPage .content{padding-bottom:50px;border-bottom:solid 1px #eee;} .logo a{float:left;} .DienstPage .text img{margin:0 auto;display:block;} .DienstPage .text-background img{margin:0 auto;display:block;} @media screen and (max-width:992px){.desk{display:none !important;}.typed .tekst{font-size:28px !important;}.typed .titel{font-size:48px !important;}.banner{display:none !important;}table td{width:100% !important;display: block;margin-bottom:15px;}.menuHouder{position:fixed;height:100%;width:100%;right:0;top:0;z-index:2222;display:none;} .content .element-item{width:50%;}.button-group button.button{width:calc(100% - 30px);margin-top:5px;margin-left:15px;margin-right:15px;} .menuHouder .overlay{position:fixed;height:100%;width:100%;right:0;top:0;background-color:rgba(88,172,37,0.5);z-index:2222;} .menuHouder .navigatie{position:fixed;height:100%;width:55%;right:0;top:0;background-color:#fff;z-index:4444;overflow-y:scroll;} .bottom .row .navigatie{display:none;}.HomePage .banner{height:250px;}.contact .buttons a{margin-top:10px;margin-bottom:10px;margin-right:10px;margin-left:10px;width:40%;}.diensten .dienst a{padding:0px;} } p.bigger{font-size:20px; margin-bottom:10px; font-weight:500;} .links a{text-decoration:none;border-bottom:solid 1px rgba(102,102,102,0.15);float:left;} .closenav{font-size:17px;margin-top:5px;padding-bottom:15px;width:100%;text-align:left;} .closenav i{font-size:24px;vertical-align:text-bottom;padding-left:5px;} body.ProjectPage .content a.button.space{margin-top:25px;display:inline-block;} body.ProjectPage .contact a.button{margin-top:25px;display:inline-block;} body.ProjectPage .content a.button{display:inline-block;} body.ProjectPage .project img{max-height:220px;} .element-item p.name{font-size:20px;text-transform:uppercase;margin-bottom:0px;} .content.green{background-color:rgba(88, 172, 37, 0.2);padding-top:20px;padding-bottom:20px;} body.StagesPage .content a.button{float:left;margin-top:15px;clear: both;} h1,h2,h3 {font-weight:normal 100;font-family:"Roboto", Helvetica, Arial, Verdana, sans-serif !important;} @media screen and (max-width:1200px){.backgroundblock { clip-path: polygon(100% 0, 100% 54%, 100% 100%, 0 100%, 0% 50%, 0 0)!important;}.backgroundblockimage {margin-left:0px!important;}.text-block-background p {padding-right:0!important;} .contact .arrow{right:70px;} .contact h1{display:none;} } .content h1{font-weight:300;color:#58ac25} .contact h1{font-size:42px;width:100%;text-align:center;font-weight:300;} .referentie h2{color:#333;} .content h2{color:#58ac25;text-transform:Uppercase;font-size:22px;font-weight:300;} .diensten h2{width:100%;color:#58ac25;font-size:36px;text-align:center;font-weight:300;} .owlBlok h2{width:100%;color:#000;text-transform:Uppercase;font-size:36px;text-align:center;font-weight:300;} .teamBlok h2{color:#58ac25;text-transform:Uppercase;font-size:36px;text-align:center;margin:0 auto;margin-top:30px;margin-bottom:30px;padding-left:15px;padding-right:15px;position:relative;background:#fff;width:auto;display:table;font-weight:300;} .overOns{ clip-path: polygon(0 8%, 100% 0%, 100% 92%, 0% 100%); padding:75px 0 75px 0;} .overOns .overlay .textHouder .titel h2{text-transform:Uppercase;font-size:36px;text-align:center;font-weight:300;} .content.green h3{color:#333;} body h3{color:#58ac25;font-size:25px;font-weight:300;} .diensten .dienst h3{color:#58ac25;font-size:20px;font-weight:400;padding-top:20px;font-weight:300; position: relative;} .footer h3{margin-bottom:20px;} .content .element-item .inner-item .element-name h3{margin:0;} .content h4{text-transform:uppercase;font-weight:100;color:#58ac25} .contact .tekst h4{font-size:29px;font-weight:300;} .DienstPage .text h4{color:#000; font-size:50px; margin-bottom:30px; position:relative;} .DienstPage .text-background h4{color:#fff; font-size:40px;} .projecten h4{text-transform:uppercase;text-align:center;} .contact.aboveFooter h4{font-weight:bold;} .teamBlok .teamLid h5{color:#58ac25;text-transform:uppercase;margin-top:15px;font-size:18px;} .contact .tekst h5{font-size:26px;} table{border-collapse:separate !important;border-spacing:15px !important;margin-left:-15px;margin-right:-15px;} table td{border:dotted 1px #939393;padding:15px;width:50%;vertical-align:baseline;} table ul{padding-left:15px;} table h3{margin-top:0;} table td a{margin-top:15px;padding:10px 30px 10px 30px;border:solid 2px #58ac25;color:#fff !important;border-radius:3px;text-decoration:none !important;background:#58ac25;-webkit-transition:all .2s;transition:all .2s;} .message.success{background:#83be7a;color:#fff;padding:15px;border:solid 1px #247c24;margin:20px 0px 20px 0px;} .message.failure{background:#d75245;color:#fff;padding:15px;border:solid 1px #8f1717;margin:20px 0px 20px 0px;} .grecaptcha-badge{visibility:hidden;height:0;width:0;} .project{text-align:center;} #cookie-bar {background:#fff; height:auto; line-height:24px; color:#333; text-align:center; padding-top: 15px; padding-bottom: 15px; -webkit-box-shadow: 0px 0px 45px 0px rgba(37, 37, 37, 0.2); -moz-box-shadow: 0px 0px 45px 0px rgba(37, 37, 37, 0.2); box-shadow: 0px 0px 45px 0px rgba(37, 37, 37, 0.2)} #cookie-bar.fixed {position:fixed; top:0; left:0; width:100%;} #cookie-bar.fixed.bottom {bottom:0; top:auto; z-index: 9999;} #cookie-bar p {margin:0; padding:0;} #cookie-bar a {margin-top: 10px; color:#fff; display:inline-block; border-radius:4px; text-decoration:none; padding: 7.5px 15px; margin-left:8px; -webkit-transition: 0.3s all; transition: 0.3s all;} #cookie-bar .cb-enable {background:#007700;} #cookie-bar .cb-enable:hover {background:#009900;} #cookie-bar .cb-disable {background:#990000;} #cookie-bar .cb-disable:hover {background:#bb0000;} #cookie-bar .cb-policy {background:#0033bb;} #cookie-bar .cb-policy:hover {background:#0055dd;} .projecten .projecten--button {text-align:center;float:left;width:100%;padding-top:25px;} .nav--mob-toggle {display: inline-block;float: right;padding: 10px 10px 10px 10px;margin: 5px 0px 5px 0px;cursor: pointer;width: 50px;text-align: right;position: relative;z-index: 9999;font-size: 20px;line-height: 0;} .header .bottom .navigatie ul.secondary.breed {width: 35vw;min-width: 600px;} @media screen and (min-width: 992px) { .header .bottom .navigatie ul.secondary.breed {left: -17.5vw;} } @media screen and (min-width: 1200px) { .header .bottom .navigatie ul.secondary.breed {left: -17.5vw;} } .speechcloud {background: #58ac25;color: #fff;color: #fff;padding: 15px;padding-top: 5px;margin-bottom: -5px;display: block;position: relative;border-radius: 5px;} .speechcloud h4 {color: #fff;text-transform: initial;font-size: 22px !important;} .speechcloud:after {content: " ";position: absolute;width: 0;height: 0;border-style: solid;border-width: 15px 10px 0 10px;border-color: #58ac25 transparent transparent transparent; bottom: -15px;right: 15px;} #Form_FormContact {-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);padding: 15px;border-radius: 5px;} .fa.fa-check {color: #58ac25;} .ActiePage .border-bottom {padding-bottom: 50px;border-bottom: solid 1px #eee;} span.countChildren {position: absolute;right: -7.5px;top: 0;background: #fa9a0f;color: #fff;border-radius: 999px;width: 16px;height: 16px;display: block;text-align: center;line-height: 16px;font-size: 13px;} form#Form_FormStage .btn-toolbar img {width: 25px;} body.StagesPage .content a.button {float: left;margin-top: 15px;clear: both;width: 90%;text-align: center;} .vacature-green {margin-top: 90px;} .content.grijs {background: #414141;padding-top: 50px;padding-bottom: 50px;color: #fff;position: relative;} input[type="text"], textarea, input[type="email"], input[type="password"], textarea {border-radius: 5px} .content.grijs:after {position:absolute;content: " ";background: #fff;top: -30px;left: calc(50% - 30px);width: 60px;height: 60px;border-radius: 999px;} .field.file {margin-bottom: 5px;margin-top: 22.5px;} form#Form_FormStage label.left {font-weight: 600;} .banner.vacature{height: 400px;} .banner.vacatures{height: 500px;} @media screen and (max-width: 992px) { .banner.vacature{height: 300px;} .banner.vacatures{height: 300px;} a[data-lightbox="image-1"]{pointer-events: none;} } textarea {color: #000 !important;} a.Solliciteer {position: fixed;bottom: 0px;padding: 7.5px 15px;background: #ff6800;color: #fff;letter-spacing: 2px;border-radius: 999px;margin:0 auto;left:50%;text-align:center;transform:translate(-50%,-50%); z-index:99;} a.Solliciteer:hover {text-decoration: none;color: #fff;} a.Solliciteer:focus {text-decoration: none;color: #fff;} .captionImage{max-width: 100% !important;height: auto;} img.leftAlone.ss-htmleditorfield-file.image{max-width: 100%;height: auto;} .ProjectPage .project{text-align:center;background:#f5f5f5;} .header .bottom .navigatie > ul > li{padding-bottom:40px;margin-bottom:-40px;} div.col-centered{float:none;margin:0 auto;} .blog-crumb{font-size:18px;text-transform:uppercase;color:#555;} .BlogArtikel .content h1{margin-top:20px;margin-bottom:20px;} .blog-crumb a{color:#555;} .blog-date{line-height:32px;} .blog-bar{padding-bottom:20px;padding-top:20px;margin-bottom:20px;border-bottom:solid 1px rgb(112 112 112 / 20%);} .button-alt{background:#58AC25;color:#fff;border-radius:3px;border:none;padding:5px 10px; margin-bottom:30px; margin-right:15px;} .blog-rel-title{font-size:30px; font-weight:bold; margin-bottom:30px;} .blog-post:hover{text-decoration:none;} .blog-post--category {color:#fff;background:#58AC25;padding:5px 10px;border-radius:3px;margin-top:7.5px;margin-bottom:7.5px;display:inline-block;font-size:12px;} .blog-date{line-height:32px;} .blog-post--date{font-size:12px;line-height:27px;vertical-align:middle;margin-top:7.5px;margin-bottom:7.5px; color:#000;} .blog-post p strong{font-size:20px; color:#000;} .blog-post p {min-height:100px;} .w-100{width:100%;} .BlogArtikel .blog-tekst h1, .BlogArtikel .blog-tekst h2, .BlogArtikel .blog-tekst h3, .BlogArtikel .blog-tekst h4, .BlogArtikel .blog-tekst h5, .BlogArtikel .blog-tekst h6{color:#333;margin-top: 30px;font-family:Arial,Helvetica,sans-serif;font-weight:bold;text-transform:initial;} .BlogArtikel .blog-tekst h1{font-size:36px;} .BlogArtikel .blog-tekst h2{font-size:33px;} .BlogArtikel .blog-tekst h3{font-size:29px;} .BlogArtikel .blog-tekst h4{font-size:26px;} .BlogArtikel .blog-tekst h5{font-size:23px;} .BlogArtikel .blog-tekst h6{font-size:20px;} .blog-tekst .button-alt {color: #fff; text-decoration: none;padding: 10px 15px; margin-top:10px; display: inline-block;} .related-blogs .button-alt {color: #fff; text-decoration: none;padding: 10px 15px; margin-top:10px; display: inline-block;} .BlogArtikel a.button-alt{color: #fff;text-decoration: none;padding: 10px 15px; margin-top:10px; display: inline-block;} .BlogCategorie .blog-post, .BlogOverzicht .blog-post{color:#333; min-height:400px;} .BlogCategorie .blog-post:hover, .BlogOverzicht .blog-post:hover{text-decoration:none;} .BlogCategorie .blog-post--category, .BlogOverzicht .blog-post--category{color:#fff;background:#58AC25;padding:5px 10px;border-radius:3px;margin-top:7.5px;margin-bottom:7.5px;display:inline-block;font-size:12px;} .BlogCategorie .blog-post--date, .BlogOverzicht .blog-post--date{font-size:12px;line-height:27px;vertical-align:middle;margin-top:7.5px;margin-bottom:7.5px;} .BlogCategorie .blog-post p strong, .BlogOverzicht .blog-post p strong{font-size:20px;} .BlogOverzicht .blog-post p {min-height:100px;} .BlogCategorie .blog-categories, .BlogOverzicht .blog-categories{background:#F4F4F4;padding:20px 10px;text-align:center;margin:30px 0 40px 0;} .BlogCategorie .blog-categories--category, .BlogOverzicht .blog-categories--category{color:#fff;background:#58AC25;padding:5px 10px;border-radius:3px;margin-top:7.5px;margin-bottom:7.5px;display:inline-block;font-size:16px;transition: .1s background ease-in-out;} .BlogCategorie .blog-categories--category:hover, .BlogOverzicht .blog-categories--category:hover{background:#3e8015;text-decoration:none;} .right.ss-htmleditorfield-file{float:right} .form-helpdesk {float:unset!important; margin:0 auto; padding:50px;} #Form_TicketFormulier input {border:none; border-bottom:1px solid #000; color:#000; border-radius:0; padding:5px 0px; background:none;} #Form_TicketFormulier textarea {border:none; border-bottom:1px solid #000; color:#000; border-radius:0; padding: 5px 0px; background:none;} #Form_TicketFormulier input:focus, textarea:focus {border:none; outline:none; border-bottom:1px solid #000;} #Form_TicketFormulier a {float:left;} #Form_TicketFormulier {margin-bottom:50px;} #Form_TicketFormulier_action_TicketFormuliersubmit {background:#58AC25; border-radius:10px; border:0px; padding:10px 35px; transition:all 0.5s ease;} #Form_TicketFormulier_action_TicketFormuliersubmit:hover {background:#272c30;} @media screen and (min-width: 1400px) { .container {width: 1340px;} } @media screen and (min-width: 1600px) { .container {width: 1540px;} } HTML {scroll-behavior: smooth;} .BlogHomepage{ background-color: #f9f9f9; padding-top: 75px; padding-bottom: 75px; clip-path: polygon(0 0, 100% 8%, 100% 100%, 0 92%);} #blogHome h1{ padding-bottom: 25px; } #generic_price_table{ padding:100px 0px; background:#f9f9f9; clip-path: polygon(0 5%, 100% 0%, 100% 95%, 0% 100%); } /*PRICE COLOR CODE START*/ #generic_price_table .generic_content{ background-color: #fff; -webkit-box-shadow: 2px 2px 10px 5px rgba(0,0,0,0.15); box-shadow: 2px 2px 10px 5px rgba(0,0,0,0.15); } #generic_price_table .generic_content .generic_head_price .generic_head_content .head span{ color: #525252; } #generic_price_table .generic_content .generic_head_price .generic_price_tag .price .sign{ color: #414141; } #generic_price_table .generic_content .generic_head_price .generic_price_tag .price .currency{ color: #414141; } #generic_price_table .generic_content .generic_head_price .generic_price_tag .price .cent{ color: #414141; } #generic_price_table .generic_content .generic_head_price .generic_price_tag .month{ color: #414141; } #generic_price_table .generic_content .generic_feature_list ul { list-style-position: inside; list-style-type: disc; padding: 0 1em;} #generic_price_table .generic_content .generic_feature_list ul li{ color: #000; margin: 0 0 0 1em; padding: 0 0 0 1em; text-indent: -2em;} #generic_price_table .generic_content .generic_feature_list ul li .optional{ font-size:15px;} #generic_price_table .generic_content .generic_feature_list ul li span{ color: #414141; } #generic_price_table .generic_content .generic_price_btn a{ border: 1px solid #58ac25; color: #58AC25; } #generic_price_table .generic_content:hover .generic_price_btn a, #generic_price_table .generic_content.active .generic_price_btn a{ background-color: #58ac25; color: #fff; } #generic_price_table{ margin: 50px 0 50px 0; } .row .table{ padding: 28px 0; } /*PRICE BODY CODE START*/ #generic_price_table .generic_content{ overflow: hidden; position: relative; text-align: center; } #generic_price_table .generic_content .generic_head_price { margin: 0 0 20px 0; } #generic_price_table .generic_content .generic_head_price .generic_head_content{ margin: 0 0 20px 0; } #generic_price_table .generic_content .generic_head_price .generic_head_content .head{ padding-top: 20px; position: relative; z-index: 1; } #generic_price_table .generic_content .generic_head_price .generic_head_content .head span{ font-size: 28px; font-weight: 400; letter-spacing: 2px; margin: 0; padding: 0; color:#58AC25; } #generic_price_table .generic_content .generic_head_price .generic_price_tag{ padding: 0 0 20px; } #generic_price_table .generic_content .generic_head_price .generic_price_tag .price{ display: block; } #generic_price_table .generic_content .generic_head_price .generic_price_tag .price .sign{ display: inline-block; font-size: 28px; font-weight: 400; vertical-align: middle; } #generic_price_table .generic_content .generic_head_price .generic_price_tag .price .currency{ font-size: 40px; font-weight: 300; letter-spacing: -2px; line-height: 60px; padding: 0; vertical-align: middle; } #generic_price_table .generic_content .generic_head_price .generic_price_tag .price .currency span{ font-size: 16px; font-weight: 500; letter-spacing: 2px; line-height: 60px; padding: 0; vertical-align: middle; } #generic_price_table .generic_content .generic_head_price .generic_price_tag .price .cent{ display: inline-block; font-size: 24px; font-weight: 400; vertical-align: bottom; } #generic_price_table .generic_content .generic_head_price .generic_price_tag .month{font-size:18px;font-weight:400;letter-spacing:3px;vertical-align:bottom; float:left; width:100%; margin-bottom:10px;} #generic_price_table .generic_content .generic_head_price .generic_price_tag .month-custom{font-size:14px;font-weight:400;letter-spacing:3px;vertical-align:bottom; float:left; width:100%;} #generic_price_table .generic_content .generic_feature_list ul{list-style:none;padding:0;margin:0} #generic_price_table .generic_content .generic_feature_list ul li{font-size:16px;padding:7px 0;transition:all .3s ease-in-out 0s;text-align:left;padding-left:40px;font-weight:400; padding-right:40px;} #generic_price_table .generic_content .generic_feature_list ul li svg{margin-right:10px; color:#3dae2b; font-size:22px;} #generic_price_table .generic_content .generic_feature_list ul li:hover{transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;-ms-transition:all .3s ease-in-out 0s;-o-transition:all .3s ease-in-out 0s;-webkit-transition:all .3s ease-in-out 0s} #generic_price_table .generic_content .generic_price_btn a{border-radius:50px;-moz-border-radius:50px;-ms-border-radius:50px;-o-border-radius:50px;-webkit-border-radius:50px;display:inline-block;font-size:18px;outline:medium none;padding:12px 30px;text-decoration:none;text-transform:uppercase} #generic_price_table .generic_content,#generic_price_table .generic_content .generic_head_price .generic_head_content .head h2,#generic_price_table .generic_content .generic_head_price .generic_head_content .head_bg,#generic_price_table .generic_content .generic_price_btn a,#generic_price_table .generic_content .price,#generic_price_table .generic_content:hover,#generic_price_table .generic_content:hover .generic_head_price .generic_head_content .head h2,#generic_price_table .generic_content:hover .generic_head_price .generic_head_content .head_bg,#generic_price_table .generic_content:hover .generic_price_btn a,#generic_price_table .generic_content:hover .price{transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;-ms-transition:all .3s ease-in-out 0s;-o-transition:all .3s ease-in-out 0s;-webkit-transition:all .3s ease-in-out 0s}@media (max-width:767px){#generic_price_table .generic_content{margin-bottom:75px}}@media (min-width:768px) and (max-width:991px){#generic_price_table .col-md-3{float:left;width:100%}#generic_price_table .col-md-4{float:left;width:100%}#generic_price_table .generic_content{margin-bottom:75px}}@media (min-width:992px) and (max-width:1400px){#generic_price_table .generic_content.active .generic_price_btn a{font-size:14px;width:100%;min-width:200px}#generic_price_table .generic_content .generic_price_btn a{font-size:14px;width:100%;min-width:200px}.generic_content{min-height:1300px!important}}.text-center h1,.text-center h1 a{color:#7885cb;font-size:30px;font-weight:300;text-decoration:none}.demo-pic{margin:0 auto}.demo-pic:hover{opacity:.7}#generic_price_table_home ul{margin:0 auto;padding:0;list-style:none;display:table}#generic_price_table_home li{float:left}#generic_price_table_home li+li{margin-left:10px;padding-bottom:10px}#generic_price_table_home li a{display:block;width:50px;height:50px;font-size:0px}#generic_price_table_home .blue{background:#3498db;transition:all .3s ease-in-out 0s}#generic_price_table_home .emerald{background:#58ac25;transition:all .3s ease-in-out 0s}#generic_price_table_home .grey{background:#7f8c8d;transition:all .3s ease-in-out 0s}#generic_price_table_home .midnight{background:#34495e;transition:all .3s ease-in-out 0s}#generic_price_table_home .orange{background:#e67e22;transition:all .3s ease-in-out 0s}#generic_price_table_home .purple{background:#9b59b6;transition:all .3s ease-in-out 0s}#generic_price_table_home .red{background:#e74c3c;transition:all .3s ease-in-out 0s}#generic_price_table_home .turquoise{background:#1abc9c;transition:all .3s ease-in-out 0s}#generic_price_table_home .blue:hover,#generic_price_table_home .emerald:hover,#generic_price_table_home .grey:hover,#generic_price_table_home .midnight:hover,#generic_price_table_home .orange:hover,#generic_price_table_home .purple:hover,#generic_price_table_home .red:hover,#generic_price_table_home .turquoise:hover{border-bottom-left-radius:50px;border-bottom-right-radius:50px;border-top-left-radius:50px;border-top-right-radius:50px;transition:all .3s ease-in-out 0s}#generic_price_table_home .divider{border-bottom:1px solid #ddd;margin-bottom:20px;padding:20px}#generic_price_table_home .divider span{width:100%;display:table;height:2px;background:#ddd;margin:50px auto;line-height:2px}#generic_price_table_home .itemname{text-align:center;font-size:50px;padding:50px 0 20px;border-bottom:1px solid #ddd;margin-bottom:40px;text-decoration:none;font-weight:300}#generic_price_table_home .itemnametext{text-align:center;font-size:20px;padding-top:5px;text-transform:uppercase;display:inline-block}#generic_price_table_home .footer{padding:40px 0}.price-heading{text-align:center}.price-heading h1{color:#666;margin:0;padding:0 0 50px 0}.demo-button{background-color:#333;color:#fff;display:table;font-size:20px;margin-left:auto;margin-right:auto;margin-top:20px;margin-bottom:50px;outline-color:-moz-use-text-color;outline-style:none;outline-width:medium;padding:10px;text-align:center;text-transform:uppercase}.bottom_btn{background-color:#333;color:#fff;display:table;font-size:28px;margin:60px auto 20px;padding:10px 25px;text-align:center;text-transform:uppercase}.demo-button:hover{background-color:#666;color:#fff;text-decoration:none}.bottom_btn:hover{background-color:#666;color:#fff;text-decoration:none}h5.dima{font-size:40px;margin-bottom:100px;font-weight:500}.moretext{display:none}.moretext1{display:none}.moretext2{display:none}.generic_content{min-height:900px;border-radius:10px;border-bottom:6px solid #575756;border-right:6px solid #58ac25}.readmore-button-frame{width:100%;border:1px solid #f5f5f5;transition:all .5s ease;margin-bottom:80px}.readmore-button-frame:hover{background:#58ac25}.readmore-button-frame:hover .moreless-button{color:#fff}.readmore-button-frame:hover .moreless-button1{color:#fff}.readmore-button-frame:hover .moreless-button2{color:#fff}.moreless-button{background:0 0;border:none;outline:0;color:#58ac25;font-size:16px;width:100%;height:100%;display:block;padding:20px 0}.moreless-button1{background:0 0;border:none;outline:0;color:#58ac25;font-size:16px;width:100%;height:100%;display:block;padding:20px 0}.moreless-button2{background:0 0;border:none;outline:0;color:#58ac25;font-size:16px;width:100%;height:100%;display:block;padding:20px 0}.generic_price_btn{position:absolute;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);transform:translateX(-50%);bottom:20px;margin:0}.lastone{margin-bottom:20px}.lastone2{margin-bottom:20px}.fa-circle-small{font-size:12px;color:#575756} .titlekennisbanksearch {margin-bottom:20px;} .titlekennisbanksearch span {font-size:24px;} .searchbar { width:300px; text-align:left; margin:0 auto; margin-bottom:20px;} .projecten--button .button {padding: 7px 30px 7px 30px;border: solid 2px #58ac25;color: #FFF;border-radius: 35px;background: #58ac25;text-transform: uppercase;font-weight: 500;-webkit-transition: all .5s;transition: all .5s;} .projecten--button .button:hover {background: #FFF;color: #58ac25;text-decoration: none;} .banner2 { min-height: 100%; /* Fallback for browsers do NOT support vh unit */ min-height: 70vh; /* These two lines are counted as one :-) */ position:relative; display: flex; align-items: center; } .banner2 .page-title { font-size:55px; color:#FFF; width:100%; line-height:60px; font-weight:600; text-transform:uppercase; position:relative; } .banner2 .content-page { color:#FFF; font-size:14px; margin-top:20px; } .contentveldenloop p a {color:#58ac25;} .banner2 a {color:#FFF; text-decoration:underline;} .scroll-down { position: absolute; margin: 0 auto; bottom: -30px; width: 60px; height: 60px; background: #FFF; border-radius: 100%; overflow:hidden; left:50%; transform:translateX(-50%); -webkit-box-shadow: 3px 2px 15px 5px rgba(0,0,0,0.22); box-shadow: 3px 2px 15px 5px rgba(0,0,0,0.22); z-index:333; } .box{ position: absolute; top: 50%; left: 54%; transform: translate(-54%, -50%); } .box span{ display: block; width: 15px; height: 15px; border-bottom: 4px solid #489b3f; border-right: 4px solid #489b3f; transform: rotate(45deg); margin: -10px; animation: animate 2s infinite; } .box span:nth-child(2) { animation-delay: -0.2s; } .box span:nth-child(3) { animation-delay: -0.4s; } @keyframes animate{ 0%{ opacity: 0; transform: rotate(45deg) translate(-20px, -20px); } 50%{ opacity: 1; } 100%{ opacity: 0; transform: rotate(45deg) translate(20px, 20px); } } .fa-rocket { font-size:250px; color:#FFF; text-align:center; animation: UpDown 4s infinite ; margin-top:40px; } @keyframes UpDown { 0%{ opacity: 1; transform: rotate(-45deg) translate(-20px, -20px); } 50%{ opacity: 1; transform: rotate(-90deg) translate(20px, 20px); } 100%{ opacity: 0; transform: rotate(-45deg) translate(-20px, -20px); } } @media screen and (max-width: 992px) { .banner2 .page-title { font-size:35px; line-height:35px; } .fa-rocket { font-size:150px; } .banner2 { padding:30px 0px; } } .KennisbankArtikel .contact .tekst { text-align:left!important; } .KennisbankArtikel .aboveFooter { background:#F9F9F9; padding:100px 0px; } .text-block p { font-size:18px; font-weight:400; color:#000; line-height:30px; } .dima-btn { background:#58ac25; color:#FFF; padding:10px 30px; border-radius:50px; border:2px solid #58ac25; transition:all 0.5s ease; font-size:18px; margin-top:20px; text-transform:uppercase; } .dima-btn:hover { background:none; color:#000; text-decoration:none; } .buttons { margin-top:50px; margin-bottom:50px; } .contentveldenloop .text h2::before { content:''; position:absolute; left:0; bottom:-10px; width:50px; height:5px; background:#58ac25; } .contentveldenloop .text .text-center h2::before { left:50%; margin-left:-25px; } .contentveldenloop .center-title{color:#000; font-size:50px; margin-bottom:30px; position:relative; margin:0 auto; margin-bottom:50px; font-weight: bold; text-transform: unset;} .contentveldenloop .title-background{color:#FFF; font-size:50px; margin-bottom:30px; position:relative; margin-bottom:50px;} .contentveldenloop h2{font-size: 30px; color :#333; text-transform: none; font-weight: bold;} form .privacy-checkbox {float:left;} form a {margin-left:4px;} form .checkbox { position: relative; display: block; margin-top: 0px; margin-bottom: 0px; } form .checkbox input[type=checkbox] {margin-left:0px;} form .btn-primary {border-radius: 35px; width: 200px; margin-top:25px;} .text-block2 p { font-size:18px; font-weight:400; color:#000; line-height:30px; } .text-block-wit p { font-size:18px; font-weight:400; color:#FFF; line-height:30px; } .text-block-background p { font-size:18px; font-weight:400; color:#FFF; line-height:30px; padding-right:50px; } .banner2 .content-page p { font-size:16px; font-weight:400; line-height:25px; } .backgroundblock { background:#58ac25; padding-top:150px; padding-bottom:150px; margin-bottom:100px; clip-path: polygon(100% 4%, 100% 54%, 100% 100%, 7% 94%, 0% 50%, 7% 0); -webkit-box-shadow: 2px 2px 15px 3px rgba(0,0,0,0.5); box-shadow: 2px 2px 15px 3px rgba(0,0,0,0.5); } .backgroundblockimage { margin-left:100px; } .DienstPage .projecten h4{color:#000; font-size:50px; margin-bottom:30px; position:relative;} .KennisbankArtikel .blog-crumb { margin-bottom:20px; } .footer-bg { background:#272c30; color:#FFF; padding-top:20px; padding-bottom:0px; } .footer-bg a { color:#FFF; } .bccs-body-text p {font-size:16px;} #bccs-buttonDoNotAgree {background:none; outline:none; text-decoration:none; transition:background 1s ease; transition:color .5s ease; border-radius:5px; font-weight:500;} #bccs-buttonDoNotAgree:hover {text-decoration:none; background:red; color:#FFF;} .cookiemodal{ z-index: 3333; top:150px; } .footer-bottom { padding-top:5px; color:#000; } .footer-bottom p { font-size:14px; color:#000; } .footer-bottom a { font-size:14px; color:#000; } .bigger-caption { color:#FFF; font-size:30px; margin-bottom:10px; } .settingslink { background:none; border:2px solid #58ac25; outline:none; padding: 6px 12px; border-radius:5px; transition:all 0.5s ease; text-decoration:none; color:#000; font-weight:400; } .settingslink:hover { background:#58ac25; color:#FFF; text-decoration:none; } .settingslink a:hover { text-decoration:none; } .settingslink::selection { color:#000; background:none; border: 2px solid #58ac25; } #ccc-info-link, #ccc-close{ display:none!important; } #ccc-recommended-settings:hover { background:rgb(10, 184, 10)!important; color:#FFF!important; } #ccc-recommended-settings { transition:all 0.5s ease; background:green!important; border: 2px solid rgb(0, 95, 0)!important; width:100%; } div#ccc-button-holder #ccc-reject-settings { position: absolute; bottom:0px; } .ccc-vendor-reveal { border:0px solid #FFF!important; } #ccc-module.ccc-module--slideout { max-width: 700px !important; } @media screen and (max-width: 1200px) { .header .bottom .navigatie ul li a { font-size: 15px; } .header .bottom .navigatie ul li a.current { color: #58ac25; border-bottom: solid 1px; padding-bottom: 0px; } } @media screen and (max-width: 992px) { .BlogHomepage { padding-top: 150px; padding-bottom: 150px; } } .footer-link img {margin-top: -40px;} .ui-autocomplete { position: absolute; top: 100%; left: 0; z-index: 1000; float: left; display: none; min-width: 160px; padding: 4px 0; margin: 0 0 10px 25px; list-style: none; background-color: #ffffff; border-color: #ccc; border-color: rgba(0, 0, 0, 0.2); border-style: solid; border-width: 1px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; *border-right-width: 2px; *border-bottom-width: 2px; } /* IE 6 doesn't support max-height * we use height instead, but this forces the menu to always be this tall */ .ui-menu-item > a.ui-corner-all { display: block; padding: 3px 15px; clear: both; font-weight: normal; line-height: 18px; color: #555555; white-space: nowrap; text-decoration: none; } .ui-state-hover, .ui-state-active { color: #ffffff; text-decoration: none; background-color: #0088cc; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; background-image: none; } #ipAddress { font-weight: bold; font-size: 20px; } .fa-copy { cursor: pointer; } .utmHelp { margin-top: -15px; font-size: 12px; } .utmUitkomst { font-size: 17px; } .domainInputButton { margin-right: 10px; margin-bottom: 10px;} .btn.btn-domein { background-color: #58ac25; color: #fff; }