/*! * ROEFJA STYLESHEET v1.18.0 * www.roefja.com * * By Roefja B.V. * Email: info@roefja.com * Website: roefja.com * */ /*! * Bootstrap v4.5.3 (https://getbootstrap.com/) * Copyright 2011-2020 The Bootstrap Authors * Copyright 2011-2020 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) */:root{--blue:#007bff;--indigo:#6610f2;--purple:#6f42c1;--pink:#e83e8c;--red:#dc3545;--orange:#fd7e14;--yellow:#ffc107;--green:#28a745;--teal:#20c997;--cyan:#17a2b8;--white:#fff;--gray:#6c757d;--gray-dark:#343a40;--primary:#007bff;--secondary:#6c757d;--success:#28a745;--info:#17a2b8;--warning:#ffc107;--danger:#dc3545;--light:#f8f9fa;--dark:#343a40;--breakpoint-xs:0;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px;--font-family-sans-serif:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-family-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}*,::after,::before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}footer,header,main,nav{display:block}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:left;background-color:#fff}h1,h2,h3{margin-top:0;margin-bottom:.5rem}p{margin-top:0;margin-bottom:1rem}ul{margin-top:0;margin-bottom:1rem}ul ul{margin-bottom:0}b{font-weight:bolder}a{color:#007bff;text-decoration:none;background-color:transparent}a:hover{color:#0056b3;text-decoration:underline}a:not([href]):not([class]){color:inherit;text-decoration:none}a:not([href]):not([class]):hover{color:inherit;text-decoration:none}img{vertical-align:middle;border-style:none}svg{overflow:hidden;vertical-align:middle}label{display:inline-block;margin-bottom:.5rem}button{border-radius:0}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}button,input,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button{text-transform:none}[type=button],[type=submit],button{-webkit-appearance:button}[type=button]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}[type=button]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}textarea{overflow:auto;resize:vertical}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}summary{display:list-item;cursor:pointer}[hidden]{display:none!important}.h1,.h2,.h3,h1,h2,h3{margin-bottom:.5rem;font-weight:500;line-height:1.2}.h1,h1{font-size:2.5rem}.h2,h2{font-size:2rem}.h3,h3{font-size:1.75rem}.container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:576px){.container{max-width:540px}}@media (min-width:768px){.container{max-width:720px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:1140px}}.row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.col-12,.col-6,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-9,.col-md-12,.col-md-3,.col-md-4,.col-md-6,.col-md-8,.col-sm-5,.col-sm-6,.col-sm-7{position:relative;width:100%;padding-right:15px;padding-left:15px}.col-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}@media (min-width:576px){.col-sm-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-sm-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-sm-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}}@media (min-width:768px){.col-md-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-md-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-md-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-md-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-md-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}}@media (min-width:992px){.col-lg-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-lg-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-lg-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-lg-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-lg-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-lg-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}}.form-control{display:block;width:100%;height:calc(1.5em + .75rem + 2px);padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-control{transition:none}}.form-control::-ms-expand{background-color:transparent;border:0}.form-control:-moz-focusring{color:transparent;text-shadow:0 0 0 #495057}.form-control:focus{color:#495057;background-color:#fff;border-color:#80bdff;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.form-control::-webkit-input-placeholder{color:#6c757d;opacity:1}.form-control::-moz-placeholder{color:#6c757d;opacity:1}.form-control:-ms-input-placeholder{color:#6c757d;opacity:1}.form-control::-ms-input-placeholder{color:#6c757d;opacity:1}.form-control::placeholder{color:#6c757d;opacity:1}.form-control:disabled{background-color:#e9ecef;opacity:1}textarea.form-control{height:auto}.form-group{margin-bottom:1rem}.btn{display:inline-block;font-weight:400;color:#212529;text-align:center;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:transparent;border:1px solid transparent;padding:.375rem .75rem;font-size:1rem;line-height:1.5;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.btn{transition:none}}.btn:hover{color:#212529;text-decoration:none}.btn:focus{outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.btn:disabled{opacity:.65}.btn:not(:disabled):not(.disabled){cursor:pointer}.show>.btn-primary.dropdown-toggle{color:#fff;background-color:#0062cc;border-color:#005cbf}.show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(38,143,255,.5)}.show>.btn-secondary.dropdown-toggle{color:#fff;background-color:#545b62;border-color:#4e555b}.show>.btn-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(130,138,145,.5)}.show>.btn-success.dropdown-toggle{color:#fff;background-color:#1e7e34;border-color:#1c7430}.show>.btn-success.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(72,180,97,.5)}.show>.btn-info.dropdown-toggle{color:#fff;background-color:#117a8b;border-color:#10707f}.show>.btn-info.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(58,176,195,.5)}.show>.btn-warning.dropdown-toggle{color:#212529;background-color:#d39e00;border-color:#c69500}.show>.btn-warning.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(222,170,12,.5)}.show>.btn-danger.dropdown-toggle{color:#fff;background-color:#bd2130;border-color:#b21f2d}.show>.btn-danger.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(225,83,97,.5)}.show>.btn-light.dropdown-toggle{color:#212529;background-color:#dae0e5;border-color:#d3d9df}.show>.btn-light.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(216,217,219,.5)}.show>.btn-dark.dropdown-toggle{color:#fff;background-color:#1d2124;border-color:#171a1d}.show>.btn-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(82,88,93,.5)}.show>.btn-outline-primary.dropdown-toggle{color:#fff;background-color:#007bff;border-color:#007bff}.show>.btn-outline-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}.show>.btn-outline-secondary.dropdown-toggle{color:#fff;background-color:#6c757d;border-color:#6c757d}.show>.btn-outline-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}.show>.btn-outline-success.dropdown-toggle{color:#fff;background-color:#28a745;border-color:#28a745}.show>.btn-outline-success.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}.show>.btn-outline-info.dropdown-toggle{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.show>.btn-outline-info.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.show>.btn-outline-warning.dropdown-toggle{color:#212529;background-color:#ffc107;border-color:#ffc107}.show>.btn-outline-warning.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}.show>.btn-outline-danger.dropdown-toggle{color:#fff;background-color:#dc3545;border-color:#dc3545}.show>.btn-outline-danger.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}.show>.btn-outline-light.dropdown-toggle{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.show>.btn-outline-light.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}.show>.btn-outline-dark.dropdown-toggle{color:#fff;background-color:#343a40;border-color:#343a40}.show>.btn-outline-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}.collapse:not(.show){display:none}.dropdown{position:relative}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:10rem;padding:.5rem 0;margin:.125rem 0 0;font-size:1rem;color:#212529;text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.15);border-radius:.25rem}.dropdown-item{display:block;width:100%;padding:.25rem 1.5rem;clear:both;font-weight:400;color:#212529;text-align:inherit;white-space:nowrap;background-color:transparent;border:0}.dropdown-item:focus,.dropdown-item:hover{color:#16181b;text-decoration:none;background-color:#f8f9fa}.dropdown-item.active,.dropdown-item:active{color:#fff;text-decoration:none;background-color:#007bff}.dropdown-item:disabled{color:#6c757d;pointer-events:none;background-color:transparent}.dropdown-menu.show{display:block}.nav{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}.navbar-nav{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding-left:0;margin-bottom:0;list-style:none}.navbar-nav .dropdown-menu{position:static;float:none}.navbar-collapse{-ms-flex-preferred-size:100%;flex-basis:100%;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center}.navbar-toggler{padding:.25rem .75rem;font-size:1.25rem;line-height:1;background-color:transparent;border:1px solid transparent;border-radius:.25rem}.navbar-toggler:focus,.navbar-toggler:hover{text-decoration:none}.card{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;min-width:0;word-wrap:break-word;background-color:#fff;background-clip:border-box;border:1px solid rgba(0,0,0,.125);border-radius:.25rem}.card-body{-ms-flex:1 1 auto;flex:1 1 auto;min-height:1px;padding:1.25rem}.alert{position:relative;padding:.75rem 1.25rem;margin-bottom:1rem;border:1px solid transparent;border-radius:.25rem}.alert-primary{color:#004085;background-color:#cce5ff;border-color:#b8daff}@-webkit-keyframes progress-bar-stripes{from{background-position:1rem 0}to{background-position:0 0}}@keyframes progress-bar-stripes{from{background-position:1rem 0}to{background-position:0 0}}.media{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start}.media-body{-ms-flex:1;flex:1}.toast-body{padding:.75rem}.modal-body{position:relative;-ms-flex:1 1 auto;flex:1 1 auto;padding:1rem}.popover-body{padding:.5rem .75rem;color:#212529}@-webkit-keyframes spinner-border{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spinner-border{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes spinner-grow{0%{-webkit-transform:scale(0);transform:scale(0)}50%{opacity:1;-webkit-transform:none;transform:none}}@keyframes spinner-grow{0%{-webkit-transform:scale(0);transform:scale(0)}50%{opacity:1;-webkit-transform:none;transform:none}}.border-primary{border-color:#007bff!important}.d-flex{display:-ms-flexbox!important;display:flex!important}.justify-content-center{-ms-flex-pack:center!important;justify-content:center!important}@media (min-width:576px){.justify-content-sm-center{-ms-flex-pack:center!important;justify-content:center!important}}@media (min-width:992px){.justify-content-lg-end{-ms-flex-pack:end!important;justify-content:flex-end!important}}.mx-0{margin-right:0!important}.mx-0{margin-left:0!important}.mr-1{margin-right:.25rem!important}.mt-2{margin-top:.5rem!important}.mr-2{margin-right:.5rem!important}.ml-2{margin-left:.5rem!important}.mt-3{margin-top:1rem!important}.mb-3{margin-bottom:1rem!important}.mb-4{margin-bottom:1.5rem!important}.mt-5,.my-5{margin-top:3rem!important}.mb-5,.my-5{margin-bottom:3rem!important}.px-0{padding-right:0!important}.px-0{padding-left:0!important}.pt-2{padding-top:.5rem!important}.pb-2{padding-bottom:.5rem!important}.py-4{padding-top:1.5rem!important}.pb-4,.py-4{padding-bottom:1.5rem!important}.py-5{padding-top:3rem!important}.pb-5,.py-5{padding-bottom:3rem!important}.m-auto{margin:auto!important}@media (min-width:576px){.mt-sm-0{margin-top:0!important}}@media (min-width:768px){.mt-md-3{margin-top:1rem!important}}@media (min-width:992px){.mt-lg-0{margin-top:0!important}}.text-center{text-align:center!important}.font-weight-normal{font-weight:400!important}.text-body{color:#212529!important}@media print{*,::after,::before{text-shadow:none!important;box-shadow:none!important}a:not(.btn){text-decoration:underline}img{page-break-inside:avoid}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}@page{size:a3}body{min-width:992px!important}.container{min-width:992px!important}} /*! * Font Awesome Pro 5.15.1 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license (Commercial License) */.fab,.fad,.far,.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.fa-badge-check:before{content:"\f336"}.fa-bars:before{content:"\f0c9"}.fa-check:before{content:"\f00c"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-double-down:before{content:"\f322"}.fa-chevron-double-left:before{content:"\f323"}.fa-chevron-double-right:before{content:"\f324"}.fa-chevron-double-up:before{content:"\f325"}.fa-chevron-down:before{content:"\f078"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-chevron-square-down:before{content:"\f329"}.fa-chevron-square-left:before{content:"\f32a"}.fa-chevron-square-right:before{content:"\f32b"}.fa-chevron-square-up:before{content:"\f32c"}.fa-chevron-up:before{content:"\f077"}.fa-clock:before{content:"\f017"}.fa-cloud-showers:before{content:"\f73f"}.fa-cloud-showers-heavy:before{content:"\f740"}.fa-envelope:before{content:"\f0e0"}.fa-exclamation-triangle:before{content:"\f071"}.fa-facebook-square:before{content:"\f082"}.fa-file-image:before{content:"\f1c5"}.fa-github-square:before{content:"\f092"}.fa-image:before{content:"\f03e"}.fa-image-polaroid:before{content:"\f8c4"}.fa-images:before{content:"\f302"}.fa-linkedin:before{content:"\f08c"}.fa-map-pin:before{content:"\f276"}.fa-mobile:before{content:"\f10b"}.fa-phone-alt:before{content:"\f879"}.fa-rocket:before{content:"\f135"}.fa-scanner-image:before{content:"\f8f3"}.fa-server:before{content:"\f233"}.fa-shower:before{content:"\f2cc"}.fa-toolbox:before{content:"\f552"}.fa-wordpress:before{content:"\f19a"}.fa-wrench:before{content:"\f0ad"}@font-face{font-family:"Font Awesome 5 Brands";font-style:normal;font-weight:400;font-display:block;src:url(../webfonts/fa-brands-400.eot);src:url(../webfonts/fa-brands-400.eot?#iefix) format("embedded-opentype"),url(../webfonts/fa-brands-400.woff2) format("woff2"),url(../webfonts/fa-brands-400.woff) format("woff"),url(../webfonts/fa-brands-400.ttf) format("truetype"),url(../webfonts/fa-brands-400.svg#fontawesome) format("svg")}.fab{font-family:"Font Awesome 5 Brands";font-weight:400}@font-face{font-family:"Font Awesome 5 Duotone";font-style:normal;font-weight:900;font-display:block;src:url(../webfonts/fa-duotone-900.eot);src:url(../webfonts/fa-duotone-900.eot?#iefix) format("embedded-opentype"),url(../webfonts/fa-duotone-900.woff2) format("woff2"),url(../webfonts/fa-duotone-900.woff) format("woff"),url(../webfonts/fa-duotone-900.ttf) format("truetype"),url(../webfonts/fa-duotone-900.svg#fontawesome) format("svg")}.fad{position:relative;font-family:"Font Awesome 5 Duotone";font-weight:900}.fad:before{position:absolute;color:var(--fa-primary-color,inherit);opacity:1;opacity:var(--fa-primary-opacity,1)}.fad:after{color:var(--fa-secondary-color,inherit)}.fad:after{opacity:.4;opacity:var(--fa-secondary-opacity,.4)}.fad.fa-badge-check:after{content:"\10f336"}.fad.fa-bars:after{content:"\10f0c9"}.fad.fa-check:after{content:"\10f00c"}.fad.fa-chevron-circle-down:after{content:"\10f13a"}.fad.fa-chevron-circle-left:after{content:"\10f137"}.fad.fa-chevron-circle-right:after{content:"\10f138"}.fad.fa-chevron-circle-up:after{content:"\10f139"}.fad.fa-chevron-double-down:after{content:"\10f322"}.fad.fa-chevron-double-left:after{content:"\10f323"}.fad.fa-chevron-double-right:after{content:"\10f324"}.fad.fa-chevron-double-up:after{content:"\10f325"}.fad.fa-chevron-down:after{content:"\10f078"}.fad.fa-chevron-left:after{content:"\10f053"}.fad.fa-chevron-right:after{content:"\10f054"}.fad.fa-chevron-square-down:after{content:"\10f329"}.fad.fa-chevron-square-left:after{content:"\10f32a"}.fad.fa-chevron-square-right:after{content:"\10f32b"}.fad.fa-chevron-square-up:after{content:"\10f32c"}.fad.fa-chevron-up:after{content:"\10f077"}.fad.fa-clock:after{content:"\10f017"}.fad.fa-cloud-showers:after{content:"\10f73f"}.fad.fa-cloud-showers-heavy:after{content:"\10f740"}.fad.fa-envelope:after{content:"\10f0e0"}.fad.fa-exclamation-triangle:after{content:"\10f071"}.fad.fa-file-image:after{content:"\10f1c5"}.fad.fa-image:after{content:"\10f03e"}.fad.fa-image-polaroid:after{content:"\10f8c4"}.fad.fa-images:after{content:"\10f302"}.fad.fa-map-pin:after{content:"\10f276"}.fad.fa-mobile:after{content:"\10f10b"}.fad.fa-phone-alt:after{content:"\10f879"}.fad.fa-rocket:after{content:"\10f135"}.fad.fa-scanner-image:after{content:"\10f8f3"}.fad.fa-server:after{content:"\10f233"}.fad.fa-shower:after{content:"\10f2cc"}.fad.fa-toolbox:after{content:"\10f552"}.fad.fa-wrench:after{content:"\10f0ad"}@font-face{font-family:"Font Awesome 5 Pro";font-style:normal;font-weight:300;font-display:block;src:url(../webfonts/fa-light-300.eot);src:url(../webfonts/fa-light-300.eot?#iefix) format("embedded-opentype"),url(../webfonts/fa-light-300.woff2) format("woff2"),url(../webfonts/fa-light-300.woff) format("woff"),url(../webfonts/fa-light-300.ttf) format("truetype"),url(../webfonts/fa-light-300.svg#fontawesome) format("svg")}@font-face{font-family:"Font Awesome 5 Pro";font-style:normal;font-weight:400;font-display:block;src:url(../webfonts/fa-regular-400.eot);src:url(../webfonts/fa-regular-400.eot?#iefix) format("embedded-opentype"),url(../webfonts/fa-regular-400.woff2) format("woff2"),url(../webfonts/fa-regular-400.woff) format("woff"),url(../webfonts/fa-regular-400.ttf) format("truetype"),url(../webfonts/fa-regular-400.svg#fontawesome) format("svg")}.far{font-family:"Font Awesome 5 Pro"}.far{font-weight:400}@font-face{font-family:"Font Awesome 5 Pro";font-style:normal;font-weight:900;font-display:block;src:url(../webfonts/fa-solid-900.eot);src:url(../webfonts/fa-solid-900.eot?#iefix) format("embedded-opentype"),url(../webfonts/fa-solid-900.woff2) format("woff2"),url(../webfonts/fa-solid-900.woff) format("woff"),url(../webfonts/fa-solid-900.ttf) format("truetype"),url(../webfonts/fa-solid-900.svg#fontawesome) format("svg")}.fas{font-family:"Font Awesome 5 Pro";font-weight:900} :root{--primary-color:#f58237;--primary-color-2:#f583379c;--secondary-color:#fe6616;--white-color:#f9f9f9;--border-radius:15px;--success-color:#198754;--light-border-color:rgba(0, 0, 0, 0.125)}.transform-unset,.transform-unset *{text-transform:unset!important}body{font-family:Ubuntu,sans-serif;font-size:1em}.row{margin-left:auto;margin-right:auto}a.inline{color:var(--primary-color)}a.inline:hover{color:var(--secondary-color)}.container{max-width:1500px;margin:0 auto}#main-page{position:relative;min-height:100vh;display:flex;flex-direction:column}body.index .background-image:first-child{background-position:center 90%}body.index .background-image:nth-child(2){background-position:left bottom}nav{height:100px;display:flex;padding-right:20px;position:relative}nav .navbar-block{justify-content:space-between}nav .left-side,nav .right-side{display:inline-flex}nav .left-side>div,nav .right-side>div{display:flex}nav .logo img{min-height:85px;height:100%;width:auto;display:block}nav a{margin:auto 20px;padding:10px;font-size:18px;color:#000}nav a.logo{margin:0;display:block;height:100%;padding:7.5px}nav .dropdown:hover>a,nav a.active,nav a:hover{text-decoration:none;color:var(--secondary-color)}nav a>i{margin-right:20px}nav .main-nav{display:inline-flex}.navbar-nav .dropdown-menu{position:absolute;margin:0}nav .dropdown-item.active,nav .dropdown-item:active,nav .dropdown-item:focus,nav .dropdown-item:hover{background:0 0;color:var(--secondary-color)}.navbar-nav .dropdown:hover .dropdown-menu{display:block}nav a.dropdown-item{margin:0;font-size:16px}nav .navbar-block .dropdown>a i{display:none}.nav-wrapper{position:fixed;z-index:999;background-color:var(--white-color);left:0;right:0;box-shadow:0 0 5px rgba(0,0,0,.175)}body #main-content{margin-top:100px}footer{color:#fff;font-size:.8em;width:100%;margin-top:auto}#footer-top{background-color:#222c3c;padding:30px}#footer-bottom{background-color:#1b2431;padding:20px 30px}.footer-block h1,.footer-block h3{margin-bottom:20px;font-size:1.25em;font-weight:700}.footer-block a{color:#fff}.footer-block a:hover{color:var(--secondary-color);text-decoration:none}.footer-block .info-row{display:block}.footer-block .info-row,.footer-block>div.row>div{padding-left:0}.footer-block .sbb{padding-right:0}.footer-block .sbb img{max-width:100%;height:auto;max-height:100px;aspect-ratio:1/1}#footer-bottom .logo{display:flex;position:relative;margin-right:10px}#footer-bottom .logo img{height:40px;width:auto;margin:auto 0}#footer-bottom .box{display:flex;justify-content:space-between}#footer-bottom p{display:inline-block;margin:auto 0}footer .social-buttons{display:flex}footer .social-buttons>a{color:#fff;line-height:2em;font-size:2em;margin:0 5px}footer .social-buttons>a:hover{color:#b4b4b4}footer #footer-information>div{padding:0}#cta-bar{background-color:var(--primary-color);font-size:1rem;color:#fff}#cta-bar .container{display:flex;justify-content:center;flex-wrap:wrap;padding:18px}#cta-bar .container>div{padding:0 10px;text-align:center;margin:auto 0}#cta-bar .container>div:first-child{padding:20px}.content-box-footer .cta-text{display:flex;flex-wrap:wrap;justify-content:center}#cta-bar .container>span,.content-box-footer .cta-text>span{margin:auto 0;padding:10px 0}#cta-bar .container>a,.content-box-footer .cta-text a{margin-left:10px}#cta-bar .container>span{text-align:center}.cta-button{padding:10px 25px;background-color:var(--primary-color);border-radius:20px;color:#fff;border:1px solid var(--primary-color);display:inline-block}.cta-button:hover:not(:disabled){background-color:var(--secondary-color);color:#fff;text-decoration:none}.content-box{margin:auto;border-radius:10px;width:100%;padding:60px 75px;max-width:1500px}.background-image.overlay .content-box{box-shadow:rgba(0,0,0,.15) 5px 5px 5px}.content-box-small{max-width:850px}.content-box.with-footer{padding-bottom:0}.content-box-footer{display:flex;justify-content:center;gap:10px;margin-left:-75px;margin-right:-75px;padding:18px;border-bottom-left-radius:10px;border-bottom-right-radius:10px}.content-box-footer-primary{background-color:var(--primary-color)}.content-box-primary{background-color:var(--primary-color);color:#fff}.content-box-white{background-color:var(--white-color);color:#000}.content-box-inner h1{font-weight:400}.content-box-inner>div.description{font-size:1.5rem}.overlay>.content-box,.overlay>.wrapper{z-index:100}.content-box-footer>.cta-text{color:#fff}body.index .background-image{padding:100px 50px}body.index .background-image.min-height{min-height:750px}.background-image{background-size:cover;background-repeat:no-repeat}.background-image.overlay-blur span.after{background-size:cover;background-position:center;background-repeat:no-repeat}.background-image.overlay{position:relative}.background-image.overlay::before{content:"";background-color:var(--primary-color);position:absolute;opacity:15%;left:0;top:0;right:0;bottom:0}.background-image.overlay-blur{overflow:hidden;background:0 0}.background-image.overlay-blur::before{z-index:10;opacity:25%}.background-image.overlay-blur span.after{-webkit-filter:blur(8px);filter:blur(8px);opacity:100%;left:-10px;right:-10px;top:-10px;bottom:-10px;width:calc(100% + 20px);height:calc(100% + 20px);content:"";position:absolute}.background-image .wrapper{width:100%}.code-block{background-color:var(--white-color);color:var(--primary-color);font-family:"Courier New",Courier,monospace;padding:2px 8px;font-weight:700;margin:0 2px}.action-button{padding:10px 20px;background-color:var(--white-color);border-radius:20px;color:#000;border:1px solid #efefef}.action-button:hover:not(:disabled){color:var(--secondary-color);text-decoration:none}.error-page #main-content{position:relative;display:flex}.error-page #main-content,.error-page #main-content .error-page-block{flex:1 1 auto}.error-page .error-page-block{padding:50px 0}.item_block{padding:3px;margin:20px 10px;background-color:var(--primary-color);border-radius:10px;box-shadow:#e4e4e4 5px 5px 6px;word-break:break-word}.item_block .image{content:"";display:block;width:100%;height:300px;background-position:center;background-size:cover;border-top-left-radius:10px;border-top-right-radius:10px}.item_block .title{color:#fff;text-align:center;padding:10px 0}a.item_block{text-decoration:none}.item_block:hover{background-color:var(--secondary-color)}.solutions-wrapper{display:flex;flex-wrap:wrap}.solution_process.container{margin:15px auto}.solutions-wrapper-5 .solutions_block{width:calc(20% - 20px)}.solutions-wrapper-3 .solutions_block{width:calc(33% - 20px)}.solutions-wrapper .solutions_block,.solutions-wrapper-4 .solutions_block{width:calc(25% - 20px)}.solutions_block .image.web-development{background-position:80% center}body #main-content>.header_image{padding:100px 50px}body.solutions .header_image h1{text-transform:capitalize}.solution_process.container{display:flex;flex-wrap:wrap;grid-column-gap:30px;grid-row-gap:30px;justify-content:center}.solution_process .card{border-radius:var(--border-radius);width:calc(50% - 30px)}.solution_process .card .header{padding:50px 0;background-color:var(--primary-color);border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius);display:flex;flex-direction:column;text-align:center;color:#fff;position:relative}.solution_process .card .header img{height:75px;margin-top:20px}.solution_process .card .description{padding:40px}.solution_process .card .header .step{border:2px solid #fff;display:inline-block;padding:5px 12.5px;border-radius:100%}.solution_process .card .header .step_wrapper{display:block;width:auto;padding:5px 12.5px;margin:auto;border-radius:100%}body.solutions.hosting .why-roefja{text-align:center;max-width:1100px}.border-primary{border-color:var(--secondary-color)!important}.alert-primary{background-color:var(--primary-color)!important;color:#fff!important}.contact-blocks{max-width:1600px;margin:auto;width:90vw;display:grid;flex-wrap:wrap;grid-template-columns:repeat(4,1fr);grid-auto-rows:1fr;grid-column-gap:30px;grid-row-gap:30px}.contact-blocks .contact-block{min-width:20%!important;display:flex;background-color:var(--primary-color);border-radius:10px}.contact-block .contact-block-inner{flex-direction:column}.contact-block .contact-block-inner,.contact-block .contact-block-inner .content{flex:1 1 auto;display:flex}.contact-block .contact-block-inner .content>*{margin:auto;color:#fff;text-align:center;padding:10px}.contact-block .contact-block-inner .header{color:#fff;font-size:3em;text-align:center;padding:30px 0;border-top-left-radius:10px;border-top-right-radius:10px;position:relative;background-image:url("/assets/img/motherboard.jpg");background-position:center;background-size:cover;background-repeat:no-repeat}.contact-block .header.overlay::before{opacity:90%;border-top-left-radius:10px;border-top-right-radius:10px}.contact-block .header>*{z-index:9999;position:relative}#main-content .container.portfolio-item{position:relative;display:flex;flex-wrap:wrap;word-break:break-word;margin-top:50px}.portfolio-main,.portfolio-sidebar{padding:20px}.portfolio-main{width:400px;max-width:400px}.portfolio-sidebar{flex:1 1 0}.portfolio_image{width:100%;padding-top:100%;background-repeat:no-repeat;background-size:cover;box-shadow:#e4e4e4 3px 3px 3px;display:block}.portfolio_info{margin-bottom:20px}.portfolio_image,.portfolio_item_block .image{background-position:center;padding-top:100%;height:auto}.portfolio_item_block .title,.portfolio_meta .meta_row .title{font-weight:700}.portfolio_meta .meta_row .title::after{content:":"}.portfolio_meta .meta_row{margin-left:-15px;margin-right:-15px}.portfolio-wrapper{display:flex;flex-wrap:wrap;position:relative;justify-content:center}.portfolio-wrapper .portfolio_item_block{width:calc(20% - 20px);max-width:225px}.portfolio_item_block{display:flex;flex-direction:column}.portfolio_item_block .title{margin-top:5px}.portfolio_item_block .solutions,.portfolio_item_block .title{padding:5px 10px}.portfolio_item_block .solutions{color:#fff;text-align:center;font-size:.95em;flex:1 1 auto;display:inline-flex;justify-content:center;align-items:center;margin-bottom:5px}.portfolio_meta{margin-bottom:20px}.d-flex>.wrapper{display:flex}#pricing-table .packages{display:flex;flex-wrap:wrap;justify-content:center;flex-wrap:wrap;grid-column-gap:30px;grid-row-gap:30px}#pricing-table .pricing-package{border:1px solid var(--light-border-color);background-color:var(--white-color);background-clip:border-box;position:relative;display:flex;flex-direction:column;word-wrap:break-word;border-radius:var(--border-radius);width:calc(33.33% - 30px)}.pricing-package_header{background-color:var(--primary-color);text-align:center;font-weight:700;padding:10px 20px;border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius);color:#fff;font-size:1.5em}.pricing-package_features{padding:20px;flex:auto}.pricing-package_features ul{list-style:none;padding-inline-start:0}.pricing-package_features li{text-align:center}.pricing-package_features .features-group .amount{font-weight:700}.pricing-package_features .features-group .amount,.pricing-package_features .features-group i.fa-check{margin-right:5px}.pricing-package_features .features-group i.fa-check{color:var(--success-color)}.pricing-package_footer{text-align:center;font-size:2em;border-top:1px solid var(--light-border-color);padding:10px 20px;display:flex;flex-direction:column}.pricing-package_footer .price{position:relative}.pricing-package_footer .price .amount{margin:0 5px}.vat-price .amount{margin:0 2.5px}.pricing-package_footer .period{font-size:.4em;text-transform:uppercase}.pricing-package_footer .vat-price{font-size:.4em;color:grey;margin-top:5px}#pricing-table .pricing-package{border:1px solid var(--light-border-color);background-color:var(--white-color);background-clip:border-box;position:relative;display:flex;flex-direction:column;word-wrap:break-word;border-radius:var(--border-radius);width:calc(33.33% - 30px)}.domains-table{display:flex;flex-wrap:wrap;justify-content:space-evenly}.domains-table .domain{border:1px solid var(--light-border-color);background-color:var(--white-color);background-clip:border-box;position:relative;display:flex;word-wrap:break-word;border-radius:var(--border-radius);margin:10px;width:calc(33.33% - 20px)}.domains-table .domain .tld{background-color:var(--primary-color);color:#fff;padding:10px 15px;border-top-left-radius:var(--border-radius);border-bottom-left-radius:var(--border-radius);min-width:70px;text-align:center;display:flex;justify-content:center}.domains-table .domain .tld>span{margin:auto}.domains-table .domain .pricing{display:flex;flex-direction:column;width:100%;padding:10px 25px}.domains-table .domain .price,.domains-table .domain .vat-price{text-align:center;width:100%}.domains-table .domain .price .amount{margin:0 5px}.domains-table .domain .vat-price{color:grey;font-size:.8em}#pricing-table>.wrapper.wrapper-bg{background-color:var(--white-color);padding-top:50px!important;padding-bottom:50px!important}.wrapper-bg{padding-top:50px!important;padding-bottom:50px!important}.wrapper-bg_light{background-color:var(--white-color)}#pricing-table>.wrapper.wrapper-bg .pricing-package{background-color:#fff}.pricing-package_footer .cta a{background-color:var(--primary-color);width:100%;display:block;border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius);color:var(--white-color);padding:10px 0}.pricing-package_footer .cta{margin:20px -20px -10px}picture.rick-img{width:100%;height:auto;display:block;flex:1}.rick-img>img{width:100%;height:auto}.navbar-toggler{color:#000}#alert-banner{background-color:var(--primary-color);color:#fff;padding:20px;text-align:center;display:flex;justify-content:center}#alert-banner i{margin:auto 0}.faq-item{display:flex;flex-direction:column;border-radius:var(--border-radius);max-width:1100px;margin-left:auto;margin-right:auto}.faq-item:not(:last-child){margin-bottom:20px}.faq-item-title{color:#fff;background-color:var(--primary-color);width:100%;padding:20px;border-radius:var(--border-radius);cursor:pointer}.faq-item.show .faq-item-title{border-bottom-left-radius:0;border-bottom-right-radius:0}.faq-item-content{border-bottom-left-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius);border-left:1px solid var(--primary-color);border-right:1px solid var(--primary-color);border-bottom:1px solid var(--primary-color);padding:20px}.faq-item:not(.show) .faq-item-content{display:none}.info-with-side{display:flex;grid-column-gap:30px;flex-wrap:nowrap;padding:0 50px;max-width:1100px}.info-with-side_main{width:100%;flex:1 1 auto}.info-with-side_side{display:flex;flex-direction:column;width:40%;flex:1 1 auto;max-height:250px}.info-with-side_side .icon{color:var(--primary-color);font-size:7em;margin:auto}.info-with-side_reverse{flex-direction:row-reverse}.partners-wrapper{display:grid;column-gap:20px;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.partners-wrapper .partners_block .main-background{background:#fff;color:#fff;padding:20px;border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius);position:relative}.partners-wrapper .partners_block .main-background::before{--margin:55px;content:"";position:absolute;top:var(--margin);left:var(--margin);right:var(--margin);bottom:var(--margin);background-position:center;background-repeat:no-repeat;background-size:contain}.partners-wrapper .partners_block .image{height:200px}.partners-wrapper .partners_block{text-align:left;--padding:20px}.partners-wrapper .partners_block .title{font-weight:700;text-align:left;padding:var(--padding)}.partners-wrapper .partners_block .description{padding:0 var(--padding) var(--padding);color:#fff}@media only screen and (min-width:1500px){.solution_process.container{display:flex;flex-wrap:nowrap;grid-column-gap:15px}.solution_process.container>.card{min-width:unset!important;width:100%}.solution_process .card .description{padding:20px}}@media only screen and (min-width:1000px) and (max-width:1100px){nav a{margin:auto 10px}}@media only screen and (min-width:1000px){.navbar-collapse{display:flex!important}.navbar-toggler{display:none!important}.navbar-nav{flex-direction:row;width:100%;justify-content:space-between}.solution_process .card .header{flex-direction:row;justify-content:center}.solution_process .card .header .step_wrapper{margin-top:0;margin-left:-63px;margin-right:0}.solution_process .card .header img{margin-top:0}}@media only screen and (max-width:1400px){.contact-blocks{display:flex;justify-content:center}.contact-block{width:calc(33% - 60px)}}@media only screen and (max-width:1100px){.solutions-wrapper .solutions_block{width:calc(50% - 20px)}.portfolio-wrapper .portfolio_item_block{width:calc(33.3% - 20px)}.contact-block{width:calc(50% - 60px)}}@media only screen and (max-width:999px){nav{justify-content:space-between;display:flex;flex-direction:column}nav .main-nav{justify-content:space-between;width:100%;display:flex}nav #main-nav{position:absolute;top:130px;z-index:999999;background-color:var(--white-color);margin:0 -15px;width:100%}nav .left-side,nav .right-side{flex-direction:column}nav .navbar-block{padding-bottom:10px;box-shadow:#e4e4e4 0 5px}nav .navbar-block a{text-align:center;padding:10px 0;margin:auto;width:auto}nav .navbar-block .dropdown{justify-content:center;flex-direction:column}nav .navbar-block .dropdown>a i{content:"test";position:absolute;top:2.5px;right:12.5px;display:block;margin:auto;color:#000;padding:10px}nav .navbar-block .dropdown-menu{position:relative;border:none;background-color:#f0f0f0}#pricing-table .pricing-package{width:calc(50% - 30px)}.navbar-nav .dropdown:hover .dropdown-menu{display:none}.portfolio-main,.portfolio-sidebar{width:100%;margin:0 auto}.portfolio-main{max-width:400px}.portfolio-sidebar{max-width:90vw}#main-content .container.portfolio-item{flex-direction:column}nav a.logo img{min-height:90px;height:90px}nav{height:110px}nav #main-nav{top:110px}body #main-content{margin-top:110px}}@media only screen and (max-width:900px){.error-page .content-box{max-width:80vw}.solutions_block .header{width:35vw}.domains-table .domain{width:calc(50% - 20px)}.info-with-side{flex-direction:column-reverse}.info-with-side_side{margin-bottom:30px;width:100%}.info-with-side_side .icon{font-size:5em}}@media only screen and (max-width:767px){.portfolio-wrapper .portfolio_item_block{width:calc(50% - 20px)}.solution_process.container>.card{width:100%}.partners-wrapper{display:flex;flex-direction:column;gap:0}#footer-top .footer-block{text-align:center}}@media only screen and (max-width:500px){body #main-content>.header_image,body.index .background-image,body.solutions .background-image{padding:50px 25px}body.index .background-image.min-height{min-height:350px}.content-box{padding:30px}.content-box-footer{margin-left:-30px;margin-right:-30px}.solutions_block .header{width:80vw;height:200px}#pricing-table .packages,.solution_process.container{display:flex;flex-direction:column}#pricing-table .pricing-package{width:100%}.solution_process.container>.card{margin-bottom:25px}.solution_process .card .header{height:120px;padding:25px 0}.solution_process .card .header img{height:60px;margin-top:10px}.solution_process .card .description{padding:20px}.crop-img{max-height:80vw;overflow:hidden}.crop-img img{margin-top:-10vw}}@media only screen and (max-width:500px),only screen and (min-device-width:501px) and (max-device-width:1024px){h1{font-size:1.5rem}.content-box-inner>div.description{font-size:1.25rem}nav a.logo img{min-height:80px;height:80px}nav{height:100px}nav #main-nav{top:100px}body #main-content{margin-top:100px}}@media only screen and (min-device-width:501px) and (max-device-width:1024px){body.index .background-image.min-height{min-height:450px}.solution_process .card .description{padding:30px}}@media only screen and (max-device-width:500px),only screen and (max-width:500px){.contact-block{width:100%}.item_block .image{height:auto!important;padding-top:75%;min-height:200px}.solution_process .card .header{flex-direction:row;justify-content:center}.solution_process .card .header .step_wrapper{margin-right:0;margin-left:0}.solution_process .card .header .step,.solution_process .card .header img{margin:auto 10px}body.index .background-image.min-height{height:calc(100vh - 100px);max-height:1200px}.item_block,.portfolio-wrapper .portfolio_item_block,.solutions-wrapper .solutions_block{width:calc(100% - 20px);max-width:unset}#footer-bottom .box,#footer-bottom .box .copyright{flex-direction:column;justify-content:center}#footer-bottom .copyright p{margin-top:10px;margin-bottom:10px}#footer-bottom .copyright .logo,#footer-bottom .copyright p{margin-left:auto;margin-right:auto}#footer-bottom .social-buttons{justify-content:center}.pricing-package_header{font-size:1.25em}.domains-table .domain{width:100%;max-width:250px}.pricing-package_footer .price .period{position:relative}#footer-top .footer-block.col-6{max-width:100%;-ms-flex:0 0 100%;flex:0 0 100%}footer{font-size:.9em}footer .info-row{margin-top:2.5px;margin-bottom:2.5px}}.bg-desk{background-image:url("/assets/img/desk.jpg?v=1.18.0")}.bg-code{background-image:url("/assets/img/code.jpg?v=1.18.0")}.bg-desk2{background-image:url("/assets/img/desk2.jpg?v=1.18.0")}.bg-orange{background-color:var(--primary-color)}@media (min-width:1400px){.bg-desk{background-image:url("/assets/img/desk-high-res.jpg?v=1.18.0")}.bg-code{background-image:url("/assets/img/code-high-res.jpg?v=1.18.0")}.bg-desk2{background-image:url("/assets/img/desk2-high-res.jpg?v=1.18.0")}}@media only screen and (max-device-width:500px){.bg-desk{background-image:url("/assets/img/desk-mobile.webp?v=1.18.0")}}