/* Disable footer fixed and enable vertical scrolling for body */
html {
    font-size: 17px;
    height: 101% !important;
}

body {
    font-family: 'helveticaNeueLT_light',Arial,Sans-serif;
    font-size: 17px;
    font-weight: 300;
    overflow: auto;
    overflow-x: hidden;
    overflow-y: auto;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    height: 101% !important;
    color: #171717;
}

.supertop {
    position: relative;
    float: left;
    width: 100%;
    background-color: #fff;
    height: 35px;
    clear: both;
}

body.modal-open {height: 101%; padding-right: 15px;}

a {
    color: #171717;
    text-decoration: underline;
}

a:hover, a:active, a:focus {color: inherit; opacity: 50%; text-decoration: underline;}

.no-transparency:hover,
a.no-transparency:hover {opacity: 1 !important;}

 :focus {
        outline:none;
}

a:focus {
        outline: none;
} 

.tekst_grijs {opacity: 50%;}
.modal-dialog .tekst_grijs {opacity: 50%;}

#sp-footer {
    position: relative;
    margin-top: 22px !important;
    padding-bottom: 10px;
}

#sp-footer .container-inner {
    padding: 15px 0 22px 0;
}

#sp-footer .footercontent {width: 100% !important;}

#sp-footer .footercontent p,
#sp-footer .footercontent span {
	font-family: 'helveticaNeueLT_light', Arial, sans-serif !important;
	font-size: 0.82352941rem ;
    font-size: 14px;
    font-style: normal;
}

#sp-footer .footertext, #sp-footer .footertext p, #sp-footer .footertext a, #sp-footer .footertext a:hover, #sp-footer .separator {
    color: #171717;
    line-height: 1.42857143rem;
}

#sp-footer .footercontent p {line-height: 2rem;}

#sp-footer .footertext, #sp-footer .footertext p, #sp-footer .footertext a, #sp-footer .footertext a:hover, #sp-footer .separator {
    color: #171717;
    text-decoration: none;
    line-height: 1.42857143rem;
    vertical-align: middle;
    font-size: 14px !Important;
}

#sp-footer .footercontent p .separator,
#sp-footer .separator {
    font-size: 2rem !important;
    padding: 0 0.2rem;
    display: inline-block;
    padding-top: 1px;
}

.display-xs #sp-footer .organisation_name, .display-sm #sp-footer .organisation_name {
    font-weight: 400;
}

.display-xs #sp-footer .organisation_name, .display-sm #sp-footer .organisation_name, .display-xs #sp-footer .organisation_address, .display-sm #sp-footer .organisation_address, .display-xs #sp-footer .organisation_contacts, .display-sm #sp-footer .organisation_contacts {
    display: inline-block;
    width: auto;
}


/* General styling adjustments and additions */

#sp-main-body img {border-radius: 1rem;}

h1, h2 {
    font-family: 'HelveticaNeue_medium', Arial, Sans-Serif;
    font-size: 1.17647059rem; /* 20px */
    line-height: 1.42857143rem;
    font-weight: 500;
    color: #171717;
    /* margin-bottom: 1.42857143rem; */
    margin-bottom: 0; 
}

h3, h4 {
    font-family: 'HelveticaNeue_medium', Arial, Sans-Serif;
    font-size: 1rem;
    font-weight: 300;
    font-size: 1rem;
    font-style: normal;
    line-height: 1.42857143rem;    
    margin-bottom: 0; 
}

h4 {font-weight: 300; opacity: 0.5; margin-bottom: 0;}

strong {font-family: 'HelveticaNeue_medium', Arial, Sans-Serif; font-weight: 300;}

dl, ol, ul {
    margin-bottom: 1.42857143rem;
    padding-left: 1.42857143rem;
}

