/*-----------------fonts css-----------------------*/

/*========Quasimoda medium=========*/
@font-face {
    font-family: "34097";
    src: url("../fonts/34097.eot");
    src: url("../fonts/34097.eot") format("embedded-opentype"), url("../fonts/34097.woff2") format("woff2"), url("../fonts/34097.woff") format("woff"), url("../fonts/34097.ttf") format("truetype"),
        url("../fonts/34097.svg#34097") format("svg");
}
/*========Quasimoda regular=========*/
@font-face {
    font-family: "34095";
    src: url("../fonts/34095.eot");
    src: url("../fonts/34095.eot") format("embedded-opentype"), url("../fonts/34095.woff2") format("woff2"), url("../fonts/34095.woff") format("woff"), url("../fonts/34095.ttf") format("truetype"),
        url("../fonts/34095.svg#34095") format("svg");
}
/*========Quasimoda semibold=========*/
@font-face {
    font-family: "34099";
    src: url("../../fonts/34099.eot");
    src: url("../fonts/34099.eot") format("embedded-opentype"), url("../fonts/34099.woff2") format("woff2"), url("../fonts/34099.woff") format("woff"), url("../fonts/34099.ttf") format("truetype"),
        url("../fonts/34099.svg#34099") format("svg");
}
/*========Quasimoda light=========*/
@font-face {
    font-family: "34093";
    src: url("../fonts/34093.eot");
    src: url("../../fonts/34093.eot") format("embedded-opentype"), url("../fonts/34093.woff2") format("woff2"), url("../fonts/34093.woff") format("woff"), url("../fonts/34093.ttf") format("truetype"),
        url("../fonts/34093.svg#34093") format("svg");
}

/*-----------------Common css-----------------------*/

* {
    outline: none !important;
}

a {
    text-decoration: none;
    color: inherit;
}

a:hover {
    text-decoration: none;
    color: #dd3636;
}

ul {
    padding: 0;
    list-style-type: none;
    margin-bottom: 0px;
}

section {
    width: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0px;
}

h1 {
    font-family: "34095";
    font-size: 72px;
    color: #fff;
}

h2 {
    font-family: "34095";
    font-size: 24px;
    color: #ffffff;
}

h2 span {
    color: #dd3636;
}

h3 {
    font-family: "34095";
    font-size: 24px;
    color: #fff;
}

h4 {
    font-family: "34095";
    font-size: 18px;
    color: #ffffff;
}

h4 span {
    color: #dd3636;
}

p {
    font-family: "34095";
    font-size: 14px;
    color: #121212;
}

.add_morgan_footer_margin {
    height: 100px;
}
/*=======button=======*/

.defaulte_btn {
    padding: 11px 0px;
    color: #ffffff;
    border-radius: 8px;
    font-family: "34095";
    font-size: 18px;
    cursor: pointer;
    background: #212121;
    border: 0px;
    border-radius: 0px;
    position: relative;
    overflow: hidden;
    max-width: 288px;
    width: 100%;
    display: inline-block;
    text-align: center;
}

.defaulte_btn:after {
    background: #dd3636;
    position: absolute;
    top: 0px;
    width: 0;
    height: 100%;
    content: "";
    left: 0;
    transition: all 0.5s;
}

.defaulte_btn:hover:after {
    width: 100%;
    transition: all 0.5s;
}

.defaulte_btn span {
    position: relative;
    z-index: 22;
}

.defaulte_btn:hover span {
    color: #fff;
}

