HEX
Server: Microsoft-IIS/8.5
System: Windows NT YDAWBH120 6.3 build 9600 (Windows Server 2012 R2 Standard Edition) AMD64
User: tentjecom_web (0)
PHP: 7.4.14
Disabled: NONE
Upload Files
File: D:/HostingSpaces/SBogers112/ttdbedrijfswagens.nl/wwwroot/css/style.css
*{box-sizing:border-box}html{font-size:18px;line-height:1.6}img{display:block;border:none}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{transition:all 9999s linear 9999s}input::-moz-placeholder,textarea::-moz-placeholder{transition:all 9999s linear 9999s}input:-ms-input-placeholder,textarea:-ms-input-placeholder{transition:all 9999s linear 9999s}input:-moz-placeholder,textarea:-moz-placeholder{transition:all 9999s linear 9999s}figure{margin:0}.grid-row{width:85.7142857143%;max-width:1440px;margin:0 auto;font-size:0;line-height:0}.grid-row.full-row{width:100%;max-width:none}.grid-col{position:relative;display:inline-block;overflow:hidden;white-space:normal;font-size:1rem;line-height:1.6}.grid-col.center{display:block;margin:0 auto}.col-1,.col-lg-1{width:8.3333333333%}.full-row .col-1,.full-row .col-lg-1{width:7.1428571429%}.offset-1,.offset-lg-1{margin-left:8.3333333333%}.col-2,.col-lg-2{width:16.6666666667%}.full-row .col-2,.full-row .col-lg-2{width:14.2857142857%}.offset-2,.offset-lg-2{margin-left:16.6666666667%}.col-3,.col-lg-3{width:25%}.full-row .col-3,.full-row .col-lg-3{width:21.4285714286%}.offset-3,.offset-lg-3{margin-left:25%}.col-4,.col-lg-4{width:33.3333333333%}.full-row .col-4,.full-row .col-lg-4{width:28.5714285714%}.offset-4,.offset-lg-4{margin-left:33.3333333333%}.col-5,.col-lg-5{width:41.6666666667%}.full-row .col-5,.full-row .col-lg-5{width:35.7142857143%}.offset-5,.offset-lg-5{margin-left:41.6666666667%}.col-6,.col-lg-6{width:50%}.full-row .col-6,.full-row .col-lg-6{width:42.8571428571%}.offset-6,.offset-lg-6{margin-left:50%}.col-7,.col-lg-7{width:58.3333333333%}.full-row .col-7,.full-row .col-lg-7{width:50%}.offset-7,.offset-lg-7{margin-left:58.3333333333%}.col-8,.col-lg-8{width:66.6666666667%}.full-row .col-8,.full-row .col-lg-8{width:57.1428571429%}.offset-8,.offset-lg-8{margin-left:66.6666666667%}.col-9,.col-lg-9{width:75%}.full-row .col-9,.full-row .col-lg-9{width:64.2857142857%}.offset-9,.offset-lg-9{margin-left:75%}.col-10,.col-lg-10{width:83.3333333333%}.full-row .col-10,.full-row .col-lg-10{width:71.4285714286%}.offset-10,.offset-lg-10{margin-left:83.3333333333%}.col-11,.col-lg-11{width:91.6666666667%}.full-row .col-11,.full-row .col-lg-11{width:78.5714285714%}.offset-11,.offset-lg-11{margin-left:91.6666666667%}.col-12,.col-lg-12{width:100%}.full-row .col-12,.full-row .col-lg-12{width:85.7142857143%}.offset-12,.offset-lg-12{margin-left:100%}.col-13,.col-lg-13{width:108.3333333333%}.full-row .col-13,.full-row .col-lg-13{width:92.8571428571%}.offset-13,.offset-lg-13{margin-left:108.3333333333%}.col-14,.col-lg-14{width:116.6666666667%}.full-row .col-14,.full-row .col-lg-14{width:100%}.offset-14,.offset-lg-14{margin-left:116.6666666667%}@media screen and (min-width: 1601px){.col-xl-1{width:8.3333333333%}.offset-xl-1{margin-left:8.3333333333%}}@media screen and (max-width: 1080px){.col-md-1{width:8.3333333333%}.offset-md-1{margin-left:8.3333333333%}}@media screen and (max-width: 768px){.col-sm-1{width:8.3333333333%}.offset-sm-1{margin-left:8.3333333333%}}@media screen and (max-width: 400px){.col-xs-1{width:8.3333333333%}.offset-xs-1{margin-left:8.3333333333%}}@media screen and (min-width: 1601px){.col-xl-2{width:16.6666666667%}.offset-xl-2{margin-left:16.6666666667%}}@media screen and (max-width: 1080px){.col-md-2{width:16.6666666667%}.offset-md-2{margin-left:16.6666666667%}}@media screen and (max-width: 768px){.col-sm-2{width:16.6666666667%}.offset-sm-2{margin-left:16.6666666667%}}@media screen and (max-width: 400px){.col-xs-2{width:16.6666666667%}.offset-xs-2{margin-left:16.6666666667%}}@media screen and (min-width: 1601px){.col-xl-3{width:25%}.offset-xl-3{margin-left:25%}}@media screen and (max-width: 1080px){.col-md-3{width:25%}.offset-md-3{margin-left:25%}}@media screen and (max-width: 768px){.col-sm-3{width:25%}.offset-sm-3{margin-left:25%}}@media screen and (max-width: 400px){.col-xs-3{width:25%}.offset-xs-3{margin-left:25%}}@media screen and (min-width: 1601px){.col-xl-4{width:33.3333333333%}.offset-xl-4{margin-left:33.3333333333%}}@media screen and (max-width: 1080px){.col-md-4{width:33.3333333333%}.offset-md-4{margin-left:33.3333333333%}}@media screen and (max-width: 768px){.col-sm-4{width:33.3333333333%}.offset-sm-4{margin-left:33.3333333333%}}@media screen and (max-width: 400px){.col-xs-4{width:33.3333333333%}.offset-xs-4{margin-left:33.3333333333%}}@media screen and (min-width: 1601px){.col-xl-5{width:41.6666666667%}.offset-xl-5{margin-left:41.6666666667%}}@media screen and (max-width: 1080px){.col-md-5{width:41.6666666667%}.offset-md-5{margin-left:41.6666666667%}}@media screen and (max-width: 768px){.col-sm-5{width:41.6666666667%}.offset-sm-5{margin-left:41.6666666667%}}@media screen and (max-width: 400px){.col-xs-5{width:41.6666666667%}.offset-xs-5{margin-left:41.6666666667%}}@media screen and (min-width: 1601px){.col-xl-6{width:50%}.offset-xl-6{margin-left:50%}}@media screen and (max-width: 1080px){.col-md-6{width:50%}.offset-md-6{margin-left:50%}}@media screen and (max-width: 768px){.col-sm-6{width:50%}.offset-sm-6{margin-left:50%}}@media screen and (max-width: 400px){.col-xs-6{width:50%}.offset-xs-6{margin-left:50%}}@media screen and (min-width: 1601px){.col-xl-7{width:58.3333333333%}.offset-xl-7{margin-left:58.3333333333%}}@media screen and (max-width: 1080px){.col-md-7{width:58.3333333333%}.offset-md-7{margin-left:58.3333333333%}}@media screen and (max-width: 768px){.col-sm-7{width:58.3333333333%}.offset-sm-7{margin-left:58.3333333333%}}@media screen and (max-width: 400px){.col-xs-7{width:58.3333333333%}.offset-xs-7{margin-left:58.3333333333%}}@media screen and (min-width: 1601px){.col-xl-8{width:66.6666666667%}.offset-xl-8{margin-left:66.6666666667%}}@media screen and (max-width: 1080px){.col-md-8{width:66.6666666667%}.offset-md-8{margin-left:66.6666666667%}}@media screen and (max-width: 768px){.col-sm-8{width:66.6666666667%}.offset-sm-8{margin-left:66.6666666667%}}@media screen and (max-width: 400px){.col-xs-8{width:66.6666666667%}.offset-xs-8{margin-left:66.6666666667%}}@media screen and (min-width: 1601px){.col-xl-9{width:75%}.offset-xl-9{margin-left:75%}}@media screen and (max-width: 1080px){.col-md-9{width:75%}.offset-md-9{margin-left:75%}}@media screen and (max-width: 768px){.col-sm-9{width:75%}.offset-sm-9{margin-left:75%}}@media screen and (max-width: 400px){.col-xs-9{width:75%}.offset-xs-9{margin-left:75%}}@media screen and (min-width: 1601px){.col-xl-10{width:83.3333333333%}.offset-xl-10{margin-left:83.3333333333%}}@media screen and (max-width: 1080px){.col-md-10{width:83.3333333333%}.offset-md-10{margin-left:83.3333333333%}}@media screen and (max-width: 768px){.col-sm-10{width:83.3333333333%}.offset-sm-10{margin-left:83.3333333333%}}@media screen and (max-width: 400px){.col-xs-10{width:83.3333333333%}.offset-xs-10{margin-left:83.3333333333%}}@media screen and (min-width: 1601px){.col-xl-11{width:91.6666666667%}.offset-xl-11{margin-left:91.6666666667%}}@media screen and (max-width: 1080px){.col-md-11{width:91.6666666667%}.offset-md-11{margin-left:91.6666666667%}}@media screen and (max-width: 768px){.col-sm-11{width:91.6666666667%}.offset-sm-11{margin-left:91.6666666667%}}@media screen and (max-width: 400px){.col-xs-11{width:91.6666666667%}.offset-xs-11{margin-left:91.6666666667%}}@media screen and (min-width: 1601px){.col-xl-12{width:100%}.offset-xl-12{margin-left:100%}}@media screen and (max-width: 1080px){.col-md-12{width:100%}.offset-md-12{margin-left:100%}}@media screen and (max-width: 768px){.col-sm-12{width:100%}.offset-sm-12{margin-left:100%}}@media screen and (max-width: 400px){.col-xs-12{width:100%}.offset-xs-12{margin-left:100%}}@media screen and (min-width: 1601px){.col-xl-13{width:108.3333333333%}.offset-xl-13{margin-left:108.3333333333%}}@media screen and (max-width: 1080px){.col-md-13{width:108.3333333333%}.offset-md-13{margin-left:108.3333333333%}}@media screen and (max-width: 768px){.col-sm-13{width:108.3333333333%}.offset-sm-13{margin-left:108.3333333333%}}@media screen and (max-width: 400px){.col-xs-13{width:108.3333333333%}.offset-xs-13{margin-left:108.3333333333%}}@media screen and (min-width: 1601px){.col-xl-14{width:116.6666666667%}.offset-xl-14{margin-left:116.6666666667%}}@media screen and (max-width: 1080px){.col-md-14{width:116.6666666667%}.offset-md-14{margin-left:116.6666666667%}}@media screen and (max-width: 768px){.col-sm-14{width:116.6666666667%}.offset-sm-14{margin-left:116.6666666667%}}@media screen and (max-width: 400px){.col-xs-14{width:116.6666666667%}.offset-xs-14{margin-left:116.6666666667%}}.visible-grid-container{display:flex;justify-content:center}.visible-grid{display:block;position:fixed;z-index:10000;pointer-events:none}.visible-grid .grid-col{background:rgba(0,255,255,0.2);height:100vh}.visible-grid .grid-col:nth-child(2n){background:rgba(0,255,255,0.1)}.visible-grid:before,.visible-grid:after{content:"";position:absolute;top:0;width:calc(100% / 12);height:100%;background:rgba(0,255,0,0.2)}.visible-grid:before{left:calc(-100% / 12)}.visible-grid:after{right:calc(-100% / 12)}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{margin:0;font-family:"Open sans",sans-serif;font-size:16px;line-height:26px;background-color:#EDF5F9;font-feature-settings:"lnum"}* ::selection{background:blue;color:#fff}h1,h2,h3,h4{font-family:"Hind",sans-serif;font-weight:bold}h1{font-weight:bold;font-size:60px;line-height:74px;letter-spacing:-0.35px}h2{font-weight:bold;font-size:28px;line-height:34px;letter-spacing:-0.14px}input,textarea,select,button{font-family:"Open sans",sans-serif}.button{display:inline-block;padding:10px 20px;border:1px solid #fff;background:none;border-radius:3.7px;text-decoration:none;color:#fff;font-size:16px;font-weight:bold;position:relative;transition:color .3s,background-color .3s}.button.arrow{padding-right:52px;min-width:250px}.button.arrow:after{position:absolute;top:0;right:10%;width:14px;font-weight:bold;font-size:1.5em;line-height:1.7em;content:"›"}.button.left-arrow{padding-left:52px;min-width:230px}.button.left-arrow:before{position:absolute;left:10%;width:14px;font-weight:bold;font-size:1.5em;line-height:.95em;content:"‹"}.button.stroked.yellow{border:1px solid #EEB633}.button.stroked.yellow:hover{background-color:#EEB633;color:#001E2E}.button.blue{background-color:#2E80A5}.button.blue:hover{background-color:#65b2d4}.button.filled.yellow{border:none;color:#001E2E;background-color:#EEB633}.button.filled.yellow:hover{background-color:#f0be4b;color:#fff}.grid-col{vertical-align:top}.pull-left{float:left}.pull-right{float:right}p{font-size:16px}.breadcrumb .grid-col{width:91.6666666667%;margin-left:8.3333333333%;padding:48px 0 30px 0;font-family:"Hind",sans-serif;color:#2E80A5}.breadcrumb .grid-col a,.breadcrumb .grid-col b{font-size:15px;text-decoration:none;color:#2E80A5}.breadcrumb .grid-col span{padding:0 10px}@media screen and (max-width: 840px){.breadcrumb{padding-left:4.1666666667% !important}.breadcrumb .grid-col{margin-left:0;padding-left:0}}@media screen and (max-width: 840px){.preventScroll{overflow:hidden;overflow-y:scroll;position:fixed;width:100%}}#mobile-navigation{position:fixed;z-index:1000;height:100vh;overflow:hidden;width:100%;left:0;top:0;pointer-events:none}#mobile-navigation .bar{display:none;height:60px;background-color:#001E2E;box-shadow:0 2px 10px 0 rgba(0,0,0,0.11);pointer-events:all;position:relative;z-index:4;transform:translate3d(0, 0, 0);transition:all .3s;transition-delay:.4s}#mobile-navigation .bar .toggle-menu{width:60px;height:100%;z-index:3;cursor:pointer;position:relative;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;justify-content:center;align-items:center}#mobile-navigation .bar .toggle-menu .icon{width:20px}#mobile-navigation .bar .toggle-menu .icon span+span{margin-top:4px}#mobile-navigation .bar .toggle-menu .icon span{width:100%;height:2px;display:block;transform:scale3d(1, 1, 1);transform-origin:0 50%;background-color:#fff;transition:transform .6s}#mobile-navigation .bar .toggle-menu .icon span:nth-of-type(2){transform:scale3d(.8, 1, 1)}#mobile-navigation .bar .toggle-menu .icon span:nth-of-type(3){transform:scale3d(.45, 1, 1)}#mobile-navigation .bar .toggle-menu:hover .icon span{transform:scale3d(1, 1, 1) !important}#mobile-navigation .bar .logo{height:100%;width:100%;position:absolute;left:0;top:0;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;justify-content:center;align-items:center}#mobile-navigation .bar .logo a{position:relative;display:block;width:150px;max-height:35px;background-position:center;background-size:contain;background-repeat:no-repeat}#mobile-navigation .bar .logo a img{width:100%;max-height:35px}#mobile-navigation .bar .cart{height:100%;width:auto;position:absolute;right:20px;top:0;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;justify-content:center;align-items:center}#mobile-navigation .bar .cart a{position:relative;display:block;max-height:35px;background-position:center;background-size:contain;background-repeat:no-repeat}#mobile-navigation .bar .cart a .phone{display:inline-block;width:15px;height:15px;margin-right:5px;position:relative;top:2px}#mobile-navigation .bar .cart a span.shoppingCartButtonCounter{position:absolute;right:-10px;top:-8px;font-weight:bold;width:1.3em;font-size:1em;line-height:1.3em;color:#fff;transition:width .3s,height .3s}#mobile-navigation .bar .cart a img{width:100%;max-height:35px}#mobile-navigation .shader{width:100%;height:100%;position:absolute;left:0;top:0;background-color:#001E2E;opacity:0;transition-delay:.4s}#mobile-navigation .menu{position:absolute;left:0;top:0;height:100%;width:40%;max-width:600px;min-width:275px;padding:20px 60px;background-color:#001E2E;overflow-x:auto;pointer-events:all;z-index:5;transform:translate3d(-100%, 0, 0)}#mobile-navigation .menu nav{position:relative;background-color:transparent}#mobile-navigation .menu nav .close{position:absolute;top:0;left:-38px;display:block;width:16px;height:16px;cursor:pointer;transform-origin:center;transform:rotate(0deg);transition:transform .4s}#mobile-navigation .menu nav .close:hover{transform:rotate(90deg)}#mobile-navigation .menu nav .close:hover:before,#mobile-navigation .menu nav .close:hover:after{background-color:#EEB633}#mobile-navigation .menu nav .close:before,#mobile-navigation .menu nav .close:after{content:"";position:absolute;display:block;background-color:#EDF5F9;transform-origin:center;transform:rotate(45deg);transition:background-color .3s}#mobile-navigation .menu nav .close:before{left:7px;top:0;width:2px;height:100%}#mobile-navigation .menu nav .close:after{left:0;top:7px;width:100%;height:2px}#mobile-navigation .menu nav .logo-wrapper{width:100%;max-width:250px}#mobile-navigation .menu nav .logo-wrapper a{display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;-moz-justify-content:space-between;-ms-justify-content:space-between;-webkit-align-items:flex-start;-moz-align-items:flex-start;-ms-align-items:flex-start;justify-content:space-between;align-items:flex-start;text-decoration:none}#mobile-navigation .menu nav .logo-wrapper a img{max-height:45px}#mobile-navigation .menu nav .menu-list{margin-top:40px}#mobile-navigation .menu nav .menu-list ul{margin:0;padding:0;list-style:none;font-size:1rem;line-height:1.2}#mobile-navigation .menu nav .menu-list ul+ul{margin-top:24px}#mobile-navigation .menu nav .menu-list ul li a{display:block;padding:8px 0;color:#EDF5F9;text-decoration:none;transition:color .2s;cursor:pointer}#mobile-navigation .menu nav .menu-list ul li a:hover{color:#2E80A5}#mobile-navigation .menu nav .menu-list ul li ul{font-size:.85em;margin-left:20px}#mobile-navigation .menu nav .menu-list ul li.active>a{color:#EDB533}#mobile-navigation.active .bar .toggle-menu .icon span{opacity:0;transition-delay:.4s}#mobile-navigation.active .bar .toggle-menu .icon span:first-of-type{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);opacity:1;top:6px}#mobile-navigation.active .bar .toggle-menu .icon span:last-of-type{width:25px;opacity:1;bottom:6px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}#mobile-navigation.active .menu{transform:translate3d(0, 0, 0)}#mobile-navigation.shader-active .shader{opacity:.6;pointer-events:all}#mobile-navigation.allow-animation .shader{transition:all .2s}#mobile-navigation.allow-animation .menu{transition:all .3s;transition-timing-function:ease-in-out}@media screen and (max-width: 840px){#mobile-navigation{display:block}#mobile-navigation .bar{display:block}#mobile-navigation .menu{max-width:none}}@media screen and (max-width: 400px){#mobile-navigation nav{padding-left:30px}#mobile-navigation nav ul{font-size:1.2rem}}body{font-family:"Hind",sans-serif;font-size:14px;background-color:transparent}body a{text-decoration:none;color:#fff}body a:hover{color:#FFD756}body header .top-bar{background-color:#0275D8;height:60px;position:fixed;z-index:5}body header .top-bar .grid-col{width:100%;height:100%}body header .top-bar .content{padding-top:18px}body header .top-bar .content .left,body header .top-bar .content .right{width:55%;color:#fff;font-size:14px;letter-spacing:.28px}body header .top-bar .content .left .line,body header .top-bar .content .right .line{display:inline-block;width:15px;margin:0 15px 4px 15px;height:0;border-bottom:solid 1px #fff}body header .top-bar .content .right{width:45%;text-align:right}body header .top-bar .content .clock,body header .top-bar .content .phone{display:inline-block;width:15px;height:15px;margin-right:15px;position:relative;top:2px}body header .top-bar .content .clock{top:3px}body header nav#main-navigation,body header nav#sticky-navigation{background-color:#F5F6F8;height:210px}body header nav#main-navigation .grid-col,body header nav#sticky-navigation .grid-col{padding-top:60px;width:100%;height:100%}body header nav#main-navigation .menu,body header nav#sticky-navigation .menu{height:100%;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;-moz-justify-content:space-between;-ms-justify-content:space-between;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;justify-content:space-between;align-items:center}body header nav#main-navigation .menu .logo,body header nav#sticky-navigation .menu .logo{height:110px;margin-left:4.1666666667%}body header nav#main-navigation .menu .links,body header nav#sticky-navigation .menu .links{width:100%;text-align:right}body header nav#main-navigation .menu .links a,body header nav#sticky-navigation .menu .links a{font-size:16px;letter-spacing:.32px;text-transform:uppercase;color:#0A122A;margin-left:8.3333333333%;position:relative}body header nav#main-navigation .menu .links a:after,body header nav#sticky-navigation .menu .links a:after{content:"";display:block;position:absolute;left:0;bottom:-2px;width:0;height:5px;z-index:1;background-color:#FFD756;transition:width .2s ease-in}body header nav#main-navigation .menu .links a:hover:after,body header nav#main-navigation .menu .links a.active:after,body header nav#sticky-navigation .menu .links a:hover:after,body header nav#sticky-navigation .menu .links a.active:after{width:100%}body header nav#sticky-navigation{position:fixed;top:60px;height:100px;opacity:0;z-index:4;transform:translate3d(0, -100px, 0);box-shadow:0 10px 20px -5px rgba(0,0,0,0.1);transition:transform .3s,opacity .3s}body header nav#sticky-navigation .grid-col{padding-top:0}body header nav#sticky-navigation .menu .logo{height:80px}body header nav#sticky-navigation.active{opacity:1;transform:translate3d(0, 0, 0)}body .img-header{height:500px;background:transparent url(../img/header-3.jpg) no-repeat center center;background-size:cover;position:relative;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;justify-content:center;align-items:center;flex-direction:column}body .img-header:after{content:"";position:absolute;width:100%;height:100%;left:0;top:0;background-color:#0F0619;opacity:.7;z-index:0}body .img-header h1{z-index:2;color:#fff;text-transform:uppercase;position:relative}body .img-header .line{width:60px;border-bottom:solid 5px #FFD756;position:relative;z-index:2;margin-bottom:60px}body .img-header .buttons a.button{z-index:2;background-color:#fff;color:#0A122A;position:relative;height:40px;width:180px;padding-top:20px;text-align:center;border:none;cursor:pointer;transition:background-color .3s}body .img-header .buttons a.button:hover{background-color:#d7dbe3}body .img-header .buttons a.button:last-child{margin-left:30px;background-color:#0275D8;color:#fff}body .img-header .buttons a.button:last-child:hover{background-color:#025aa5}body .img-header .truck-logo{display:inline-block;position:absolute;right:10px;bottom:10px;z-index:2}body section .grid-col{width:100%}body section h2{width:100%;font-size:20px;text-align:center;margin-bottom:0;text-transform:uppercase}body section span.subtitle{display:block;width:100%;text-align:center;color:#0275D8;font-family:"Open Sans",sans-serif;font-size:14px;letter-spacing:-0.07px;line-height:1.6}body section .line{width:60px;border-bottom:solid 5px #FFD756;position:relative;z-index:2;margin:15px auto 30px auto}body section#aanbod{padding-top:115px}body section#aanbod .line{margin-bottom:45px}body section#aanbod .items-holder{width:83.3333333333%;margin-left:8.3333333333%;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;-moz-justify-content:space-between;-ms-justify-content:space-between;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;justify-content:space-between;align-items:center;flex-wrap:wrap}body section#aanbod .items-holder .item{width:45%;height:300px}body section#aanbod .items-holder .item .icon-holder{display:inline-block;width:11.1111111111%;height:100%;vertical-align:top}body section#aanbod .items-holder .item .icon-holder img{width:40px;height:40px}body section#aanbod .items-holder .item .content{display:inline-block;width:86.6666666667%;font-size:16px;line-height:24px;letter-spacing:-0.08px}body section#aanbod .items-holder .item .content h3{font-size:18px;font-weight:600;margin:0}body section#aanbod .items-holder .item .content p{font-family:"Open Sans",sans-serif}body section#aanbod .items-holder .item .content p a{color:#0275D8}body section#aanbod .items-holder .item .content p a:hover{color:#014d8d}body section#offerte{height:430px}body section#offerte .content{background-color:#F5F6F8;width:83.3333333333%;margin-left:8.3333333333%;padding:60px 16.6666666667%}body section#offerte .content .form-left,body section#offerte .content .form-right{width:41.6666666667%}body section#offerte .content .form-left label,body section#offerte .content .form-left input,body section#offerte .content .form-left textarea,body section#offerte .content .form-right label,body section#offerte .content .form-right input,body section#offerte .content .form-right textarea{width:100%}body section#offerte .content .form-left label,body section#offerte .content .form-right label{font-size:12px;line-height:26px;letter-spacing:-0.06px;color:#0A122A}body section#offerte .content .form-left span.error,body section#offerte .content .form-right span.error{color:red;font-size:12px;line-height:26px;float:right;padding-top:2px}body section#offerte .content .form-left input,body section#offerte .content .form-left textarea,body section#offerte .content .form-right input,body section#offerte .content .form-right textarea{padding:14px;border:none;margin-bottom:15px}body section#offerte .content .form-left input::-webkit-input-placeholder,body section#offerte .content .form-left textarea::-webkit-input-placeholder,body section#offerte .content .form-right input::-webkit-input-placeholder,body section#offerte .content .form-right textarea::-webkit-input-placeholder{color:#CACACC}body section#offerte .content .form-left input::-moz-placeholder,body section#offerte .content .form-left textarea::-moz-placeholder,body section#offerte .content .form-right input::-moz-placeholder,body section#offerte .content .form-right textarea::-moz-placeholder{color:#CACACC}body section#offerte .content .form-left input:-ms-input-placeholder,body section#offerte .content .form-left textarea:-ms-input-placeholder,body section#offerte .content .form-right input:-ms-input-placeholder,body section#offerte .content .form-right textarea:-ms-input-placeholder{color:#CACACC}body section#offerte .content .form-left input:-moz-placeholder,body section#offerte .content .form-left textarea:-moz-placeholder,body section#offerte .content .form-right input:-moz-placeholder,body section#offerte .content .form-right textarea:-moz-placeholder{color:#CACACC}body section#offerte .content .form-left textarea,body section#offerte .content .form-right textarea{height:120px;margin-bottom:40px}body section#offerte .content .form-right{margin-left:16.6666666667%}body section#offerte .content .form-right .button{width:60%;background-color:#0275D8;text-align:center;cursor:pointer}body section#offerte .content .form-right .button:hover{background-color:#0268BF}body section#contact{padding:120px 0}body section#contact .content{width:83.3333333333%;margin-left:8.3333333333%;height:350px}body section#contact .content .left{width:70%;height:100%}body section#contact .content .left .map{height:100%;width:100%;background-color:#F5F6F8}body section#contact .content .right{width:30%;background-color:#0275D8;height:100%;padding-left:4.1666666667%;color:#fff}body section#contact .content .right h2{font-weight:bold;font-size:20px;line-height:68.9px;letter-spacing:.4px;text-transform:uppercase;text-align:left;padding-left:30px}body section#contact .content .right .line{margin-left:30px}body section#contact .content .right img{width:15px;height:13px;display:inline-block;vertical-align:top;margin:6px 15px 0 0}body section#contact .content .right p{display:inline-block;margin:0;font-size:16px;line-height:28px;letter-spacing:-0.08px;width:80%}body section#contact .content .right p a{color:#fff}body section#button-block{height:100px;margin-bottom:180px}body section#button-block .grid-col{height:100%}body section#button-block .grid-col .content{width:83.3333333333%;margin-left:8.3333333333%;height:100%}body section#button-block .grid-col .content .left,body section#button-block .grid-col .content .right{width:50%;background-color:#0275D8;height:100%;padding:30px 6%;color:#fff;font-size:20px;letter-spacing:.4px}body section#button-block .grid-col .content .left:hover,body section#button-block .grid-col .content .right:hover{background-color:#026dc9}body section#button-block .grid-col .content .left a,body section#button-block .grid-col .content .right a{display:block;width:100%;height:100%;display:-ms-inline-flexbox;display:-webkit-inline-flex;display:inline-flex;-webkit-justify-content:space-between;-moz-justify-content:space-between;-ms-justify-content:space-between;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;justify-content:space-between;align-items:center;color:#fff}body section#button-block .grid-col .content .left a img,body section#button-block .grid-col .content .right a img{width:25px;height:25px;display:inline-block;vertical-align:top;margin:0}body section#button-block .grid-col .content .left a img.mail,body section#button-block .grid-col .content .right a img.mail{width:23px;height:16px}body section#button-block .grid-col .content .left a .arrow_up,body section#button-block .grid-col .content .right a .arrow_up{width:20px;height:10px}body section#button-block .grid-col .content .left a p,body section#button-block .grid-col .content .right a p{display:inline-block;margin:0;font-size:18px;letter-spacing:.36px}body section#button-block .grid-col .content .left a p span.yellow,body section#button-block .grid-col .content .right a p span.yellow{color:#FFD756}body section#button-block .grid-col .content .right{background-color:#0268BF}body section#button-block .grid-col .content .right:hover{background-color:#0260b0}body footer{background-color:#0F162A;color:#fff;width:100%}body footer .grid-col{height:100%;width:100%}body footer .grid-col .content{width:71.4285714286%;margin-left:7.1428571429%;padding:40px 0 60px 0;height:100%}body footer .grid-col .content p{display:block;width:100%}body footer .grid-col .content .logo-container{width:20%;margin-right:20%}body footer .grid-col .content .logo-container img{width:100%;vertical-align:top}body footer .grid-col .content .menu-container,body footer .grid-col .content .aanbod-container,body footer .grid-col .content .contact-container{width:20%}body footer .grid-col .content .menu-container h2,body footer .grid-col .content .aanbod-container h2,body footer .grid-col .content .contact-container h2{font-size:16px;line-height:68.9px;letter-spacing:.32px;text-transform:uppercase;color:#FFD756}body footer .grid-col .content .menu-container a,body footer .grid-col .content .menu-container p,body footer .grid-col .content .aanbod-container a,body footer .grid-col .content .aanbod-container p,body footer .grid-col .content .contact-container a,body footer .grid-col .content .contact-container p{display:block;font-size:16px;line-height:28px;letter-spacing:-0.08px;color:#fff;margin:0}@media screen and (max-width: 1250px){body section#contact .content .left{width:60%}body section#contact .content .right{width:40%}body section#aanbod .items-holder .item .icon-holder{width:16.6666666667%}body section#aanbod .items-holder .item .content{width:81.1111111111%}}@media screen and (max-width: 1100px){body .img-header h1{font-size:55px;line-height:1.05}body section#offerte .grid-col .content,body section#contact .grid-col .content,body section#button-block .grid-col .content{width:100%;margin-left:0}}@media screen and (max-width: 840px){body>.grid-row{width:100%}body .img-header h1{font-size:44px}body .img-header .line{margin-bottom:40px}body header nav#main-navigation,body header nav#sticky-navigation{display:none}body section#aanbod{padding-top:30px}body section#aanbod .items-holder .item{width:100%;height:auto;padding:20px 0}body section#aanbod .items-holder .item .icon-holder{width:11.1111111111%}body section#aanbod .items-holder .item .content{width:86.6666666667%}body section#offerte{height:auto}body section#offerte .content{padding:60px 8.3333333333%}body section#offerte .content .form-left,body section#offerte .content .form-right{width:100%;margin-left:0}body section#contact{padding:0 0 2px 0}body section#contact .grid-col .content{height:auto;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;-moz-justify-content:space-between;-ms-justify-content:space-between;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;justify-content:space-between;align-items:center;flex-direction:column-reverse}body section#contact .grid-col .content .left,body section#contact .grid-col .content .right{width:100%;height:auto}body section#contact .grid-col .content .left{height:300px;border-top:solid 1px #0268BF}body section#contact .grid-col .content .right .contact-header,body section#contact .grid-col .content .right .contact-details{width:49%;display:inline-block;vertical-align:top}body section#contact .grid-col .content .right .contact-details{padding:40px 0}body section#contact .grid-col .content .right p{width:85%}body section#button-block{margin-bottom:2px}body section#button-block .grid-col .content .left,body section#button-block .grid-col .content .right{padding:30px 5%}body footer{display:none}}@media screen and (max-width: 670px){body section#contact .grid-col .content .right .contact-header h2,body section#contact .grid-col .content .right .contact-header .line{padding-left:0;margin-left:0}body section#button-block{height:200px}body section#button-block .grid-col .content .left,body section#button-block .grid-col .content .right{width:100%;height:100px}}@media screen and (max-width: 540px){body .img-header{height:400px}body .img-header h1{font-size:34px}body section#contact .grid-col .content .right .contact-header{width:39%}body section#contact .grid-col .content .right .contact-header h2,body section#contact .grid-col .content .right .contact-header .line{padding-left:0;margin-left:0}body section#contact .grid-col .content .right .contact-details{width:59%}}@media screen and (max-width: 435px){p{font-size:14px}body #mobile-navigation .bar .cart a span{display:none}body .img-header{height:400px}body .img-header h1{font-size:24px}body .img-header .line{margin-top:10px;margin-bottom:30px}body .img-header .buttons{text-align:center}body .img-header .buttons a.button{display:block}body .img-header .buttons a.button:last-child{margin-left:0;margin-top:30px}body section#aanbod .items-holder .item .icon-holder{position:absolute}body section#aanbod .items-holder .item .icon-holder img{width:30px;height:30px}body section#aanbod .items-holder .item .content{width:100%;font-size:14px}body section#aanbod .items-holder .item .content h3{font-size:22px;margin:2px 0 20px 50px}body section#offerte .grid-col .content{padding:30px 8.3333333333%}body section#offerte .grid-col .content .line{margin:25px auto 30px auto}body section#contact .grid-col .content .right{padding-left:0}body section#contact .grid-col .content .right .contact-header,body section#contact .grid-col .content .right .contact-details{width:100%}body section#contact .grid-col .content .right .contact-header h2,body section#contact .grid-col .content .right .contact-header .line{margin:0 auto;text-align:center}body section#contact .grid-col .content .right .contact-details{padding-left:20px}}
/*# sourceMappingURL=style.css.map */