/* Generated @ 01-09-2026 20:34:05 by Bundler (JOR-IT) */

/*** mvh-web-1.0.7.css ***/
/**
 * @author Kris Massaer <kris@jor-it.be>
 * @version 1.0.7
 * @copyright (c) 2026, JOR-IT bv
 */

@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@200;300;400;500;600;700;800;900;1000&display=swap');

html,
body {
    font-family: var(--app-font-default);    
    font-size: var(--app-fontsize-default); 
    font-weight: normal;
    line-height: var(--app-lineheight-default);
    text-align: left;
}
body {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 100vh;
    margin: 0;
    padding: 0;    
    color: var(--app-fontcolor-default);
    background: var(--app-img-bodybg) bottom right no-repeat fixed;
    background-color: var(--app-bgcolor-default);
    scroll-behavior: smooth;
}

/* Frame */
.frame {
    display: block;
    position: relative;
    min-height: 100vh;
}
.frame .subframe {
    position: relative;
    min-height: var(--app-height-subframe);
}
.frame .subframe .contentframe {
    position: relative;
    padding-top: var(--app-height-header-sm);
}
.scrolled .frame .subframe .contentframe {
    position: relative;
    padding-top: var(--app-height-header-scrolled-sm);
}
@media (max-width: 576px) {
    .frame .subframe .contentframe {
        padding-top: var(--app-height-header-xs);
    }
    .scrolled .frame .subframe .contentframe {
        padding-top: var(--app-height-header-scrolled-xs);
    }
}

::selection {
    background: var(--app-color-theme);
    color: var(--app-color-reverse);
}
::-moz-selection {
    background: var(--app-color-theme);
    color: var(--app-color-reverse);
}

a,
a:link,
a:active,
a:visited,
a:focus,
a:hover {
    cursor: pointer;
    text-decoration: none;
    color: var(--app-fontcolor-default);
    transition: var(--app-transition-default);
}
a:focus,
a:hover {
    color: var(--app-color-theme);
    transition: var(--app-transition-default);
}
a.btn,
a.btn:link, 
a.btn:active, 
a.btn:visited, 
a.btn:focus, 
a.btn:hover {
    color: var(--app-fontcolor-reverse);
}

.ico-txt {
    margin-right: 0.5rem;
}
.txt-ico {
    margin-left: 0.5rem;
}

@media (max-width: 576px) {
    .hide-lbl-sm .lbl {
        display: none;
    }
    .hide-lbl-sm .ico-txt {
        margin-right: 0;
    }
    .hide-lbl-sm .txt-ico {
        margin-left: 0;
    }
}

.txt-center {
    text-align: center;
}
.txt-left {
    text-align: left;
}
.txt-right {
    text-align: right;
}

 
h1.page-title {
   margin: 1rem 0;
   padding: 0;
   font-size: 2rem;
   font-weight: 200;
   color: var(--app-fontcolor-highlight);
}
h2.page-subtitle {
    margin: 1rem 0;
    padding: 0;
    font-size: 1.5rem;
    font-weight: 300;
}

/* Brand logo */
.brand {
    display: block;
    position: relative;
    margin: 0;
    padding: 0 0 0 65px;
    height: 100%;
    background: var(--app-img-logo) no-repeat left center;
    background-size: var(--app-imgheight-logo);
    text-transform: uppercase;
}
.brand h1 {
    margin: 0;
    line-height: var(--app-lineheight-logo);
}
.brand .pre {
    color: var(--app-fontcolor-logo-pre);
    font-size: 2rem;
    font-weight: 600; 
    margin-right: 0.5rem;
}
.brand .suf {
    color: var(--app-fontcolor-logo-suf);
    font-size: 2.5rem;
    font-weight: 900; 
}
.scrolled .brand {
    padding: 0 0 0 65px;
    background-size: var(--app-imgheight-logo-scrolled);
}
.scrolled .brand h1 {
    line-height: var(--app-lineheight-logo-scrolled);
}
.scrolled .brand .pre {
    font-size: 1.5rem;
}
.scrolled .brand .suf {
    font-size: 2rem;
}

@media (max-width: 575px) {
    .brand {
        padding: 0;
        background: var(--app-img-logo) no-repeat center top;
        background-size: var(--app-imgheight-logo-sm);        
    }
    .brand .pre {
        font-size: 1.25rem;
        font-weight: 600; 
        margin-right: 0.5rem;
    }
    .brand .suf {
        color: var(--app-fontcolor-logo-suf);
        font-size: 1.75rem;
        font-weight: 900; 
    }
}