.common_bg_styl {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.common_arrow {
    background: none !important;
}

.arrow_btn span {
    position: relative;
    padding-right: 30px;
}

.arrow_btn span:after {
    position: absolute;
    top: 5px;
    right: 0px;
    background: url(../images/nx.png) no-repeat;
    width: 6px;
    height: 10px;
    content: "";
}

.iframe_custom {
    width: 100%;
    height: 1400px;
    border: none;
}
/*-----------------Common css-----------------------*/

body {
    padding: 0px;
    margin: 0px;
    font-family: "34095";
    font-size: 14px;
    color: #fff;
    overflow-x: hidden;
}

.dblock {
    display: none;
}

.header_topbar {
    width: 100%;
    background: #212121;
    position: relative;
    position: relative;
    overflow: hidden;
}

.header_topbar .col-lg-6 {
    position: relative;
}

.header_topbar:after {
    top: 0px;
    left: 11px;
    position: absolute;
    width: 90vw;
    background: #464646;
    height: 100%;
    content: "";
    -moz-transform: skew(-24deg, 0deg);
    -webkit-transform: skew(-24deg, 0deg);
    -o-transform: skew(-24deg, 0deg);
    -ms-transform: skew(-24deg, 0deg);
    transform: skew(-24deg, 0deg);
    margin-left: -50vw;
    z-index: 2;
}

.contacts {
    float: right;
    width: 75%;
    margin-top: 6px;
}

.contacts ul {
    font-size: 0px;
    text-align: right;
}

.contacts ul li {
    display: inline-block;
    padding-right: 25px;
}

.contacts ul li a table tr td {
    font-family: "34095";
    font-size: 15px;
    color: #fff;
}

.contacts ul li a table tr td:first-child {
    padding-right: 10px;
}

.social {
    float: right;
    position: relative;
    /*width: 25%;*/
    max-width: 150px;
    width: 100%;
}

.social img {
    visibility: hidden;
}

.social:after {
    top: 0px;
    left: 0px;
    position: absolute;
    width: 100vw;
    background: #dd3636;
    height: 100%;
    content: "";
    -moz-transform: skew(-24deg, 0deg);
    -webkit-transform: skew(-24deg, 0deg);
    -o-transform: skew(-24deg, 0deg);
    -ms-transform: skew(-24deg, 0deg);
    transform: skew(-24deg, 0deg);
}

.social ul {
    text-align: right;
    position: relative;
    z-index: 1;
    /*padding-bottom: 4px;
	padding-top: 2px;*/
    padding-top: 6px;
    padding-bottom: 6px;
}

.social ul li {
    display: inline-block;
    padding: 0px 10px;
}

.desktop_nav .navbar-nav .nav-item {
    padding: 22px 0;
    position: relative;
}

.dropdown_area {
    background: #2c3e50;
    padding: 15px 0px;
    position: absolute;
    z-index: 99;
    width: 100%;
    margin-left: -24px;
    top: 75px;
    border-top: 8px solid #fff;
    transition: all 0.5s;
    overflow: hidden;
    opacity: 0;
    text-align: center;
}

.dropdown_area li a {
    font-family: "34097";
    font-size: 15px;
    line-height: 30px;
}

.desktop_nav .navbar-nav .nav-item:hover .dropdown_area {
    transition: all 0.5s;
    opacity: 1;
}

.desktop_nav .navbar-nav .nav-item:after {
    position: absolute;
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
    content: "/";
    color: #000;
}

.desktop_nav .navbar-nav .nav-item:last-child:after {
    display: none;
}

.desktop_nav .navbar-nav .nav-item .nav-link {
    font-family: "34095";
    text-transform: uppercase;
    font-size: 14px;
    color: #121212;
    padding: 0 30px;
}
.desktop_nav .navbar-nav .nav-item .nav-link:hover {
    color: #dd3636;
}

.main_nav {
    position: relative;
    /*overflow: hidden;*/
    background: #fff;
    padding: 10px 0;
}

.main_nav:before {
    top: 0px;
    left: 0px;
    position: absolute;
    width: 89vw;
    background: #212121;
    height: 100%;
    content: "";
    -moz-transform: skew(-24deg, 0deg);
    -webkit-transform: skew(-24deg, 0deg);
    -o-transform: skew(-24deg, 0deg);
    -ms-transform: skew(-24deg, 0deg);
    transform: skew(-24deg, 0deg);
    margin-left: -50vw;
    z-index: 2;
}

.main_nav:after {
    width: 100%;
    height: 6px;
    background: #dd3636;
    content: "";
    bottom: 0px;
    left: 0px;
    position: absolute;
    z-index: 0;
}

.page_icon {
    position: relative;
    z-index: 9;
}

.page_icon ul li {
    display: inline-block;
    padding: 0px 8px;
}

.page_icon ul li:first-child {
    margin-right: 15px;
}

.logo_area {
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
    position: absolute;
}

.clr {
    clear: both;
}

.slider_bg {
    height: 800px !important;
    display: table;
    width: 100%;
}

.banner_content {
    display: table-cell;
    vertical-align: middle;
}

.welcm_div {
    background: #dd3636;
    max-width: 220px;
    padding: 5px 15px;
    font-family: "34097";
}

.banner_btn .defaulte_btn {
   padding-left: 20px;
   padding-right: 20px;
   width: auto;
}

.banner_btn .defaulte_btn.arrow_btn span{
    padding-right: 20px;
}

.banner_btn .defaulte_btn:not(:hover):after {
    width: 5px;
}

.banner_btn .defaulte_btn.arrow_btn span:after{
    top: 50%;
    transform: translateY(-50%);
}

.banner_btn {
    margin-top: 20px;
}

.main_banner .swiper-button-prev {
    left: 0px;
}

.main_banner .swiper-button-next {
    right: 58px;
}

.home_middle_banner {
    width: 100%;
    padding: 30px 0px 50px;
}


.filter_frm {
    width: 100%;
    background: #f0f0f0;
    position: relative;
    margin-top: -102px;
    z-index: 2;
}

.filter_header {
    background: #212121;
    border-bottom: 4px solid #dd3636;
    padding: 20px 0px;
}

.filter_header {
    text-align: center;
}

.filter_body {
    padding: 40px 50px;
}

.select_styl1 {
    width: 100%;
    font-family: "34097";
    color: #2b2a2a;
    font-size: 14px;
    padding: 13px 15px;
    background: url(../images/arr.png) #fff no-repeat 90% center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0px;
    border-radius: 4px;
    box-shadow: none !important;
    height: auto;
    line-height: normal;
    text-overflow: ellipsis;
    overflow: hidden;
}

.filter_body .defaulte_btn {
    max-width: 100%;
    border-radius: 4px;
    padding: 13px 30px;
    font-size: 14px;
}

.filter_body .defaulte_btn:after {
    right: 100%;
}

.filter_body .defaulte_btn:hover:after {
    right: 0px;
    transition: all 0.5s;
}

.filter_body .form-group {
    margin-bottom: 2rem;
}

.header_banner_text {
    width: 100%;
    padding-left: 6%;
}

.header_banner_text ul {
    font-size: 0px;
    padding-bottom: 45px;
}

.header_banner_text ul li {
    display: inline-block;
    width: 50%;
    color: #dd3636;
    font-size: 18px;
    font-family: "34095";
}

.header_banner_text ul li img {
    margin-right: 15px;
}

.header_banner_text h2 {
    color: #121212;
    margin-bottom: 30px;
}

.header_banner_text p {
    font-size: 18px;
    line-height: 22px;
}

.footer_sec {
    background: #212121;
    border-top: 5px solid #dd3636;
    padding: 60px 0px;
}

.each_footer_text {
    width: 100%;
    min-height: 120px;
}

.footer_content {
    width: 100%;
}

.footer_content p {
    color: #ffffff;
    margin-bottom: 30px;
}

.footer_content h4 img {
    margin-left: 8px;
}

.btn-outline-secondary {
    color: #ffffff;
    background-color: #dd3636;
    background-image: none;
    border-color: #dd3636;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    height: 45px;
}

.footer_content h4 {
    letter-spacing: 1.2px;
}

.footer_content form {
    margin-top: 30px;
}

.custom_styl {
    border-radius: 0px;
    height: 45px;
}
/************************************************************/
.footer_content table {
/*    width: 49%;*/
    display: inline-block;
}
.footer_content table tr td:nth-child(even) {
    padding-left: 30px;
}
.footer_sec .footer_table_area {
    padding-left: 60px;
}
.footer_content h4 {
    margin-bottom: 15px;
}
/********************************************/
.footer_content table tr td {
    font-size: 14px;
    color: #ffffff;
    font-family: "34095";
    padding-bottom: 5px;
}

.address tr td {
    padding-bottom: 15px !important;
}

.each_footer_text span {
    display: inline-block;
    padding: 10px 8px;
    background: #464646;
    min-width: 45px;
    text-align: center;
    margin-right: 6px;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.each_footer_text span:hover {
    background: #dd3636;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.each_footer_text table {
    width: 70%;
    margin-top: -30px;
    margin-bottom: 30px;
}

.each_footer_text table img {
    margin-top: 10px;
}

.each_footer_text table tr td {
    vertical-align: bottom;
}

.footer_upper_sec {
    width: 100%;
    padding: 30px 0px;
}

.each_footer_ct {
    width: 100%;
    background: #212121;
    padding: 65px 50px;
    max-height: 240px;
}

.each_footer_ct table {
    width: 100%;
}

.text_ctn {
    padding-left: 20px;
}

.text_ctn h2 {
    text-transform: uppercase;
    letter-spacing: 2px;
}

.text_ctn p {
    color: #ffffff;
    margin-top: 10px;
}

.disten_sec {
    width: 100%;
    padding: 0px 0px;
    position: relative;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left center;
    height: auto;
    background-color: #fbfbfb;
    position: relative;
    overflow: hidden;
}

.disten_sec:after {
    top: 0px;
    right: 0px;
    position: absolute;
    width: 82%;
    background: #fbfbfb;
    height: 101%;
    content: "";
    -moz-transform: skew(-24deg, 0deg);
    -webkit-transform: skew(-24deg, 0deg);
    -o-transform: skew(-24deg, 0deg);
    -ms-transform: skew(-24deg, 0deg);
    transform: skew(-24deg, 0deg);
}

.disten_txt {
    position: relative;
    z-index: 9;
    padding: 30px 0px;
}

.disten_txt p {
    font-size: 18px;
}

.disten_txt ul {
    width: 100%;
    font-size: 0px;
    margin-top: 45px;
}

.disten_txt ul li {
    font-family: "34095";
    font-size: 20px;
    color: #2c3e50;
   /* -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;*/
    display: inline-block;
    width: 50%;
    padding-bottom: 30px;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    cursor: pointer;
}

.disten_txt ul li span {
    display: inline-block;
    width: 80px;
}

.disten_txt ul li span img {
    max-height: 38px;
    filter: brightness(0) invert(0);
    -webkit-filter: brightness(0) invert(0);
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.disten_txt ul li:hover {
	color: #dd3636;
    -webkit-filter: none;
    -moz-filter: none;
    -ms-filter: none;
    filter: none;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.disten_txt ul li:hover img{
	filter: brightness(1) invert(0);
    -webkit-filter: brightness(1) invert(0);
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.each_footer_ct table tr td {
    vertical-align: middle;
}

.product_top_area {
    background: #212121;
}

.product_top_area .filter_header {
    border: 0px;
    padding: 11px 0px;
}

.product_top_area .filter_header h2 {
    text-align: left;
}

.angel_btn {
    background: #dd3636;
    padding: 12px 30px;
    position: relative;
    overflow: visible;
    max-width: 280px;
}

.angel_btn:after {
    position: absolute;
    top: 0px;
    left: -18px;
    width: 50px;
    height: 100%;
    content: "";
    background: #dd3636;
    z-index: 0;
    -moz-transform: skew(-18deg, 0deg);
    -webkit-transform: skew(-18deg, 0deg);
    -o-transform: skew(-18deg, 0deg);
    -ms-transform: skew(-18deg, 0deg);
    transform: skew(-18deg, 0deg);
}

.angel_btn:before {
    position: absolute;
    top: 0px;
    right: -18px;
    width: 50px;
    height: 100%;
    content: "";
    background: #dd3636;
    z-index: 0;
    -moz-transform: skew(-18deg, 0deg);
    -webkit-transform: skew(-18deg, 0deg);
    -o-transform: skew(-18deg, 0deg);
    -ms-transform: skew(-18deg, 0deg);
    transform: skew(-18deg, 0deg);
}

.product_name {
    padding: 10px 15px;
}

.product-price {
    background: #212121;
/*
    padding: 18px 0px;
    position: relative;
    padding-left: 15px;
    z-index: 1;
*/
}

/*
.product-price:after {
    position: absolute;
    top: 0px;
    left: -20px;
    width: 50px;
    height: calc(100% + 2px);
    content: "";
    background: #212121;
    z-index: 0;
    -moz-transform: skew(-24deg, 0deg);
    -webkit-transform: skew(-24deg, 0deg);
    -o-transform: skew(-24deg, 0deg);
    -ms-transform: skew(-24deg, 0deg);
    transform: skew(-24deg, 0deg);
}
*/

.product-price p {
    position: relative;
    z-index: 99;
}

.product_dtls_wrapper {
    padding: 20px 10px;
    border: 1px solid #d9d9d9;
    background: #fbfbfb;
    position: relative;
    z-index: 1;
}

.product_dtls_wrapper table {
   /* width: 100%;*/
    display: flex;
    justify-content: space-around;
}

.product_dtls_wrapper table tr td {
    font-family: "34095";
    font-size: 16px;
    color: #000;
    position: relative;
}

.product_dtls_wrapper table tr td:after {
   /* position: absolute;
    width: 5px;
    height: 1px;
    background: #000;
    content: "";
    top: 50%;
    transform: translate(-50%);
    left: 87%;*/
}

.product_dtls_wrapper table tr td:last-child:after {
    display: none;
}

.product_dtls_wrapper td span{
    margin: 0 10px;
}

.product_img img {
    width: 100%;
}

.product_name h4 {
    font-size: 20px;
    text-align: center;
    height: 40px;
    overflow: hidden;
}

.product_price_wrapper {
    background: #dd3636;
}

.product-price p {
    font-size: 18px;
    color: #fff;
    text-align: center;
    padding-top: 0px;
    margin-bottom: 0px;
/*    height: 54px;*/
    padding: 10px;
}

.top_cars {
    /*margin-top: 70px;*/
    margin-bottom: 60px;
}

.products_slider_area {
    padding: 60px 0px;
}

.products_btn .swiper-button-next,
.products_btn .swiper-button-prev {
    width: auto;
    height: auto;
    margin-top: -13px;
}

.product_top_area .container {
    width: 80%;
}

.products_slider_area .container {
    width: 80%;
}

/*---- sanchita cass----*/

/*--------------------------------------------diensten start----------------------------------------------------*/

.diensten .btm_bordr {
    width: 100%;
    height: 61px;
    background-color: #212121;
}

.diensten .diensten_banner {
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
}

.diensten .diensten_overlay {
    /*background-color: rgba(39, 27, 29, 0.6);*/
    /*background-color: rgba(0, 0, 0, 0.3);*/
    width: 100%;
    height: 100%;
}

.diensten .diensten_overlay h1 {
    padding: 10% 0% 10%;
}

.ozen_diensten {
    padding: 73px 0px 90px 0px;
    background-color: #f5f5f5;
}

.ozen_diensten h2 {
    font-size: 36px;
    color: #121212;
}

/*.ozen_diensten h2 span{
	color:#dd3636;
}*/

.ozen_diensten p {
    color: #121212;
    font-family: "34095";
    font-size: 14px;
    padding: 40px 30px 0px 0px;
    text-align: justify;
}

.Zoekopdracht .btm_bordr {
    width: 100%;
    background-color: #212121;
}

.Zoekopdracht .button {
    background-color: #dd3636;
    border: none;
    color: white;
    text-decoration: none;
    display: inline-block;
    margin: 0px;
    cursor: pointer;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    border-radius: 0px;
    transform: skew(-15deg, 0deg);
    width: 100%;
    padding: 0px;
    text-align: center;
}

.Zoekopdracht .button2:hover {
    box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
}

.Zoekopdracht .button span:after {
    content: "";
    background: url("../images/arrow.png");
    background-position: center center;
    height: 39px;
    width: 100%;
    right: -75%;
    position: absolute;
    top: 11px;
    display: inline-block;
    background-repeat: no-repeat;
}

/*.zoekop_content span{
	color:#dd3636;
}
*/

.Zoekopdracht_img_content {
    width: 100%;
    position: relative;
}

.Zoekopdracht .container-fluid {
    padding-left: 0px;
}

.Zoekopdracht .container-fluid .col-md-6 {
    padding-left: 0px;
}

.zoekop_image {
    -webkit-clip-path: polygon(0% 0%, 100% 0%, 72% 100%, 0% 100%);
    clip-path: polygon(0% 0%, 100% 0%, 72% 100%, 0% 100%);
    width: 100%;
    left: 0px;
    top: 0px;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.zoekop_content {
    padding: 12% 0%;
}

.zoekop_content h2 {
    font-size: 30px;
    padding: 20px 0px 4% 0px;
    color: #121212;
    font-family: "34099";
    text-transform: uppercase;
}

zoekop_content h2 span {
    color: #d92249;
}

.zoekop_content p {
    color: #121212;
    font-family: "34095";
    font-size: 14px;
    width: 70%;
    text-align: justify;
    /*padding-top: 4%;*/
}

.zoekop_content p:last-child {
    padding: 0%;
}

/*--------------------------------------------diensten end----------------------------------------------------*/

/*--------------------------------------------diensten_sub1 start----------------------------------------------------*/

.Zoekopdracht .btm_bordr h2 {
    font-size: 24px;
    padding: 16px 0px;
    color: #fff;
}

/*.Zoekopdracht .btm_bordr h2 span{
	color:#d92249;
}
*/

.Zoekopdracht_img_content .diensten_sub_image {
    width: 100%;
    left: 0px;
    top: 0px;
    height: 440px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.Zoekopdracht_img_content .zoekop_content_para {
    width: 100%;
}

.Zoekopdracht .diensten_sub_img1 {
    width: 24%;
    -webkit-clip-path: polygon(0 0, 100% 0%, 72% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 72% 100%, 0% 100%);
    top: 10px;
    right: 0px;
    height: 250px;
    display: inline-block;
}

.Zoekopdracht .diensten_sub_img2 {
    width: 24%;
    -webkit-clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%);
    clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%);
    top: 10px;
    right: 0px;
    height: 250px;
    display: inline-block;
}

/*--------------------------------------------diensten_sub1 end----------------------------------------------------*/

/*--------------------------------------------contact start----------------------------------------------------*/

.contact_map {
    width: 100%;
    min-height: 300px;
}
.gm-style .map {
    max-width: 283px;
    background: #121212;
    padding: 15px;
}
.Zoekopdracht span {
    color: #dd3636;
}

.contact_details {
    padding: 4% 0% 2%;
    position: relative;
}

.contact_details .address table {
    font-family: arial, sans-serif;
    border-collapse: collapse;
    width: 100%;
}

.contact_details .address {
    width: 100%;
}

.contact_details .address table tr td {
    text-align: left;
    padding: 13px;
    font-size: 16px;
    font-family: "34097";
    color: #121212;
    vertical-align: top;
}

.contact_details a:hover {
    color: #dd3636;
}

.contact_details .contact_time1 {
    width: 48%;
    display: inline-block;
}

.contact_details .contact_time1 h2 {
    font-size: 18px;
    padding: 13px 0px 13px 0px;
}

.contact_details .contact_time1 table tr,
.contact_details .contact_time1 table tr td {
    color: #121212;
    font-family: "34095";
    font-size: 14px;
}

.contact_details .contact_time1 table tr,
.contact_details .contact_time1 table tr td:last-child {
    padding: 2% 0% 0% 0%;
    font-family: "34095";
    font-size: 14px;
}

.contact_form {
    background-color: #212121;
    padding: 20px 30px 25px;
    margin: 10% 0%;
    border-radius: 5px;
    width: 90%;
}

.wr_cont {
    margin-top: 38%;
}

.contact_form .button {
    background-color: #dd3636;
    border: none;
    color: white;
    text-decoration: none;
    display: inline-block;
    margin: 0px;
    cursor: pointer;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    border-radius: 5px;
    padding: 3% 16%;
}

.contact_form .button2:hover {
    box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
}

.contact_form .button2 span {
    font-family: "34097";
    font-size: 18px;
    display: inline-block;
    color: #fff;
}

.contact_form .section_heading h2 {
    color: #fff;
    font-family: "34097";
    font-size: 36px;
    position: relative;
    padding: 6px 0px 0 30px;
}

.contact_form .section_heading p {
    font-family: "34097";
    font-size: 24px;
    color: #ffffff;
    padding: 0px 0px 0px 30px;
}
.contact_form textarea.form-control {
    height: 120px;
}
.contact_details .section_heading {
    padding: 3% 0px;
}

.contact_form .styl5 {
    padding: 20px;
}

.contact_details .wist_content {
    font-size: 30px;
    /*padding: 6% 0% 0% 5%;*/
    padding-top: 6%;
    padding-left: 15px;
}

.contact_details .wist_content h2 {
    font-size: 30px;
    color: #121212;
}

.contact_details .wist_content p {
    padding: 5% 20% 5% 0%;
    line-height: 24px;
    text-align: justify;
}

.contact_form .styl5::placeholder {
    font-family: "34097";
    font-size: 14px;
    color: #2b2a2a;
}

.contact_form .section_heading h2:before {
    content: "";
    background-position: center center;
    height: 50px;
    width: 26%;
    top: 4px;
    left: 0px;
    display: inline-block;
    border: 2px solid #363636;
    border-radius: 5px;
    position: absolute;
    display: none;
}

/*--------------------------------------------contact end----------------------------------------------------*/

/*--------------------------------------------warkpaalets start----------------------------------------------------*/

.panel_image {
    -webkit-clip-path: polygon(0 0, 100% 0, 20% 100%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 20% 100%, 0 100%);
    width: 100%;
    height: 650px;
    top: 0;
    left: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.panel_content p {
    color: #121212;
    padding: 5% 30% 0% 0%;
    text-align: justify;
}

.panel_content {
    padding: 6% 0%;
}

.warkplaates_sub1_content .btm_bordr h2 {
    color: #fff;
    font-size: 24px;
    padding: 18px 0px;
}

.warkplaates_sub1_content .btm_bordr {
    width: 100%;
    height: 68px;
    background-color: #2c3e50;
}

.warkplaates_sub1_content1 .btm_bordr {
    width: 100%;
    height: 68px;
    background-color: #2c3e50;
}

.warkplaates_sub1_content1 .button {
    background-color: #dd3636;
    border: none;
    color: white;
    text-decoration: none;
    display: inline-block;
    margin: 0px;
    cursor: pointer;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    border-radius: 0px;
    transform: skew(-15deg, 0deg);
    width: 100%;
    padding: 0px;
}

.warkplaates_sub1_content1 .button2:hover {
    box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
}

.warkplaates_sub1_content1 .button2 span {
    font-family: "34097";
    font-size: 18px;
    transform: skew(6deg, 0deg);
    display: inline-block;
    padding: 8% 0%;
    color: #fff;
}

.warkplaates_sub1_content1 .button span:after {
    content: "";
    background: url("../images/arrow.png");
    background-position: center center;
    height: 39px;
    width: 100%;
    right: -75%;
    position: absolute;
    top: 14px;
    display: inline-block;
    background-repeat: no-repeat;
}

.warkplaates_sub1_content1 .andere_services h2 {
    color: #fff;
    font-size: 24px;
    padding: 18px 0px;
}

/*--------------------------------------------warkpaalets end----------------------------------------------------*/

.car_panel {
    padding: 3% 0% 1%;
}

.car_panel .car_caption h2 {
    background-color: #dd3636;
    font-size: 18px;
    padding: 6px 0px 6px 40px;
    color: #fff;
    text-align: left;
    padding: 6px 30px;
}

.car_panel .car1 {
    border: 1px solid #ededed;
    position: relative;
}

.cars_mrgin {
    margin: 18px 0px;
}

.car_panel .car1 img {
    width: 100%;
}

.car_panel .car_details {
    background-color: #fbfbfb;
}

.car_panel .car_details p {
    color: #121212;
    font-size: 14px;
    padding: 20px 30px;
    text-align: left;
    margin-bottom: 0px;
}

.car_panel .row .col-md-4 .car1_background {
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    top: 0;
    left: 0px;
    background-position: center;
    position: relative;
}

.contact_time1 h4 {
    color: #121212;
    margin-bottom: 15px;
    letter-spacing: 1px;
}

.man_img {
    width: 50%;
    position: absolute;
    right: 0px;
    bottom: 0px;
    height: 85%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right center;
    -webkit-clip-path: polygon(100% 0%, 0% 100%, 100% 100%);
    clip-path: polygon(100% 0%, 0% 100%, 100% 100%);
}

.contact_time1 table {
    width: 100%;
}

.relative_sec {
    position: relative;
    z-index: 9;
}

.wrk {
    width: 100%;
    position: relative;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left center;
    height: auto;
    background-color: #fbfbfb;
    overflow: hidden;
}

.wrk:after {
    top: 0px;
    right: -40px;
    position: absolute;
    width: 70%;
    background: #fbfbfb;
    height: 100%;
    content: "";
    -moz-transform: skew(-24deg, 0deg);
    -webkit-transform: skew(-24deg, 0deg);
    -o-transform: skew(-24deg, 0deg);
    -ms-transform: skew(-24deg, 0deg);
    transform: skew(-24deg, 0deg);
}

textarea {
    resize: none;
}

.crv_slider {
    width: 100%;
    position: relative;
    overflow-x: hidden;
    padding: 5px 0px;
}

.dr_cont {
    margin-top: 17%;
}
.photo_upload {
    width: 100%;
    min-height: 40px;
    padding: 8px 15px !important;
    font-family: "34097";
    font-size: 14px;
    color: #2b2a2a;
    height: auto;
}

.vac_listing {
    width: 100%;
    padding: 60px 0px 30px;
}

.vac_listing .each_vc_wrapper{
    margin-bottom: 60px;
}

.vac_listing .col-md-6:nth-child(odd) .each_vc_wrapper{
    margin-right: 15px;
}

.vac_listing .col-md-6:nth-child(even) .each_vc_wrapper{
    margin-left: 15px;
}

.each_vc_wrapper {
    width: 100%;
    background: #f0f0f0;
    position: relative;
    overflow-x: hidden;
}

.angl_dv {
    -webkit-clip-path: polygon(0% 0%, 60% 0%, 100% 100%, 0% 100%);
    clip-path: polygon(0% 0%, 60% 0%, 100% 100%, 0% 100%);
}

.vac_listing .angl_dv{
    height: 100%;
}

.vac_listing .angl_dv img{
    height: 100%;
    object-fit: cover;
}

.vcr_text {
    padding: 30px 20px;
}

.vcr_text p {
    /*color: #ffffff;*/
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.vcr_text h2 {
    margin-bottom: 20px;
    color: #1c1c1c;
}

.vcr_text .button {
    background-color: #dd3636;
    border: none;
    color: white;
    text-decoration: none;
    display: inline-block;
    margin: 0px;
    cursor: pointer;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    border-radius: 5px;
    padding: 3% 16%;
    margin-top: 15px;
}

.each_vc_wrapper {
    margin-bottom: 30px;
}

.aanbod_filter {
    width: 100%;
    position: relative;
    padding-top: 70px;
    z-index: 9;
}

.aanbod_filter_heading {
    width: 100%;
    background: #212121;
    border-bottom: 4px solid #dd3636;
    padding: 20px 30px;
    border-radius: 4px 4px 0 0;
}

.aanbod_filter_frm {
    background: #f0f0f0;
    width: 100%;
    padding: 20px 30px 10px;
}

.aanbod_filter_frm .row.custom-row{
    margin: 0 -0.5rem;
}

/*===================================neo10=============================*/

.aanbod_details_list {
    background: #383d51;
    padding: 15px 0px;
}

.aanbod_details_list ul li {
    display: inline-block;
    font-family: "34097";
    font-size: 18px;
    color: #fff;
    padding: 0px 40px;
    position: relative;
}

.aanbod_details_list ul li::after {
    position: absolute;
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
    content: "/";
    color: #fff;
}

.aanbod_details_list ul li:last-child:after {
    display: none;
}

.heading {
    padding-top: 50px;
}

.heading h2 {
    font-size: 30px;
    color: #121212;
    border-bottom: 1px solid #e8e8e8;
    padding-bottom: 30px;
    font-family: "34099";
}

.aanbod_slider_area {
    padding-top: 20px;
}

.thumbs {
    margin-top: 10px;
}

.thumbs img {
    width: 100%;
}

.aanbod_slider_area .swiper-button-next {
    right: 25px;
}

.aanbod_slider_area .swiper-button-prev {
    left: 0px;
}

.pink_btn {
    background: #dd3636;
    padding: 6px 15px;
    border-radius: 4px;
}

.left {
    float: left;
    padding-top: 8px;
}

.aanbod_right_dtls .pink_btn h2 {
    font-family: "34097";
}

.aanbod_right_dtls .left h2 {
    font-size: 24px;
}

.right {
    float: right;
    text-align: right;
}

.right h2 {
    font-size: 22px;
    color: #fff;
}

.right p {
    color: #fff;
    margin-bottom: 0px;
    font-family: "34093";
}

.each_btn {
    background: #212121;
    padding: 10px 15px;
    margin-bottom: 10px;
    border-radius: 4px;
    cursor: pointer;
}

.each_btn table tr td {
    color: #fff;
    font-family: "34095";
    font-size: 14px;
}

.each_btn table tr td:first-child {
    padding-right: 15px;
}

.blue_btn {
    margin-top: 30px;
}

.image_area {
    margin-top: 30px;
}

.details_area {
    margin-top: 30px;
}

.details_area h2 {
    color: #121212;
    padding-bottom: 10px;
    letter-spacing: 1px;
}

.tables_area table {
    margin-bottom: 15px;
}

.tables_area table tr td:first-child {
    padding-right: 15px;
}

.social_btn_area {
    margin-top: 35px;
}

.social_btn_area h3 {
    font-family: "34095";
    font-size: 20px;
    color: #121212;
    margin-bottom: 15px;
}

.social_btn_area ul {
    margin-top: 10px;
}

.social_btn_area ul li {
    display: inline-block;
    margin-right: 4px;
}

.social_btn_area img {
    margin-right: 10px;
}
/*.social_btn_area ul li:last-child {
	background: #2c3e50;
	color: #fff;
	padding: 10px 25px;
	font-family: '34097';
	font-size: 14px;
	border-radius: 4px;
	margin-right: 0px
}*/

.tab_wrapper {
    padding: 35px 10px;
    background: #212121;
    border-radius: 4px;
    margin-top: 10px;
}

.tab_wrapper ul {
    font-size: 0px;
}

.tab_wrapper ul li {
    width: 20%;
    display: inline-block;
    border-right: 1px solid #fff;
    padding-left: 30px;
}

.tab_wrapper ul li:nth-child(1) {
    width: 22%;
}

.tab_wrapper ul li:nth-child(2) {
    width: 30%;
}

.tab_wrapper ul li:nth-child(3) {
    width: 25%;
}

.tab_wrapper ul li:nth-child(4) {
    width: 20%;
}

.tab_wrapper ul li table tr td {
    vertical-align: middle;
}

.tab_wrapper ul li table tr td:first-child {
    padding-right: 20px;
}

.tab_wrapper ul li:last-child {
    border-right: 0px solid #fff;
}

.tab_wrapper ul li table tr td h6 {
    font-family: "34095";
    font-size: 16px;
    color: #fff;
}

.tab_wrapper ul li table tr td p {
    color: #fff;
    margin-bottom: 0px;
    font-family: "34093";
}

.tabs_area {
    margin-top: 10px;
    margin-bottom: 10px;
}

.tabs_area .nav-tabs .nav-link:hover {
    border: 0px solid;
}

.tabs_area .nav-tabs .nav-link.active {
    color: #fff;
    background-color: #dd3636;
    border-radius: 4px;
    border: 0px solid transparent;
}
.tabs_area .nav-item a:hover {
    color: #fff;
}
.tabs_area .tab_sec .nav-item:last-child {
    margin-right: 0px;
}
.tabs_area .tab_sec .nav-item {
    width: 19%;
    text-align: center;
    margin-right: 1%;
    border-radius: 4px;
    background: #212121;
    font-family: "34095";
    font-size: 16px;
    color: #fff;
}
.tabs_area .nav-tabs .nav-link {
    border: 0px solid transparent;
}

.tabs_area .nav-tabs {
    border-bottom: 0px solid #dee2e6;
}

.tab-content {
    background: #f7f7f7;
    padding: 20px;
    margin-top: 10px;
}

#home ul li {
    line-height: 18px;
    font-family: "34095";
    font-size: 16px;
    width: 45%;
    word-break: break-all;
    color: #121212;
    display: inline-block;
}
.kenmerken_tab ul li:nth-child(odd) {
    background-image: url(../images/bullet.svg);
    background-repeat: no-repeat;
    background-position: 0% 30%;
    padding-left: 20px;
    background-size: 7px;
}

#home ul li:nth-child(3n) {
    list-style: none;
}

.tab_content_wrapper h3 {
    color: #929292;
    margin: 0px;
    text-transform: uppercase;
}

.tab_content_wrapper ul li {
    color: #121212;
    font-size: 14px;
    font-family: "34095";
    padding: 0px 0px 10px 20px;
}

.tab_hedaing {
    border-bottom: 1px solid #929292;
    margin-bottom: 30px;
}

.bullet-panel li {
    position: relative;
}

.bullet-panel li:after {
    padding-left: 15px;
    background-size: 7px;
    position: absolute;
    top: 8px;
    left: 0;
    content: "";
    width: 15px;
    height: 15px;
    background-image: url(../images/bullet.svg);
    background-repeat: no-repeat;
}

/*=================================*/

.no-overlay {
    background-color: transparent !important;
}

.Zoekopdracht .button2 span {
    font-family: "34095";
    font-size: 18px;
    transform: skew(15deg, 0deg);
    display: inline-block;
    padding: 17px 0%;
    color: #fff;
}

.big-text.Zoekopdracht .button2 span {
    padding: 5% 0%;
}

.big-text.Zoekopdracht .button span::after {
    top: 12px;
}

.crv_img1 {
    width: 135%;
    position: relative;
    /*-moz-transform: skew(-18deg, 0deg);
    -webkit-transform: skew(-18deg, 0deg);*/
    -webkit-clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%);
    clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%);
}

.overlay_sec {
    position: absolute;
    width: 100%;
    top: 0px;
    left: 0px;
    background: rgba(221, 54, 54, 0.5);
    z-index: 9;
    height: 100%;
    font-family: "34095";
    text-align: center;
    font-size: 30px;
    color: #ffffff;
    padding-top: 33%;
    opacity: 0;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    cursor: pointer;
    text-transform: uppercase;
}

.overlay_sec:hover {
    opacity: 1;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.angel-btn-2 .angel_btn {
    padding: 17px 10px;
}

.car1_background p {
    color: #fff;
    font-size: 16px;
    margin-bottom: 25px;
}

.common-btn .button {
    background-color: #dd3636;
    border: none;
    color: white;
    text-decoration: none;
    display: inline-block;
    margin: 0px;
    cursor: pointer;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    border-radius: 5px;
    padding: 3% 8%;
    font-family: "34097";
    font-size: 14px;
}

.car-background-content {
    width: 80%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.car-background-content h2 {
    margin-bottom: 20px;
}

.form-btn .button {
    width: 100%;
    display: block;
    background: #212121;
    padding: 14.5px 0px;
}

.form-btn .button:hover {
    background: #dd3636;
}

.aanbod-cars h4 {
    font-size: 17px;
}

.aanbod-cars .product_price_wrapper {
    /*overflow-X:hidden;*/
}

/*
.aanbod-cars .product-price {
    padding: 16px 0px;
    position: absolute;
    width: 100%;
    top: -10px;
    right: 15px;
}
*/

.aanbod-cars .product-price p {
    font-size: 15px;
}

.tables_area table tr td {
    color: #121212;
    padding-top: 10px;
}

/*-------------------------------------------overones start ----------------------------------------------------*/

.midle_ovelay_banner .midle_banner {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 100%;
    top: 0;
    left: 0;
}

.midle_ovelay_banner .midle_banner .midle_banner_overlay {
    /*background-color: rgba(18, 18, 18, 0.7);*/
    width: 100%;
    height: 100%;
}

.midle_ovelay_banner .ovrlay_midle_content {
    width: 80%;
    margin: 0 auto 0;
    display: table;
    padding-bottom: 50px;
}

.midle_ovelay_banner .ovrlay_midle_content h2 {
    font-size: 36px;
    font-family: "34095";
    color: #fff;
    padding: 10% 0% 8%;
    text-align: center;
}

.midle_ovelay_banner .ovrlay_midle_content span {
    font-family: "34097";
}

.midle_ovelay_banner .overones_img {
    width: auto;
    margin: 0 auto 0;
    display: table;
}

.midle_ovelay_banner .ovrlay_midle_content p {
    font-size: 18px;
    color: #fff;
    padding: 44px 0px;
    text-align: center;
}

/*-----------------------------------slider start------------------------------------------------*/

.midle_ovelay_banner .swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    background-image: url("../imges/arrow_prev.png");
    left: 10px;
    right: auto;
    width: 20px;
    height: 20px;
}

.midle_ovelay_banner .swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    background-image: url("../images/arrow_next.png");
}

.overons_slider {
    width: 100%;
    padding: 10px 0px;
    position: relative;
}

.main_overns_slider {
    width: 100%;
}

.mr_top {
    margin-top: 10px;
}

.overons_slider .swiper-button-next {
    right: 25px;
}

.overons_slider .swiper-button-prev {
    left: 0px;
}

.overons_slider .swiper-slide:nth-child(n) {
    width: 30.5% !important;
}

.overons_slider .swiper-slide:nth-child(2n) {
    width: 39% !important;
}

.overons_slider .swiper-slide:nth-child(3n) {
    width: 30.5% !important;
}

/*---------------------------------------------overones  end ----------------------------------------------------*/

/****************************************collegue css**************************************/

.onez-collegue {
    padding: 100px 0px 50px;
}

.onez-collegue .section_heading h3 {
    font-size: 36px;
    color: #121212;
    font-family: "34097";
}

.onez-collegue .section_heading h3 span {
    color: #dd3636;
}

.member-slider-wrapper {
    margin-top: 50px;
    position: relative;
}

.member-slider-wrapper .swiper-button-next,
.member-slider-wrapper .swiper-button-prev {
    background: none;
}

.member-slider-wrapper .swiper-button-next {
    right: -50px;
}

.member-slider-wrapper .swiper-button-prev {
    left: -40px;
}

.member-dtls h3 {
    font-family: "34099";
    margin-top: 15px;
    margin-bottom: 0px;
    color: #121212;
}

.member-dtls p {
    font-size: 24px;
    color: #121212;
}

/****************************************collegue css end**************************************/

.bed-content-height {
    height: 100vh;
}

.bed-content-text {
    vertical-align: middle;
}

.text-wrapper h1 {
    font-size: 65px;
}

.text-wrapper p {
    color: #fff;
    max-width: 590px;
    width: 100%;
}

.bedankt-bg {
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: -1;
}

.vacatures-details-content {
    border-bottom: 10px solid #2c3e50;
}

.section-heading h2 {
    font-size: 36px;
    color: #121212;
}

.vacatures-titels {
    padding: 120px 0px;
}

.section-heading {
    padding-bottom: 50px;
}

.details-left tr td p,
.details-right tr td p {
    font-family: "34095";
    font-size: 14px;
    text-align: justify;
}

.details-left tr td p {
    margin-bottom: 26px;
}

.details-left tr td p span,
.details-right tr td p span {
    font-family: "New Rail Alphabet Bold";
}

.details-right {
    margin-left: 50px;
}

.details-right tr td p {
    font-size: 16px;
    margin-bottom: 10px;
    word-break: break-word;
}

.social-section {
    max-width: 290px;
    margin-right: 0px;
    margin-left: auto;
}

.social-section ul li {
    display: inline-block;
    margin-right: 5px;
}

.social-section ul li:last-child {
    margin-right: 0px;
}

.social-section ul li:last-child .common-btn .button {
    padding: 12px 15px;
    width: 133px;
}

.social-section h3 {
    color: #121212;
    margin-bottom: 10px;
}

.download-btn {
    margin-top: 20px;
}

.download-btn .button {
    padding: 10px 20px;
    background: #dd3636;
    width: 100%;
    text-align: left;
}

.download-btn .button img {
    margin-right: 15px;
}

.form-area {
    padding-left: 70px;
}

.form-area .contact_form {
    width: 100%;
    margin: 30px 0px;
    padding: 30px 40px;
}

.form-area .contact_form .section_heading {
    margin-bottom: 30px;
}
/*==========pop up===========*/
.mm-slideout {
    z-index: unset;
}
.modal_area .modal_close_img img {
    max-height: 30px;
}
.modal_area .modal_close_img {
    position: absolute;
    top: 30px;
    right: 30px;
    height: 100%;
}
.modal_area .modal-dialog {
    max-width: 70%;
    margin-top: 10%;
}
.modal_area .modal-body {
    padding: 0px;
}
.modal_area .modal-content p {
    text-align: justify;
    margin-top: 30px;
    margin-bottom: 50px;
}
.modal_area .modal-content {
    border-radius: 0px;
    border: none;
}
.pop_up_img {
    vertical-align: top;
}
.popup_content {
    padding: 5% 10%;
}
/*=======pop up end==========*/
.aanbod_details {
    background-color: transparent;
    padding: 25px 5px 40px;
    margin: 0px;
    border-radius: 5px;
    width: 100%;
}
#form_1 {
    display: none;
    margin-top: 15px;
}
#form_2 {
    display: none;
    margin-top: 15px;
}
#form_3 {
    display: none;
    margin-top: 15px;
}
.kenteken_np {
    background-image: url(../images/kenteken_plaat/kenteken_plaat.png);
    background-repeat: no-repeat;
    background-position: 0% 0%;
    padding: 8px 0 6px 30px;
}
.privacy_background {
    background: #1c1c1c;
}
/*.cookie_div{
    position: fixed;
    bottom: 0;
    z-index: 9999;
    width: 100%;
	padding: 35px 0;
}
.light_theme{
	background:rgba(255, 255, 255, 0.83);
	-webkit-box-shadow: 0px -3px 3px -1px rgba(203,203,203,0.75); 
	box-shadow: 0px -3px 3px -1px rgba(203,203,203,0.75);
}
.dark_theme{
    background: rgba(0, 0, 0, 0.78);
	-webkit-box-shadow: 0px -3px 3px -1px rgba(203,203,203,0.75); 
	box-shadow: 0px -3px 3px -1px rgba(203,203,203,0.75);
}
.cookie_div{
	color:#9c9c9c;
	font-size: 13pt;
	font-family: 'Calibri';
}
.cookie_div h4{
	margin-bottom: 15px;
	font-size: 13pt;
	font-family: 'Calibri';
	
}
.light_theme h4{
	color:#2a2a2a;
}
.dark_theme h4{
	color:#c9c9c9;
}
.cookie_div a{
	color:#38b6be;
	font-size: 13pt;
	font-weight:bold;
	margin-left:8px;
	font-family: 'Calibri';
}
.cookie_div button{
	color:#3c935c;
	font-size: 12pt;
	background:#e6f8ed;
	font-weight: bold;
    border: 0;
    padding: 13px 25px;
	margin:5px 0;
	cursor: pointer;
	font-family: 'Calibri';
} */
.top_gapping {
    position: relative;
}
.aanbod_area {
    background: #2d2d2d;
    position: relative;
    padding-top: 50px;
    padding-bottom: 50px;
    margin-top: -1px;
}
.onez-acties-text-content h2 {
    margin-bottom: 20px;
    font-size: 24px;
    color: #fff;
}
.onez-acties-text-content h2:before {
    display: none;
}
.onez-acties-text-content p {
    color: #828282;
    text-align: justify;
}
.error_top {
    padding: 87px 0px;
}
.no_record {
    font-size: 24px;
    color: #121212;
    text-align: center;
    padding: 50px 0px;
    font-family: "34097";
}
.cursor {
    cursor: pointer;
}
.morgan_footer {
    text-align: center;
    background: #000;
    padding: 7px 0px 5px;
}
.aanbod_dtls_sec .contact_form {
    padding: 30px 15px;
    width: 100%;
    margin-bottom: 30px;
}
.new_contact_area {
    width: 100%;
}
.new_contact_area .contact_time1 table {
    width: 35%;
    display: inline-block;
}
.new_contact_area .contact_time1 {
    width: 100%;
}