.article-body a {color: #171717; text-decoration: underline;}
.article-body a:hover {color: #171717; text-decoration: underline; opacity: 50%;}
.ui.active.dimmer {z-index: 1000000000;}

.view-category p, p {margin-bottom: 0 !important;} 

.no-margin-bottom, no-margin-bottom ul {margin-bottom: 0;}

p.introtext {
    font-family: 'HelveticaNeue_medium';
    margin-bottom: 17px !important;
    line-height: 1.294117647058824em;
    color: #1a171b;
    font-family: HelveticaNeue_medium;
}


/* Flex gedoe --------------------------------------------------------------------------------- */
.equal-heights {
    display: flex;
    flex-direction: row;
}

.two-rows {
    display: flex;
}
.two-rows.top-bottom {
    flex-direction: column;
    height: 100%;
}
.two-rows.top-bottom .row-1 {
    display: flex;
    justify-content: flex-stretch !important;
}
.two-rows.top-bottom .row-2 {
    display: block;
    position: absolute;
    bottom: 0;
}

/* inner background  ********/


.content .inner.edge.background-grey  {
    padding: 21px !important;
}

/* Buttons ------------------------------------------------------------------------------------ */
.ui.button,
.btn-primary,
.btn-primary.btn-large,
.btn-primary:focus {
    font-family: 'HelveticaNeue_medium', Arial, Sans-Serif;
    font-size: 1rem !important;
    font-weight: 400 !important;
    line-height: 1.4 !important;
    background: #868586;
    border-radius: 10px !important;
    border: 0;
    display: inline;
    margin-bottom: 0;
    opacity: 1 !important;
    padding: 0.25rem 0.5rem !important;
    color: #fff;
    white-space: nowrap;
    height: 40px !important;
    float: left;
    margin-right: 10px;
}

.btn.btn-primary.form-module-button {
    font-family: 'HelveticaNeue_medium', Arial, Sans-Serif !important;
}
.ui.form .btn.btn-primary {
    font-family: 'helveticaNeueLT_light',Arial,Sans-serif !important;
}

.btn-black {background-color: #000;}

.semanticui-body button {margin-right: 0 !important;}

.btn-primary:hover { 
    opacity: 1.0;
    background-color: #9e9e9e;
}

a.btn, a.btn-primay, a.btn:hover, a.btn-primary:hover{text-decoration: none;}

.modal-content .btn-primary,
.modal-content .btn-primary:focus,
.chronoforms .ui.button, 
.chronoforms .btn-primary, 
.chronoforms .btn-primary:focus {
    font-family: 'helveticaNeueLT_light', Arial, Sans-Serif !important;
    font-size: 0.94117647rem !important;
    font-weight: 400 !important;
    line-height: 1.4 !important;
    height: 40px;
    padding: .25rem .5rem !important;
    border-radius: 0.58823529rem !important;
    background-color: #171717 !important;
    color: #fff !important;

}

.modal-content .customFormErrorModal2Description {
    margin-bottom: 10px;
}


/* Category blog lists ------------------------------------------------------------------------- */
.article-list .article,
.article-list .article-body,
.article-list .article-introtext {float: left;}


.article-list .article:first-child {
    border-top: 0;
}

.article-list .article {
    padding: 0;
    padding-top: 0px;
    /*  padding-top: 1.42857143rem; */
    /* margin-bottom: 1.42857143rem; */
    padding-top: 0.88235294rem;
    padding-top: 1.4rem;
    margin-bottom: 0.88235294rem;
    margin-bottom: 1.4rem;
    border: 0;
    border-top: 1px solid #858585;
    border-radius: 0;
    width: 100%;
}

/*
.article-list .article-introtext {
    margin-bottom: 1.4rem;
}
*/

.article-details {
    /* border-top: 1px solid #858585; */
    padding-top :25px;
}

.article-list .article:last-child {margin-bottom: 0 !important;}

.article-list .col-md-12:last-child .article {
    margin-bottom: 0;
    border-bottom: 0;   
}

.view-category p {margin-bottom: 1.4rem;}

.col-12, .article-introtext .col-12 {padding-left: 0; padding-right: 0;}
.col-12.links {padding-left: 0px; padding-right: 15px;}
.col-12.rechts {padding-left: 15px; padding-right: 0;}

/* BOOTSTRAP ----------------------------------------------------------------------------------- */

.col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 {float: left;}

.col-12.col-md-6.links {padding-right: 15px;}
.col-12.col-md-6.rechts {padding-left: 15px;}

.nieuws.display-xl .col-12.col-md-6.rechts {padding-left: 26px;}
.nieuws.display-xl h1 {font-size: 1.1rem;}

.col-12.left-column {padding-right: 15px;}
.col-12.right-column {padding-left: 15px;}

.content {overflow-y:inherit;}

/* Modals ------------------------------------------ */
.modal-open .modal {
    z-index: 100000005 !important;
}

.modal-backdrop.show {
    opacity: .65;
    z-index: 10000001 !important;
}

.modal-dialog {
    width: 650px;
    max-width: 650px;
    margin: 1.9rem auto;
    /* fix voor scrollbalk als modal actief is */
    height: 1080px;
}


.modal-content {
        border-radius: 15px;
        padding: 20px;
        background: #E7E5E6;
}

.modal-header {display: none;}

.modal-body {
    padding: 0;
}

.btn_login {
    float: right;
    font: 16px 'helveticaNeueLT_light';
        line-height: normal;
    background: #1a171b;
    border-radius: 6px;
    color: #fff;
    display: block;
    line-height: 0.9411764705882353em;
    padding: 7px 10px 8px 7px;
}

.modal-footer .btn {
    margin-right: 0;
}

/* Popup for system messages */ 
.modal.message .modal-dialog {
    width: 359px !important;
    max-width: 359px !important;
}
.modal.message .modal-content {
    background: #fff !important;
}

/* JCE MEdiabox popup -------------------------------------------------------------------------- */
.wf-mediabox {
    position: fixed;
    z-index: 100000000;
    width: 100%;
    height: auto;
    font-size: 1rem;
}

.wf-mediabox-caption {display: none !important;}
.wf-mediabox-close {display: none !important;}
.wf-mediabox-nav {display: none !important;}
.wf-mediabox-prev,
.wf-mediabox-next {display: none !important;}


.wf-mediabox-container {
    background-color: #E7E5E6;
    border-radius: 21px !important;
    padding: 21px;
}

.wf-mediabox-container .wf-mediabox-content-item {height: auto !important;}

.wf-mediabox-container .article-details {
    padding-top: 0;
}

.wf-mediabox-container .btn-primary {margin-right: 0;}


/* Chronoforoms styling ----- ----- ----- ----- ----- ----- */
.chronoforms6_credits {display: none;}

/* Geen autofill kleurtje(s) */

input:-webkit-autofill {
    background-color: #fff !important;
}

#inputId:-webkit-autofill {
    background-color: #fff !important;
}

#bedrijf:-webkit-autofill,
#bedrijfsnaam:-webkit-autofill,
#aanhef:-webkit-autofill,
#voornaam:-webkit-autofill,
#achternaam:-webkit-autofill,
#naam:-webkit-autofill,
#adres:-webkit-autofill,
#postcode:-webkit-autofill,
#plaats:-webkit-autofill,
#telefoon:-webkit-autofill,
#telefoonnummer:-webkit-autofill,
#mobiel:-webkit-autofill,
#mobiel_nummer:-webkit-autofill,
#email:-webkit-autofill,
#emailadres:-webkit-autofill,
#kvknummer:-webkit-autofill,
#vraag:-webkit-autofill {
    box-shadow: 0 0 0 1000px #fff inset!important;
    -webkit-box-shadow: 0 0 0 1000px #fff inset!important;
    border-color: #fff !important;
    }


.semanticui-body h1 {
    font-family: 'HelveticaNeue_medium', Arial, Sans-Serif;
    font-size: 1.17647059rem !important;
    line-height: 1.42857143rem !important;
    font-weight: 500 ;
    color: #171717 ;

}

.semanticui-body h3 {
    font-family: 'HelveticaNeue_medium', Arial, Sans-Serif !important;
    font-size: 1rem !important ;
    font-weight: 300 !important;
    font-style: normal !important;
    line-height: 1.42857143rem !important;    
    margin-bottom: 1em !important; 
} 

span.paragraph {clear: both; width: 100%; margin-top: 1rem;padding: 0;}

/* More CF styling 10-2021 */

/* Hoogte van de regels */
form .mainfield.field {min-height: 33.5167px;}

/* Hoogte van de regel met de verzendknop */
form .mainfield.field[data-vtype="button"] {
    margin-bottom: 0 !important; 
    min-height: 40px;
}

/* Offerteanvraag digitale rittenstaat ------------------------------ */

/* Radios labels per field */
#ModalDigitaleRittenstaat form  div:nth-child(15) label, 
#ModalDigitaleRittenstaat form  div:nth-child(16) label {width: 420px !important;}

/* Radios width per field */ 
#ModalDigitaleRittenstaat form  div:nth-child(2) .ui.grid {width: 230px !important;}
#ModalDigitaleRittenstaat form  div:nth-child(15) .ui.grid {width: 150px !important;}
#ModalDigitaleRittenstaat form  div:nth-child(16) .ui.grid {width: 150px !important;}

#ModalDigitaleRittenstaat form  div:nth-child(15) .ui.ui.ui.compact.grid > .column:not(.row),
#ModalDigitaleRittenstaat form  div:nth-child(15) .ui.ui.ui.compact.grid > .row > .column .field,
#ModalDigitaleRittenstaat form  div:nth-child(16) .ui.ui.ui.compact.grid > .column:not(.row),
#ModalDigitaleRittenstaat form  div:nth-child(16) .ui.ui.ui.compact.grid > .row > .column .field {
    float: right;
    width: 60px;
} 