/* Home */
.home-intro {
    position: relative;
}
.home-intro .overlay {
    position: absolute;
    top: 0;    
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(255, 255, 255, 0.8);
}
.home-intro .overlay h2 {
    display: table;
    text-align: center;
    margin: 0 auto;
    padding: 2rem 0;
    color: var(--app-color-theme);
    font-size: 1.5rem;
    font-weight: 900;
    text-shadow: 3px 3px 2px var(--app-color-total-darkblue);
}
@media (min-width: 768px) {
    .home-intro .overlay h2 {
        font-size: 2rem;
    }
}
.home-intro .carousel .carousel-inner .carousel-item {
    text-align: center;
}
.home-intro .carousel .carousel-inner .carousel-item .img-holder {
    height: 75vh;
    background-color: #ffffff;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.home-services {
    margin: -2rem 0 0 0; 
}
.home-services .card,
.home-services .card .card-header,
.home-services .card .card-body {
    border: none;
}
.home-services .card {
    margin: 0 0 1rem 0; 
    box-shadow: 0 0.5rem 1rem rgba(0,0,0, 0.15);
    -webkit-border-radius: var(--app-borderradius-default);
    -moz-border-radius: var(--app-borderradius-default);
    border-radius: var(--app-borderradius-default);
    transition: var(--app-transition-default);
}
.home-services .card:hover,
.home-services .card:focus {
    transform: scale(1.1);
    transition: var(--app-transition-default);
}
.home-services .card .card-header {
    color: var(--app-fontcolor-reverse);
    background-color: var(--app-fontcolor-highlight);
    text-align: center;    
    padding: 1rem;
}
.home-services .card .card-header h3 {
    margin: 0;
    font-size: 1.25rem;
    font-weight: bold;
}
.home-services .card .card-body {
    min-height: 200px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

/* Messages */
.messages {
    margin: 2rem 0; 
}
.messages .alert {
    display: table;
    margin: 0.5rem auto 0 auto;
    padding: 1rem 2rem;
    -webkit-border-radius: var(--app-borderradius-default);
    -moz-border-radius: var(--app-borderradius-default);
    border-radius: var(--app-borderradius-default);
}
.messages .alert:first-of-type {
    margin-top: 0;
}
.messages .alert-primary {
    background-color: rgba(var(--app-color-total-darkblue-rgb), 0.7);
    color: var(--app-color-reverse);
    border: none;
    border-top: 3px solid var(--app-color-total-darkblue);
    border-bottom: 3px solid var(--app-color-total-darkblue);
}

/* Content */
.content {
    padding: 1rem 0;
}
.content .content-text {
    
}
.content .content-text h1 {
    color: var(--app-color-theme);
    font-size: 2rem;
    font-weight: bold;
    margin: 0;    
    line-height: 140%;
}
.content .content-text h2 {
    color: var(--app-color-theme);
    font-size: 1.75rem;
    font-weight: bold;
    line-height: 130%;
    margin: 1rem 0 0.5rem 0;
}
.content .content-text h3 {
    color: var(--app-color-theme);
    font-size: 1.5rem;
    font-weight: bold;
    margin: 0 0 0.5rem 0;
}
.content .content-text p {
    color: var(--app-fontcolor-default);
    font-size: 1rem;
    margin: 0 0 0.5rem 0;
}
.content .content-text a,
.content .content-text a:link,
.content .content-text a:visited,
.content .content-text a:active {
    color: var(--app-color-theme);
    text-decoration: none;
}
.content .content-text a:focus,
.content .content-text a:hover {
    color: var(--app-color-theme);
    text-decoration: underline;
}
.content .content-text table {
    border: var(--app-border-content-table);
}
.content .content-text table tr {
    border: none;
}
.content .content-text table tr:nth-child(odd),
.content .content-text table tr:nth-child(odd) td {
    background-color: var(--app-bgcolor-content-tr-odd);
}
.content .content-text table tr:nth-child(even),
.content .content-text table tr:nth-child(even) td {
    background-color: var(--app-bgcolor-content-tr-even);
}
.content .content-text table tr td {
    padding: 0.25rem 0.5rem;
    border: none;
}
.content .content-file a,
.content .content-file img {
    margin: 0 0 0.5rem 0;
}
.content .content-file a,
.content .content-file a:link,
.content .content-file a:active,
.content .content-file a:visited,
.content .content-file a:focus, 
.content .content-file a:hover {
    color: var(--app-color-theme);
    font-style: italic;
}
.content .content-file a:focus, 
.content .content-file a:hover {
    text-decoration: underline;
}
/*** web/_header-1.0.7.css ***/
header {
    display: block;
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    background: var(--app-bgcolor-header);
    z-index: var(--app-zindex-header);
}

/* btn-nav-order */
.btn-nav-order {  
    display: block;
    text-align: center;
    padding: 0 1rem;
    border-radius: var(--app-borderradius-default);
    padding: 0 0.75rem;
    line-height: var(--app-btn-lineheight);
}
.btn-nav-order,
.btn-nav-order:link,
.btn-nav-order:active,
.btn-nav-order:visited {
    color: var(--app-color-reverse);
    background-color: var(--app-color-theme);
    text-decoration: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.btn-nav-order:hover,
.btn-nav-order:focus {
    text-decoration: none;
    background-color: rgba(var(--app-color-theme-rgb), 0.6);
    -webkit-box-shadow: inset 0px -3px 0px 0px rgba(var(--app-color-theme-rgb), 1);
    -moz-box-shadow: inset 0px -3px 0px 0px rgba(var(--app-color-theme-rgb), 1); 
    box-shadow: inset 0px -3px 0px 0px rgba(var(--app-color-theme-rgb), 1);
}

/* Color bar */
header .hdr-row-clr {
    display: flex;
    align-items: center;
    justify-content: space-between;
    line-height: 3px;
    background: var(--app-gradient-full-total);
}
.scrolled header .hdr-row-clr {
    line-height: 1px;
}

header .offcanvas-toggle {
    padding: 0 1rem;
    border-right: 1px solid var(--app-bordercolor-header);        
}

/* hdr-row-top */
header .hdr-row-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid var(--app-bordercolor-header);
    line-height: var(--app-lineheight-header);
}
.scrolled header .hdr-row-top {  
    line-height: var(--app-lineheight-header-scrolled);
}
header .hdr-row-top .offcanvas-toggle {
    display: none;
}
header .hdr-row-top ul.contacts {
    position: relative;
    list-style-type: none;
    margin: 0 auto;    
    padding: 0;
}
header .hdr-row-top ul.contacts li {
    display: inline-block;
    position: relative;
}
header .hdr-row-top ul.contacts li a {
    display: block;
    position: relative;
    padding: 0 1rem;
}
@media (max-width: 576px) {
    header .hdr-row-top .offcanvas-toggle {
        display: block;
    }
    header .hdr-row-top ul.contacts {
        margin: 0 1rem 0 0;
    }
}
@media (min-width: 577px) and (max-width: 610px) {
    header .hdr-row-top ul.contacts li a {
        padding: 0 0.5rem;
    }
}

/* hdr-row-btm */
header .hdr-row-btm {
    display: flex;
    width: 100%;
    background-color: var(--app-bgcolor-header);
    border-bottom: 1px solid var(--app-bordercolor-header);
}
header .hdr-row-btm .container-1,
header .hdr-row-btm .container-3 {    
}
header .hdr-row-btm .container-2 {
    flex-grow: 1;
}
header .hdr-row-btm .container-1 .offcanvas-toggle {
    display: block;
    line-height: var(--app-lineheight-header);
}
.scrolled header .hdr-row-btm .container-1 .offcanvas-toggle {  
    line-height: var(--app-lineheight-header-scrolled);
}

header .hdr-row-btm .logo-container {
    display: table;
    margin: 0 auto;
}
header .hdr-row-btm .logo {
    display: block;
    position: relative;
    margin: 0;
    padding: 0 0 0 55px;
    height: var(--app-height-header-btm);
    overflow: hidden;
    background: var(--app-img-logo) no-repeat left center;
    background-size: var(--app-height-header-logo);
    text-transform: uppercase;
}
.scrolled header .hdr-row-btm .logo {
    height: var(--app-height-header-btm-scrolled);
}
header .hdr-row-btm .logo .pre {
    display: block;
    color: var(--app-color-logo-pre);
    font-size: 1.2rem;
    font-weight: 600; 
    margin: 0;
}
header .hdr-row-btm .logo .suf {
    display: block;
    color: var(--app-color-logo-suf);
    font-size: 1.5rem;
    font-weight: 900; 
    margin: -0.1rem 0 0 0;
}
.scrolled header .hdr-row-btm .logo .pre {
    font-size: 1.1rem;
}
.scrolled header .hdr-row-btm .logo .suf {
    font-size: 1.4rem;
}
header .hdr-row-btm .btn-nav-order {  
    line-height: var(--app-lineheight-header);
}
.scrolled header .hdr-row-btm .btn-nav-order,
.scrolled header .hdr-row-btm .order {  
    line-height: var(--app-lineheight-header-scrolled);
}

@media (max-width: 576px) {
    header .hdr-row-btm {
        display: block;
    }
    header .hdr-row-btm .container-1 {
        display: none;
    }
    header .hdr-row-btm .container-2 {
        display: table;
        margin: 0.5rem auto;
    }
    .scrolled header .hdr-row-btm .container-2 {
        margin: 0.25rem auto;
    }
    header .hdr-row-btm .container-3 {
        display: block;
    }
}
@media (min-width: 768px) {
    header .hdr-row-btm .logo-container {
        height: 100%;
    }
    header .hdr-row-btm .logo {
        padding: 0 0 0 60px;  
        line-height: var(--app-lineheight-header);
    }
    .scrolled header .hdr-row-btm .logo {
        line-height: var(--app-lineheight-header-scrolled);
    }
    header .hdr-row-btm .logo .pre {
        display: inline-block;
        font-size: 1.5rem;        
        margin: 0 0.5rem 0 0;
    }
    .scrolled header .hdr-row-btm .logo .pre {
        font-size: 1.5rem;
    }
    header .hdr-row-btm .logo .suf {
        display: inline-block;
        font-size: 2rem;
        margin: 0;
        line-height: var(--app-lineheight-header);
    }    
    .scrolled header .hdr-row-btm .logo .suf {
        line-height: var(--app-lineheight-header-scrolled);
        font-size: 2rem;
    }    
}

/* Sidemenu */
.offcanvas .logo-container {
    
}
.offcanvas .logo {
    display: block;
    position: relative;
    margin: 0;
    padding: 0 0 0 55px;
    background: var(--app-img-logo) no-repeat left center;
    background-size: var(--app-height-header-logo);
    text-transform: uppercase;
}
.offcanvas .logo .pre {
    display: block;
    color: var(--app-color-logo-pre);
    font-size: 1.2rem;
    font-weight: 600; 
    margin: 0;
}
.offcanvas .logo .suf {
    display: block;
    color: var(--app-color-logo-suf);
    font-size: 1.5rem;
    font-weight: 900; 
    margin: 0;
}
.offcanvas .offcanvas-header {
    padding-bottom: 0;
}
.offcanvas .offcanvas-header .btn-close {
    position: absolute;
    top: 1rem;
    right: 1rem;
}
.offcanvas .navbar {
    margin: 0;
    padding: 0;
}
.offcanvas .navbar ul {
    display: block;
    list-style-type: none;
    width: 100%;
    padding: 0;
    margin: 0;    
}
.offcanvas .navbar ul li { 
    display: block;
}
.offcanvas .navbar ul li a { 
    display: block;
    padding: 0.5rem 0;
    border-right: 2px solid transparent;
}
.offcanvas .navbar ul li a:hover,
.offcanvas .navbar ul li a:focus { 
    border-right: 2px solid var(--app-brdrcolor-highlight);
}

.offcanvas .navbar .btn-nav-order {
    display: block;
    width: 100%;
    margin: 1rem 0 0 0;
}
.offcanvas .lng-select {
    display: block;
    width: 100%;
    margin: 2rem 0 0 0;
    text-align: center;
}
.offcanvas .lng-select a {
    padding: 0.5rem 1rem;    
}
.offcanvas .lng-select a.active,
.offcanvas .lng-select a.active:link,
.offcanvas .lng-select a.active:visited,
.offcanvas .lng-select a.active:active,
.offcanvas .lng-select a.active:focus,
.offcanvas .lng-select a.active:hover {
    color: var(--app-fontcolor-highlight);
}
/*** web/_footer-1.0.7.css ***/
footer {
    margin-top: 1rem;
    padding: 1rem 0;
    background-color: var(--app-bgcolor-footer);
    color: var(--app-fontcolor-footer);
    font-size: var(--app-fontsize-footer);
}

footer ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
footer ul li {
    margin: 0 0 0.25rem 0;
    text-align: center;
}
footer ul.contacts li {
    margin: 0 0 0.75rem 0;
}
footer ul li:last-of-type {
    margin: 0;
}

footer .ftr-ttl {
    font-size: 1.2rem;
    font-weight: 600;
    padding: 0;
    margin: 0 0 0.5rem 0;
    text-align: center;
}

footer a,
footer a:link,
footer a:active,
footer a:visited,
footer a:focus,
footer a:hover {
    color: var(--app-fontcolor-footer);
}
footer a:focus,
footer a:hover {
    color: var(--app-fontcolor-highlight);
}

footer .brand,
footer .scrolled .brand {
    background: var(--app-img-logo) no-repeat top center;
    padding: 40px 0 0 0 !important;
    background-size: var(--app-imgheight-logo);
}
footer .brand .pre,
footer .brand .suf {    
    display: block;
    text-align: center;
    margin: 0;
}
footer .brand .pre {
    color: var(--app-color-logo-pre);
}
footer .brand .suf {    
    color: var(--app-color-logo-suf);
}


footer .lng-selection {
    padding-top: 0.75rem;
}
footer .lng-selection span {
}
footer .lng-selection a {
    padding: 0 0.5rem;
}
footer .lng-selection a.active,
footer .lng-selection a.active:link,
footer .lng-selection a.active:active,
footer .lng-selection a.active:visited,
footer .lng-selection a.active:focus,
footer .lng-selection a.active:hover {
    color: var(--app-fontcolor-highlight);
}

footer .ftr-socials {
    display: flex;    
    align-items: center;
    justify-content: center;
    margin-bottom: 0.75rem;
    font-size: 1.5rem;
}
footer .ftr-socials a {
    display: flex;
    padding: 0 0.5rem;
    
}
/*** web/_input-1.0.7.css ***/
.form-group {
    margin-bottom: 1rem;
}

.form-control {
    border-radius: var(--app-borderradius-default);
    font-weight: normal;
    color: var(--app-fontcolor-default);
}
.form-control:focus {
    color: var(--app-fontcolor-default);
    background-color: #ffffff;
    border-color: #2f489a;
    box-shadow: none;
}

textarea.form-control {
    min-height: 8rem;
    resize: none;
}

.input-group .form-control {
    border-right: none;
}

.form-floating > label {
    z-index: 10;
}
.quantity-unit {    
    display: flex;
    height: 100%;
    color: var(--app-fontcolor-default);
    background-color: transparent;
    border-radius: var(--app-borderradius-default);
    border: none;
    margin-left: -1rem;    
    padding-bottom: 1rem;
    align-items: center;
}

/* Feedback */
.has-feedback .form-control-feedback {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0.5rem 0.5rem 0 0;
    padding: 0;
    font-size: 0.85rem;
    z-index: 11;
}
.has-error .form-control-feedback {
    color: #b71c1c;
}
.has-error .form-control {
    border-color: #b71c1c;
}
.has-error .form-control:focus {
    border-color: #b71c1c;
    box-shadow: none;
}
.has-feedback.has-error .input-group-text {
    border-color: #b71c1c;
}

.form-group.checkbox {
    position: relative;
}
.checkbox .form-control-feedback {
    margin-top: 0;
}
.checkbox.has-error .form-check-input {
    border-color: #b71c1c;
}
.checkbox.has-error .form-check-label {
    color: #b71c1c;
}

fieldset {
    border: 1px solid #ced4da;
    padding: 1rem;
    margin-top: 2rem;
}
fieldset legend {
    margin-top: -36px;
    background-color: #fff;
    width: auto;
    padding: 0 0.5rem;
    color: #e2002e;
}

/* jQuery-UI: datepicker */
.ui-datepicker {
    z-index: var(--app-zindex-datepicker) !important;
}
.ui-widget {
    font-family: var(--app-font-default) !important;
    font-size: 1rem !important;
}
.ui-datepicker {
    width: 18rem !important;
    border-color: #2f489a !important;
    border-radius: var(--app-borderradius-default) !important;
}
.ui-widget-content {
    color: var(--app-fontcolor-default) !important;
}

/* Checkbox */
.form-check {
    padding-left: 2rem;
    margin-bottom: 0;
}
.form-check .form-check-input {
    width: 1.5rem;
    height: 1.5rem;
    margin-top: 0.25rem;
}
.form-check .form-check-input[type="checkbox"] {
    border-radius: var(--app-borderradius-default);
}
.form-check .form-check-input:checked {
    background-color: #e2002e;
    border-color: #e2002e;
}
.form-check .form-check-input:focus {
    box-shadow: none;
}
.form-check .form-check-label {
    margin-left: 0.5rem;
}

/* Switchbox */
.form-switch {
    padding-left: 0;
}
.form-switch .switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
    -webkit-border-radius: var(--app-borderradius-default);
    -moz-border-radius: var(--app-borderradius-default);
    border-radius: var(--app-borderradius-default);
}
.form-switch .switch input {
    opacity: 0;
    width: 0;
    height: 0;
}
.form-switch .switch-slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #CCCCCC;
    -webkit-border-radius: var(--app-borderradius-default);
    -moz-border-radius: var(--app-borderradius-default);
    border-radius: var(--app-borderradius-default);
    -webkit-transition: 0.4s;
    transition: 0.4s;
}
.form-switch .switch-slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: #FFFFFF;
    -webkit-border-radius: var(--app-borderradius-default);
    -moz-border-radius: var(--app-borderradius-default);
    border-radius: var(--app-borderradius-default);
    -webkit-transition: 0.4s;
    transition: 0.4s;
}
.form-switch input:checked + .switch-slider {
    background-color: var(--app-btn-primary-bg);
}
.form-switch input:checked + .switch-slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}
/*** web/_button-1.0.7.css ***/
.btn {
    min-width: var(--app-btn-minwidth);
    transition: var(--app-transition-default);
    border-radius: var(--app-borderradius-default);
    padding: 0 0.75rem;
    line-height: var(--app-btn-lineheight);
}
.btn-row {
    text-align: right;
}