.new_contact_area .contact_time1 table tr td:first-child {
    padding-right: 30px;
}
/*-----------list------------*/
.list_section {
    padding: 20px 0px;
}
.allmenus h2 {
    font-family: "34097";
    font-size: 20px;
    color: #121212;
}
.allmenus ul li {
    font-family: "34097";
    font-size: 14px;
    color: #121212;
}
.allpages {
    margin-top: 30px;
}
.allpages h2 {
    font-family: "34097";
    font-size: 20px;
    color: #121212;
}
.allpages ul li {
    font-family: "34097";
    font-size: 14px;
    color: #121212;
}
.overons_slider .btm_bordr {
    width: 100%;
    height: 50px;
    background-color: #212121;
    margin-bottom: 10px;
}
.desktop_nav .navbar-nav .active > .nav-link {
    color: #dd3636;
}
.main_nav .col-lg-5 {
    /*max-width: 33.33%;*/
}
.contacts ul li a table tr td:hover {
    color: #999999;
}
.new_aanbod_area .product_name {
    background-color: #dd3636;
}
.new_aanbod_area .product_price_wrapper {
    background: #2c3e50;
}
.new_aanbod_area .aanbod-cars .product-price {
    bottom: 0px;
}
.new_aanbod_area .button2 {
    min-width: 130px;
}
.new_aanbod_area .button2:hover {
    background-color: #fff;
    color: #dd3636;
}
.contact_form .form-group {
    margin-bottom: 10px;
}
.image_wrapper {
    position: relative;
    cursor: pointer;
}
.image_wrapper::after {
    position: absolute;
    top: 0;
    left: 0;
    /*background-color:rgba(0,0,0,0.7);*/
    background-color: rgba(0, 0, 0, 0.25);
    opacity: 0;
    content: "";
    width: 100%;
    height: 100%;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.image_wrapper:hover::after {
    opacity: 1;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}

.vac_listing .each_vc_wrapper .button2 {
    min-width: 200px;
    padding: 13px;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.vac_listing .each_vc_wrapper .button2:hover {
    background-color: #121212;
    color: #fff;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.modal_area .defaulte_btn:after {
    right: 100%;
}
.modal_area .defaulte_btn:hover:after {
    right: 0px;
    transition: all 0.5s;
}
.popup_content h2 {
    color: #121212;
    font-family: "34097";
}
.bedankt-bg .bed-content-text {
    padding-left: 50px;
}
.bedankt-bg .text-wrapper p {
    margin: 10px 0px 50px;
}
.ozen_diensten table {
    width: 100%;
}
.ozen_diensten table tr td {
    width: 50%;
    vertical-align: top;
}
.ozen_diensten table tr td:nth-child(odd) {
    padding-right: 30px;
}
.ozen_diensten table tr td:nth-child(even) {
    padding-left: 30px;
}
/*************************new add********************/
.product_area .product_top_area .angel_btn {
    padding-top: 15px;
    padding-bottom: 15px;
}
.product_area .product_top_area .filter_header {
    padding: 0;
}
.product_area .product_top_area .row {
    align-items: center;
}
.diensten-dtl-slider .product_top_area{
	padding: 15px 0;
}
/******/
.morgeninternet-footer {
    background: #000000;
    width: 100%;
    height: 100px;
    display: block;
    text-align: center;
    transition: 0.3s all;
}
.morgeninternet-footer:hover {
    background: #202020;
    transition: 0.3s all;
}
/* .morgeninternet-footer > img {
    height: 35px;
    padding-top: 7.5px;
} */

.morgeninternet-footer > img {
	height: 30px;
	padding-top: 15px;
}


/*******footer mobile nav*******/

#mobile-contact-bar {
    display: none;
}

@media (max-width: 767.98px) {
    #mobile-contact-bar img {
        width: 20px;
    }
    #mobile-contact-bar {
        box-sizing: border-box;
        font-size: 1rem;
        opacity: 1;
        position: fixed;
        width: 100%;
        z-index: 998;
        left: 0;
        bottom: 0;
        display: block !important;
    }
    #mobile-contact-bar-outer {
        background-color: #000000;
        box-sizing: border-box;
        height: 45px;
        overflow: hidden;
        width: 100%;
    }
    #mobile-contact-bar ul {
        box-sizing: border-box;
        line-height: 0;
        list-style-type: none;
        margin: 0;
        padding: 0;
        position: relative;
        text-align: center;
        width: 100%;
        font-size: 0;
    }
    #mobile-contact-bar ul li {
        box-sizing: border-box;
        display: inline-block;
        line-height: 45px;
        text-align: center;
        height: 45px;
        width: 25%;
    }
    #mobile-contact-bar ul li a {
        color: rgba(255, 255, 255, 0.9);
        cursor: pointer;
        display: block;
        height: 100%;
        position: relative;
        z-index: 9998;
    }
    .li_color {
        border-left: 1px solid #ffffff;
    }
}