/* Offerte aanvraag BCT --------------------------------------------- */

/* Radios labels per field */
#ModalOfferteAanvraagBct form div:nth-child(16) label,
#ModalOfferteAanvraagBct form div:nth-child(17) label,
#ModalOfferteAanvraagBct form div:nth-child(18) label,
#ModalOfferteAanvraagBct form div:nth-child(19) label,
#ModalOfferteAanvraagBct form div:nth-child(20) label,
#ModalOfferteAanvraagBct form div:nth-child(21) label,
#ModalOfferteAanvraagBct form div:nth-child(22) label {
    width: 420px !important;
}

/* Radios width per field */
#ModalOfferteAanvraagBct form div:nth-child(16) .ui.grid,
#ModalOfferteAanvraagBct form div:nth-child(17) .ui.grid,
#ModalOfferteAanvraagBct form div:nth-child(18) .ui.grid,
#ModalOfferteAanvraagBct form div:nth-child(19) .ui.grid,
#ModalOfferteAanvraagBct form div:nth-child(20) .ui.grid,
#ModalOfferteAanvraagBct form div:nth-child(21) .ui.grid,
#ModalOfferteAanvraagBct form div:nth-child(22) .ui.grid {
    width: 150px !important;
}

#ModalOfferteAanvraagBct form div:nth-child(16) .ui.ui.ui.compact.grid > .column:not(.row),
#ModalOfferteAanvraagBct form div:nth-child(16) .ui.ui.ui.compact.grid > .row > .column .field,
#ModalOfferteAanvraagBct form div:nth-child(17) .ui.ui.ui.compact.grid > .column:not(.row),
#ModalOfferteAanvraagBct form div:nth-child(17) .ui.ui.ui.compact.grid > .row > .column .field,
#ModalOfferteAanvraagBct form div:nth-child(18) .ui.ui.ui.compact.grid > .column:not(.row),
#ModalOfferteAanvraagBct form div:nth-child(18) .ui.ui.ui.compact.grid > .row > .column .field,
#ModalOfferteAanvraagBct form div:nth-child(19) .ui.ui.ui.compact.grid > .column:not(.row),
#ModalOfferteAanvraagBct form div:nth-child(19) .ui.ui.ui.compact.grid > .row > .column .field,
#ModalOfferteAanvraagBct form div:nth-child(20) .ui.ui.ui.compact.grid > .column:not(.row),
#ModalOfferteAanvraagBct form div:nth-child(20) .ui.ui.ui.compact.grid > .row > .column .field,
#ModalOfferteAanvraagBct form div:nth-child(21) .ui.ui.ui.compact.grid > .column:not(.row),
#ModalOfferteAanvraagBct form div:nth-child(21) .ui.ui.ui.compact.grid > .row > .column .field,
#ModalOfferteAanvraagBct form div:nth-child(22) .ui.ui.ui.compact.grid > .column:not(.row),
#ModalOfferteAanvraagBct form div:nth-child(22) .ui.ui.ui.compact.grid > .row > .column .field {
    float: right;
    width: 60px;
} 



/* Offerte aanvraag BCT XML Online ------------------------------------------ */

/* Radios labels per field */
/*#ModalAanmeldingBctXmlOnline form div:nth-child(10) label {width: 420px !important;}*/
#ModalAanmeldingBctXmlOnline form  div:nth-child(2) .ui.grid {width: 230px !important;}






.ui.ui.ui.compact.grid > .column:not(.row), .ui.ui.ui.compact.grid > .row > .column {
    padding-right: 0 !important;
}







/* Errors in invoer */

.chronoforms .ui.form small.custom-error {
    /* display: inline-block !important; */
    display: none !important;
    width: 100%;
    text-align: right;
    color: #4375BC !important;
    opacity: 0.5;
    clear: both;
    width: 523px;
    float: right;
    padding-right: 2px;
}


.ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) label::before {
    background: #fff;
    border-color: #4375BC !important;
}

/* placeholder */
.ui.form .field input, .ui.form .field  textarea {color: rgba(0,0,0,.65) !important;}

/* placeholder validation errors */
.ui.form .field.error input::placeholder, .ui.form .field.error textarea::placeholder {border-color: #4375BC !important; color: rgba(0,0,0,.65) !important;}


.ui.form .loading {background-color: transparent !important;}

/* Header -------------------------------------------------------------------------------------- */

#sp-header {
    position: fixed;
    z-index: 10000001;
    padding-bottom: 0px;
    background-color: #fff;
    left: auto;
    margin: 0 auto;
    float: left;
    max-width: 1170px;
    width: 1170px;
}

.semanticui-body,
.ui.form,
.ui.form .field {
    background: transparent !important;
}

/* Second menu --------------------------------------------------------------------------------- */

#sp-second-menu {
    position: fixed;
    z-index: 10000000;
    padding-top: 80.8px;
    width: 100%; 
    left: 0;
    background-color: #fff;
}

#sp-submenu .submenu {float: left;}
#sp-submenu .languageselector {float: right; width: 140px;}

#sp-submenu .languageselector .mod-languages ul.lang-inline li {
    margin: 0;
}


/* Third menu ----------------------------------------------------------------------------------- */

#sp-third-menu {
    position: fixed;
    z-index: 10000000;
	margin-top: 113px;
	background-color: #fff;
    background-color: #fff;
    padding-top: 1rem;
    padding-bottom: 0.88235294rem;
	border-bottom: 1px solid #858585;
    width: 1170px;
}

