main{display:block} body.white{background:#fff} ::-webkit-input-placeholder{color:#9cacb8} ::-moz-placeholder{color:#9cacb8} :-ms-input-placeholder{color:#9cacb8} :-moz-placeholder{color:#9cacb8} button{font-size:14px;line-height:1.7} button:focus,input:focus,select:focus,textarea:focus{outline:0} input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none} select::-ms-expand{display:none;pointer-events:none;cursor:default} select{-webkit-appearance:none;-moz-appearance:none;text-indent:1px;text-overflow:"";border-radius:0} input[type=search],input[type=text],textarea{border-radius:0;border:1px solid #ced3d8;outline:0;-webkit-appearance:none;font-size:inherit} textarea{resize:vertical;min-height:64px} label{cursor:pointer} input[type=checkbox],input[type=radio]{margin:0 3px 0 0;position:relative;top:2px} .nowebp nav ul li{padding:0 10px} .reverse{unicode-bidi:bidi-override;direction:rtl} .copy2Cb{position:relative;display:inline-block} .copy2Cb .copy2CbTooltip{font-size:1rem;visibility:hidden;width:auto;background-color:#32475b;color:#fff;text-align:center;white-space:nowrap;border-radius:4px;padding:4px 8px;position:absolute;direction:ltr;z-index:1;top:150%;left:50%;transform:translateX(-50%);opacity:0;transition:opacity .3s} .copy2Cb .copy2CbTooltip::after{content:"";position:absolute;bottom:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:transparent transparent #32475b transparent} .copy2Cb:hover .copy2CbTooltip{visibility:visible;opacity:1} .copy2Cb .copy2CbTooltip.done{background-color:#318931;font-weight:700} .copy2Cb .copy2CbTooltip.done::after{border-color:transparent transparent #318931 transparent} .copy2Cb .fa-solid::before{font-family:'Font Awesome 5 Pro';font-style:normal;font-weight:700;font-size:17px} .copy2Cb .fa-check-circle::before{content:'\f058'} ol{counter-reset:ol} ol li{padding-left:24px;position:relative} ol li::before{counter-increment:ol;content:counter(ol) ". ";position:absolute;left:0} ul.bullet li{position:relative;padding-left:12px} ul.bullet li::before{content:"\f111";font-family:"Font Awesome 5 Pro";font-weight:700;left:0;top:0;position:absolute;font-size:5px;line-height:24px;color:#32475b} ul.bullet li ul.bullet li::before{font-weight:400} blockquote{border-left:3px solid #ebebeb;padding:0 0 0 21px;font-style:italic;width:100%;margin:4px 0 16px 0;font-size:inherit!important;text-align:left!important} blockquote strong{font-weight:400} h3+blockquote{margin-top:8px} blockquote p{margin:0} .but{display:inline-block;background:#f80;color:#fff;font-weight:700;padding:12px 16px;border:0;text-align:center;cursor:pointer;transition:background .2s;-ms-transition:background .2s;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .but:hover{background:#ff7300} .but.turq{background:#3cb9c4} .but.turq:hover{background:#2ec5d2} .but.small{padding:5px 10px 5px 10px;font-size:12px;line-height:14px} .s{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .go-left,.go-right,.go-up{display:none;position:fixed;right:16px;bottom:16px;font-size:24px;line-height:56px;text-align:center;z-index:104;height:56px;width:56px;cursor:pointer;background:#fff;border-radius:100%;box-shadow:0 5px 13px rgba(50,71,91,.2);transition:all .2s;-moz-transition:all .2s;-ms-transition:all .2s;-o-transition:all .2s;-webkit-transition:all .2s;animation:fadeIn .2s both;-ms-animation:fadeIn .2s both;-webkit-animation:fadeIn .2s both;-o-animation:fadeIn .2s both;-moz-animation:fadeIn .2s both} .go-left .fa,.go-right .fa,.go-up .fa{position:relative} .go-left{right:88px} .go-up .fa{top:-2px} .go-left .fa{left:-2px} .go-right .fa{right:-2px} .simple-pop-trigger{position:relative} .simple-pop-trigger:hover .simple-pop-info{display:block} .simple-pop-info{display:none;background:#fff;font-size:11px;line-height:16px;color:#32475b;padding:8px;white-space:nowrap;position:absolute;top:-2px;left:50%;transform:translate(-50%,-100%);z-index:2;box-shadow:0 0 4px rgba(0,0,0,.2)} .simple-pop-info::after{content:"";border:transparent solid 6px;border-top-color:#fff;position:absolute;bottom:-11px;left:50%;transform:translateX(-50%)} .popoverNew{position:relative;padding:3px;margin:-3px -3px 0 0;cursor:pointer} .popoverNew .content{display:none;position:absolute;background:#fff;padding:16px 16px 0 16px;z-index:14;width:320px;border-radius:3px;white-space:normal;font-size:12px;font-weight:400;line-height:18px;left:30px;top:-15px;color:#14516c;box-shadow:0 0 10px rgba(0,0,0,.2)} .popoverNew .content b:first-child,.popoverNew .content strong:first-child{display:block} .popoverNew .content ul.bullet{margin:16px 0} .popoverNew .content ul.bullet li{padding:0 0 0 12px!important} .popoverNew .content ul.bullet li::before{top:2px} .popoverNew .content p{margin-top:0} .popoverNew .arrow{position:absolute;left:-12px;top:13px;height:23px;width:12px;overflow:hidden} .popoverNew .arrow::after{background:#fff;transform:rotate(45deg);box-shadow:0 0 10px rgba(0,0,0,.2);content:"";position:absolute;width:12px;height:12px;top:5px;left:6px} .popoverNew.left .content{left:auto;right:30px} .popoverNew.left .arrow{left:auto;right:-12px} .popoverNew.left .arrow::after{left:-6px} .popoverNew.bottom .content{left:50%;top:26px;transform:translateX(-50%)} .popoverNew.bottom .arrow{height:12px;width:23px;top:-12px;left:50%;transform:translateX(-50%)} .popoverNew.bottom .arrow::after{top:6px;left:5px} .popoverNew.bottomFixed .content{top:30px} .popoverNew.bottomFixed .arrow{height:12px;width:23px;top:-12px;transform:translateX(-50%);margin-left:3px} .popoverNew.bottomFixed .arrow::after{top:6px;left:5px} .popoverNew.bottomSidebar .content{left:auto;right:-13px;top:30px;width:223px} .popoverNew.bottomSidebar .arrow{height:12px;width:23px;top:-12px;right:9px;left:auto} .popoverNew.bottomSidebar .arrow::after{top:6px;left:5px} #fixed-load-box{background:#ecf0f0;font-size:0;text-align:center;width:100%;height:100vh;position:fixed;left:0;top:0;z-index:4} .load-box{font-size:0;position:relative} #fixed-load-box .circle,.load-box .circle{width:32px;height:32px;border-radius:100%;display:inline-block;transform-origin:center center;position:relative;-webkit-animation:bounce 2s infinite ease-in-out;animation:bounce 2s infinite ease-in-out;-ms-animation:bounce 2s infinite ease-in-out;-o-animation:bounce 2s infinite ease-in-out} #fixed-load-box .circle.one,.load-box .circle.one{background:#32475b} #fixed-load-box .circle.two,.load-box .circle.two{background:#3cb9c4;left:-16px;-webkit-animation-delay:-1s;animation-delay:-1s} @-webkit-keyframes bounce{ 0%,100%{-webkit-transform:scale(0);transform:scale(0)} 50%{-webkit-transform:scale(1);transform:scale(1)} } @keyframes bounce{ 0%,100%{-webkit-transform:scale(0);transform:scale(0)} 50%{-webkit-transform:scale(1);transform:scale(1)} } .lazyImage{position:relative} .lazyImage.loaded{animation:fadeIn .2s both;-moz-animation:fadeIn .2s both;-ms-animation:fadeIn .2s both;-o-animation:fadeIn .2s both;-webkit-animation:fadeIn .2s both} #ui-datepicker-div{z-index:9999!important;position:absolute;top:-100vh;left:-100vh;z-index:-1000;background:#fff;box-shadow:0 0 8px rgba(50,71,90,.4);padding:20px 20px 12px 20px;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} #ui-datepicker-div .ui-datepicker-title{font-weight:700;text-align:center} #ui-datepicker-div table.ui-datepicker-calendar{width:calc(100% + 12px);margin:12px 0 0 -6px} #ui-datepicker-div tr{display:flex;justify-content:space-between;width:190px} #ui-datepicker-div td,#ui-datepicker-div th{width:27px;display:block;text-align:center;font-size:0;line-height:0} #ui-datepicker-div td *,#ui-datepicker-div th *{font-size:13px;line-height:21px;padding:3px 6px;display:block} #ui-datepicker-div td{color:#c8d0d0} #ui-datepicker-div th{text-transform:capitalize} #ui-datepicker-div td a{color:#32475b} #ui-datepicker-div td.ui-datepicker-today{font-weight:700} #ui-datepicker-div td.ui-datepicker-current-day{font-weight:700;background:#3cb9c4;border-radius:100%} #ui-datepicker-div td.ui-datepicker-current-day a{color:#fff} #ui-datepicker-div td.ui-datepicker-week-end,#ui-datepicker-div th.ui-datepicker-week-end{display:none} #ui-datepicker-div .ui-datepicker-month{text-transform:capitalize} #ui-datepicker-div .ui-datepicker-next::before,#ui-datepicker-div .ui-datepicker-prev::before{content:"\f32e";font-family:"Font Awesome 5 Pro";color:#3cb9c4;font-weight:700;font-size:20px;transition:color .2s;-webkit-transition:color .2s;-o-transition:color .2s;-moz-transition:color .2s;-ms-transition:color .2s} #ui-datepicker-div .ui-datepicker-next:hover::before,#ui-datepicker-div .ui-datepicker-prev:hover::before{color:#33a9b3} #ui-datepicker-div .ui-datepicker-next,#ui-datepicker-div .ui-datepicker-prev{position:absolute;top:20px;left:20px} #ui-datepicker-div .ui-datepicker-next{left:auto;right:23px} #ui-datepicker-div .ui-datepicker-next::before{content:"\f330"} #ui-datepicker-div .ui-datepicker-next.ui-state-disabled,#ui-datepicker-div .ui-datepicker-next.ui-state-disabled::before,#ui-datepicker-div .ui-datepicker-next.ui-state-disabled:hover::before,#ui-datepicker-div .ui-datepicker-prev.ui-state-disabled,#ui-datepicker-div .ui-datepicker-prev.ui-state-disabled::before,#ui-datepicker-div .ui-datepicker-prev.ui-state-disabled:hover::before{color:#dbe2e2;cursor:default} .form{width:496px;margin-top:8px} .form .col-left{width:50%;padding-right:8px;float:left} .form .col-right{width:50%;padding-left:8px;float:left} .form .col-left label,.form .col-right label{height:48px} .form label{display:block;position:relative;padding-top:8px;margin-bottom:8px} .form label span{color:#9cacb8;position:absolute;top:0;left:4px;background:#fff;line-height:16px;padding:0 3px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .form .sexlabel label{float:left} .form .sexlabel label+label{margin-left:16px} .form .streetname{width:70%;float:left;padding-right:8px} .form .housenumber{width:30%;float:left} .form .zipcode{width:40%;float:left;padding-right:8px} .form .city{width:60%;float:left} .form input[type=text],.form select,.form textarea{display:block;width:100%;color:#32475b!important;padding:9px 8px 5px 8px;line-height:24px;border:1px solid #ced3d8} .form .error input[type=text]{border-color:#ffbfbf} .form .error{color:red} .form .error span{color:red} .form .but{margin-top:16px} .headerConsult{max-width:1480px;margin:24px auto 0 auto;padding:80px 0 48px;color:#fff;position:relative;z-index:1;overflow:hidden;background:#32475b;background:-moz-linear-gradient(top,rgba(22,41,58,1) 0,rgba(50,78,103,1) 100%);background:-webkit-linear-gradient(top,rgba(22,41,58,1) 0,rgba(50,78,103,1) 100%);background:linear-gradient(to bottom,rgba(22,41,58,1) 0,#324e67 100%)} .headerConsult h1,.wat-is-erp .headerConsult h1{font-size:56px;margin:0;color:#fff;line-height:1.1em;letter-spacing:-.02em} .headerConsult h2{margin:4px 0 28px 0;font-size:24px;line-height:1.4;font-weight:700;color:#a1b8cb} .headerConsult article{position:relative} .headerConsult .consultant{position:absolute;background-image:url(https://cdn.softwaresystemen.nl/nodes/consult/consultant--.webp);background-size:cover;background-repeat:no-repeat;background-position:center top;top:-24px;left:50%;height:calc(100% + 24px);width:calc((1176px / 2) + 200px);z-index:-2} .nowebp .headerConsult .consultant{background-image:url(https://cdn.softwaresystemen.nl/nodes/consult/consultant--.png)} .headerErpTool{padding:56px 0;color:#fff;background-image:url(https://cdn.softwaresystemen.nl/nodes/home-gratis-erp-wijzer.webp);background-size:cover;position:relative;margin-bottom:24px;background-repeat:no-repeat;background-position:center top;z-index:1} .nowebp .headerErpTool{background-image:url(https://cdn.softwaresystemen.nl/nodes/home-gratis-erp-wijzer.jpg)} .headerErpTool::before{content:"";width:70%;height:100%;background:rgba(50,71,90,.9);position:absolute;top:0;left:-20%;transform:skew(-15deg)} .headerErpTool h2{font-size:32px;line-height:1.2;letter-spacing:-.01em;color:#fff} .headerErpTool h2+p{margin:12px 0 32px 0;font-size:16px;font-weight:700} .headerErpTool article{position:relative} .headerConsultTool{padding:25px 24px 64px 24px;background:#fff;color:#32475b;position:relative;max-width:752px} .headerConsultTool .action{position:absolute;bottom:24px;left:0;width:100%;padding:0 24px;z-index:2;transition:opacity .2s;-moz-transition:opacity .2s;-ms-transition:opacity .2s;-o-transition:opacity .2s;-webkit-transition:opacity .2s} .headerConsultTool .action>div{text-transform:uppercase;font-weight:700;padding:0 10px;line-height:32px;transition:background .2s,opacity .2s;-moz-transition:background .2s,opacity .2s;-ms-transition:background .2s,opacity .2s;-o-transition:background .2s,opacity .2s;-webkit-transition:background .2s,opacity .2s} .headerConsultTool .action>div .fas{font-size:14px;position:relative;top:1px} .headerConsultTool .action .prev{background:#ecf0f0;color:#8799aa} .headerConsultTool .action .prev.disabled{opacity:0;cursor:default} .headerConsultTool .action .prev .fas{margin-right:5px} .headerConsultTool .action .prev:hover{background:#e1e8e8} .headerConsultTool .action .next{float:right} .headerConsultTool .action .next.disabled{opacity:.3;cursor:default} .headerConsultTool .action .next .fas{margin-left:6px} .headerConsultTool .action.hide .prev{opacity:0} .headerConsultTool .q h3{font-size:16px;line-height:1.5;margin-bottom:14px;position:relative} .headerConsultTool .q h3 .fas{color:#9cacb8;font-size:13px;position:relative;top:-1px;margin:0;float:none;width:auto} .headerConsultTool .q h3::after{content:"";position:absolute;top:0;right:0;background:#fff;width:100%;height:100%} .headerConsultTool .q.active h3::after{animation:erpToolTitleShow .3s both;-moz-animation:erpToolTitleShow .3s both;-ms-animation:erpToolTitleShow .3s both;-o-animation:erpToolTitleShow .3s both;-webkit-animation:erpToolTitleShow .3s both} @keyframes erpToolTitleShow{ from{width:100%} to{width:0%} } .headerConsultTool .q.active.hide h3::after{animation:erpToolTitleHide .2s .1s both;-moz-animation:erpToolTitleHide .2s .1s both;-ms-animation:erpToolTitleHide .2s .1s both;-o-animation:erpToolTitleHide .2s .1s both;-webkit-animation:erpToolTitleHide .2s .1s both} @keyframes erpToolTitleHide{ from{width:0%} to{width:100%} } .headerConsultTool .q.active .answer{animation:erpToolAnswerShow .2s .1s both;-moz-animation:erpToolAnswerShow .2s .1s both;-ms-animation:erpToolAnswerShow .2s .1s both;-o-animation:erpToolAnswerShow .2s .1s both;-webkit-animation:erpToolAnswerShow .2s .1s both} @keyframes erpToolAnswerShow{ from{opacity:0} to{opacity:1} } .headerConsultTool .q.active.hide .answer{animation:erpToolAnswerHide .3s both;-moz-animation:erpToolAnswerHide .3s both;-ms-animation:erpToolAnswerHide .3s both;-o-animation:erpToolAnswerHide .3s both;-webkit-animation:erpToolAnswerHide .3s both} @keyframes erpToolAnswerHide{ from{opacity:1} to{opacity:0} } .headerConsultTool .wrap{position:relative;transition:height .2s;-moz-transition:height .2s;-ms-transition:height .2s;-o-transition:height .2s;-webkit-transition:height .2s} @media (min-width:641px){ .headerConsultTool .wrap{height:310px!important} } .headerConsultTool .wrap.animate{overflow:hidden} .headerConsultTool .q{position:absolute;top:0;left:0;width:100%;display:none} .headerConsultTool .q.active{display:block} .headerConsultTool .q .answer::after,.headerConsultTool .q::after{content:"";display:block;clear:both} .headerConsultTool .q .answer{width:100%;background:#f2f4f4;min-height:236px;padding:14px 16px} .headerConsultTool .q .answer>label{display:block;padding:4px 0;margin-bottom:10px;white-space:nowrap;float:left;cursor:pointer;overflow:hidden;text-overflow:ellipsis;position:relative;transition:background .2s,color .2s,border .2s;-moz-transition:background .2s,color .2s,border .2s;-ms-transition:background .2s,color .2s,border .2s;-o-transition:background .2s,color .2s,border .2s;-webkit-transition:background .2s,color .2s,border .2s} .headerConsultTool .q .answer>label .fas{display:none} .headerConsultTool .q label{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .headerConsultTool .q label input{display:none} .headerConsultTool i.check{display:inline-block} .headerConsultTool i.check::before{font-family:"Font Awesome 5 Pro";color:#9cacb8;font-style:normal;font-weight:400;margin-right:4px;font-size:16px;position:relative;top:1px;left:1px;transition:color .2s;-moz-transition:color .2s;-ms-transition:color .2s;-o-transition:color .2s;-webkit-transition:color .2s} .headerConsultTool input:checked+i.check::before{color:#3cb9c4;font-weight:700} .headerConsultTool input[type=checkbox]+i.check::before{content:"\f0c8"} .headerConsultTool input[type=checkbox]:checked+i.check::before{content:"\f14a"} .headerConsultTool input[type=radio]+i.check::before{content:"\f111"} .headerConsultTool input[type=radio]:checked+i.check::before{content:"\f058"} .headerConsultTool .q .row input[type=text],.headerConsultTool .q .sliderWrap input[type=text]{padding:5px;border:2px solid #ecf0f0;position:relative} .headerConsultTool .q .row{padding:10px 0} .headerConsultTool .q .row:first-child{padding-top:2px} .headerConsultTool .q .row+.row{border-top:2px solid #e0e4e4} .headerConsultTool .q .row::after{content:"";display:block;clear:both} .headerConsultTool .q .row .right{float:right;padding-left:8px} .headerConsultTool .q .row label{padding:10px 4px} .headerConsultTool .q .row input[type=text]{margin:-5px 0;text-align:right;width:180px} .headerConsultTool .q .row[data-subquestion]{display:none;padding-left:16px;border-top:0;padding-top:4px} .headerConsultTool .q .row[data-subquestion] input{text-align:left} .headerConsultTool .bracket{color:#9cacb8} .headerConsultTool .q .sliderWrap{margin:auto;max-width:400px} .headerConsultTool .q .sliderWrap.employees{margin-top:24px} .headerConsultTool .q .sliderWrap.users{margin-top:40px} .headerConsultTool .q .sliderWrap input{margin-bottom:12px;width:55px} .headerConsultTool .q .sliderPadding{width:100%;height:8px;padding-right:16px;margin-top:8px;background:#fff;margin-bottom:6px} .headerConsultTool .q .ui-slider{width:100%;height:100%;position:relative} .headerConsultTool .q .ui-slider .ui-slider-range{background:#3cb9c4;height:100%;position:absolute;top:0;left:0;transform:scaleX(1.01);transform-origin:left} .headerConsultTool .q .ui-slider .ui-slider-handle{background-size:cover;background-repeat:no-repeat;position:absolute;height:22px;width:22px;border-radius:100%;top:-7px;display:block;cursor:pointer;background:#3cb9c4} .headerConsultTool .q .ui-slider .ui-slider-handle::after{content:"";position:absolute;width:26px;height:26px;border-radius:100%;top:-2px;left:-2px} .headerConsultTool .q .ui-slider .ui-slider-handle:focus{outline:0} .headerConsultTool .q .sliderWrap input{width:48px;text-align:right;margin-right:4px} .headerConsultTool .q[data-s="0"][data-q="0"] .answer{padding:8px 16px;display:flex;flex-wrap:wrap;flex-direction:row;align-items:stretch} .headerConsultTool .q[data-s="0"][data-q="0"] label{margin:0;width:calc(100% / 3);height:44px;display:flex;align-items:center} .headerConsultTool .q[data-s="0"][data-q="0"] label .fa-puzzle-piece{left:1px} .headerConsultTool .q[data-s="0"][data-q="0"] label .fa-euro-sign{left:1px;top:3px} .headerConsultTool .q[data-s="1"][data-q="1"] label{width:100%} .headerConsultTool .q[data-s="1"][data-q="2"] label{width:100%} .headerConsultTool .q[data-s="2"][data-q="1"] label{width:50%} .headerConsultTool .q[data-s="3"][data-q="1"] label{width:100%} .headerConsultTool .q[data-s="4"][data-q="1"] label{width:50%} .headerConsultTool .q[data-s="5"][data-q="1"] label{width:100%} .headerConsultTool .q[data-s="7"][data-q="1"] label{width:100%} .headerConsultTool .q[data-s="8"][data-q="1"] label{width:50%} .headerConsultTool .q[data-s="11"][data-q="1"] label{width:100%} .headerConsultTool .q[data-s="12"][data-q="1"] label{width:100%} .headerConsultTool .q[data-s="13"][data-q="1"] label{width:50%} .headerConsultTool .q[data-s="14"][data-q="1"] label{width:100%} .headerConsultTool .q[data-s="14"][data-q="2"] label{width:calc(100% / 3)} .headerConsultTool .q[data-s="14"][data-q="3"] label{width:100%} .headerConsultTool .q[data-s="14"][data-q="4"] label{width:100%} .headerConsultTool .q.form{overflow:hidden} .headerConsultTool .q.form h2{font-size:14px;line-height:1.7;margin:0;color:#32475b} .headerConsultTool .q.form .answer{height:326px;display:flex;justify-content:flex-end;align-items:center;padding:0;background-color:transparent} .headerConsultTool .q.form .answer::after{display:none} .headerConsultTool .q.form .side{width:calc(50% - 12px);height:100%;transition:background .2s,width .4s} .headerConsultTool .q.form.done .side{width:calc(100% - 224px)} .headerConsultTool .q.form .loadingWrap{background:#fff;position:absolute;z-index:2;left:0;width:100%;height:100%;padding:24px 0;text-align:center;display:flex;flex-wrap:wrap;align-items:center;align-content:center;transition:background .2s,width .4s} .headerConsultTool .q.form.done .loadingWrap{width:200px} .headerConsultTool .q.form .loadingWrap.done{background:#d8f5f6} .headerConsultTool .q.form .loadingWrap .text{width:100%} .headerConsultTool .q.form .loading{width:100%;height:auto;margin-bottom:14px} .headerConsultTool .q.form .loading .check{position:absolute;top:-14px;left:calc(50% - 29px);transform:rotate(45deg);transform-origin:center center;width:48px;height:48px} .headerConsultTool .loading .check::before,.headerConsultTool .q.form .loading .check::after{content:"";position:absolute;background:#3cb9c4;transition:width .2s,height .2s .2s} .headerConsultTool .q.form .loading .check::after{width:12px;height:0;bottom:0;right:0} .headerConsultTool .q.form .loading .check::before{width:0;height:12px;bottom:0;left:18px} .headerConsultTool .q.form .loadingWrap.done .loading .check::after{height:48px} .headerConsultTool .q.form .loadingWrap.done .loading .check::before{width:19px} .headerConsultTool .q.form .loading .circles{position:relative;left:10px} .headerConsultTool .q.form .loadingWrap.done .loading .circles{animation:fadeOut .2s both} .headerConsultTool .q.form .last-form{width:calc(100% - 224px);position:absolute;opacity:0;z-index:0;height:100%;padding-top:10px;display:flex;align-items:stretch;align-content:stretch;flex-direction:column;transition:opacity .2s .2s} .headerConsultTool .q.form .formInputs{padding:4px 0 0 0;flex-grow:1;display:flex;flex-wrap:wrap;justify-content:space-between} .headerConsultTool .q.form.done .last-form{opacity:1;z-index:1} .headerConsultTool .q.form{margin-top:0} .headerConsultTool .q.form input[type=text],.headerConsultTool .q.form select,.headerConsultTool .q.form textarea{padding:13px 10px 9px 10px} .headerConsultTool .q.form input[type=text]{display:block} .headerConsultTool .q.form label{margin:8px 0 0 0;width:100%} .headerConsultTool .q.form .sex{margin-left:-4px;padding-bottom:0;width:100%;display:flex;align-items:flex-end} .headerConsultTool .q.form .sex label{display:inline-block;padding:0 4px;margin:0;width:auto} .headerConsultTool .q.form label#firstname{width:calc(50% - 8px);float:left} .headerConsultTool .q.form label#lastname{width:calc(50% - 8px);float:right} .headerConsultTool .q.form .line{width:calc(50% - 8px);margin-top:4px;float:left;display:flex;align-items:flex-end} .headerConsultTool .q.form .line:nth-child(odd){float:right} .headerConsultTool .q.form .action{padding:0;position:absolute;bottom:0;right:0;width:auto;left:auto} .headerConsultTool .q.form .action .prev{display:none} .headerConsultTool .q.form .action .next.disabled{opacity:1} .headerCta header{max-width:1480px;margin:24px auto 152px auto;background:#32475b;color:#fff;position:relative} .headerCta header .image{position:absolute;top:0;right:0;width:50%;height:600px;background-size:cover;background-repeat:no-repeat;background-image:url(https://cdn.softwaresystemen.nl/nodes/what-is-erp/about-erp.webp);background-position:65% center;background-color:#32475b} .nowebp .headerCta header .image{background-image:url(https://cdn.softwaresystemen.nl/nodes/what-is-erp/about-erp.jpg)} .headerCta header .image::after,.headerCta header .image::before{content:"";position:absolute;display:block} .headerCta header .image::before{top:0;left:0;width:200px;height:100%;background:-moz-linear-gradient(left,rgba(50,71,91,1) 0,rgba(50,71,91,0) 100%);background:-webkit-linear-gradient(left,rgba(50,71,91,1) 0,rgba(50,71,91,0) 100%);background:linear-gradient(to right,rgba(50,71,91,1) 0,rgba(50,71,91,0) 100%)} .headerCta header .image::after{bottom:0;left:0;width:100%;height:200px;background:-moz-linear-gradient(top,rgba(50,71,91,0) 0,rgba(50,71,91,1) 100%);background:-webkit-linear-gradient(top,rgba(50,71,91,0) 0,rgba(50,71,91,1) 100%);background:linear-gradient(to bottom,rgba(50,71,91,0) 0,rgba(50,71,91,1) 100%)} .headerCta header article{position:relative} .headerCta header .intro{padding:112px 0 80px 0} .headerCta header .intro h1{font-size:48px;line-height:1.2;max-width:656px;color:#fff} .headerCta header .intro p{max-width:564px;color:#b7c9d4} .headerCta header .intro h2{font-size:16px;line-height:1.6;margin-top:16px;max-width:600px;color:#b7c9d4} .headerCta hr{border:solid #ecf0f0;border-width:2px 0 0 0;margin:40px 0} .headerCta .headerConsultTool{max-width:896px;padding:50px 56px 96px 56px;margin:-152px 0 0 -56px;top:152px;position:relative} .headerCta .headerConsultTool .but.prev{box-shadow:none} .headerCta .headerConsultTool .wrap{height:270px!important} .headerCta .headerConsultTool .q .answer{background-color:transparent;padding:0!important} .headerCta .headerConsultTool .top hr{margin:28px 0} .headerCta .headerConsultTool .action{padding:0 56px;bottom:48px} .headerCta .headerConsultTool .q[data-s="0"][data-q="0"] label{color:#00829b;font-weight:700} .headerCta .headerConsultTool .q[data-s="0"][data-q="0"] .far{font-size:18px;width:36px;text-align:center;margin-left:-6px;position:relative;top:1px} .headerCta .headerConsultTool .q[data-s="0"][data-q="0"] .check{display:none} .headerCta .headerConsultTool .q[data-s="0"][data-q="0"] .answer label div{transition:color .2s;text-overflow:ellipsis;overflow:hidden} .headerCta .headerConsultTool .q[data-s="0"][data-q="0"] .answer.active label div{color:#9cacb8} .headerCta .headerConsultTool .q[data-s="0"][data-q="0"] .answer.active label input:checked+div{color:#00829b} .headerCta .headerConsultTool .q .sliderPadding{background:#ecf0f0} .headerCta .headerConsultTool .q .row+.row{border-top:2px solid #ecf0f0} .headerCta .headerConsultTool .q .sliderWrap{margin-left:0;margin-right:0;max-width:600px} .headerCta .headerConsultTool .q.form h2{font-size:14px} .headerCta .headerConsultTool .q h3{font-size:14px} .headerCta .headerConsultTool .q.thank .buttons{left:0;bottom:0} .headerCta .headerConsultTool .q.thank a.but{color:#fff} .headerCta.production header .image{background-image:url(https://cdn.softwaresystemen.nl/nodes/dynamic-headers/production.webp)} .nowebp .headerCta.production header .image{background-image:url(https://cdn.softwaresystemen.nl/nodes/dynamic-headers/production.png)} .headerCta.agriculture header .image{background-image:url(https://cdn.softwaresystemen.nl/nodes/dynamic-headers/agriculture.webp)} .nowebp .headerCta.agriculture header .image{background-image:url(https://cdn.softwaresystemen.nl/nodes/dynamic-headers/agriculture.png)} .headerCta.services header .image{background-image:url(https://cdn.softwaresystemen.nl/nodes/dynamic-headers/services.webp)} .nowebp .headerCta.services header .image{background-image:url(https://cdn.softwaresystemen.nl/nodes/dynamic-headers/services.png)} .headerCta.healthcare header .image{background-image:url(https://cdn.softwaresystemen.nl/nodes/dynamic-headers/healthcare.webp)} .nowebp .headerCta.healthcare header .image{background-image:url(https://cdn.softwaresystemen.nl/nodes/dynamic-headers/healthcare.png)} .headerCta.installation header .image{background-image:url(https://cdn.softwaresystemen.nl/nodes/dynamic-headers/installation.webp)} .nowebp .headerCta.installation header .image{background-image:url(https://cdn.softwaresystemen.nl/nodes/dynamic-headers/installation.png)} .headerCta.logistics header .image{background-image:url(https://cdn.softwaresystemen.nl/nodes/dynamic-headers/logistics.webp)} .nowebp .headerCta.logistics header .image{background-image:url(https://cdn.softwaresystemen.nl/nodes/dynamic-headers/logistics.png)} .headerCta.construction header .image{background-image:url(https://cdn.softwaresystemen.nl/nodes/dynamic-headers/construction.webp)} .nowebp .headerCta.construction header .image{background-image:url(https://cdn.softwaresystemen.nl/nodes/dynamic-headers/construction.png)} .headerCta.education header .image{background-image:url(https://cdn.softwaresystemen.nl/nodes/dynamic-headers/education.webp)} .nowebp .headerCta.education header .image{background-image:url(https://cdn.softwaresystemen.nl/nodes/dynamic-headers/education.png)} .headerCta.wholesale header .image{background-image:url(https://cdn.softwaresystemen.nl/nodes/dynamic-headers/wholesale.webp)} .nowebp .headerCta.wholesale header .image{background-image:url(https://cdn.softwaresystemen.nl/nodes/dynamic-headers/wholesale.png)} .headerCta.utilities header .image{background-image:url(https://cdn.softwaresystemen.nl/nodes/dynamic-headers/utilities.webp)} .nowebp .headerCta.utilities header .image{background-image:url(https://cdn.softwaresystemen.nl/nodes/dynamic-headers/utilities.png)} .headerCta.retail header .image{background-image:url(https://cdn.softwaresystemen.nl/nodes/dynamic-headers/retail.webp)} .nowebp .headerCta.retail header .image{background-image:url(https://cdn.softwaresystemen.nl/nodes/dynamic-headers/retail.png)} .headerCta.financial header .image{background-image:url(https://cdn.softwaresystemen.nl/nodes/dynamic-headers/financial.webp)} .nowebp .headerCta.financial header .image{background-image:url(https://cdn.softwaresystemen.nl/nodes/dynamic-headers/financial.png)} .headerCta.it header .image{background-image:url(https://cdn.softwaresystemen.nl/nodes/dynamic-headers/it.webp)} .nowebp .headerCta.it header .image{background-image:url(https://cdn.softwaresystemen.nl/nodes/dynamic-headers/it.png)} .headerCta.government header .image{background-image:url(https://cdn.softwaresystemen.nl/nodes/dynamic-headers/government.webp)} .nowebp .headerCta.government header .image{background-image:url(https://cdn.softwaresystemen.nl/nodes/dynamic-headers/government.png)} .headerCta.rental header .image{background-image:url(https://cdn.softwaresystemen.nl/nodes/dynamic-headers/rental.webp)} .nowebp .headerCta.rental header .image{background-image:url(https://cdn.softwaresystemen.nl/nodes/dynamic-headers/rental.png)} .headerConsultTool .q.thank{height:100%} .headerConsultTool .q.thank .answer{background:#fff;padding:16px;position:absolute;top:0;left:0;height:calc(100% + 48px);z-index:3} .headerConsultTool .q.thank h3{margin:0 0 16px 0;font-size:24px;line-height:1.2} .headerConsultTool .q.thank p{margin:0} .headerConsultTool .q.thank .buttons{position:absolute;bottom:16px;left:16px} .headerConsultTool .q.thank .but{padding:0 10px;line-height:32px;font-size:13px;text-transform:uppercase} .headerConsultTool .q.thank .but.ghost{box-shadow:inset 0 0 0 2px #3db9c4;background-color:transparent;color:#3db9c4} .headerConsultTool .q.thank .but+.but.ghost{margin-left:5px} .headerConsultTool .q.thank .steps{margin:0;list-style:none;counter-reset:steps} .headerConsultTool .q.thank .steps li{counter-increment:steps;position:relative;padding-left:27px;line-height:18px;animation:fadeIn 1s both} .headerConsultTool .q.thank .steps li::before{content:counter(steps);position:absolute;left:0;top:-1px;width:20px;height:20px;padding-top:0;line-height:19px;color:#fff;background:#3cb9c4;text-align:center;font-size:11px;border-radius:100%;font-weight:700;padding-left:1px} .headerConsultTool .q.thank .steps li+li{margin-top:14px} .headerConsult.side .headerConsult.side .q h3{font-size:14px} .headerConsult.side .headerConsult.side .q.form h2{margin:0} .headerConsult.side .headerConsult.side,.headerConsult.side .q .answer,.headerConsult.side .q h3::after,.headerConsult.side .q.form .loadingWrap,.headerConsult.side .q.thank .answer{background:#fff} .headerConsult.side .headerConsult.side .q .row input[type=text],.headerConsult.side .q .sliderPadding,.headerConsult.side .q.form input[type=text],.headerConsult.side .select{background:#f2f4f4} .headerConsult.side{margin:0;position:sticky;top:24px;padding:24px 0 0 0;overflow:visible} .headerConsult.side .consultant{width:168px;top:-10px;right:0;height:200px;left:auto;background-size:180px} .headerConsult.side h1,.headerConsult.side h2{padding:0 0 0 24px;max-width:calc(100% - 112px)} .headerConsult.side h1{font-size:24px;margin:0} .headerConsult.side h2{font-size:14px;line-height:1.7;font-weight:400;margin-bottom:20px} .headerConsult.side article{width:100%;padding:0} .headerConsult.side .headerConsultTool{background:#fff;margin-top:18px;padding:25px 24px 64px 24px;font-size:14px;line-height:1.7} .headerConsult.side .headerConsultTool .wrap{height:auto!important} .headerConsult.side .headerConsultTool .action .prev{background:#e1e8e8} .headerConsult.side .headerConsultTool .select{background:#f2f4f4;position:relative;height:48px;width:100%;margin:0 0 8px 0} .headerConsult.side .headerConsultTool .select::before{content:'\f0d7';z-index:0;font-family:'Font Awesome 5 Pro';color:#32475b;position:absolute;top:0;right:14px;line-height:48px;font-weight:700} .headerConsult.side .headerConsultTool select{width:100%;height:48px;border:0;outline:0;background-color:transparent;padding:0 14px;color:#52687f;position:relative;z-index:1} .headerConsult.side .headerConsultTool .q{position:static} .headerConsult.side .headerConsultTool .q .answer{padding:0!important;min-height:auto} .headerConsult.side .headerConsultTool .q h3{margin-bottom:8px;font-size:14px} .headerConsult.side .headerConsultTool .q h3::after{background:#fff} .headerConsult.side .headerConsultTool .q label{width:100%!important;color:#52687f} .headerConsult.side .headerConsultTool .q[data-s="14"][data-q="2"] label{width:50%!important} .headerConsult.side .headerConsultTool .q.rows h3{display:none} .headerConsult.side .headerConsultTool .q .row:first-child{padding-top:0} .headerConsult.side .headerConsultTool .q .row{position:relative;padding:10px 0 36px 0;font-weight:700} .headerConsult.side .headerConsultTool .q .row .bracket{font-weight:400} .headerConsult.side .headerConsultTool .q .row .right{position:absolute;bottom:8px;left:-4px;padding-left:0;font-weight:400;width:100%} .headerConsult.side .headerConsultTool .q .row input[type=text]{width:100%;text-align:left;border:0;margin-left:4px;color:#52687f;background:#f2f4f4} .headerConsult.side .headerConsultTool .q .row[data-subquestion]{padding-left:0;padding-bottom:36px} .headerConsult.side .headerConsultTool .q .row[data-subquestion] .right{bottom:4px} .headerConsult.side .headerConsultTool .q .sliderWrap input{color:#52687f;background:#f2f4f4} .headerConsult.side .headerConsultTool .q .sliderWrap.employees{margin-top:16px} .headerConsult.side .headerConsultTool .q .sliderWrap.users{margin-top:32px;margin-bottom:16px} .headerConsult.side .headerConsultTool .q .answer>label{margin-bottom:0} .headerConsult.side .headerConsultTool .q .answer>label:last-child{margin-bottom:8px} .headerConsult.side .headerConsultTool .q.form .answer{display:block;height:auto} .headerConsult.side .headerConsultTool .q.form .loadingWrap,.headerConsult.side .headerConsultTool .q.form .loadingWrap.done{justify-content:flex-start;width:calc(100% + 48px);height:60px;padding:64px 0 0 0;margin:-25px 0 0 -24px;line-height:1.4} .headerConsult.side .headerConsultTool .q.form .loadingWrap{height:100%;background:#fff;transition:background .2s .2s,height .2s .2s,padding .2s} .headerConsult.side .headerConsultTool .q.form .loadingWrap.done{background:#d8f5f6;padding:12px 0} .headerConsult.side .headerConsultTool .q.form .loading{width:64px;margin:0;transform:scale(.8)} .headerConsult.side .headerConsultTool .q.form .loading .check{transform:rotate(45deg) scale(.8);top:-18px;left:14px} .headerConsult.side .headerConsultTool .q.form .loadingWrap .text{width:auto;text-align:left;padding:0;margin-left:6px} .headerConsult.side .headerConsultTool .q.form .line{width:100%} .headerConsult.side .headerConsultTool .q.form .sex{position:static;padding:10px 0;font-weight:400;max-width:144px;margin:0 0 -8px -4px} .headerConsult.side .headerConsultTool .q.form .side{padding-top:0;height:200px;transition:height .2s} .headerConsult.side .headerConsultTool .q.form.done .side{height:auto!important} .headerConsult.side .headerConsultTool .q.form .steps{align-content:space-between} .headerConsult.side .headerConsultTool .q.form .last-form,.headerConsult.side .headerConsultTool .q.form .side,.headerConsult.side .headerConsultTool .q.form.done .side{width:100%} .headerConsult.side .headerConsultTool .q.form .last-form{position:static;padding-top:56px;height:auto;transition:opacity .2s} .headerConsult.side .headerConsultTool .q.form .last-form h2{padding:0;max-width:100%;font-weight:700;font-size:14px;line-height:1.7} .subpage .form label span{color:#52687f;background:0 0;position:static;padding:0} .headerConsult.side .headerConsultTool .q.form input[type=text]{border:0;height:40px;padding:8px 13px} .headerConsult.side .headerConsultTool .q.form label{margin:0;color:#52687f} .headerConsult.side .headerConsultTool .q.form .action{position:absolute;bottom:-40px} .headerConsult.side .headerConsultTool .q.form .formInputs{display:block} .headerConsult.side .headerConsultTool .q.form label.error,.subpage .form label.error span{color:red} .headerConsult.side .headerConsultTool .q.thank h3{font-size:16px} .headerConsult.side .headerConsultTool .q.thank .answer{background:#fff;position:relative;margin-bottom:-40px} .headerConsult.side .headerConsultTool .q.thank .buttons{position:static} .headerConsult.side .headerConsultTool .q.thank .steps li{color:#52687f} .headerConsult.side .headerConsultTool .q.thank .steps{margin:16px 0 24px 0} .headerConsult.side .headerConsultTool .q.thank .but+.but.ghost{margin:10px 0 0 0} .headerConsult.side .headerConsultTool .q.thank .but{width:100%} .headerConsult.side .headerConsultTool .progress{position:absolute;bottom:0;left:0;height:4px;width:0%;background:#3db9c4;max-width:100%;transition:width .2s} [data-gallery]{cursor:pointer} .lightbox{overflow:auto;display:none;position:fixed;z-index:999;top:0;left:0;height:100%;width:100%;background:rgba(0,0,0,.5);text-align:center;animation:lightboxBackground .2s both;-webkit-animation:lightboxBackground .2s both;-o-animation:lightboxBackground .2s both;-ms-animation:lightboxBackground .2s both;-moz-animation:lightboxBackground .2s both} @-webkit-keyframes lightboxBackground{ from{background:rgba(0,0,0,0)} to{background:rgba(0,0,0,.5)} } @keyframes lightboxBackground{ from{background:rgba(0,0,0,0)} to{background:rgba(0,0,0,.5)} } .lightbox .wrap{display:inline-block;padding:8px;background:#fff;position:relative} .lightbox .image{overflow:hidden;height:100%;width:100%;position:relative;transition:height .4s,width .4s,max-height .4s,max-width .4s;-webkit-transition:height .4s,width .4s,max-height .4s,max-width .4s;-o-transition:height .4s,width .4s,max-height .4s,max-width .4s;-moz-transition:height .4s,width .4s,max-height .4s,max-width .4s;-ms-transition:height .4s,width .4s,max-height .4s,max-width .4s} .lightbox img{display:block;width:100%} .lightbox .close,.lightbox .next,.lightbox .prev{position:absolute;cursor:pointer;width:36px;height:36px;z-index:1000} .lightbox .close::after,.lightbox .close::before,.lightbox .next::after,.lightbox .next::before,.lightbox .prev::after,.lightbox .prev::before{content:"";position:absolute;background:#fff} .lightbox .close{transform:rotate(45deg);width:28px;height:28px;top:-12px;right:-12px;background:#000;border:4px solid #fff;border-radius:100%;box-sizing:content-box} .lightbox .close::before{width:4px;height:16px;top:6px;left:12px} .lightbox .close::after{width:16px;height:4px;top:12px;left:6px} .lightbox .next,.lightbox .prev{transform:translateY(-50%);width:28px;height:28px;background:#000;border:4px solid #fff;border-radius:100%;box-sizing:content-box} .lightbox .next::before,.lightbox .prev::before{font-family:"Font Awesome 5 Pro";width:auto;height:auto;background-color:transparent;color:#fff;position:relative;top:0;left:-1px;font-size:16px;line-height:28px} .lightbox .prev{top:50%;left:-12px} .lightbox .next{top:50%;right:-12px} .lightbox .next::before{content:"\f054";left:1px} .lightbox .prev::before{content:"\f053";left:-1px} .lightbox .next::after,.lightbox .prev::after{display:none} .lightbox-image-wrap{width:calc(100% + 8px);margin-left:-8px} .lightbox-image-wrap::after{content:"";display:block;clear:both} .lightbox-image{display:block;font-size:0;line-height:0;background-size:cover;background-position:center;background-repeat:no-repeat;float:left;border:2px solid #cdd2d7;position:relative;cursor:pointer;margin:0 0 8px 8px} .lightbox-image::before{position:absolute;content:"";width:100%;height:100%;border:4px solid #fff;left:0;top:0} .lightbox-image::after{content:"\f002";font-family:"Font Awesome 5 Pro";font-weight:700;position:absolute;bottom:-3px;right:-4px;line-height:1;font-size:15px;text-shadow:-2px 0 #fff,0 2px #fff,2px 0 #fff,0 -2px #fff;background:#fff;border-radius:100%} .lightbox.gallery .card{background:#fff;position:relative;display:inline-block;padding:24px;box-sizing:content-box;width:calc(100% - 72px)} .lightbox.gallery .imageContainer{overflow:hidden;position:relative} .lightbox.gallery .img{width:100%;height:100%;background-repeat:no-repeat;background-position:center;background-size:contain;position:absolute;top:0;left:0} .lightbox.gallery .img.hide{animation:fadeOut .6s both} .lightbox.gallery img{width:auto;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);visibility:hidden} .lightbox.gallery p.description{width:100%;margin:0;background:#fff;text-align:left;padding:16px 0 0 0;font-weight:700;line-height:1.2;display:none} .lightbox.gallery p.description::after{content:"";display:block;clear:both} .lightbox.gallery p.description .text{white-space:nowrap;overflow:hidden;width:calc(100% - 30px);display:block;float:left;text-overflow:ellipsis} .lightbox.gallery span.galleryNumber{float:right;font-weight:400} .pageNotFound article{padding-top:143px;padding-bottom:145px;position:relative} .pageNotFound article::after{content:"404";position:absolute;top:48px;right:-4px;font-size:400px;letter-spacing:-.04em;line-height:1;color:#e2e8e8;z-index:-1;font-weight:700} .pageNotFound h1{line-height:1.2} .pageNotFound h2{font-weight:400;font-size:24px;line-height:1.6;margin:9px 0 9px 0} .pageNotFound a{font-weight:700} .pageNotFound ul{width:100%;max-width:280px;float:left;line-height:24px} .pageNotFound ul+ul{max-width:200px} .pageNotFound form{margin:24px 0 22px 0} .pageNotFound form input{width:355px;height:56px;line-height:56px;border:0;float:left;font-size:13px;padding-left:16px} .pageNotFound form button{text-transform:uppercase;height:56px;line-height:56px;font-size:13px;padding:0;display:block;float:left;width:130px} .news-item{font-size:14px;line-height:1.7;background:#fff;width:calc(50% - 24px);margin:0 0 24px 24px;position:relative;transition:opacity .2s .2s;-webkit-transition:opacity .2s .2s;-ms-transition:opacity .2s .2s;-moz-transition:opacity .2s .2s;-o-transition:opacity .2s .2s} .news-item .image-wrap{width:100%;height:192px;cursor:pointer;overflow:hidden;position:relative} .news-item .image-wrap .image{position:absolute;width:100%;height:100%;background-color:#dfe3e7;background-size:cover;background-position:center center;background-repeat:no-repeat;z-index:1;transition:transform .2s;-webkit-transition:transform .2s;-o-transition:transform .2s;-ms-transition:transform .2s;-moz-transition:transform .2s} .news-item .image-wrap:hover .image{transform:scale(1.1)} .news-item h3{font-size:24px;line-height:1.3;margin-bottom:6px} .news-item h3 a{color:inherit} .news-item .wrap{padding:32px} .news-item .description{margin:2px 0 0 0} .news-item .date{color:#9cacb8;margin:17px 0 1px 0} .news-item .label,.news-page-show .label{position:absolute;left:16px;top:0;color:#fff;font-weight:700;padding:1px 8px 0 8px;line-height:23px;font-size:11px;text-transform:uppercase;z-index:2;letter-spacing:.02em} .news-item .label .fa,.news-page-show .label .fa{font-weight:400;margin-right:4px;font-size:14px;position:relative;top:1px} .news-item .button{font-weight:700;margin-top:7px;display:inline-block;color:#00829b} .news-item .button::before{content:"\f054";font-family:"Font Awesome 5 Pro";margin-right:3px;font-size:11px;color:#00829b;top:3px} .news-page .news-item{opacity:0} .label,.label.new{background:#f90} .label.casestudy{background:#3cb9c4} .label.functies{background:#9c3} .label.calander{background:#00bcd4} .label.module{background:#8c55af} .label.trophy{background:#e65106} .label.trophy .fa{margin-left:-1px} .label.theme{background:#984ab1} .label.theme.implement .fas{position:relative;top:-1px} .label.expert{background:#4b9e5d} .label.expert .fas{font-size:13px;margin-right:1px} .aanvraag-page .card{background:#fff;position:relative} .aanvraag-page p{font-size:16px;margin:8px 0 0 0} .aanvraag-page .form{margin-top:0;width:100%} .aanvraag-page.new{background:#fff;min-height:calc(100vh - 201px);padding:0 0 64px 0} .aanvraag-page.new header{background:#ecf0f0;margin-bottom:40px;background-image:url(https://cdn.softwaresystemen.nl/nodes/home-c2a-hero.webp);background-repeat:no-repeat;background-position:center 40%} .nowebp .aanvraag-page.new header{background-image:url(https://cdn.softwaresystemen.nl/nodes/home-c2a-hero.jpg)} .aanvraag-page.new header h1{font-size:32px;line-height:40px;font-weight:400} .aanvraag-page.new header article{position:relative} .aanvraag-page.new header article>div{padding:64px 0 68px 0;position:relative;z-index:1} .aanvraag-page.new article>div{max-width:560px} .aanvraag-page.new ul{margin:8px 0 0 0} .aanvraag-page.new ul li{position:relative;font-size:16px;padding-left:24px} .aanvraag-page.new ul li::before{content:"\f00c";font-weight:700;font-family:"Font Awesome 5 Pro";color:#3cb9c4;font-size:16px;position:absolute;left:0;top:1px;margin-right:6px} .aanvraag-page.new ul li+li{margin-top:12px} .aanvraag-page.static .text{width:50%;float:left;margin:72px 0 0 0;padding-right:40px} .aanvraag-page.static .card{padding:63px 64px 64px 64px;width:50%;float:right;background:#fff;margin:32px 0} .aanvraag-page.static h1{font-size:64px;line-height:80px;margin:3px 0 11px 0} .aanvraag-page.static p{width:100%;max-width:400px} .aanvraag-page.lightbox{text-align:left;overflow:auto;padding:24px} .aanvraag-page.lightbox p{margin:0 0 16px 0} .aanvraag-page.lightbox .card{width:100%;max-width:832px;margin:auto;display:flex;animation:aanvraagLightbox .2s both;-webkit-animation:aanvraagLightbox .2s both;-moz-animation:aanvraagLightbox .2s both;-ms-animation:aanvraagLightbox .2s both;-o-animation:aanvraagLightbox .2s both} .aanvraag-page.lightbox .wrap{padding:0;position:static} .aanvraag-page.lightbox .form{padding:16px 24px 24px 24px;width:60%;float:left;background:#fff} .aanvraag-page.lightbox .form .but{margin-top:8px;font-size:14px;padding:14px 18px} .aanvraag-page.lightbox .text{background:#3cb9c4;padding:24px;line-height:21px;width:40%;float:left;color:#fff} .aanvraag-page.lightbox .text h2{font-size:37px;line-height:1.2;color:inherit;letter-spacing:-.01em} .aanvraag-page.lightbox .text ul{margin:8px 0 0 0} .aanvraag-page.lightbox .text li{padding-left:17px;position:relative;list-style-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=)} .aanvraag-page.lightbox .text li::before{content:"\f00c";font-family:"Font Awesome 5 Pro";color:#6aff8d;position:absolute;top:0;left:0} .aanvraag-page.lightbox .text li+li{margin-top:10px} @-webkit-keyframes aanvraagLightbox{ from{opacity:0} to{opacity:1} } @keyframes aanvraagLightbox{ from{opacity:0} to{opacity:1} } .aanvraag-page.add-system header{background-image:url(https://cdn.softwaresystemen.nl/nodes/systeem-toevoegen.webp);background-size:60%;background-position:right center} .nowebp .aanvraag-page.add-system header{background-image:url(https://cdn.softwaresystemen.nl/nodes/systeem-toevoegen.jpg)} @media screen and (min-width:801px){ body.disabled{overflow:hidden;margin-right:17px} body.disabled footer,body.disabled nav{width:calc(100% + 17px);padding-right:17px} body.disabled .container.home .cartNew,body.disabled .container.home .fixed-vergelijk-wrapper.fixed,body.disabled .go-up{right:33px} } @media screen and (max-width:1480px){ .headerConsult,.home .headerConsult{margin-top:0;padding:48px 0} .headerCta header{margin-top:0} } @media screen and (max-width:1440px){ body.test article{width:1176px} } @media screen and (max-width:1336px){ .headerCta .headerConsultTool{margin-left:0} } @media screen and (max-width:1200px){ article{width:100%} body.test article{width:100%} .but{padding:16px 20px 16px 20px} .pageNotFound article::after{font-size:330px} .aanvraag-page.static h1{font-size:48px;line-height:64px} .aanvraag-page.static .card{padding:48px} .headerErpTool{background-position:60% center} .headerConsult{background-position:60% center} .headerConsult.side h1,.headerConsult.side h2{padding:0 0 0 16px;max-width:calc(100% - 70px)} .headerConsult.side .headerConsultTool{padding:16px 16px 56px 16px} .headerConsult.side .headerConsultTool .action{padding:0 16px;bottom:16px} .headerConsult.side .consultant{width:140px;background-position:left top;background-size:200px} .headerConsult.side .headerConsultTool .q.form .loadingWrap,.headerConsult.side .headerConsultTool .q.form .loadingWrap.done{width:calc(100% + 32px);margin:-16px 0 0 -16px} .headerCta header .image{height:480px} .headerCta header{margin:0 auto 152px auto} .headerCta .headerConsultTool{padding:40px 40px 80px 40px;width:100%;left:0} .headerCta .headerConsultTool .action{padding:0 40px;bottom:40px} } @media screen and (max-width:1024px){ .headerErpTool{padding:40px 0} .headerErpTool::before{width:80%} .headerConsult{padding:40px 0} .headerConsult h1,.wat-is-erp .headerConsult h1{font-size:48px} .headerConsult::before{width:80%} .headerConsult .consultant{width:calc((1176px / 2) - 100px);left:calc(50% + 130px)} .headerConsult.side h1{font-size:20px} .headerConsult.side h1{font-size:24px} .headerCta .headerConsultTool{max-width:none} .headerCta header .intro h1{font-size:48px;max-width:564px} .headerCta h3{font-size:20px} .pageNotFound article::after{font-size:250px;top:116px} .news-item{width:calc(50% - 24px)} .news-item h3{font-size:20px} .aanvraag-page.static h1{font-size:40px;line-height:56px} .aanvraag-page.static .card{padding:32px} .aanvraag-page.new header article::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;background:-moz-linear-gradient(left,rgba(236,240,240,1) 50%,rgba(236,240,240,0) 100%);background:-webkit-linear-gradient(left,rgba(236,240,240,1) 50%,rgba(236,240,240,0) 100%);background:linear-gradient(to right,rgba(236,240,240,1) 50%,rgba(236,240,240,0) 100%)} } @media screen and (max-width:900px){ .headerConsult .consultant{width:254px;height:218px;top:-10px;left:auto;right:24px;background-size:250px auto} .headerConsult h1,.headerConsult h2{padding-right:200px} .headerConsult h1,.wat-is-erp .headerConsult h1{font-size:40px} .headerConsultTool{max-width:none} .headerConsult .headerConsultTool h1,.headerConsult .headerConsultTool h2{padding-right:0} .headerCta header .image{width:100%;height:240px;background-position:center 30%;position:relative} .headerCta header .image::before{display:none} .headerCta header .image::after{height:96px} .headerCta header .intro{padding:0 0 40px 0} .newC2aHeader{background-size:auto 542px;background-position:66% top} .newC2aHeader::before{width:75%} .newC2aHeader .text{width:60%} .newC2aHeader h2 br{display:none} .pageNotFound article::after{display:none} .pageNotFound form input{max-width:calc(100% - 130px)} } @media screen and (max-width:800px){ .headerErpTool::before{width:90%} .headerConsult::before{width:90%} .headerConsult.side{padding-top:32px;position:relative;top:0;margin-top:24px} .headerConsult.side .consultant{background-size:240px;width:230px;height:200px;background-position:center top} .headerConsult.side h2{max-width:316px} .headerConsult.side h1{font-size:32px;max-width:none} .headerConsult.side h2{margin-bottom:32px} .headerConsult.side .headerConsult.side{padding:32px 32px 80px 32px} .headerConsult.side .headerConsultTool{padding:32px 32px 72px 32px} .headerConsult.side h1,.headerConsult.side h2{padding:0 0 0 32px;max-width:calc(100% - 48px)} .headerConsult.side .consultant{width:132px} .headerConsult.side .headerConsultTool .action{padding:0 32px;bottom:32px} .but{font-size:14px} .lightbox .tc{padding:0 24px} .lightbox .wrap{position:relative} .lightbox .next,.lightbox .prev{transform:translateY(-50%);width:28px;height:28px;background:#000;border:2px solid #fff;border-radius:100%;box-sizing:content-box} .lightbox .next{right:-16px} .lightbox .prev{left:-16px} .lightbox .next::before,.lightbox .prev::before{font-family:"Font Awesome 5 Pro";width:auto;height:auto;background-color:transparent;color:#fff;position:relative;top:0;left:-1px;font-size:16px;line-height:28px} .lightbox .next::before{content:"\f054";left:1px} .lightbox .prev::before{content:"\f053";left:-1px} .lightbox .next::after,.lightbox .prev::after{display:none} .news-item .image-wrap{height:144px} .aanvraag-page.add-system header{background-size:auto 100%} .aanvraag-page.add-system header article::after{background:#ecf0f0;opacity:.8} .aanvraag-page.lightbox .card{display:block;width:400px;position:relative} .aanvraag-page.lightbox .wrap{position:static} .aanvraag-page.lightbox .text h2{font-size:23px;line-height:32px} .aanvraag-page.lightbox .text{width:100%} .aanvraag-page.lightbox .text::before{display:none;margin:0} .aanvraag-page.lightbox .form{width:100%} .aanvraag-page.static h1 br{display:none} .aanvraag-page.static .text{float:none;width:100%;margin-top:24px;padding-right:0} .aanvraag-page.static .card.guide{float:none;width:100%} } @media screen and (max-width:700px){ .headerErpTool::before{width:100%} .headerConsult::before{width:100%} .headerConsultTool .action .next{float:right} .headerConsultTool .q .answer>label .fas{margin-left:-4px;width:28px;font-size:16px} .headerConsultTool .q.form .last-form,.headerConsultTool .q.form .side,.headerConsultTool .q.form.done .side{width:calc(100% - 222px)} .headerConsultTool .q.form input[type=text],.headerConsultTool .q.form select,.headerConsultTool .q.form textarea{padding:9px 8px 5px 8px} .news-item{width:100%;margin-left:0;position:relative!important;top:auto!important;left:auto!important;transform:none!important} } @media screen and (max-width:640px){ .headerConsult{height:590px} .headerConsult::before{width:100%;left:0;height:100%;transform:none} .headerConsult h1,.headerConsult h2{padding-right:0} .headerConsult .consultant{display:none} .headerConsultTool{padding:24px;position:absolute;left:24px;width:calc(100% - 48px);z-index:1} .headerConsultTool .q .sliderWrap.users{margin-bottom:20px} .headerConsultTool .q{position:relative;padding-bottom:48px} .headerConsultTool .q[data-s="3"][data-q="1"] label{width:100%} .headerConsultTool .loadingWrap{padding:80px 0 64px 0} .headerConsultTool .q.form{height:auto;padding-bottom:0} .headerConsultTool .q.form .systemFounds{bottom:-32px} .headerConsultTool .q.thank .answer{position:relative;padding:0;height:100%} .headerConsultTool .q.thank .buttons{position:static;margin-top:24px} .headerConsultTool .q.thank{padding-bottom:0} .headerConsult.side{height:auto} .headerConsult.side h1,.headerConsult.side h2{max-width:calc(100% - 140px)} .headerConsult.side h1{font-size:32px} .headerConsult.side .consultant{display:block;background-size:230px;width:180px} .headerConsult.side .headerConsultTool{width:100%;position:static} .headerConsult.side .headerConsultTool .q{padding-bottom:0} .headerConsult.side .headerConsultTool .q .answer{height:auto!important} } @media screen and (max-width:600px){ .but{padding:12px 16px 11px 16px} .headerErpTool{height:557px} .headerErpTool::before{width:100%;left:0;height:100%;transform:none} .headerConsultTool .q.form .answer{height:auto;align-items:flex-start;flex-wrap:wrap;align-content:flex-start} .headerConsultTool .q.form .loadingWrap,.headerConsultTool .q.form .loadingWrap.done{justify-content:center;width:100%;height:60px;padding:12px 0;margin-bottom:4px;line-height:1.4} .headerConsultTool .q.form .loadingWrap{height:100%;transition:background .2s,height .4s} .headerConsultTool .q.form .loading{width:64px;margin:0;transform:scale(.8)} .headerConsultTool .q.form .loading .check{transform:rotate(45deg) scale(.8);top:-18px} .headerConsultTool .q.form .loadingWrap .text{width:auto;text-align:left} .headerConsultTool .q.form .sex{position:static;padding:10px 0;font-weight:400} .headerConsultTool .q.form .side{transition:none;padding-top:64px} .headerConsultTool .q.form .steps{align-content:space-between} .headerConsultTool .q.form .last-form,.headerConsultTool .q.form .side,.headerConsultTool .q.form.done .side{width:100%} .headerConsultTool .q.form .last-form{position:static} .headerConsult.side{padding-top:24px} .headerConsult.side .headerConsultTool{padding:24px 24px 64px 24px} .headerConsult.side h1,.headerConsult.side h2{padding-left:24px} .headerConsult.side h2{margin-bottom:24px} .headerConsult.side .headerConsultTool .action{padding:0 24px;bottom:32px} .headerCta header .intro h1{font-size:40px} .headerCta .headerConsultTool,.headerCta .part{padding:32px 24px 80px 24px;margin-left:-24px;width:calc(100% + 48px)!important} .headerCta .headerConsultTool .action{padding:0 24px;bottom:32px} .newC2aHeader::before,header.home .newC2aHeader::before{width:95%;left:-20%;transform:skew(-8deg)} .newC2aHeader .text{width:70%} .newC2aHeader h2{font-size:28px;line-height:38px} .pageNotFound article{padding-top:80px;padding-bottom:80px} .pageNotFound h1{font-size:32px} .pageNotFound h2{font-size:18px} .news-item .wrap{padding:24px} .aanvraag-page.add-system header{background-image:none} .aanvraag-page.new header{background-image:none} .aanvraag-page.new header article>div{padding:48px 0 52px 0} .aanvraag-page.new header h1{font-size:24px;line-height:36px} .aanvraag-page.new ul li{font-size:13px} .aanvraag-page.new ul li+li{margin-top:4px} .aanvraag-page.new ul li::before{font-size:19px;top:2px} .aanvraag-page.static h1{font-size:32px;line-height:48px} } @media screen and (max-width:560px){ .headerErpTool{height:auto;background-size:auto 700px;background-position:center top} .headerErpTool h2{font-size:24px} .headerConsult{height:auto} .headerConsult h1{font-size:9vw} .headerConsult h2{font-size:24px} .headerConsultTool{position:relative;width:100%;left:auto;top:auto} .headerConsultTool .q[data-s="0"][data-q="0"] .answer{height:324px} .headerConsultTool .q[data-s="0"][data-q="0"] label{width:50%!important;height:38px} .headerConsultTool .q[data-s="2"][data-q="1"] label{width:100%} .headerConsultTool .q[data-s="8"][data-q="1"] label{width:100%} .headerConsultTool .q[data-s="13"][data-q="1"] label{width:100%} .headerConsultTool .q[data-s="14"][data-q="2"] label{width:50%} .headerConsultTool .q .row{position:relative;padding:18px 0 40px 0;font-weight:700} .headerConsultTool .q .row .bracket{font-weight:400} .headerConsultTool .q .row .right{position:absolute;bottom:15px;left:-4px;padding-left:0;font-weight:400;width:100%} .headerConsultTool .q .row input[type=text]{width:100%;text-align:left} .headerConsultTool .q .row[data-subquestion]{padding-left:0;padding-bottom:36px} .headerConsultTool .q .row[data-subquestion] .right{bottom:4px} .headerCta .headerConsultTool .wrap{height:auto!important} .headerCta .headerConsultTool .q{padding-bottom:0} } @media screen and (max-width:500px){ .aanvraag-page.lightbox{padding:24px 0} .aanvraag-page.lightbox .card{max-width:400px;width:100%} .aanvraag-page .form .col-left,.aanvraag-page .form .col-right{float:none;width:100%;padding-left:0;padding-right:0} .headerConsult.side h1{font-size:24px} .headerConsult.side .consultant{right:-40px} .headerConsult.side h2{max-width:280px} .headerConsult.side h1{font-size:24px} .headerConsult.side h1,.headerConsult.side h2{max-width:calc(100% - 60px)} .headerConsult.side .consultant{width:130px;background-size:180px} } @media screen and (max-width:450px){ .headerConsultTool{padding:16px;width:calc(100% + 20px);left:-10px} .headerConsultTool .action{padding:0 16px;bottom:17px} .headerConsultTool .q.form .line{width:100%} .headerConsultTool .q.form .steps{flex-direction:column;flex-wrap:nowrap} .headerConsultTool .q.form .steps ul{height:100%;display:flex;flex-wrap:wrap;align-items:center;align-content:center} .headerConsultTool .q.form .steps li+li{margin-top:32px} .headerConsultTool .q.form .action{position:static;width:100%} .headerConsultTool .q.form .action .next{width:100%} .headerConsultTool .q.thank .but{display:block} .headerConsultTool .q.thank .but+.but.ghost{margin:8px 0 0 0} } @media screen and (max-width:400px){ .headerConsult h2{font-size:16px} .headerConsult.side h1{font-size:24px} .headerConsult.side h2{max-width:calc(100% - 60px)} .headerConsult.side .consultant{width:180px;background-size:180px;background-position:left top} } .modal-open{overflow:hidden} .modal{display:none;overflow:hidden;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;-webkit-overflow-scrolling:touch;outline:0} .modal.fade .modal-dialog{-webkit-transform:translate(0,-25%);-ms-transform:translate(0,-25%);-o-transform:translate(0,-25%);transform:translate(0,-25%);-webkit-transition:-webkit-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out} .modal.in .modal-dialog{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)} .modal-open .modal{overflow-x:hidden;overflow-y:auto} .modal-dialog{position:relative;width:auto;margin:10px} .modal-content{position:relative;background-color:#fff;border:1px solid #999;border:1px solid rgba(0,0,0,.2);border-radius:6px;-webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);box-shadow:0 3px 9px rgba(0,0,0,.5);-webkit-background-clip:padding-box;background-clip:padding-box;outline:0} .modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000} .modal-backdrop.fade{opacity:0;filter:alpha(opacity=0)} .modal-backdrop.in{opacity:.5;filter:alpha(opacity=50)} .modal-header{padding:15px;border-bottom:1px solid #e5e5e5} .modal-header .close{margin-top:-2px} .modal-title{margin:0;line-height:1.42857143} .modal-body{position:relative;padding:15px} .modal-footer{padding:15px;text-align:right;border-top:1px solid #e5e5e5} .modal-footer .btn+.btn{margin-left:5px;margin-bottom:0} .modal-footer .btn-group .btn+.btn{margin-left:-1px} .modal-footer .btn-block+.btn-block{margin-left:0} .modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll} @media (min-width:768px){ .modal-dialog{width:600px;margin:30px auto} .modal-content{-webkit-box-shadow:0 5px 15px rgba(0,0,0,.5);box-shadow:0 5px 15px rgba(0,0,0,.5)} .modal-sm{width:300px} } @media (min-width:992px){ .modal-lg{width:900px} } .clearfix:after,.clearfix:before,.modal-footer:after,.modal-footer:before,.modal-header:after,.modal-header:before{content:" ";display:table} .clearfix:after,.modal-footer:after,.modal-header:after{clear:both} @-webkit-keyframes fadeIn{ from{opacity:0} to{opacity:1} } @keyframes fadeIn{ from{opacity:0} to{opacity:1} } @-webkit-keyframes fadeOut{ from{opacity:1} to{opacity:0} } @keyframes fadeOut{ from{opacity:1} to{opacity:0} } @-webkit-keyframes fadeInFromBottom{ from{opacity:0;top:50px} to{opacity:1;top:0} } @keyframes fadeInFromBottom{ from{opacity:0;top:50px} to{opacity:1;top:0} } @-webkit-keyframes fadeOutToTop{ from{opacity:1;top:0} to{opacity:0;top:-50px} } @keyframes fadeOutToTop{ from{opacity:1;top:0} to{opacity:0;top:-50px} } @-webkit-keyframes fadeInFromBottomMargin{ from{opacity:0;margin-top:50px} to{opacity:1;margin-top:0} } @keyframes fadeInFromBottomMargin{ from{opacity:0;margin-top:50px} to{opacity:1;margin-top:0} } .fa-question-circle::before{content:'\f059'} .fa-angle-right::before{content:'\f105'} .fa-heartbeat::before{content:'\f21e'} .fa-project-diagram::before{content:'\f542'} .fa-shopping-cart::before{content:'\f07a'} .fa-user-alt::before{content:'\f406'} .fa-angle-left::before{content:'\f104'} .fa-apple-alt::before{content:'\f5d1'} .fa-bed::before{content:'\f236'} .fa-bell-school::before{content:'\f5d5'} .fa-bolt::before{content:'\f0e7'} .fa-box-alt::before{content:'\f49a'} .fa-box-alt::before{content:'\f49a'} .fa-box-open::before{content:'\f49e'} .fa-box::before{content:'\f466'} .fa-boxes::before{content:'\f468'} .fa-briefcase::before{content:'\f0b1'} .fa-briefcase::before{content:'\f0b1'} .fa-bullhorn::before{content:'\f0a1'} .fa-burn::before{content:'\f46a'} .fa-calendar-alt::before{content:'\f073'} .fa-calendar-alt::before{content:'\f073'} .fa-calendar::before{content:'\f133'} .fa-calendar::before{content:'\f133'} .fa-car::before{content:'\f1b9'} .fa-chalkboard-teacher::before{content:'\f51c'} .fa-chart-pie::before{content:'\f200'} .fa-cheeseburger::before{content:'\f7f1'} .fa-chevron-down::before{content:'\f078'} .fa-chevron-right::before{content:'\f054'} .fa-chevron-up::before{content:'\f077'} .fa-circle::before{color:'\f111'} .fa-circle::before{content:'\f111'} .fa-clinic-medical::before{content:'\f7f2'} .fa-clipboard-check::before{content:'\f46c'} .fa-clipboard-check::before{content:'\f46c'} .fa-cloud::before{content:'\f0c2'} .fa-cloud::before{content:'\f0c2'} .fa-cog::before{content:'\f013'} .fa-coins::before{content:'\f51e'} .fa-comment-alt-lines::before{content:'\f4a6'} .fa-comments-alt::before{content:'\f4b6'} .fa-couch::before{content:'\f4b8'} .fa-database::before{content:'\f1c0'} .fa-desktop::before{content:'\f108'} .fa-drafting-compass::before{content:'\f568'} .fa-edit::before{content:'\f044'} .fa-ellipsis-h::before{content:'\f141'} .fa-euro-sign::before{content:'\f153'} .fa-eye::before{content:'\f06e'} .fa-file::before{content:'\f15b'} .fa-flag::before{content:'\f024'} .fa-forklift::before{content:'\f47a'} .fa-globe::before{content:'\f0ac'} .fa-graduation-cap::before{content:'\f19d'} .fa-hammer::before{content:'\f6e3'} .fa-house::before{content:'\f015'} .fa-industry-alt::before{content:'\f3b3'} .fa-key::before{content:'\f084'} .fa-laptop-code::before{content:'\f5fc'} .fa-location-arrow::before{content:'\f124'} .fa-lock-alt::before{content:'\f30d'} .fa-long-arrow-left::before{content:'\f177'} .fa-paint-roller::before{content:'\f5aa'} .fa-piggy-bank::before{content:'\f4d3'} .fa-plane::before{content:'\f072'} .fa-print::before{content:'\f02f'} .fa-project-diagram::before{content:'\f084'} .fa-puzzle-piece::before{content:'\f12e'} .fa-robot::before{content:'\f544'} .fa-ruler::before{content:'\f545'} .fa-sack::before{content:'\f81c'} .fa-search::before{content:'\f002'} .fa-server::before{content:'\f233'} .fa-server::before{content:'\f233'} .fa-shield-alt::before{content:'\f3ed'} .fa-ship::before{content:'\f21a'} .fa-star::before{content:'\f005'} .fa-sync::before{content:'\f021'} .fa-tasks::before{content:'\f0ae'} .fa-times::before{content:'\f00d'} .fa-tint::before{content:'\f043'} .fa-toolbox::before{content:'\f552'} .fa-tools::before{content:'\f7d9'} .fa-tractor::before{content:'\f722'} .fa-traffic-cone::before{content:'\f0b1'} .fa-traffic-cone::before{content:'\f636'} .fa-trophy::before{content:'\f091'} .fa-truck::before{content:'\f0d1'} .fa-tshirt::before{content:'\f553'} .fa-tv-retro::before{content:'\f401'} .fa-university::before{content:'\f19c'} .fa-user-friends::before{content:'\f500'} .fa-user-headset::before{content:'\f82d'} .fa-user-md::before{content:'\f0f0'} .fa-user-shield::before{content:'\f505'} .fa-users-cog::before{content:'\f509'} .fa-users::before{content:'\f0c0'} .fa-utensils-alt::before{content:'\f2e6'} .fa-vial::before{content:'\f492'} .fa-warehouse-alt::before{content:'\f495'} .fa-wheat::before{content:'\f72d'} .fa-wrench::before{content:'\f0ad'} .fa-globe-europe::before{content:'\f7a2'} .fa-linkedin::before{content:'\f08c'} .fa-facebook-square::before{content:'\f082'} .fa-twitter-square::before{content:'\f081'} .fa-xing-square::before{content:'\f169'} .fa-check::before{content:'\f00c'} .fa-utensils::before{content:'\f2e7'} .fa-palette::before{content:'\f53f'} .fa-futbol::before{content:'\f1e3'} .fa-hammer::before{content:'\f6e3'}