/***********************/
/**********************/
/* loader */
#loader_section {
    display: none;
    width: 100%;
    position: fixed;
    top: 0;
    background: #000000b8;
    z-index: 9999999;
    height: 100vh;
    padding: 30vh 0px;
}
#loader_section p {
    color: #fff;
    font-size: 18px;
    text-align: center;
}
#loader_section img {
    width: 100px;
    margin-bottom: 25px;
}

.footer_table_area img {
    height: 20px;
    width: 20px;
}

.fixed-whatsapp-icon {
    width: 70px;
    height: 70px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    bottom: 20px;
    z-index: 999;
    right: 20px;
}

.fixed-whatsapp-icon img {
/*    width: 50px;*/
    width: 70px;
}

.fixed-logo-icon {
    top: 180px;
    position: absolute;
    z-index: 999;
    right: 70px;
}

.fixed-logo-icon p {
    font-size: 12px;
    color: #004186;
    margin-top: 5px;
    font-family: "34097";
}

.fixed-logo-icon img {
    width: 100px;
}

.a2a_dd img {
    height: 15px;
    width: 15px;
}

.social_icons_panel .common-btn {
    background-color: #1c1c1c;
    border-radius: 4px;
    padding-top: 8px;
    padding-right: 45px;
    padding-bottom: 8px;
    padding-left: 8px;
    position: relative;
    color: #fff;
}