#sp-third-menu .container {width: 1170px; max-width: 1170px;}


#sp-third-menu .submenu .active, .anchor_higlight_menu .submenu .active {
    font-family: 'HelveticaNeue_medium';
    font-weight: 300;
    opacity: 1 !important;
}

#sp-submenu-2 .col-3.submenu-2 {
    padding-left: 0;
    padding-right: 0;
}

#sp-submenu-2 h3 {
    font-family: 'helveticaNeueLT_light';
	text-transform: uppercase;
	color: #858585;
	font-size: 17px;
	font-weight: 300;
    margin-bottom: 0;
}

#sp-submenu-2 ul {
    padding-left: 0;
    margin-bottom: 0;
}

#sp-submenu-2 li {list-style: none;}
#sp-submenu-2 li a {color: #1a171b;
font-family: 'helveticaNeueLT_light';
font-size: 17px;
font-weight: 300;
    text-decoration:none;
}

/* Submenu -------------------------------------------------------------------------------------- */
#sp-submenu .submenu {
    width: 1024px;
}

#sp-submenu ul.menu {

    text-align: left;
}

ul.menu li {width:25%}

#sp-submenu ul.menu li:last-child::after {
    content: '|';
}


/* Language selector ---------------------------------------------------------------------------- */
.sp-module-content .mod-languages ul.lang-inline {
    text-align: right; 
}

#sp-submenu .languageselector li a {
    font-family: Helvetica,'helveticaNeueLT_light';
    font-size: 18px;
    font-weight: 400;
    line-height: 1.5;
    color: #858585;
    text-decoration: none;
}

#sp-submenu .languageselector li a.inactive {
    opacity: 0.5;
}

#sp-submenu .languageselector li.lang-active a {
    color: #1a171b;
}

#sp-submenu .languageselector li::after {
    content: '|';
    padding: 0 0.25rem;
}
#sp-submenu .languageselector li:last-child::after {
    content: none;
    padding-right: 0;
}

/* Main body ------------------------------------------------------------------------------------- */
#sp-main-body {
    margin-top: 6.25rem;
}

/* Footer ---------------------------------------------------------------------------------------- */
#sp-footer {
    margin-top: 15px;
    margin-top: 1.4rem;
    margin-bottom: 0.7rem;
}

/* Logo ------------------------------------------------------------------------------------------ */

#sp-logo p {overflow: hidden;}
#sp-logo p {margin-bottom: 0;}

#sp-logo img {
    height: 63px;
    max-height: 63px; 
    width: auto;
    margin-top: 1px;
}

#sp-logo .svg {height: 65px; width: auto;}
#sp-logo .svg svg {height: 65px; width: auto;}

#sp-logo .svg a:hover {opacity: 100%;}

/* Buttons --------------------------------------------------------------------------------------- */
a.modal {
    position: relative;
    display:block;
}

.btn-primary {color: #fff !important;}

/* Menu ------------------------------------------------------------------------------------------ */

.hover-only {
    display: none;
    text-transform: none;
    opacity: 1;
}

.sp-menu-item a:hover, .sp-menu-item a:active, .sp-menu-item a:focus {
    opacity: 1;
}

.sp-menu-item:hover a {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0; 
}

.sp-menu-item:hover .hover-only {display: block;
    font-family: Helvetica, 'helveticaNeueLT_light';
    background-color: #edebec;
    color: #000;
    border: none;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: none;
    cursor: pointer;
    font-size: 0.82352941rem;
    line-height: 1.2725941rem;
    font-weight: 400;
    padding: 8px 13px 45px 8px; 
    padding-bottom: 45px;
    margin: 0;
    margin-left: 10.5px;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
}

.sp-menu-item:hover .first .hover-only {margin-left: 0;}

#sp-submenu ul.menu li.active a {
	color: #1a171b;
    font-family: 'HelveticaNeue_medium';
}

/* Chronoforms --------- */

.ui.form,
#load-form .ui.form {font-size: 1rem;}

.ui.form .multifield {
    width: 100%;
    vertical-align: top;
}

.ui.form .multifield .field {
    clear: none !important;
}

.ui.form .ui.checkbox.radio {padding-top: 3.5px;}

.ui.form .multifield.grouped.fields  {width: 100%; min-height: 34.7833px}

.ui.form .multifield.inline.fields > label {margin: 0 !important; width: calc(35.5% - 1rem) !important;}
.ui.form .multifield.fullwidth.inline.fields > label {width: calc(82% - 1rem) !important;}
.ui.form .multifield .field {display: block; width: auto;}
.ui.form .multifield.inline.fields .field {margin: .035714em 0 0 0.5rem !important; /* padding: 7.2px 0 0 0 !important; */ padding: 2px 0 0 0 !important; display: block; }
.ui.form .multifield.inline.fields .field .ui.checkbox label {padding-top: 2.5px !important;}

.ui.form .multifield.grouped.fields {float: left;} 
.ui.form .multifield.grouped.fields .field {width: 100% !important; margin-bottom: 0 !important;}

.ui.loading.form::before {
    background: transparent !important;
}

.ui.form .multifield .field .radio label::before,
.ui.form .multifield .field .radio label::after {
    top: 3.5px;
}

.ui.form .multifield.installatie .field .radio label::before,
.ui.form .multifield.installatie .field .radio label::after {
    top: 1px;
}


/* DJ Image slider ------------------------------------------------------------------------------------- */

.djslider-default .navigation-container { top: 50% !important; margin-left: 15px !important; margin-right: 15px !important;}

.djslider-default .navigation-container-custom {top: 93% !important;}

.djslider-default .navigation-container-custom,
.djslider-default .navigation-numbers {
    position: relative !important;
    right: inherit !important;
    width: 100px;
    display: block;
    margin: 0 auto;
}



.djslider-default ul.djslider-in > li {border: 0 !important; border-radius: 1rem;}

.slide-desc .slide-text p {
    font-family: 'HelveticaNeue_medium',Arial,sans-serif;
    font-weight: 300;
    font-size: 24px;
    line-height: 1.294117647058824em;
    color: #fff;
    margin-bottom: 22px;
    letter-spacing: -0.04rem;
    opacity: 1;
}

.slide-desc-bg {background-color:transparent !important;}