@media (max-width: 575px) {
    .btn {
        min-width: var(--app-btn-minwidth-sm);        
    }
}

/* Round */
.btn-round {    
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    height: var(--app-btn-round-height);
    width: var(--app-btn-round-width);
    min-width: var(--app-btn-round-width);
}

/* Primary */
.btn-primary {
    color: var(--app-btn-primary-fc);
    background-color: var(--app-btn-primary-bg);
    border: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-transition: var(--app-transition-default);
    transition: var(--app-transition-default);
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.active, 
.btn-primary:active, 
.btn-primary.active:focus, 
.btn-primary:active:focus, 
.show > .btn-primary.dropdown-toggle,
.show > .btn-primary.dropdown-toggle:focus,
.btn-check:active + .btn-primary, 
.btn-check:checked + .btn-primary, 
.btn-check:active + .btn-primary:focus, 
.btn-check:checked + .btn-primary:focus {
    border: none;
    background-color: var(--app-btn-primary-bg-hvr);
    -webkit-box-shadow: var(--app-btn-primary-shadow-hvr);
    -moz-box-shadow: var(--app-btn-primary-shadow-hvr);
    box-shadow: var(--app-btn-primary-shadow-hvr);
}

/* Primary outline */
.btn-outline-primary {
    line-height: calc(var(--app-btn-lineheight) - 2px);
    background-color: var(--app-btn-outlineprimary-bg);
    color: var(--app-btn-outlineprimary-fc);    
    border: var(--app-btn-outlineprimary-border);    
    -webkit-transition: var(--app-transition-default);
    transition: var(--app-transition-default);
}
.btn-outline-primary:hover,
.btn-outline-primary:focus {
    background-color: var(--app-btn-outlineprimary-bg);
    color: var(--app-btn-outlineprimary-fc);    
    border: var(--app-btn-outlineprimary-border);    
    -webkit-box-shadow: var(--app-btn-primary-shadow-hvr);
    -moz-box-shadow: var(--app-btn-primary-shadow-hvr);
    box-shadow: var(--app-btn-primary-shadow-hvr);    
}

.btn-check:active + .btn-outline-primary, 
.btn-check:checked + .btn-outline-primary, 
.btn-outline-primary.active, 
.btn-outline-primary.dropdown-toggle.show, 
.btn-outline-primary:active {
    background-color: var(--app-color-theme); ;
    color: var(--app-color-reverse);    
    border-color: var(--app-color-theme); 
    box-shadow: none;    
}
.btn-check:focus + .btn-outline-primary, 
.btn-outline-primary:focus {
    box-shadow: none;
}




/* Secondary */
/*.btn-secondary {
    color: #ffffff;
    background: #555555;    
    border: 3px solid #555555;
}
.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary.active, 
.btn-secondary:active,
.btn-secondary.active:focus, 
.btn-secondary:active:focus {
    color: #ffffff;
    background: #888888;
    border-color: #888888;
    border-bottom-color: #555555;
    box-shadow: none;
}*/

/* Dark */
/*.btn-dark {
    color: #ffffff;
    background-color: #212529;
    border: 3px solid #212529;
}
.btn-dark:hover,
.btn-dark:focus,
.btn-dark.active, 
.btn-dark:active,
.btn-dark.active:focus, 
.btn-dark:active:focus {
    color: #ffffff;
    background: #636669;
    border-color: #636669;
    border-bottom-color: #212529;
    box-shadow: none;
}*/

/*** web/_alert-1.0.7.css ***/
.alert {
    border-radius: var(--app-borderradius-default);
}

.alert.alert-warning {
    border-color: var(--app-fcolor-warning);
    color: var(--app-fcolor-warning);
    background-color: var(--app-bcolor-warning);
}
.alert.alert-warning a,
.alert.alert-warning a:link,
.alert.alert-warning a:active,
.alert.alert-warning a:visited {
    color: var(--app-fcolor-warning);
    text-decoration: none;
}
.alert.alert-warning a:focus,
.alert.alert-warning a:hover {
    color: var(--app-fcolor-warning);
    text-decoration: underline;
}

.alert .alert-success {
    border-color: var(--app-fcolor-success);
    color: var(--app-fcolor-success);
    background-color: var(--app-bcolor-success);
}
.alert.alert-success a,
.alert.alert-success a:link,
.alert.alert-success a:active,
.alert.alert-success a:visited {
    color: var(--app-fcolor-success);
    text-decoration: none;
}
.alert.alert-success a:focus,
.alert.alert-success a:hover {
    color: var(--app-fcolor-success);
    text-decoration: underline;
}

.alert .alert-danger {
    border-color: var(--app-fcolor-danger);
    color: var(--app-fcolor-danger);
    background-color: var(--app-bcolor-danger);
}
.alert.alert-danger a,
.alert.alert-danger a:link,
.alert.alert-danger a:active,
.alert.alert-danger a:visited {
    color: var(--app-fcolor-danger);
    text-decoration: none;
}
.alert.alert-danger a:focus,
.alert.alert-danger a:hover {
    color: var(--app-fcolor-danger);
    text-decoration: underline;
}

.alert.alert-info {
    border-color: var(--app-fcolor-info);
    color: var(--app-fcolor-info);
    background-color: var(--app-bcolor-info);
}
.alert.alert-info a,
.alert.alert-info a:link,
.alert.alert-info a:active,
.alert.alert-info a:visited {
    color: var(--app-fcolor-info);
    text-decoration: none;
}
.alert.alert-info a:focus,
.alert.alert-info a:hover {
    color: var(--app-fcolor-info);
    text-decoration: underline;
}
/*** web/_toast-1.0.7.css ***/
.toast-container {
    z-index: var(--app-zindex-toast);
}
.toast {    
    position: relative;
    display: flex;
    border-radius: var(--app-borderradius-default);
    font-size: 1rem;
}
.toast .toast-header,
.toast .toast-body {
    padding: 1rem;
}
.toast .toast-body .btn-close {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0.5rem;
}

.toast.success {
    border-color: var(--app-fcolor-success);
    color: var(--app-fcolor-success);
    background-color: var(--app-bcolor-success);
}
.toast.success .toast-header {
    color: var(--app-fcolor-success);
    background-color: var(--app-bcolor-success);
    border-bottom: none;
    border-radius: 0;
}

.toast.danger {
    border-color: var(--app-fcolor-danger);
    color: var(--app-fcolor-danger);
    background-color: var(--app-bcolor-danger);
}
.toast.danger .toast-header {
    color: var(--app-fcolor-danger);
    background-color: var(--app-bcolor-danger);
    border-bottom: none;
    border-radius: 0;
}

.toast.warning {
    border-color: var(--app-fcolor-warning);
    color: var(--app-fcolor-warning);
    background-color: var(--app-bcolor-warning);
}
.toast.warning .toast-header {
    color: var(--app-fcolor-warning);
    background-color: var(--app-bcolor-warning);
    border-bottom: none;
    border-radius: 0;
}

.toast.info {
    border-color: var(--app-fcolor-info);
    color: var(--app-bcolor-info);
    background-color: var(--app-fcolor-info);
}
.toast.info .toast-header {
    color: var(--app-fcolor-info);
    background-color: var(--app-bcolor-info);
    border-bottom: none;
    border-radius: 0;
}
/*** web/_card-1.0.7.css ***/

/*** web/_modal-1.0.7.css ***/
.modal {
}
.modal .modal-content {
    border-radius: var(--app-borderradius-default);
}
.modal .modal-header {
    border-bottom: none;
    padding-bottom: 0;
    border-top-left-radius: var(--app-borderradius-default);
    border-top-right-radius: var(--app-borderradius-default);
}
.modal .modal-header .modal-title {
    color: var(--app-color-theme);
    font-size: 1.5rem;
    font-weight: 100;
}
.modal .modal-body p {
    margin-bottom: 0.5rem;
}
.modal .modal-body p:last-of-type {
    margin-bottom: 0;
}
.modal .modal-footer {
    padding-top: 0;
    border-top: none;
    border-bottom-left-radius: var(--app-borderradius-default);
    border-bottom-right-radius: var(--app-borderradius-default);
}
.modal .modal-clr {
    display: flex;
    align-items: center;
    justify-content: space-between;
    line-height: 3px;
    background: var(--app-gradient-full-total);
}
/*** web/_contact-1.0.7.css ***/
/**
 * @author Kris Massaer <kris@jor-it.be>
 * @version 1.0.0
 * @copyright (c) 2023, JOR-IT bv
 */

.contact-card {
    display: block;
    position: relative;
    margin: 4rem 0;
    color: var(--app-fontcolor-default);
}
.contact-card .contact-icon {
    position: absolute;
    top: 0;
    right: 0;
    height: 4.5rem;
    width: 4.5rem;
    margin-right: 3.125rem;
    margin-top: -2.25rem;
    background-color: var(--app-color-total-red);
    color: #ffffff;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    z-index: 10;
}
.contact-card .contact-icon i {
    font-size: 2rem;
    text-align: center;
    line-height: 4.5rem;
}
.contact-card .contact-info {
    display: block;
    position: relative;
    padding: 2.25rem 1.5rem 1.5rem 1.5rem;
    border: 2px solid var(--app-color-total-darkblue);
    -webkit-transition: 500ms;
    -moz-transition: 500ms;
    -o-transition: 500ms;
    transition: 500ms;
}
.contact-card .contact-info h3 {
    margin: 0 0 0.75rem 0;
    font-size: 1.5rem;
    font-weight: 200;
}
.contact-card .contact-info p {
    margin: 0 0 0.75rem 0;
    font-size: 1.25rem;
    font-weight: 500;
    text-align: center;
}
.contact-card .contact-info dl {
    margin-bottom: 0;
}
.contact-card .contact-info dl dt {
    display: inline;
    float: left;
    font-size: 0.85rem;
    font-weight: normal;
    
}
.contact-card .contact-info dl dd {
    display: block;
    margin: 0 0 0.25rem 7rem;
}

.contact-card:hover .contact-info {
    -webkit-box-shadow: 0 0 10px 5px rgba(0,0,0,0.25);
    box-shadow: 0 0 10px 5px rgba(0,0,0,0.25);
}
/*** web/_order-1.0.7.css ***/
/**
 * @author Kris Massaer <kris@jor-it.be>
 * @version 1.0.0
 * @copyright (c) 2023, JOR-IT bv
 */

.order-form {
    
}
.order-form .btn-product {
    margin: 0 0.25rem 0.5rem 0.25rem;
}

.order-form .product-info {
    margin: -1rem 0 1rem 0;
    padding: 0 0.75rem;
    font-style: italic;
}

.order-form .input-group-text {
    color: var(--app-fontcolor-default);
    background-color: #ffffff;    
    border-left: none;
    border-radius: var(--app-borderradius-default);
}

.order-form .accordion {
    border-radius: var(--app-borderradius-default);
}
.order-form .accordion-item {
    border-radius: var(--app-borderradius-default);
}
.order-form .accordion-item .accordion-header {
    padding: 0.5rem 1rem;
    margin: 0;
    color: var(--app-color-theme);
    font-size: 2rem;
    font-weight: bold;
    line-height: 140%;
    background-color: #ffffff;
}
.order-form .accordion-item .accordion-header .accordion-button:focus {
    box-shadow: none;
}
.order-form .accordion-item .btn-row {
    text-align: right;
}

@media (max-width: 575px) {
    .order-form .accordion-body {
        padding: 1rem 0.75rem;
    }
    .order-form .btn-product {
        min-width: auto;
    }
}

.order-form .products {
    position: relative;
}
.order-form .has-feedback .products .form-control-feedback,
.order-form .privacy.has-feedback .form-control-feedback,
.order-form .general-conditions.has-feedback .form-control-feedback {
    position: relative;
    display: block;
    margin: 0 0 0 0.25rem;
    padding: 0;
}

.order-form .privacy.has-feedback .form-check-label,
.order-form .general-conditions.has-feedback .form-check-label {    
    color: #b71c1c;
}

.order-form .summary {
    list-style-type: none;
    margin: 0.5rem 0;
    padding: 0;
}
.order-form .summary label {
    font-size: 0.85rem;
    margin-right: 0.5rem;
    color: var(--app-fontcolor-dimmed);
}
.order-form .summary .value {
    font-weight: bold;
}

.order-form .modify {
    /*text-align: right;
    font-size: 0.85rem;
    margin: 0 2rem 1rem 0;*/
    font-size: 0.85rem;
    margin: 0 0 0 2rem;
    display: inline;
}

.order .privacy label a,
.order .privacy label a:link,
.order .privacy label a:active,
.order .privacy label a:visited,
.order .privacy label a:focus,
.order .privacy label a:hover,
.order .general-conditions label a,
.order .general-conditions label a:link,
.order .general-conditions label a:active,
.order .general-conditions label a:visited,
.order .general-conditions label a:focus,
.order .general-conditions label a:hover {
    text-decoration: underline !important;
}
/*** web/_modal-1.0.7.css ***/
.modal {
}
.modal .modal-content {
    border-radius: var(--app-borderradius-default);
}
.modal .modal-header {
    border-bottom: none;
    padding-bottom: 0;
    border-top-left-radius: var(--app-borderradius-default);
    border-top-right-radius: var(--app-borderradius-default);
}
.modal .modal-header .modal-title {
    color: var(--app-color-theme);
    font-size: 1.5rem;
    font-weight: 100;
}
.modal .modal-body p {
    margin-bottom: 0.5rem;
}
.modal .modal-body p:last-of-type {
    margin-bottom: 0;
}
.modal .modal-footer {
    padding-top: 0;
    border-top: none;
    border-bottom-left-radius: var(--app-borderradius-default);
    border-bottom-right-radius: var(--app-borderradius-default);
}
.modal .modal-clr {
    display: flex;
    align-items: center;
    justify-content: space-between;
    line-height: 3px;
    background: var(--app-gradient-full-total);
}
/*** web/_default-1.0.7.css ***/
/**
 * @author Kris Massaer <kris@jor-it.be>
 * @version 1.0.0
 * @copyright (c) 2023, JOR-IT bv
 */

:root {
    --app-font-default: 'Nunito', sans-serif, Arial, Helvetica;
    --app-fontsize-default: 16px;
    --app-lineheight-default: 1.5;
    --app-fontcolor-default: #444444;
    --app-fontcolor-default-rgb: 68,68,68;
    --app-fontcolor-dimmed: #666666;
    --app-borderradius-default: 2px;
    --app-bgcolor-default: #ffffff;
    --app-transition-default: all 0.5s ease;
    
    --app-color-theme: #E2002E;
    --app-color-theme-rgb: 226,0,46;
    --app-color-reverse: #FFFFFF;
    --app-color-reverse-rgb: 255,255,255;
    
    --app-color-total-lightblue: #0186F4;
    --app-color-total-lightblue-rgb: 1,134,244;
    --app-color-total-cyan: #35C1B0;
    --app-color-total-cyan-rgb: 53,193,176;
    --app-color-total-green: #AAD725;
    --app-color-total-green-rgb: 170,215,37;
    --app-color-total-yellow: #FDD600;
    --app-color-total-yellow-rgb: 253,214,0;
    --app-color-total-orange: #FE7F00;
    --app-color-total-orange-rgb: 254,127,0;
    --app-color-total-red: #FD0201;
    --app-color-total-red-rgb: 253,2,1;
    --app-color-total-darkblue: #3055FC;
    --app-color-total-darkblue-rgb: 48,85,252;
    --app-color-total-purple: #8434D5;
    --app-color-total-purple-rgb: 132,52,213;
    
    --app-fontcolor-highlight: #e10032;
    --app-bgcolor-highlight: #e10032;
    --app-bgcolor-highlight-rgb: 225,0,50;
    --app-brdrcolor-highlight: #e10032;
    --app-fontcolor-reverse: #ffffff;
    
    --app-bgcolor-header: #ffffff;
    --app-bordercolor-header: #cccccc;    
    --app-height-header-btm: 50px;
    --app-height-header-btm-scrolled: 40px;
    --app-lineheight-header: var(--app-height-header-btm);
    --app-lineheight-header-scrolled: var(--app-height-header-btm-scrolled);
    --app-height-header-logo: var(--app-height-header-btm);
    --app-height-header-logo-scrolled: var(--app-height-header-btm-scrolled);
    
    /*--app-lineheight-header-top: 50px;
    --app-lineheight-header-btm: 73px;
    --app-lineheight-header-top-scrolled: 35px;
    --app-lineheight-header-btm-scrolled: 50px;*/
    
    --app-bgcolor-footer: #444444;
    --app-fontsize-footer: 0.85rem;
    --app-fontcolor-footer: #ffffff;
    
    /*--app-img-bodybg: url('/public/pic/total-energies-background.png');*/
    --app-img-bodybg: url('/public/pic/mazout-verheyden-background-v1.png');
    --app-height-header-xs: 171px;
    --app-height-header-sm: 105px;
    --app-height-header-scrolled-xs: 141px;
    --app-height-header-scrolled-sm: 93px;
    --app-height-footer: 260.4px;
    --app-height-subframe: calc(100vh - var(--app-height-footer));
    /*--app-margintop-contentframe: 105px;    
    --app-margintop-contentframe-scrolled: 83px;*/
    
    /*--app-img-logo: url('/public/pic/total-energies-logo.png');*/
    --app-img-logo: url('/public/pic/mazout-verheyden-logo-v1.png');
    --app-color-logo-pre: #666666;
    --app-color-logo-suf: var(--app-color-theme);
    --app-imgheight-logo: 60px;
    --app-imgheight-logo-sm: 50px;
    --app-imgheight-logo-scrolled: 45px;
    --app-lineheight-logo: 68px;
    --app-lineheight-logo-scrolled: 45px;
    
    --app-btn-lineheight: 3.125rem;
    --app-btn-minwidth: 9.375rem;
    --app-btn-minwidth-sm: 6.25rem;
    --app-btn-primary-fc: #ffffff;
    --app-btn-primary-bg: var(--app-color-theme);
    --app-btn-primary-bg-hvr: rgba(var(--app-color-theme-rgb), 0.6);
    --app-btn-primary-shadow-hvr: inset 0px -3px 0px 0px rgba(var(--app-color-theme-rgb), 1);
        
    --app-btn-outlineprimary-fc: var(--app-color-theme);
    --app-btn-outlineprimary-bg: #ffffff;
    --app-btn-outlineprimary-border: 1px solid var(--app-color-theme);
    
    --app-btn-outlineprimary-fc-act: #ffffff;
    --app-btn-outlineprimary-bg-act: var(--app-color-theme);
    
    --app-btn-round-height: 45px;
    --app-btn-round-width: 45px;
    
    --app-border-content-table: 1px solid #dddddd;
    --app-bgcolor-content-tr-odd: #ffffff;
    --app-bgcolor-content-tr-even: #f5f5f5;
    
    --app-gradient-full-total: linear-gradient(90deg, 
        rgba(var(--app-color-total-orange-rgb),1) 0%, 
        rgba(var(--app-color-total-red-rgb),1) 15%, 
        rgba(var(--app-color-total-purple-rgb),1) 29%,
        rgba(var(--app-color-total-darkblue-rgb),1) 43%,
        rgba(var(--app-color-total-lightblue-rgb),1) 57%,
        rgba(var(--app-color-total-cyan-rgb),1) 71%,
        rgba(var(--app-color-total-green-rgb),1) 85%,
        rgba(var(--app-color-total-yellow-rgb),1) 100%);
    
    --app-fcolor-success: var(--app-color-total-cyan);
    --app-bcolor-success: #EAF8F7;
    --app-fcolor-danger: var(--app-color-total-red);
    --app-bcolor-danger: #FEE5E5;
    --app-fcolor-warning: var(--app-color-total-yellow);
    --app-bcolor-warning: #FEFAE5;
    --app-fcolor-info: var(--app-color-total-darkblue);
    --app-bcolor-info: #EAEEFE;
 
    --app-zindex-header: 101;
    --app-zindex-toast: 999;
    --app-zindex-datepicker: 988;
    --app-zindex-menu: 977;
}