/*========================================home page start========================================*/
.dark-mode {
    background-color: #0E0E0E;
}
.dark-mode .common-btn, .dark-mode .common-btn strong {
    background-color: #14181D;
}
.dark-mode .common-btn {
    color: #fff;
}
.dark-mode .white-btn {
    background-color: #fff;
    color: #14181D;
}
.dark-mode .white-btn strong {
    background-color: #fff;
}
.dark-mode .highlight-btn {
    background-color: #EAEE12;
    color: #14181D;
}
.dark-mode .highlight-btn strong {
    background-color: #EAEE12;
}
.dark-mode h2, .dark-mode h3, .dark-mode h4, .dark-mode h5, .dark-mode h6, .dark-mode p {
    color: #fff;
}
.dark-mode .header-nav > ul > li > a {
    color: #192433;
}
.dark-mode .header-active {
    background-color: #14181D;
}
.dark-mode .side-menu {
    background-color: #14181D;
}
.dark-mode .menu-mark-white {
    display: none;
}
.dark-mode .menu-mark-dark {
    display: block;
}
.dark-mode .service-sec {
    background-color: #14181D;
}
.dark-mode .usp-marquee-wrap li {
    color: rgba(255, 255, 255, 0.70);
}
.dark-mode .usp-marquee-outer {
    border-color: rgba(255, 255, 255, 0.20);
}
.dark-mode .usp-logo-white {
    display: none;
}
.dark-mode .usp-logo-dark {
    display: block;
}
.dark-mode .service-mark-dark {
    display: block;
}
.dark-mode .service-mark-white {
    display: none;
}
.dark-mode .each-product {
    background-color: #1A1A1A;
}
.dark-mode .each-product:hover {
    background-color: #14181D;
}
.dark-mode .each-product-model::before {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0%, transparent 100%) border-box;
}
.dark-mode .each-product-info td {
    border-color: rgba(255, 255, 255, 0.05);
}
.dark-mode .product-arrow img {
    filter: brightness(0) invert(1);
}
.dark-mode .each-product-info td .p-icon-hover {
    opacity: 1;
}
.dark-mode .each-product-info td strong {
    color: #fff;
}
.dark-mode .each-product-info td h6 {
    color: rgba(255, 255, 255, 0.73);
}
.dark-mode .product-control .swiper-scrollbar {
    background-color: rgba(255, 255, 255, 0.20);
}
.dark-mode .product-control .swiper-scrollbar-drag {
    background-color: #14181D;
}
.dark-mode .each-counter::after {
    background-color: #14181D;
}
.dark-mode .each-core-values strong {
    background-color: #1A1A1A;
}
.dark-mode .each-core-values strong img {
    filter: brightness(0) invert(1);
}
.dark-mode .review-white {
    display: none;
}
.dark-mode .review-dark {
    display: block;
}
.dark-mode .footer-area {
    background-color: #14181D;
}
/*========================================service-list page start========================================*/
.dark-mode .each-service-list-wrap {
    border-color: rgba(255, 255, 255, 0.20);
}
/*========================================service-dtl page start========================================*/
.dark-mode .inner-header {
    background-color: #14181D;
}
.dark-mode .service-dtl-contact {
    background-color: #1A1A1A;
}
.dark-mode .service-dtl-info-sec td:nth-child(even) {
    color: #fff;
}
.dark-mode .service-dtl-info-sec tr {
    border-color: rgba(255, 255, 255, 0.20);
}
.dark-mode .form-mark-white {
    display: none;
}
.dark-mode .form-mark-dark {
    display: block;
}
.dark-mode .form-wrap {
    background-color: #1A1A1A;
}
.dark-mode .form-info {
    background-color: #14181D;
}
.dark-mode .form-block {
    background-color: #0E0E0E;
}
.dark-mode .form-block label {
    color: #fff;
}
.dark-mode .form-block .form-style {
    border-color: rgba(255, 255, 255, 0.20);
    color: #fff;
}
.dark-mode .form-block .form-style:placeholder {
	color: rgba(255, 255, 255, 0.30);
}
.dark-mode .form-block .form-style:-ms-input-placeholder {
	color: rgba(255, 255, 255, 0.30);
}
.dark-mode .form-block .form-style::placeholder {
	color: rgba(255, 255, 255, 0.30);
}
.dark-mode .form-block .form-style.foto_upload,
.dark-mode .form-block .form-style.photo_upload {
	color: rgba(255, 255, 255, 0.30);
}
.dark-mode .form-block .form-style:focus {
	border: 1px solid #fff;
    color: #fff;
}
.dark-mode .form-block .form-style:focus::placeholder {
    color: #fff;
    border-color: #fff;
}
.dark-mode .form-block .form-style:not(:placeholder-shown) {
    border-color: #fff;
}
.dark-mode .form-sec::after {
    background-color: #1A1A1A;
}
.dark-mode .related-service-sec {
    background-color: #1A1A1A;
}
.dark-mode .related-service-sec .each-service-list .each-service-list-wrap {
    border-color: rgba(255, 255, 255, 0.30);
}
.dark-mode .related-service-sec::after {
    background-color: #1A1A1A;
}
.dark-mode .service-dtl-desc-text li {
    color: #fff;
}
/*========================================contact page start========================================*/
.dark-mode .contact-form-mark-dark {
    display: block;
}
.dark-mode .contact-form-mark-white {
    display: none;
}
.dark-mode .contact-form-pattern-white {
    display: none;
}
.dark-mode .contact-form-pattern-dark {
    display: block;
}
/*========================================popup page start========================================*/
.dark-mode .modal-area .popup-content {
    background-color: #0E0E0E;
}
.dark-mode .modal-area .popup-content::after {
    background-image: url(../images/popup-mark-dark.svg);
}
.dark-mode .popup-logo-dark {
    display: block;
}
.dark-mode .popup-logo-white {
    display: none;
}
.dark-mode .modal-area .modal {
    background-color: rgba(20, 24, 29, 0.80);
}
/*========================================overons page start========================================*/
.dark-mode .overons-counter-first {
    background-color: #14181D;
}
.dark-mode .overons-counter-third {
    background-color: #1A1A1A;
}
.dark-mode .overons-counter-third .each-overons-counter-img {
    background-color: #0E0E0E;
    border-color: #1A1A1A;
}
.dark-mode .overons-counter-second .each-overons-counter-img {
    background-color: #14181D;
}
.dark-mode .overons-counter-second h2 {
    color: #14181D;
}
.dark-mode .overons-counter-second p {
    color: #081D3A;
}
.dark-mode .each-overons-counter:hover {
    box-shadow: 0px 10px 15px -3px rgba(255, 255, 255, 0.2);
}
.dark-mode .counter-icon-white {
    display: none;
}
.dark-mode .counter-icon-dark {
    display: block;
}
.dark-mode .why-us-sec {
    background-color: #14181D;
}
.dark-mode .why-us-mark-white {
    display: none;
}
.dark-mode .why-us-mark-dark {
    display: block;
}
.dark-mode .owner-img {
    border-color: #1A1A1A;
    background-color: #0E0E0E;
}
.dark-mode .owner-name {
    background-color: #14181D;
}
.dark-mode .owner-white {
    display: none;
} 
.dark-mode .owner-dark {
    display: block;
} 
.dark-mode .member-dark {
    display: block;
}
.dark-mode .member-white {
    display: none;
}
.dark-mode .member-control .swiper-scrollbar {
    background: rgba(255, 255, 255, 0.20);
}
.dark-mode .member-control .swiper-scrollbar-drag {
    background: #fff;
}
.dark-mode .each-member-text {
    border-color: rgba(255, 255, 255, 0.70);
}
.dark-mode .each-member:hover .each-member-text {
    background-color: rgba(255, 255, 255, 0.10);
}
/*========================================aanbod page start========================================*/
.dark-mode .filter-heading {
    border-color: rgba(255, 255, 255, 0.2);
}
.dark-mode .select-style {
    border-color: #fff;
    color: #fff;
    background-image: url(../images/filter-arrow-white.svg);
}
.dark-mode .select-style:hover {
    border-color: #081D3A;
    color: #081D3A;
    background-image: url(../images/filter-arrow.svg);
}
.dark-mode .aanbod-range-filter label {
    color: #fff;
}
.dark-mode .aanbod-range-filter .slider-inputs input {
    border-color: rgba(255, 255, 255, 0.25);
    color: #fff;
}
.dark-mode .aanbod-range-filter .slider-inputs span {
    color: #fff;
}
.dark-mode .filter-reset a {
    color: #fff;
}
.dark-mode .filter-reset img {
    filter: brightness(1);
}
.dark-mode .auto-overview-tag {
    color: #fff;
}
.dark-mode .cross-btn {
    filter: brightness(1);
}
.dark-mode .auto-overview-tag:hover {
    color: #081D3A;
}
.dark-mode .auto-overview-tag:hover .cross-btn {
    filter: brightness(0);
}
.dark-mode .mobile-show-filter {
    background-color: #14181D;
}
.dark-mode .mobile-show-filter .common-btn {
    background-color: #EAEE12;
    color: #081D3A;
}
.dark-mode .mobile-show-filter .common-btn:hover {
    background-color: transparent;
    color: #fff;
}
.dark-mode .mob-filter-visible strong {
    color: #EAEE12;
}
.dark-mode .mobile-filter-close {
    background-color: #14181D;
}
/*========================================aanbod-dtl page start========================================*/
.dark-mode .aanbod-dtl-bk-btn .common-btn {
    background-color: #081D3A;
}
.dark-mode .aanbod-dtl-bk-btn .common-btn strong {
    background-color: #081D3A;
}
.dark-mode .each-share {
    border-color: rgba(255, 255, 255, 0.50);
}
.dark-mode .each-share img {
    filter: brightness(0) invert(1);
}
.dark-mode .each-share:hover img {
    filter: brightness(1) invert(0);
}
.dark-mode .aanbod-dtl-welcome-info {
    border-color: rgba(8, 29, 58, 0.06);
    background-color: #1A1A1A;
}
.dark-mode .aanbod-dtl-welcome-info p {
    color: rgba(255, 255, 255, 0.50);
}
.dark-mode .aanbod-dtl-welcome-info ul {
    background-color: #0E0E0E;
}
.dark-mode .aanbod-dtl-welcome-info li {
    border-color: rgba(255, 255, 255, 0.15);
}
.dark-mode .aanbod-dtl-welcome-info td {
    color: #fff;
}
.dark-mode .aanbod-dtl-welcome-info td .welcome-dtl-white {
    opacity: 0;
}
.dark-mode .aanbod-dtl-welcome-info td .welcome-dtl-dark {
    opacity: 1;
}
.dark-mode .each-aanbod-dtl-welcome-gal {
    border-color: rgba(255, 255, 255, 0.15);
}
.dark-mode .aanbod-dtl-welcome-pattern-dark {
    display: block;
}
.dark-mode .aanbod-dtl-welcome-pattern-white {
    display: none;
}
.dark-mode .dtl-office-dark {
    display: block;
}
.dark-mode .dtl-office-white {
    display: none;
}
.dark-mode .tab-btn ul.tabs li {
    color: #fff;
}
.dark-mode .tabs li::after {
    filter: brightness(0) invert(1);
}
.dark-mode .kenmerken-tab li {
    background-color: #1A1A1A;
    color: rgba(255, 255, 255, 0.70);
}
.dark-mode .kenmerken-tab li strong {
    color: #fff;
}
.dark-mode .kenmerken-tab li:hover {
    background-color: #14181D;
}
.dark-mode .tab-btm-btn {
    color: #fff;
}
.dark-mode .tab-btm-btn:hover {
    color: #EAEE12;
}
.dark-mode .dtl-tab-sec .bullet-panel ul li {
    color: #fff;
}
.dark-mode .bullet-panel h4 {
    border-color: rgba(255, 255, 255, 0.3);
}
.dark-mode .left-bg-block {
    background-color: #1A1A1A;
}
.dark-mode .block-dtls {
    border-color: #1A1A1A;
}
.dark-mode .dtl-car-office {
    border-color: rgba(8, 29, 58, 0.10);
    background-color: #1A1A1A;
    box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.05)
}
.dark-mode .dtl-car-office-top {
    background-color: #0E0E0E;
}
.dark-mode .dtl-car-office-top h6 a {
    color: rgba(255, 255, 255, 0.70);
}
.dark-mode .dtl-car-office-top h6 a:hover {
    color: #fff;
}
.dark-mode .dtl-car-office-share img, 
.dark-mode .dtl-car-office-share svg {
    filter: brightness(0) invert(1);
}
.dark-mode .dtl-car-office-btm p img {
    filter: brightness(0) invert(1);
}
.dark-mode .dtl-car-office-btm p a {
    color: #fff;
}
.dark-mode .dtl-car-office-btm p a:hover {
    color: #fff;
}  
.dark-mode .dtl-car-office-btm p a:hover {
    color: rgba(255, 255, 255, 0.70);
}  
.dark-mode .kenmarken-popup-inner {
    background-color: #1A1A1A;
    border-color: #1A1A1A;
}
.dark-mode .aanbod-dtl-form-sec::after {
    background-color: #0E0E0E;
}
.dark-mode .related-product-sec {
    background-color: #0E0E0E;
}
.dark-mode .related-product-heading {
    border-color: rgba(255, 255, 255, 0.30);
}