.djslider-default .load-button {
    width: 12px;
    height: 12px;
    display: inline-block;
    background-color: rgba(230,230,230,0.8);
    border: 0;
    margin: 0 10px;
    opacity: 1;
    -webkit-transition: opacity 400ms ease;
    transition: opacity 400ms ease;
}

.djslider-default .load-button-active {background-color: rgba(0,0,0,0.75);}


/* Slider - descriptions */

.slide-desc {
    top: 0% !important;
    left: 0% !important;
    width: 100% !important;
    height: 100% !important;
}
.slide-desc-bg {display: none;}

.djslider-default .slide-desc-in {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.slide-desc-text-default {
    padding: 25px 50px 47px 50px;
    position: relative;
}

.slider-mobitab li:nth-child(1) .slide-text {top: 0 !important; text-align: right !important;}
.slider-mobitab li:nth-child(2) .slide-text {top: 0 !important; text-align: right !important;}
.slider-mobitab li:nth-child(3) .slide-text {top: 0 !important; text-align: right !important;} 

.slider-bct-one li:nth-child(1) .slide-text {top: 0 !important; text-align: right;}
.slider-bct-one li:nth-child(2) .slide-text {top: 0 !important; text-align: right;}

.slider-tamis   li:nth-child(1) .slide-text {top: 0 !important; text-align: left  !important;}
.slider-tamis   li:nth-child(2) .slide-text {top: 0 !important; text-align: right !important;}

.slider-communicatie li:nth-child(1)    .slide-text {top: 79% !important; text-align: left;}
.slider-communicatie li:nth-child(2)    .slide-text {top: 79% !important; text-align: left;}


.slider-communicatie li:nth-child(1) .slide-desc-text-default {top: 79% !important; text-align: left;}
.slider-communicatie li:nth-child(2) .slide-desc-text-default {top: 79% !important; text-align: left;}

.vorm-en-functie li:nth-child(1) .slide-desc-text-default {top: 79% !important; text-align: left;}

.samenwerken li:nth-child(1) .slide-desc-text-default {top: 79% !important; text-align: left;}

.slider-taxisoftware li:nth-child(1) .slide-desc-text-default {top: 79% !important; text-align: left;}
.slider-taxisoftware li:nth-child(2) .slide-desc-text-default {top: 79% !important; text-align: left;}
.slider-taxisoftware li:nth-child(3) .slide-desc-text-default {top: 0% !important; text-align: right;}

.slider-taxisoftware .load-button {background-color: rgba(248, 248, 248, 1);}
.slider-taxisoftware .load-button.load-button-active {background-color: #000;}
.slider-taxisoftware .load-button:nth-child(1).load-button-active {border: 1px solid #fff;}
.slider-taxisoftware .load-button:nth-child(3).load-button-active {border: 1px solid #fff;}

.slider-taxipoint li:nth-child(1) .slide-desc-text-default {top: 79% !important; text-align: left;}
.slider-taxipoint li:nth-child(2) .slide-desc-text-default {top: 79% !important; text-align: left;}

.slider-taxipoint .slide-desc .slide-text p {
    font-family: 'HelveticaNeue_medium', Arial, Sans-Serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1.17647059rem;
    line-height: 1.42857143rem;  
    margin-bottom: 0;  
}

/* Taxipoint */

.slider-taxipoint li:nth-child(2) .slide-text p {color: #171717 !important;}

/* Rittenstaat */

.slider-rittenstaat li:nth-child(1) .slide-desc-text-default {top: 0 !important; text-align: right;}
.slider-rittenstaat li:nth-child(2) .slide-desc-text-default {top: 79% !important; text-align: left;}



/* Modules ------ */

/* RAXO */
.allmode-item {display: inline-block; width: 100%; clear: both; margin-bottom: 0.7rem;}

.allmode-date {
    color: #fff;
    background-color: #323232;
    border-radius: 15px;
    height: 116px;
    width: 116px;
    float: left;
    display: block;
    text-align: center;
    font-family: 'helveticaNeueLT_light';
    font-size: 16px;
    font-weight: normal;
}

.allmode-date .publish-date {display: block; padding-top: 2.8rem;}
.allmode-right {width: 75%; float: right;}

.allmode-title a {
    display: block;
    font-size: 1.25rem;
    font-family: 'HelveticaNeue_medium';
    color: #323232;
    text-decoration: none;
    padding-top: 2.8rem;
}


.allmode-title a:hover {
    opacity: 50%;
    text-decoration: none;
}

/* Individual pages -------------------------------------------------------------------------------- */

/* Homepage */

.home .article-details p:first-child {
    font-family: 'HelveticaNeue_medium';
    margin-bottom: 20px !important;
    line-height: 1.294117647058824em;
    padding-right: 20px;
}

.home .mod-article-single .item_img {
    display: block;
    position: relative;
    color: #fff;
    z-index: 1;
}
.home .mod-article-single .item_introtext {
    display: block;
    position: absolute;
    top: 56.05%;
    color: #fff;
    z-index: 2;
} 

.home .mod-article-single .item_introtext p {
    font-family: 'HelveticaNeue_medium';
    color: #fff;
    font-size: 1.45588235rem;
    line-height: 1.89705882rem;
    margin-left: 4.35294118rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 300;
}

.custom.blok-1, .custom.blok-2, .custom.blok-3  {display: block; position: absolute;}

.moduletable.blok-1 {position: absolute; top: 270px; right: 0;}
.moduletable.blok-2 {position: absolute; top: 412px; right: 0;}
.moduletable.blok-3 {position: absolute; top: 412px; right: 0;}

.contact .moduletable.blok-2 {position: absolute; top: 387px; right: 0;}
.contact .moduletable.blok-3 {position: absolute; top: 387px; right: 0;}

.custom.blok-1,
.custom.blok-2,
.custom.blok-3 {
    right: 3rem;
    margin-bottom: 1.17647059rem;
    width: 317px;
    background-color: #fff;
    z-index: 10000;
    border: 0;
    border-radius: 21px;
    padding: 21px;
}

.custom.blok-3 {
    padding: 0;
}

.contact .custom.blok-1,
.contact .custom.blok-2,
.contact .custom.blok-3 {
    right: 3rem;
    margin-bottom: 1.17647059rem;
    width: 242px;
    background-color: #fff;
    z-index: 10000;
    border: 0;
    border-radius: 21px;
    padding: 21px;
}


.custom.blok-1 h2,
.custom.blok-1 h2 a,
.custom.blok-2 h2,
.custom.blok-2 h2 a {
    font-family: 'helveticaNeueLT_light';
    font-weight: 300;
    margin-bottom: 0.1rem;
    color: #868586;
    font-size: 1.35294118rem;
    line-height: 1,46076471rem;
    font-size: 1.4375rem;
    line-height: 1.75rem;
    text-transform: uppercase;
}

.contact .custom.blok-2 h2,
.contact .custom.blok-2 h2 a {
    font-family: 'helveticaNeueLT_light';
    font-weight: 300;
    margin-bottom: 0.1rem;
    color: #868586;
    line-height: 1,46076471rem;
    font-size: 1rem;
    text-transform: uppercase;
}

.contact .custom.blok-2 p,
.contact .custom.blok-2 p a {
    font-family: 'helveticaNeueLT_light';
    font-weight: 300;
    margin-bottom: 0.1rem;
    color: #171717;
    line-height: 1.4rem;
    font-size: 0.94117647rem;
}


.custom.blok-1 h2 a,
.custom.blok-2 h2 a {
    color: #868586;
    margin-bottom: 0.1rem;
}

.custom.blok-2 h2 a {
    color: #fd3db5;
    margin-bottom: 0.1rem;
}

.custom.blok-1 img,
.custom.blok-2 img {
    display: block;
    width: 129px;
    height: auto;
    position: absolute;
    right: -30px;
    top: -2.3rem;
}

.custom.blok-1 p,
.custom.blok-2 p {margin-bottom: 0;}

.custom.blok-1 a,
.custom.blok-2 a {
    color: #171717; 
    text-decoration: none;
    opacity: 1 !important;
}

.custom.blok-1:hover,
.custom.blok-2:hover {
    background-color: rgba(133,133,133,1);
}

.custom.blok-1:hover h2,
.custom.blok-1:hover h2 a,
.custom.blok-2:hover h2,
.custom.blok-2:hover h2 a {
    color: #fff !important;
    opacity: 1 !important;
}


/* Mobitab ---------------------------------------------------------------------------------------------------------------------------------- */
.mobitab .col-12 {padding-left: 0; padding-right: 0;}

/* Tamis ------------------------------------------------------------------------------------------------------------------------------------ */
.tamis .col-12 {padding-left: 0; padding-right: 0;}

/* BCT One ---------------------------------------------------------------------------------------------------------------------------------- */
.bct-one .col-12 {padding-left: 0; padding-right: 0;}

/* Taxisoftware ----------------------------------------------------------------------------------------------------------------------------- */

.article-details .mod-article-single.taxisoftware {
    padding-bottom: 1.4rem;
    border-bottom: 1px solid #858585;
    padding-top: 1.4rem;
	float: left;
}

.article-details .moduletable:first-child.taxisoftware .mod-article-single  {padding-top: 0; }
.article-details .moduletable:last-child.taxisoftware .mod-article-single {padding-bottom: 0; border-bottom: none;}

/* COmmunicatie ----------------------------------------------------------------------------------------------------------------------------- */
.communicatie .col-12 {padding-left: 0; padding-right: 0;}

/* Producten -------------------------------------------------------------------------------------------------------------------------------- */
.producten #sp-main-body {margin-top: 15.7058824rem;} /* 267px */ 

.producten a#dataterminal,
.producten a#boordcomputer,
.producten a#printers,
.producten a#taximeters,
.producten a#softwarepakket,
.producten a#centralesoftware,
.producten a#chauffeurszuil,
.producten a#webportaal,
.producten a#taxipoint,
.producten a#infomonitor,
.producten a#digitale-rittenstaat,
.producten a#tabbletsoftware,
.producten a#ondernemersportaal,
.producten p a#dataterminal,
.producten p a#boordcomputer,
.producten p a#printers,
.producten p a#taximeters,
.producten p a#softwarepakket,
.producten p a#centralesoftware,
.producten p a#chauffeurszuil,
.producten p a#webportaal,
.producten p a#taxipoint,
.producten p a#infomonitor,
.producten p a#digitale-rittenstaat,
.producten p a#tabletsoftware,
.producten p a#ondernemersportaal,
.producten p a#ondernemersportaalnl,
.producten p a#smartphoneapp {
    display: block;
    position: relative;
    visibility: hidden;
} 

.producten a#dataterminal {top: -18rem !important; }
.producten a#boordcomputer,  
.producten a#printers,  
.producten a#taximeters, 
.producten a#softwarepakket,
.producten a#centralesoftware, 
.producten a#chauffeurszuil,
.producten a#webportaal,
.producten a#taxipoint,
.producten a#infomonitor, 
.producten a#digitale-rittenstaat,
.producten a#tabletsoftware,
.producten a#ondernemersportaal,
.producten a#ondernemersportaalnl,
.producten a#smartphoneapp {top: -18rem !important; } 

.producten .modal-dialog .ui.checkbox.radio label {
    font-family:'helveticaNeueLT_light', Arial, sans-serif;
    font-weight: normal !important;
    padding-top: 0;
}


/* Diensten --------------------------------------------------------------------------------------------------------------------------------- */

/*.diensten #sp-main-body {margin-top: 12.8235294rem !important;} !* 218px *!*/
.diensten #sp-main-body { margin-top: 11.4235294rem !important;} /* 218px */
.diensten a#bct-xml-import,
.diensten a#bct-remote-export,
.diensten a#project-management,
.diensten a#eigen-datanetwerk,
.diensten a#service-en-support,
.diensten p a#bct-xml-import,
.diensten p a#bct-remote-export,
.diensten p a#project-management,
.diensten p a#eigen-datanetwerk,
.diensten p a#service-en-support {
    display: block;
    position: relative;
    visibility: hidden;
}

.diensten a#bct-xml-import {top: -18rem !important; }
.diensten a#bct-remote-export {top: -15.5rem !important; }
.diensten a#project-management {top: -15.5rem !important; }
.diensten a#eigen-datanetwerk {top: -15.5rem !important; }
.diensten a#service-en-support {top: -15.5rem !important; }

/* Nieuws ----------------------------------------------------------------------------------------------------------------------------------- */

.nieuws .right-column {height: 568px;}

.nieuws .allmode-items .allmode-item::nth-child(4) {display: none;}




/* Organisatie */

.organisatie p.introtext {
    font-family: 'HelveticaNeue_medium',Arial,sans-serif;
    margin-bottom: 17px !important;
    line-height: 1.294117647058824em;
    color: #1a171b;
}

.organisatie p {line-height: 1.294117647058824em;}

.organisatie .col-12 {padding-left: 0; padding-right: 0;}

.organisatie .background {
    opacity: 1;
    border: 0;
    border-radius: 20px !important;
    overflow: hidden;
}

.organisatie .background img {
    max-width: none;
    border-radius: 0 !important;
    max-height: 1000px;
}

.organisatie .col-12.organisatie {
    position: relative;
    display: block;
    margin-top: -770px;
    padding: 30px 45px 45px;
    background-color: rgba(255,255,255,0.7);
}

.organisatie .col-12.organisatie:hover {
    background-color: rgba(255,255,255,0.95);
}

.organisatie .col-12.organisatie div {padding: 0; padding-top: 0;}
.organisatie .button-large {
    background-color: #000 !important;
    color: #fff; border-radius: 21px; 
    padding: 6px 20px 20px !important;
}

.organisatie .button-large .line-1 {
    font-family:'helveticaNeueLT_light', Arial, sans-serif;
    font-size: 36px; 
    font-weight: 300;
    display: block;
    color: rgb(255, 255, 255);
    width: 100%;
    clear: both;
    margin-bottom: 0rem;
    color: #fff;
    letter-spacing: 0.015em;
    text-transform: uppercase;
    line-height: 48px;
    border-collapse: collapse;
    border-spacing: 0px 0px;
    box-sizing: border-box;
}

.organisatie .button-large .line-2 {
    font-family:'HelveticaNeue_medium', Arial, sans-serif; 
    font-size: 1.0625rem;
    font-weight: 300;
    display: block;
    color: rgb(255, 255, 255);;
    width: 100%; clear: both;
    text-transform: uppercase;
    letter-spacing: 0.101em;
}

.col-12.main-buttons {
    width: 1170px;
    /* max-width: 100%;*/
}

.col-12.main-buttons .col-6:nth-child(1),
.col-12.organisatie .col-6.links {padding-left: 0; padding-right: 15px;}

.col-12.main-buttons .col-6:nth-child(2),
.col-12.organisatie .col-6.rechts {padding-left: 15px; padding-right: 0;}

.button-large:hover {opacity: 0.5}

.organisatie .button-large a, .organisatie .button-large .line-2 a {text-decoration: none;}

.organisatie .panel {
    background: #868586;
    border-radius: 20px;
    color: #fff;
    padding: 21px !important;
}
/* .organisatie .panel strong {font-weight: 600;} */

.organisatie .col-6 .panel p {color: #fff;}
.organisatie .col-6 .panel ul {margin-bottom: 0;}

.organisatie .col-12.organisatie {
    background-image: none;
}

.rij-2 hr {
    width: 100%;
    padding-top: 1.4rem;
    border-top : 1px solid #858585;
}

/* Contact ---------------------------------------------------------------------------------------------------------------------------------- */

.contact .article-list .article:first-child {padding-top: 25px;} 
.contact .article-list .article:nth-child(2) {border-top: 0;}

.contact form .btn-primary,
.contact form .btn-primary:focus {background-color: #1a171b;}
.contact form .btn-primary:hover {opacity: 0.5 !important;}



/* CHRONOFORMS 7 ------------------------------------------------------------------------------------------------------------------ */

.ui.form .btn.btn-primary {font-size: 0.88235294rem !important;}

.ui.grid {margin: 0 !important;}

.ui.checkbox {
    vertical-align: baseline !important;
    min-height: inherit !important;
    font-size: inherit !important;
    line-height:inherit !important;
    min-width: inherit !important;
}

.ui.form .fields {display: block;}

.ui.form .field label {width: auto !important; /* min-width: 178px !important; */ margin: 0 !Important; display: block; margin-right: 0; padding-right: 0;}
.ui.form .field .radio label {width: auto !important; min-width: 1px !important;}
.ui.form .field .checkbox label {font-family: 'helveticaNeueLT_light',Arial,Sans-serif; font-weight: normal;}

.ui.form .inline.fields .field {padding: 0 !important; margin-bottom: 0 !Important;}

.ui.ui.ui.compact.grid > .row,
.ui.ui.ui.compact.grid > * {padding: 0 !important;}

.ui.form, .ui.form .field .dropdown, .ui.form .field .dropdown .menu > .item {
    font-size: 1rem !important;
}

.ui.form .field.error input:not([type]), .ui.form .field.error input[type="date"], .ui.form .field.error input[type="datetime-local"], .ui.form .field.error input[type="email"], .ui.form .field.error input[type="file"], .ui.form .field.error input[type="number"], .ui.form .field.error input[type="password"], .ui.form .field.error input[type="search"], .ui.form .field.error input[type="tel"], .ui.form .field.error input[type="text"], .ui.form .field.error input[type="time"], .ui.form .field.error input[type="url"], .ui.form .field.error select, .ui.form .field.error textarea, .ui.form .fields.error .field input:not([type]), .ui.form .fields.error .field input[type="date"], .ui.form .fields.error .field input[type="datetime-local"], .ui.form .fields.error .field input[type="email"], .ui.form .fields.error .field input[type="file"], .ui.form .fields.error .field input[type="number"], .ui.form .fields.error .field input[type="password"], .ui.form .fields.error .field input[type="search"], .ui.form .fields.error .field input[type="tel"], .ui.form .fields.error .field input[type="text"], .ui.form .fields.error .field input[type="time"], .ui.form .fields.error .field input[type="url"], .ui.form .fields.error .field select, .ui.form .fields.error .field textarea {
    background: #fff !important;
    border-color: #4375BC !important;
}

.ui.form .field,
.ui.form .multifield {
    clear: both;
    margin: 0 0 1em !important;
    display: block;
    float: left;
    width: 100%;
    line-height: 1.42857143rem;
}

.ui.form .multifield {
    height: 33.7667px;
}


.ui.form .filed .row {
    margin-right: 0;
    margin-left: 0;
}

.ui.ui.ui.compact.grid > .column:not(.row), .ui.ui.ui.compact.grid > .row > .column {
    padding-left: 0 !important;
}

input::placeholder {
    color: grey !important;
}

.chronoforms .ui.button, .chronoforms .btn-primary, .chronoforms .btn-primary:focus {
    font-family: 'helveticaNeueLT_light', Arial, Sans-Serif !important;
    font-size: 0.94117647rem !important;
    font-weight: 400 !important;
    line-height: 1.4 !important;
    height: 40px;
    padding: .25rem .5rem !important;
    border-radius: 0.58823529rem !important;
    background-color: #171717 !important;
    color: #fff !important;
}

.chronoforms .btn-primary.btn-large,
.ui.form .btn.btn-primary.btn-large {
    font-family: 'HelveticaNeue_medium' !important;
    font-size: 1rem !important;
    font-weight: 300 !important;
    line-height: 1.42857143rem !important;
    border-radius: 10px !important;
    border: 0;
    display: inline;
    margin-bottom: 0;
    opacity: 1 !important;
    padding: 10px 20px !important;
    color: #fff;
    white-space: nowrap;
    height: 40px;
}

.chronoforms .btn-primary.btn-black {background-color: #171717;}

.ui.form h1,
.chronoforms .ui.form h1,
h1.modal_title_heading {
    margin-top: 0!important;
    font-family: 'HelveticaNeue_medium', Arial, Sans-Serif;
    /* font-size: 1.17647059rem !important; */
    /*font-size: 0.88235294rem !important; */
    font-size: 1rem !important;
    line-height: 1.42857143rem !important;
    font-weight: 500;
    color: #171717;
    margin-bottom: 1rem !important;
}

.ui.form button {
    margin-right: 0;
    /* margin-bottom: -1em !important;*/
}


/* MUltifield */

.ui.form .multifield.inline.fields .field {
    margin: .035714em 0 0 0.5rem !important;
    padding: 7.2px 0 0 0 !important;
    padding: 2px 0 0 0 !important;
    display: block;
}
.ui.form .inline.fields .field {
    padding: 0 !important;
    margin-bottom: 0 !Important;
}
.ui.form .inline.fields .field {
    margin: 0;
    padding: 0 1em 0 0;
}
.ui.form .multifield .field {
    display: block;
    width: auto;
}
.ui.form .multifield .field {
    clear: none !important;
}

.ui.form .ui.checkbox.radio {padding-top: 0;}
.ui.form .ui.checkbox.radio label {padding-top: 5px;}

/* Grouped fields */
.ui.form .grouped.fields .field {
    margin-bottom: 0 !important;
    height: 30px !important;
}

.contact_form .mainfield.inline {
    display: block;
}

.contact_form .mainfield.inline label {
    width: 34% !important;
    word-wrap: normal;
    word-break: normal;
    padding-right: 15px;
}

.contact_form.cf7 .mainfield.inline label {
    width: 30% !important;
}

.contact_form.cf7 .ui.grid .row.column {width: 100px;}

.contact_form.cf7 .mainfield.inline {
    margin-bottom: 1rem !important;
}

.contact_form.cf7 .ui.checkbox label {
    width: 100px !important;
}

.contact_form .mainfield.inline .grid {
    /* width: 66%; */
    float: right;
    display: block;
    padding-left: 0;
    height: 33.7667px;
}

/*
.contact_form .mainfield.inline .grid .row .column:nth-child(1) {width: 25% !important;}
.contact_form .mainfield.inline .grid .row .column:nth-child(2) {width: 50% !important;}
*/

/*
.contact_form.cf7 .mainfield.inline .grid {
    width: 40%;
}
*/

.contact_form .mainfield.inline .grid .row .column:nth-child(3) {display: none;}
/* Media queries ----------------------------------------------------------------------------------- */

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 576px) {

}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {


}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {

}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    
    .sp-megamenu-parent .sp-menu-item .subtitle {
    	font-family: Helvetica, 'helveticaNeueLT_light';
    	font-size: 12px;
    }
	
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

    /* Logo */
    /* #sp-logo img {width: 241.62069px; height:65px}*/

    #sp-logo img {
        position: relative;
        left: -75px;
        top: -42px;
        height: 153px;
        max-width: none;
        max-height: none;
    }
    
    /* Nieuws */
    .content .login-form .inner {
        height: 568px;
    }

}

@-webkit-keyframes autofill {
    0%,100% {
        color: #666 !important;
        background: transparent !important;
    }
}

@keyframes autofill {
    0%,100% {
        color: #666 !important;
        background: transparent !important;
    }
}
input:-webkit-autofill {
    -webkit-animation-delay: 1s; /* Safari support - any positive time runs instantly */
    animation-delay: 1s;
    animation-name: autofill !important;
    -webkit-animation-name: autofill !important;
    animation-fill-mode: both !important;
    -webkit-animation-fill-mode: both !important;
}

#achternaam:-webkit-autofill {
    box-shadow: 0 0 0 1000px #fff inset!important;
    -webkit-box-shadow: 0 0 0 1000px #fff inset!important;
    border-color: #fff !important;
}


/* CSS SIMON */

.ui.tertiary.segment {
    overflow: hidden;
}

#ModalDigitaleRittenstaat .chronopage,
#ModalTamisDemo .chronopage,
#ModalTamisDemoPopup .chronopage,
.contact_form .chronopage {
    width: 100% !important;
}


#ModalDigitaleRittenstaat .chronopage label:before,
#ModalDigitaleRittenstaat .chronopage label:after,
.contact_form .ui.radio.checkbox label:before,
.contact_form .ui.radio.checkbox label:after {
   top: 10px;
}

.contact_form .error {
    border-color: #e0b4b4 !important;
}

.small.error-msg,
#ModalMobitab .small.error-msg,
.contact_form .small.error-msg {
    display: none !important;
}

.modal-open {
    padding-right: 0 !important;
}


.contact_form .mainfield .grid {
    /* width: 66% ; */
    float: right ;
    display: block;
    padding-left: 0;
    height: 33.7667px;
}


/* EINDE CSS SIMON */


/* Aanpassingn 11-2024 --------------------------------------------- */

h1 {
    margin-bottom:  calc(0.5 * 1.42857143rem);
}

/* Aanpassingen 12-12-2024 ----------------------------------------- */

#sp-logo .sp-module.kerstmis {
    margin-top: 0;
}

#sp-logo .sp-module.kerstmis::after {
    content: url('https://neone.nl/templates/shaper_helixultimate/images/kerstmis/kersttak_85px.png');
    padding-left: 183px;
    margin-top: -54px;
  position: absolute;
  }