.social_icons_panel .common-btn span:after {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 15px;
    background: url(../images/nx.png) no-repeat;
    width: 6px;
    height: 10px;
    content: "";
}

.star_icon h4 {
    padding-bottom: 10px;
    text-transform: uppercase;
    padding-top: 15px;
    margin-bottom: 15px;
    color: #1c1c1c;
    border-bottom: 1px solid #1c1c1c;
    text-transform: uppercase;
}
.star_icon p img {
    width: 15px;
    margin-top: -3px;
    margin-right: 5px;
}
.star_icon p {
    font-family: "NunitoSansRegular";
    font-size: 16px;
    color: black;
    padding-bottom: 6px;
    word-break: break-word;
}
.photo_contnt li img {
    width: 15px;
    margin-left: 5px;
}
.star_icon h3 {
    margin: 40px 0 30px;
}
.aanbod-detail-tab-sec .tab-content .star_icon p {
    margin: 0;
}
.bullet-panel h3 {
    margin-bottom: 10px;
    color: #1c1c1c;
}
.bullet-panel {
    padding-bottom: 30px;
}
.service_pagination { position: relative; top: 0px; padding: 4% 0; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); text-align: center; }
.service_pagination a { display: inline-block; width: 40px; height: 40px; -moz-border-radius: 4px; border-radius: 4px; font-size: 12px; line-height: 40px; text-align: center; }
.service_pagination li { display: inline-block; }
.service_pagination a { color: #000000; border-radius: 50%; font-size: 17px; margin: 0 3px; background: #FFFFFF; }
.service_pagination .active a, .service_pagination a:hover { background: #dd3636; color: #fff; border-radius: 50%; }

.cursor {
    cursor: pointer;
}

/* Cookie */
.cookie_div {
    position: fixed;
    bottom: 0;
    z-index: 999999;
    width: 100%;
    padding: 0px 0;
}
.cookie_div {
    color: #9c9c9c;
    font-size: 12px;
    /*font-family: 'Calibri';*/
    font-family: "arial";
}
.cookie_div h4 {
    margin-bottom: 15px;
    font-size: 13pt;
    font-family: "Calibri";
}
.cookie_div a {
    color: #38b6be;
    font-size: 10pt;
    font-weight: bold;
    margin-left: 8px;
    font-family: "Calibri";
}
.cookie_div button {
    color: #3c935c;
    background: #dbffe8;
    font-weight: bold;
    border: 0;
    padding: 10px 25px;
    margin: 5px 0;
    cursor: pointer;
    font-size: 12px;
    /*font-family: 'Calibri';*/
    font-family: "arial";
}
.light_theme {
    background: rgba(255, 255, 255, 0.83);
    -webkit-box-shadow: 0px -3px 3px -1px rgba(203, 203, 203, 0.6);
    box-shadow: 0px -3px 3px -1px rgba(203, 203, 203, 0.6);
}
.dark_theme {
    background: rgba(0, 0, 0, 0.78);
    -webkit-box-shadow: 0px -3px 3px -1px rgba(203, 203, 203, 0.65);
    box-shadow: 0px -3px 3px -1px rgba(203, 203, 203, 0.65);
}
.light_theme h4 {
    color: #2a2a2a;
}
.dark_theme h4 {
    color: #c9c9c9;
}

/*Onderhoudshistorie tab*/

.each-onderhoud-block {
    display: flex;
    margin-bottom: 20px;
    margin-top: 50px;
}

.each-onderhoud-block h6 {
    color: #1c1c1c;
    margin: 10px 0px 30px;
}

.left-bg-block {
    width: 140px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #bdbdbd;
    font-size: 16px;
    line-height: 24px;
}

.iframe_hgt {
    width:100%;
    height: 1280px;
    border: 0;
}
.tab-content{
    overflow-x: scroll;
    overflow-y: auto;
}
/*======vacature=======*/
.vacature-top-sec .btm_bordr, .Zoekopdracht.vacture-heading-sec .btm_bordr {
    background-color: #f0f0f0;
}
.Zoekopdracht.vacture-heading-sec .btm_bordr h2{
    color: #dd3636;
}
.vacature-dtl-top .btm_bordr{
    display: none;
}
.vacture_back .btm_bordr{
    background: #f0f0f0;
}
.vacatures-titels .details-right{
    margin-left: 0;
    margin-right: 50px;
}
.vacatures-titels .details-left tr td p span, .vacatures-titels .details-right tr td p span {
    font-family: "34099";
    font-size: 16px;
}
.vacatures-titels .social_link_block a {
    margin-right: 3px;
}
.vacatures-titels .social_link_block a:last-child{
    margin-right: 0;
}
.vacture_back .arrow_btn span{
    padding-right: 0;
}
.vacture_back .arrow_btn span:after{
    display: none;
}
.mobile_vw{
    display: none;
}
.iframe_cal {
	padding: 5% 5%; 
	width: 100%;
    height: 654px;
}
.iframe_popup {
	height: 565px;
    /* padding: 5% 5%; */
    width: 100%;
    background: transparent;
    border: 0;
}


/* ===== NEO 09-11-2026 ticket 13451571680 - opening hours table (Verkoop / Werkplaats) ===== */
/* ===== mi-hours: from approved mockup 03-11-2026 (table rule consolidated, see NEO note below) ===== */
.footer_content table.mi-table{display:table;width:195px;max-width:100%;border-collapse:collapse}
.footer_content table.mi-table th{color:#fff;font-size:13px;font-weight:500;letter-spacing:.6px;text-align:left;padding:0 0 6px;white-space:nowrap}
.footer_content table.mi-table td{color:#fff;font-size:14px;line-height:21px;padding:1px 1px 5px 0;white-space:nowrap}
.footer_content table.mi-table td+td,.footer_content table.mi-table th+th{padding-left:10px}
.footer_content table.mi-table .mi-closed{opacity:.7}
/* ===== end mi-hours ===== */
/* NEO: differences to the mockup table rule above (merged into it): display:table, because the existing ".footer_content table{display:inline-block}" (~line 605) also hits .mi-table;
   width:195px instead of 100%, because the mockup file always draws the table 195 px wide (fixed preview column) while the live footer column grows on wide screens (228 px at 1920);
   max-width:100% keeps it inside the column on small screens. */
/* /contact uses .contact_time1 (light background, no .footer_content): same table markup, same spacing and sizes as the mockup, only dark text.
   Width is exactly 195 px like the mockup table at 1280 px (instead of stretching over the wide contact column); max-width:100% keeps it inside small screens.
   Selectors are prefixed with .contact_details to out-rank the existing ".contact_time1 table tr td:last-child" and ".new_contact_area .contact_time1 table tr td:first-child" rules. */
.contact_details .contact_time1 table.mi-table{display:table;width:195px;max-width:100%;border-collapse:collapse}
.contact_details .contact_time1 table.mi-table th{color:#121212;font-size:13px;font-weight:500;letter-spacing:.6px;text-align:left;padding:0 0 6px;white-space:nowrap}
.contact_details .contact_time1 table.mi-table tbody tr td{color:#121212;font-size:14px;line-height:21px;padding:1px 1px 5px 0;white-space:nowrap}
.contact_details .contact_time1 table.mi-table tbody tr td+td,.contact_details .contact_time1 table.mi-table thead tr th+th{padding-left:10px}
.contact_details .contact_time1 table.mi-table .mi-closed{opacity:.7}
/* ===== end NEO 09-11-2026 ===== */