html,body{font-family:'Open Sans', sans-serif;height:100%}a.vacature{display:block;position:fixed;padding:35px 30px 22px;bottom:27%;z-index:60;background-color:#449AD4;color:white;text-decoration:none;-webkit-transition:background 350ms;-moz-transition:background 350ms;-o-transition:background 350ms;transition:background 350ms;right:-45px;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);-moz-transform:rotate(90deg);transform:rotate(90deg);margin:0}a.vacature:hover{background-color:#103261}h1{font-size:2.7em;color:#fff;font-weight:300;padding:25px 0;line-height:60px}h2{font-size:1.5em;color:#fff;font-weight:300;padding:10px 0;line-height:40px}h3{font-size:1.1em;color:#fff;font-weight:300;padding:10px 0;line-height:35px}h4{font-size:0.6em;color:#fff;font-weight:700;line-height:20px;letter-spacing:2px;text-transform:uppercase}p{font-size:1em;color:#fff;font-weight:300;line-height:25px}.wrap{display:block;position:relative;max-width:1024px;min-height:0;margin:auto auto}.top100{padding-top:100px}.bottom100{padding-bottom:100px}nav{display:block;position:fixed;width:90%;padding:0 5%;height:99px;background:white;z-index:100;box-shadow:10px 0 35px rgba(0,0,0,0.15)}nav .wrap{display:block;z-index:100}nav .wrap a.logo{display:block;position:absolute;width:165px;height:46px;top:28px;left:0;background:url(../img/logo.png);background-size:cover;background-position:center}nav .wrap ul{display:block;position:absolute;right:0;top:42px}nav .wrap ul li{display:block;position:relative;float:left;margin:0 0 0 23px}nav .wrap ul li a{font-size:0.9em;text-decoration:none;color:rgba(0,0,0,0.3);-webkit-transition:all 250ms ease-in-out;-moz-transition:all 250ms ease-in-out;-o-transition:all 250ms ease-in-out;transition:all 250ms ease-in-out;padding-bottom:37px;border-bottom:3px solid rgba(16,50,97,0)}nav .wrap ul li a:hover{color:#449AD4;border-bottom:3px solid #449AD4}nav .wrap ul li .active{color:#103261;border-bottom:3px solid #103261}nav a.hamburger{display:none;width:25px;min-height:0;position:absolute;padding:0;right:0;top:43px}nav a.hamburger span{display:block;position:relative;float:left;width:100%;height:2px;background-color:#103261;margin:2px 0;-webkit-transition:all 250ms ease-in-out;-moz-transition:all 250ms ease-in-out;-o-transition:all 250ms ease-in-out;transition:all 250ms ease-in-out;-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg);top:0;opacity:1}nav a.on span.one{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg);top:5px}nav a.on span.two{opacity:0}nav a.on span.three{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-moz-transform:rotate(-45deg);transform:rotate(-45deg);top:-7px}nav a:hover.hamburger span{background-color:#449AD4}.mob-nav{display:none;position:fixed;width:100%;height:100vh;background:#103261;z-index:80;right:-100%;-webkit-transition:all 450ms ease-in-out;-moz-transition:all 450ms ease-in-out;-o-transition:all 450ms ease-in-out;transition:all 450ms ease-in-out}.mob-nav ul{position:relative;top:55%;left:50%;transform:translate(-50%, -50%);text-align:center}.mob-nav ul li{list-style:none;-webkit-transition:all 450ms ease-in-out;-moz-transition:all 450ms ease-in-out;-o-transition:all 450ms ease-in-out;transition:all 450ms ease-in-out}.mob-nav ul li a{display:inline-block;position:relative;margin:10px 0;font-size:1.2em;color:white;font-weight:400;padding:0;line-height:40px;text-decoration:none}.mob-nav ul li .active{color:#449AD4}.hover-in{right:0}@media screen and (max-width: 750px) and (min-width: 580px){nav .wrap ul{display:none}nav a.hamburger{display:block}.mob-nav{display:block}}@media screen and (max-width: 580px){nav{height:70px}nav .wrap ul{display:none}nav .wrap a.logo{width:150px;height:41px;top:16px}nav a.hamburger{display:block;top:27px}.mob-nav{display:block}}header{display:block;position:relative;width:90%;padding:0 5%;background-color:#103261;background-color:linear-gradient(25deg, #449AD4, #6cb7ea);overflow:hidden;height:70%}header .wrap{display:block;height:100%}header .wrap .content{position:relative;top:55%;left:50%;transform:translate(-50%, -50%);text-align:center;z-index:30}header .wrap .content h1{display:block;text-align:left;-webkit-animation-name:example;-webkit-animation-duration:1.2s;-webkit-animation-fill-mode:forwards;-webkit-animation-delay:0.3s;animation-name:example;animation-duration:1.2s;animation-fill-mode:forwards;animation-delay:0.3s;opacity:0;line-height:50px;font-size:3.1em;padding:20px 0 10px 0}header .wrap .content h2{display:block;text-align:left;padding:0 50% 0 0;text-align:left;-webkit-animation-name:example;-webkit-animation-duration:1.3s;-webkit-animation-fill-mode:forwards;-webkit-animation-delay:0.5s;animation-name:example;animation-duration:1.3s;animation-fill-mode:forwards;animation-delay:0.5s;opacity:0;line-height:35px}header .header-bg-img{display:block;position:absolute;width:100%;height:170%;z-index:0;top:-50px;left:0}@-webkit-keyframes example{from{opacity:0}to{opacity:1}}@keyframes example{from{opacity:0}to{opacity:1}}.small{height:55%}@media screen and (max-width: 725px) and (min-width: 580px){header .wrap .content h2{padding:0}}@media screen and (max-width: 580px){header .wrap .content h1{padding:30px 0 15px 0;font-size:2.6em}header .wrap .content h2{line-height:25px;padding:0}header .header-bg-img{display:block;position:absolute;width:100%;height:150%;z-index:0;top:0px;left:0}}section{padding:0 5%;display:block;position:relative;width:90%;opacity:0;min-height:100px;overflow-x:hidden;animation-name:example;animation-duration:1.2s;animation-fill-mode:forwards;animation-delay:0.7s}section .text{display:block;position:relative;width:100%;min-height:0}section .text .wrap{max-width:700px}section .text .wrap h1{color:#449AD4}section .text .wrap h4{color:#000}section .text .wrap h2{color:rgba(0,0,0,0.8)}section .text .wrap p{color:rgba(0,0,0,0.6);line-height:30px;margin:0}section .text .wrap p a{background:none;color:#449AD4;padding:0;line-height:30px;font-size:1em;margin:0;padding:0}section .text .wrap p a:hover{background:none;color:#103261;padding:0;line-height:30px;font-size:1em}section .text .wrap ul{padding:0 0 0 18px}section .text .wrap ul li{padding:15px 0 0 0;color:rgba(0,0,0,0.6);line-height:30px;margin:0}section .text .wrap span span.image{display:inline-block;position:relative;float:right;width:40%;padding-bottom:50%;margin:5% 0 10% 10%}section .text .wrap span span.left{float:left;margin:5% 10% 10% 0}section .text .wrap a{color:#ffffff;font-size:0.9em;font-weight:400;display:inline-block;background-color:#103261;padding:20px 35px 18px 35px;text-decoration:none;margin:20px 0;-webkit-transition:background 250ms;-moz-transition:background 250ms;-o-transition:background 250ms;transition:background 250ms}section .text .wrap a:hover{background-color:#449AD4}@media screen and (max-width: 580px){section .text .wrap p{line-height:25px}section .text .wrap span span.image{width:100%;padding-bottom:100%;margin:5% 0 10% 10%}section .text .wrap span span.left{width:100%;padding-bottom:100%;margin:5% 10% 10% 0}}section .image-devider{display:block;position:relative;width:100%;min-height:0}section .image-devider .image-devider-wrap{display:inline-block;position:relative;width:120%;margin:0 0 0 -6%;padding-bottom:40%}@media screen and (max-width: 725px) and (min-width: 580px){section .image-devider .image-devider-wrap{padding-bottom:50%}}@media screen and (max-width: 580px){section .image-devider .image-devider-wrap{padding-bottom:60%}}section .main-buttons .wrap ul{display:inline-block;position:relative;width:100%;min-height:100px}section .main-buttons .wrap ul li{list-style:none}section .main-buttons .wrap ul li a{display:block;position:relative;width:32%;padding-bottom:35%;float:left;margin-bottom:20px}section .main-buttons .wrap ul li a span.main-btn-img{display:block;position:absolute;width:100%;padding-bottom:80%;overflow:hidden}section .main-buttons .wrap ul li a span.main-btn-img span.main-btn-img-zoom{display:block;position:absolute;width:100%;height:100%;margin:0;-webkit-transition:all 400ms cubic-bezier(0.325, 0, 0, 1);-moz-transition:all 400ms cubic-bezier(0.325, 0, 0, 1);-o-transition:all 400ms cubic-bezier(0.325, 0, 0, 1);transition:all 400ms cubic-bezier(0.325, 0, 0, 1);-webkit-transform:scale(1.04);-ms-transform:scale(1.04);-o-transform:scale(1.04);transform:scale(1.04)}section .main-buttons .wrap ul li a span.main-btn-content{display:block;position:absolute;width:100%;margin:80% 0 0 0;background:#449AD4;color:black;-webkit-transition:all 250ms ease-in-out;-moz-transition:all 250ms ease-in-out;-o-transition:all 250ms ease-in-out;transition:all 250ms ease-in-out}section .main-buttons .wrap ul li a span.main-btn-content span.title{display:block;position:relative;width:80%;padding:10% 10% 0;font-size:0.6em;font-weight:700;line-height:20px;letter-spacing:2px;text-transform:uppercase;color:rgba(0,0,0,0.4);-webkit-transition:all 350ms ease-in-out;-moz-transition:all 350ms ease-in-out;-o-transition:all 350ms ease-in-out;transition:all 350ms ease-in-out}section .main-buttons .wrap ul li a span.main-btn-content span.content{display:block;position:relative;width:80%;padding:0 10% 10% 10%;font-size:1.8em;font-weight:300;line-height:35px;color:white;-webkit-transition:all 350ms ease-in-out;-moz-transition:all 350ms ease-in-out;-o-transition:all 350ms ease-in-out;transition:all 350ms ease-in-out}section .main-buttons .wrap ul li a:hover span.main-btn-img span.main-btn-img-zoom{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2)}section .main-buttons .wrap ul li a:hover span.main-btn-content{background:#103261}section .main-buttons .wrap ul li a:hover span.main-btn-content span.title{color:#f4f4f4}section .main-buttons .wrap ul li a:hover span.main-btn-content span.content{color:#f4f4f4}section .main-buttons .wrap ul li .center-margin{margin:0 2%}@media screen and (max-width: 725px) and (min-width: 580px){section .main-buttons .wrap ul li a{width:32%}section .main-buttons .wrap ul li a span.main-btn-content span.content{font-size:1.4em}section .main-buttons .wrap ul li .center-margin{margin:0 2%}}@media screen and (max-width: 580px){section .main-buttons .wrap ul li a{width:100%;padding-bottom:100%;background:#103261;margin:0 0 50px}section .main-buttons .wrap ul li a span.main-btn-content span.title{background:#103261;color:rgba(255,255,255,0.5);padding:5% 5% 0;width:90%}section .main-buttons .wrap ul li a span.main-btn-content span.content{background:#103261;color:rgba(255,255,255,0.9);font-size:1.2em;padding:0 5% 5% 5%;width:90%}section .main-buttons .wrap ul li .center-margin{margin:0 0 50px}}section .case{display:block;position:relative;width:100%;min-height:100px}section .case .wrap .case-wrap{display:inline-block;width:100%;min-height:100px}section .case .wrap .case-wrap .img{display:block;position:relative;width:60%;min-height:400px;float:left}section .case .wrap .case-wrap .right{float:right}section .case .wrap .case-wrap .content{display:block;position:relative;width:30%;height:400px;float:left;padding:0 5%}section .case .wrap .case-wrap .content .center{position:relative;top:55%;left:50%;transform:translate(-50%, -50%);text-align:center}section .case .wrap .case-wrap .content .center h2{color:rgba(0,0,0,0.8);text-align:left}section .case .wrap .case-wrap .content .center p{color:rgba(0,0,0,0.6);text-align:left;line-height:30px;margin:0}@media screen and (max-width: 725px) and (min-width: 580px){section .case .wrap .case-wrap .img{width:40%}section .case .wrap .case-wrap .content{width:50%}}@media screen and (max-width: 580px){section .case .wrap{margin:5% 0}section .case .wrap .case-wrap .img{width:100%;min-height:0;padding-bottom:66%}section .case .wrap .case-wrap .right{float:left}section .case .wrap .case-wrap .content{width:100%;height:auto;min-height:0;padding:0}section .case .wrap .case-wrap .content .center{position:relative;top:auto;left:auto;transform:none}section .case .wrap .case-wrap .content .center h2{line-height:29px}section .case .wrap .case-wrap .content .center p{line-height:25px}}footer .footer-testimonial{display:block;position:relative;width:90%;padding-left:5%;padding-right:5%;min-height:100px;background-color:#103261;float:left}footer .footer-testimonial .wrap{display:table;padding:100px 0;background-image:url(../img/bg_footer.png);background-size:cover;background-position:center}footer .footer-testimonial .wrap .image{display:block;position:relative;width:15%;padding:0 10% 0 0;min-height:100px;float:left}footer .footer-testimonial .wrap .image .mask{display:block;position:relative;width:100%;padding-bottom:97%;-webkit-border-radius:75px;-moz-border-radius:75px;-o-border-radius:75px;border-radius:75px;box-sizing:border-box;-o-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;border:2px solid #fff;z-index:50;overflow:hidden}footer .footer-testimonial .wrap .image .mask .picture{display:block;position:absolute;width:100%;height:100%;top:0;left:0;z-index:10}footer .footer-testimonial .wrap .content{display:block;position:relative;width:60%;min-height:100px;float:left;padding:0 0 0 10%;box-sizing:border-box;-o-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;border-left:1px solid rgba(255,255,255,0.3)}footer .footer-testimonial .wrap .content h1{padding:0;line-height:30px}footer .footer-testimonial .wrap .content h4{margin:0 0 25px;padding:0;line-height:0;color:rgba(255,255,255,0.4)}footer .footer-testimonial .wrap .content p{font-size:1.4em;color:#fff;font-weight:300;padding:10px 0;line-height:35px}@media screen and (max-width: 725px) and (min-width: 580px){footer .footer-testimonial .wrap .image{width:30%;padding:0 35%}footer .footer-testimonial .wrap .image .mask{-webkit-border-radius:145px;-moz-border-radius:145px;-o-border-radius:145px;border-radius:145px}footer .footer-testimonial .wrap .content{width:100%;padding:25px 0 0 0;border-left:none}footer .footer-testimonial .wrap .content h3{text-align:center}footer .footer-testimonial .wrap .content h4{text-align:center}footer .footer-testimonial .wrap .content p{text-align:center}}@media screen and (max-width: 580px){footer .footer-testimonial .wrap .image{width:40%;padding:0 30%}footer .footer-testimonial .wrap .image .mask{-webkit-border-radius:145px;-moz-border-radius:145px;-o-border-radius:145px;border-radius:145px}footer .footer-testimonial .wrap .content{width:100%;padding:25px 0 0 0;border-left:none}footer .footer-testimonial .wrap .content h3{text-align:center}footer .footer-testimonial .wrap .content h4{text-align:center}footer .footer-testimonial .wrap .content p{text-align:center}}footer .footer-contact-us{display:block;position:relative;width:80%;padding-left:10%;padding-right:10%;min-height:0;background:#0a264e;float:left}footer .footer-contact-us .wrap{height:100%}footer .footer-contact-us .wrap .content{padding:50px 0}footer .footer-contact-us .wrap .content p{text-align:center;padding:0}footer .footer-contact-us .wrap .content h3{text-align:center;padding:0;line-height:25px;font-size:1.3em}footer .footer-contact-us .wrap .content h3 a{text-decoration:none;border-bottom:rgba(255,255,255,0.3) solid 1px;color:white;-webkit-transition:all 400ms cubic-bezier(0.325, 0, 0, 1);-moz-transition:all 400ms cubic-bezier(0.325, 0, 0, 1);-o-transition:all 400ms cubic-bezier(0.325, 0, 0, 1);transition:all 400ms cubic-bezier(0.325, 0, 0, 1)}footer .footer-contact-us .wrap .content h3 a:hover{border-bottom:#fff solid 1px}@media screen and (max-width: 580px){footer .footer-contact-us .wrap .content h3{font-size:0.9em}}footer .footer-contact{display:block;position:relative;width:90%;padding-left:5%;padding-right:5%;min-height:100px;background:#061c3b;float:left}footer .footer-contact .wrap .footer-contact-wrap{display:block;position:relative;width:100%;min-height:100px}footer .footer-contact .wrap .footer-contact-wrap ul{display:block;width:25%;min-height:0;float:left}footer .footer-contact .wrap .footer-contact-wrap ul li{list-style:none}footer .footer-contact .wrap .footer-contact-wrap ul li p{line-height:25px;font-size:0.9em}footer .footer-contact .wrap .footer-contact-wrap ul li p a{color:white;text-decoration:none;-webkit-transition:all 350ms ease-in-out;-moz-transition:all 350ms ease-in-out;-o-transition:all 350ms ease-in-out;transition:all 350ms ease-in-out;padding-bottom:3px;border-bottom:1px solid rgba(255,255,255,0.2)}footer .footer-contact .wrap .footer-contact-wrap ul li p a:hover{border-bottom:1px solid #fff}footer .footer-contact .wrap .footer-contact-wrap ul li .footer-logo{display:block;width:70px;height:45px;position:relative;background-image:url(../img/logo-footer.png);background-size:cover;background-position:center}@media screen and (max-width: 580px){footer .footer-contact .wrap .footer-contact-wrap ul{width:100%;margin:0 0 50px}footer .footer-contact .wrap .footer-contact-wrap ul li p{line-height:27px}}footer a.madeby{position:absolute;display:block;bottom:20px;left:20px;z-index:1000;font-weight:300;text-decoration:none;color:rgba(255,255,255,0.2);font-size:0.8em;-webkit-transition:all 400ms cubic-bezier(0.325, 0, 0, 1);-moz-transition:all 400ms cubic-bezier(0.325, 0, 0, 1);-o-transition:all 400ms cubic-bezier(0.325, 0, 0, 1);transition:all 400ms cubic-bezier(0.325, 0, 0, 1)}footer a.madeby:hover{color:#fff}@media screen and (max-width: 580px){h1{font-size:1.8em;line-height:38px}h2{font-size:1.1em;line-height:29px}h3{font-size:0.9em}p{line-height:17px}.top100{padding-top:50px}.bottom100{padding-bottom:50px}a.vacature{bottom:30px}}