@import "common.css";
html {
    font-size: 62.5%;
}
#mobile-contact-bar {
    display: none;
}
.add_morgan_footer_margin{
	height: 100px !important;
}
.grecaptcha-badge{
	display:none;
}
/*=================================popup start======================================*/
.modal-area .modal {
    z-index: 9999;
}
.modal-area .modal-dialog {
    max-width: 84.5rem;
    margin-left: auto;
	margin-right: auto;
}
.modal-area .modal {
	background: rgba(0, 0, 0, 0.2);
}
.modal-area .modal-content {
    border: 0;
	border-radius: 0;
	overflow: hidden;
    background-color: #0D141E;
	position: relative;
}
.modal-area .popup-content {
    padding: 7rem 5rem;
}
.modal-area .popup-content h2 {
    font-size: 6.4rem;
    color: #F4F7FA;
}
.modal-area .popup-content p {
	margin: 2.5rem 0 4rem;
	color: #F4F7FA;
}
.modal-area .popup-content .common-btn {
	border-color: #F4F7FA;
    background-color: #F4F7FA;
    color: #231F20;
}
.modal-area .popup-content .common-btn:hover {
	color: #F4F7FA;
    background-color: transparent;
}
.modal-area .modal-content .col-lg-5 {
	width: 33%;
}
.modal-area .modal-content .col-lg-7 {
	width: 67%;
}
.pop-up-image {
	height: 100%;
	overflow: hidden;
	border-radius: 0;
}
.pop-up-image img {
	height: 100%;
	object-fit: cover;
}
/*===================================diensten-list page start=================================================*/
.block-wrap {
    max-width: 114.5rem;
    width: 100%;
    margin: 0 auto;
}
/******inner-banner-sec*******/
.inner-banner-sec {
    padding: 19.3rem 0 7.3rem;
}
.inner-banner-sec p {
    max-width: 84.2rem;
    width: 100%;
    margin: 0 auto;
}
.inner-banner-sec h1 {
    margin-bottom: 28px;
}
/****service-list-sec****/
.service-list-sec {
    padding-bottom: 6rem;
}
.each-service {
    padding: 6rem 0;
    border-top: 1px solid rgba(35, 31, 32, 0.50);
}
.each-service-img {
    padding-right: 5rem;
    height: 31.5rem;
}
.each-service-img img {
    height: 100%;
    object-fit: cover;
}
.each-service-text h2 {
    margin-bottom: 2rem;
}
.each-service-text p {
    margin-bottom: 5rem;
}
.each-service-text {
    max-width: 58.7rem;
    width: 100%;
    margin-left: auto;
}
.each-service .common-btn {
    color: #231F20;
    border-color: #231F20;
    background-color: transparent;
}
.each-service .common-btn:hover {
    color: #fff;
    border-color: #231F20;
    background-color: #231F20;
}
/******contact-sec******/
.contact-sec {
    padding: 2rem 0;
}
.contact-left h2 {
    font-size: 6.4rem;
}
.contact-left h6 {
    margin-bottom: 1.7rem;
}
.contact-img {
    margin-top: 10rem;
    height: 61.5rem;
}
.contact-img img {
    height: 100%;
    object-fit: cover;
}
.contact-left {
    padding-right: 15rem
}
.contact-reach {
    display: flex;
    flex-wrap: wrap;
    column-gap: 7rem;
}
.each-contact-reach h4:first-child {
    font-weight: 500;
    color: rgba(35, 31, 32, 0.70);
    position: relative;
    font-family: 'LamaSans-Medium';
    display: block;
    margin-bottom: 1.6rem;
    position: relative;
    padding-right: 2rem;
    display: inline-block;
}
.each-contact-reach h4:first-child::after {
    content: "";
    height: 1.4rem;
    width: 1.4rem;
    background-image: url(../images/reach-arrow.svg);
    background-repeat: no-repeat;
    background-size: 1.4rem;
    background-position: center center;
    position: absolute;
    top: 60%;
    transform: translateY(-50%);
    right: -.2rem;
}
.each-contact-reach h4 {
    text-transform: none;
}
.each-contact-reach a:hover {
    opacity: 0.5;
    color: #231F20;
}
.contact-right {
    padding-top: 4rem;
}
input[type=text].form-style,
.form-comment .form-style {
    resize: none;
	border-bottom: 1px solid rgba(35, 31, 32, 0.50);
    font-family: 'LamaSans-Medium';
	color: #231F20;
    font-size: 1.6rem;
    padding: 1.2rem 0 1rem;
    border-radius: 0;
    background-color: transparent;
	line-height: 1.3rem;
    height: auto;
}
input[type=text].form-style:focus,
.form-comment .form-style:focus {
    box-shadow: none;
    -webkit-box-shadow: none;
	border-color: rgba(35, 31, 32, 0.50);
	color: #231F20;
	background-color: transparent;
    box-shadow: none;
}
.form-comment .form-style {
    min-height: 15.3rem;
    padding: 1.5rem;
    /* border: 1px solid rgba(244, 247, 250, 0.50); */
}
.form-label {
    font-family: 'LamaSans-Medium';
	color: #231F20;
    font-size: 1.6rem;
    line-height: 1.3rem;
    position: absolute;
	top: -1.2rem;
	left: 0;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.form-group {
    position: relative;
    margin-bottom: 5rem;
}
input[type=text].form-style:focus + .form-label,
.form-comment .form-style:focus + .form-label {
	top: -1.8rem;
    color: rgba(35, 31, 32, 0.50);
    font-family: 'LamaSans-Regular';
}
.form-comment .form-style:focus + .form-label {
    top: -5rem;
} 
.contact-form {
    margin-top: 11rem;
}
.form-comment {
    margin-top: 8rem;
}
.form-comment .form-label {
    top: -3.2rem;
}
.dark-contact-sec {
    background-color: #0D141E;
}
.dark-contact-sec .contact-left h6,
.dark-contact-sec .contact-left h2,
.dark-contact-sec .each-contact-reach h4,
.dark-contact-sec .each-contact-reach h4 a {
    color: #F4F7FA;
}
.dark-contact-sec .each-contact-reach h4 strong {
    color: rgba(244, 247, 250, 0.70);
}
.dark-contact-sec input[type=text].form-style,
.dark-contact-sec .form-comment .form-style {
    color: #F4F7FA;
	border-bottom: 1px solid rgba(244, 247, 250, 0.50);
}
.dark-contact-sec .form-label {
    color: #F4F7FA;
}
.dark-contact-sec input[type=text].form-style:focus + .form-label,
.dark-contact-sec .form-comment .form-style:focus + .form-label {
    color: rgba(244, 247, 250, 0.50);
}
.dark-contact-sec .form-comment .form-style:focus {
    border: 1px solid rgba(244, 247, 250, 0.50);
}
.dark-contact-sec .contact-form .common-btn {
    background-color: #F4F7FA;
    border-color: #F4F7FA;
    color: #231F20;
}
.dark-contact-sec .contact-form .common-btn:hover {
    opacity: 0.5;
}
.dark-contact-sec .each-contact-reach h4 strong::after {
    filter: brightness(10);
    -webkit-filter: brightness(10);
}
/*===================================diensten-dtl page start=================================================*/
/****service-dtl-top-bg****/
.service-dtl-top-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 81%;
}
/*****bk-btn-sec*****/
.bk-btn-sec {
    padding: 19rem 0 4rem;
    position: relative;
    z-index: 1;
}
/****diensten-dtl-info-sec****/
.small-wrap {
    max-width: 74.4rem;
    width: 100%;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}
.diensten-dtl-info-sec {
    padding-bottom: 2.8rem;
}
.diensten-dtl-info-img {
    margin: 4rem 0 3rem;
}
.diensten-dtl-info-sec h1 {
    margin-bottom: 2.4rem;
}
.diensten-dtl-info-img {
    margin: 4rem -16rem 7.6rem;
}
.diensten-dtl-info-img .col-6 {
    padding: 0 3rem;
}
.diensten-dtl-info-img .row {
    margin: 0 -3rem;
}
.diensten-dtl-info-img-each {
    height: 67.6rem;
}
.diensten-dtl-info-img-each img {
    height: 100%;
    object-fit: cover;
}
.diensten-dtl-info-sec h4 {
    text-transform: none;
    font-family: 'LamaSans-Medium';
    margin-bottom: 2rem;
}
.diensten-dtl-info-sec .common-btn {
    background-color: transparent;
    color: #0D141E;
    margin-top: 3rem;
}
.diensten-dtl-info-sec .common-btn:hover {
    background-color: #0D141E;
    color: #fff;
}
/******benefit-sec*******/
.benefit-sec {
    background-color: #0D141E;
    padding: 14rem 0;
    position: relative;
    overflow: hidden;
}
.benefit-img {
    position: absolute;
    right: 0;
    width: 49.5%;
    height: 73.5rem;
}
.benefit-img img {
    height: 100%;
    object-fit: cover;
}
.benefit-list {
    padding-right: 4rem;
    max-width: 58rem;
}
.benefit-list h2 {
    color: #F4F7FA;
    margin-bottom: 6rem;
}
.benefit-list ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
.benefit-list li {
    border-bottom: 1px solid rgba(244, 247, 250, 0.50);
    padding: 3.6rem 0 2.6rem;
}
.benefit-list li:first-child {
    padding-top: 0;
}
.benefit-list li:last-child {
    border-bottom: 0;
    padding-bottom: 0;
}
.benefit-list li h4 {
    color: #F4F7FA;
    font-family: 'LamaSans-Medium';
    text-transform: none;
    position: relative;
    padding-left: 3rem;
    margin-bottom: 1.4rem;
}
.benefit-list li h4::after {
    content: "";
    height: 1.7rem;
    width: 1.7rem;
    background-image: url(../images/benefit-star.svg);
    background-repeat: no-repeat;
    background-size: 1.7rem;
    background-position: center center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.benefit-list li p {
    color: #F4F7FA;
} 
/*******related-service-sec*****/
.related-service-sec {
    background-color: #0D141E;
    padding: 12.3rem 0;
}
.related-service-heading {
    max-width: 84.2rem;
    width: 100%;
    margin: 0 auto;
}
.related-service-heading h2 {
    color: #F4F7FA;
    margin-bottom: 2.8rem;
    font-size: 6.4rem;
    line-height: 7.5rem;
}
.related-service-heading p {
    color: #F4F7FA;
}
.related-service-slider {
    position: relative;
    padding-top: 7.8rem;
    margin-top: 6rem;
}
.related-service-slider .common-arrow {
    top: 0;
}
.related-service-slider .swiper-button-next {
    right: 0;
}
.related-service-slider .swiper-button-prev {
    right: 8rem;
    left: auto;
}
.each-related-service {
    position: relative;
}
.each-related-service-img {
    margin-bottom: 4rem;
    height: 39.4rem;
}
.each-related-service-img img {
    height: 100%;
    object-fit: cover;
}
.each-related-service-text h2 {
    color: #F4F7FA;
}
.custom-cursor--deze::before {
	content: "Bekijk deze dienst";
	text-align:center;
	font-size:16px !important;
}
/*===================================contact page start=================================================*/
.contact-bg::before {
    content: "";
    height: 85%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-image: url(../images/contact-bg.png);
    background-attachment: fixed;
}
/*****contact-banner-sec******/
.contact-banner-sec {
    padding-bottom: 3rem;
    position: relative;
    z-index: 1;
}
.contact-banner-sec h6 {
    margin-bottom: 1.6rem;
}
/****contact-info-sec*****/
.contact-info-sec {
    position: relative;
    z-index: 1;
}
.contact-info-wrap {
    border-top: 1px solid rgba(35, 31, 32, 0.50);
    border-bottom: 1px solid rgba(35, 31, 32, 0.50);
    padding: 5rem 0 4rem;
}
.contact-info-sec h2 {
    font-size: 1.6rem;
    font-family: 'LamaSans-Bold';
    line-height: 2.4rem;
    text-transform: none;
    margin-bottom: 1rem;
}
.contact-info-sec .col-lg-4 p {
    color: rgba(35, 31, 32, 0.70);
    font-family: 'LamaSans-Regular';
}
.contact-info-sec .col-lg-4 p a {
    color: rgba(35, 31, 32, 0.70);
}
.contact-info-sec .col-lg-4 p a:hover {
    color: rgba(35, 31, 32, 1);
}
/******contact-map-sec*****/
.contact-map-sec {
    padding: 6.4rem 0;
    position: relative;
    z-index: 1;
}
.contact-map-wrap {
    height: 48rem;
}
/*****contact-main-pg-sec****/
.contact-main-pg-sec {
    position: relative;
    z-index: 1;
}
.contact-main-pg-sec .contact-img {
    margin-top: 0;
}
.contact-main-pg-sec .contact-form {
    margin-top: 0;
}
.contact-main-pg-sec .contact-right {
    padding-top: 2rem;
}
/*=================================overons page start======================================*/
/****overons-welcome-sec****/
.overons-welcome-sec {
    padding: 19rem 0 0;
}
.overons-welcome-sec .common-wrap {
    position: relative;
}
.overons-welcome-big-img {
    margin-top: 6.6rem;
    height: 48rem;
}
.overons-welcome-big-img img {
    height: 100%;
    object-fit: cover;
}
.overons-welcome-left {
    padding-right: 3rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}
.overons-welcome-right {
    max-width: 72rem;
    width: 100%;
    margin-left: auto;
}
.overons-welcome-text h2 {
    font-size: 6.4rem;
    margin-bottom: 3rem;
}
.overons-welcome-text p {
    max-width: 56rem;
    width: 100%;
}
.overons-welcome-small-img {
    max-width: 26.3rem;
    height: 21rem;
    width: 100%;
    margin-left: auto;
    position: absolute;
    right: 0;
    bottom: -10rem;
    z-index: 1;
}
.overons-welcome-small-img img {
    height: 100%;
    object-fit: cover;
}
.overons-welcome-text {
    padding-bottom: 18rem;
}
/***philophy-sec*****/
.philophy-sec {
    background-color: #0D141E;
    padding: 13rem 0 0;
    position: relative;
    overflow: hidden;
}
.philophy-sec::after {
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    top: -13rem;
    left: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-image: url(../images/phy-bg.png);
}
.philophy-sec .container {
    position: relative;
    z-index: 1;
}
.philophy-sec .mb-micro {
    color: rgba(244, 247, 250, 0.50) !important;
    font-family: 'LamaSans-Light';
    font-size: 2.4rem;
    text-transform: uppercase;
    opacity: 1;
    visibility: visible;
}
.philophy-sec .vertical-tabs__tab span {
    color: rgba(244, 247, 250, 0.50) !important;
}
.philophy-sec .vertical-tabs__tab-content-inner {
    height: 100%;
}
.philophy-sec .vertical-tabs__tab-img {
    height: 36rem;
    max-width: 34rem;
    width: 100%;
    margin-left: auto;
    margin-bottom: 0;
}
.philophy-sec .vertical-tabs__tab-img img {
    height: 100%;
    object-fit: cover;
}
.philophy-heading {
    max-width: 56rem;
    width: 100%;
    margin: 0 auto;
}
.philophy-heading h2 {
    color: #F4F7FA;
    margin-bottom: 3rem;
    font-size: 6.4rem;
}
.philophy-heading p {
    color: #F4F7FA;
}
.philophy-sec .txt-styles {
    padding: 3rem 0 6rem;
}
.philophy-sec .vertical-tabs__tab-txt {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}
.philophy-sec .vertical-tabs__tab, 
.philophy-sec .vertical-tabs__tab:last-child {
    border-color: rgba(244, 247, 250, 0.50);
}
.philophy-sec .vertical-tabs__tab-info-title h3 {
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.philophy-sec .vertical-tabs__tab:hover .vertical-tabs__tab-info-title h3 {
    color: #F4F7FA !important;
    opacity: 0.5;
}
/******member-sec******/
.member-sec {
    padding: 11rem 0 0;
}
.member-main .row {
    margin: 0 -19rem;
}
.member-main .col-lg-6 {
    padding: 0 19rem;
}
.each-member {
    margin-top: 10rem;
}
.each-member-img {
    margin-bottom: 2.4rem;
    height: 50rem;
}
.each-member-img img {
    height: 100%;
    object-fit: cover;
}
.each-member-text h4 {
    font-family: 'LamaSans-Medium';
    line-height: 2.3rem;
    margin-bottom: 1rem;
    text-transform: none;
}
.each-member-text h6 {
    letter-spacing: normal;
    color: rgba(35, 31, 32, 0.70);
    text-transform: none;
}
.member-heading {
    max-width: 85rem;
    width: 100%;
    margin: 0 auto;
}
.member-heading h2 {
    margin-bottom: 2rem;
    font-size: 6.4rem;
}
/******overons-gallery-sec*****/
.overons-gallery-sec {
    padding: 5.5rem 0 8rem;
}
.overons-gallery-sec h2 {
    margin-bottom: 8rem;
    font-size: 6.4rem;
    text-align: center;
}
.each-gal-outer {
    padding: 0.5rem;
}
.each-gal {
    height: 100%;
    overflow: hidden;
}
.each-gal img {
    height: 100%;
    object-fit: cover;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.each-gal:hover img {
    transform: scale(1.1);
}
/*=================================bedankt page start======================================*/
.bedankt-header a.maak {
    color: #F4F7FA;
}
.bedankt-header a.maak span::after {
    filter: invert(1) brightness(10);
}
.bedankt-sec {
    position: relative;
}
.bedankt-sec::after {
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.4);
}
.bedankt-text {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    left: 0;
    z-index: 1;
}
.bedankt-text h1 {
    color: #F4F7FA;
}
.bedankt-text p {
    color: #F4F7FA;
    max-width: 64.7rem;
    width: 100%;
    margin: 2.4rem 0 4rem;
}
.bedankt-text .common-btn {
    color: #231F20;
    background-color: #F4F7FA;
    border-color: #F4F7FA;
}
.bedankt-text .common-btn:hover {
    color: #F4F7FA;
    background-color: #231F20;
    border-color: #F4F7FA;
}
/*=================================aanbod page start======================================*/
.aanbod-filter-sec {
    padding: 15rem 0 5rem;
}
.aanbod-product-sec .sl-content {
    margin-top: 0;
    padding: 2rem;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.aanbod-product-sec .flickity__item {
    background-color: #fff;
    margin-bottom: 8rem;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.aanbod-product-sec .flickity__item .flickity__item-img {
    margin-bottom: 0;
}
.aanbod-product-sec .c-title {
    color: #231F20;
    font-family: 'LamaSans-Medium';
    text-transform: none;
}
.aanbod-product-sec .c-title strong {
    color: rgba(35, 31, 32, 0.70);
    font-family: 'LamaSans-Regular';
    font-weight: 400;
    font-size: 16px;
}
.aanbod-product-sec .c-description p {
    color: rgba(35, 31, 32, 0.70) !important;
}
.aanbod-product-sec .col-xl-6 {
    padding: 0 4rem;
}
.aanbod-product-sec .row {
    margin: 0 -4rem;
}
.aanbod-product-sec .flickity__item:hover {
    background-color: #0D141E;
}
.aanbod-product-sec .flickity__item:hover .c-title {
    color: #F4F7FA;
}
.aanbod-product-sec .flickity__item:hover .c-title strong {
    color: rgba(244, 247, 250, 0.70);
}
.aanbod-product-sec .flickity__item:hover  .c-description p {
    color: rgba(244, 247, 250, 0.70) !important;
}
/****filter-customize*****/
.select-style {
	width: 100%;
    height: auto;
    color: #F4F7FA;
    font-family: 'LamaSans-Regular';
    font-size: 2.4rem;
    border-bottom: 1px solid rgba(244, 247, 250, 0.50);;
    border-radius: 0;
    padding: 0;
    background: url(../images/filter-arrow.svg) #0D141E no-repeat 100% center/10px;
    appearance: none;
    padding: 0 0 1.6rem;
}
.filter-content {
    display: none;
    background-color:#27303f;
    padding: 1rem 1rem 1.5rem;
    z-index: 2;
    border: 0;
    border-top: 0;
    border-radius: 0;
    margin-top: -0.5rem !important;
	cursor: default;
    max-height: 30rem;
    overflow-y: auto;
}
.filter-content::-webkit-scrollbar {
    background-color: #27303f;
    border-radius: 3rem;
    width: 1.3rem;
}
.filter-content::-webkit-scrollbar-thumb {
    background-color: #455570;
    border-radius: 3rem;
}
.filter-content.show-div {
    display: block;
}
.aanbod-filter-sec label {
    color: #F4F7FA;
    margin-bottom: 1rem;
    display: block;
    width: 100%;
    z-index: 2;
    font-family: 'LamaSans-Regular';
    font-size: 1.6rem;
	cursor: pointer;
}
.aanbod-filter-sec label:last-child {
	margin-bottom: 0;
}
.aanbod-filter-sec label span {
    float: right;
    color: #F4F7FA;
    opacity: 0.65;
    margin-top: 0.4rem;
}
.aanbod-filter-sec .form-check-input{
    width: 1.6rem;
    height: 1.6rem;
    vertical-align: middle;
    margin-top: -0.3rem;
    margin-right: 0.8rem;
    box-shadow: none;
    border: 1px solid #231F20;
    background-color: #F3F3F3;
    border-radius: 0.3rem;
}
.aanbod-filter-sec .form-check-input:checked {
    background-color: #478aff;
    border-color: #478aff;
}
.aanbod-filter-sec .color_box {
	background-color: Gray;
    height: 1.5rem;
    width: 1.5rem;
    margin-left: 1rem;
	margin-top: 0.3rem;
    border-radius: 0.3rem;
}
.aanbod-filter {
	margin-bottom: 4rem;
	width: 100%;
}
.auto-overview-tag {
    margin-right: 0.5rem;
    margin-bottom: 1rem;
    padding: 0.5rem 1.4rem;
    cursor: pointer;
    transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
    color: #F4F7FA;
    border-radius: 1rem;
    background-color:#478aff;
    font-family: 'LamaSans-Regular';
    font-size: 1.6rem;
}
.cross-btn {
    width: 1.1rem;
}
.auto-overview-tag:hover {
	background-color: #27303f;
	color: #F4F7FA;
}
.total_search_records {
	margin-top: 3rem;
}
.mobile-filter-close {
    padding: 1.5rem;
    position: fixed;
    top: 0;
    width: 100%;
    left: 0;
    z-index: 1;
    background-color: #F3F3F3;
	box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.1);
}
.mobile-filter-close span {
    max-width: 3.2rem;
	width: 100%;
    height: 3.2rem;
    background-color: #F3F3F3;
    border-radius: 50%;
	margin-left: auto;
	border: 1px solid #282828;
}
.mobile-filter-close span img {
	width: 1.2rem;
	filter: invert(1);
	-webkit-filter: invert(1);
}
/* .auto-overview-filter-result .total_search_records {
	margin-top: 0;
	background-color: #478aff;
	border-color: #478aff;
	color: #F4F7FA;
	padding: 1rem;
} */
.auto-overview-filter-result .total_search_recordsz {
    margin-top: 0;
    background-color: transparent;
    border-color: #fff;
    color: #F4F7FA;
    padding: 1rem;
}
.auto-overview-filter-result .total_search_recordsz:hover {
	background-color: #27303f;
	border-color: #27303f;
}
.cursor-pointer {
	cursor: pointer;
}
.filter-show {
    cursor: pointer;
}
.filter-show .filter-show-btn {
    height: 4.8rem;
    width: 4.8rem;
    border: 1px solid rgba(35, 31, 32, 0.30);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    cursor: pointer;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.filter-show:hover .filter-show-btn {
    border-color: rgba(35, 31, 32, 1);
}
.filter-show p {
    display: inline-block;
    margin: 0 1.5rem 0 0;
}
.filter-sort p {
    display: inline-block;
    margin-right: 1.5rem;
    margin-bottom: 0;
}
.filter-heading-right {
    display: flex;
    align-items: center;
    justify-content: end;
    column-gap: 4.4rem;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.filter-heading p {
    font-family: 'LamaSans-Medium';
    margin-bottom: 0;
}
.filter-heading p strong {
    font-size: 4.8rem;
    position: relative;
    bottom: -1.1rem;
    margin-right: 1rem;
    color: #000;
}
.filter-sort {
    display: flex;
    align-items: center;
}
.filter-sort p {
    min-width: 11rem;
}
.aanbod-filter.sorteren_op-filter {
    width: 100%;
    margin-bottom: 0;
}
.sorteren_op-filter .select-style {
    color: #231F20;
    border-radius: 10rem;
    border: 1px solid rgba(35, 31, 32, 0.30);
    padding: 0 3.8rem 0 2.8rem;
    font-size: 1.6rem;
    font-family: 'LamaSans-Medium';
    background: url(../images/sort-arrow.svg) #F4F7FA no-repeat 90% center/10px;
    height: 6rem;
    line-height: 6rem;
}
.hidden-filter {
    position: fixed;
    right: -100%;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 999;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.hidden-filter.view-filter {
    right: 0;
}
.filter-main {
    background-color: #0D141E;
    padding: 8rem 6rem 6rem;
    max-width: 50rem;
    width: 100%;
    margin-left: auto;
    height: 100vh; 
    overflow-y: auto;
}
.filter-main::-webkit-scrollbar {
    background-color: #27303f;
    border-radius: 3rem;
    width: 1.3rem;
}
.filter-main::-webkit-scrollbar-thumb {
    background-color: #455570;
    border-radius: 3rem;
}
.filter-main p {
    color: #F4F7FA;
    font-size: 4.8rem;
    font-family: 'LarkenDEMO-Bold';
    line-height: normal;
    text-transform: uppercase;
    padding-bottom: 4rem;
}
.filter-close-btn {
    border: 1px solid #F4F7FA;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    height: 4rem;
    width: 4rem;
    cursor: pointer;
}
.filter-close-btn img {
    width: 1.5rem;
}
.filter-close-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    column-gap: 2rem;
    position: absolute;
    right: 2rem;
    top: 2rem;
}
.filter-main .filter-close-head p {
    color: #F4F7FA;
    font-family: 'LamaSans-Regular';
    font-size: 1.6rem;
    letter-spacing: 1.6px;
    text-transform: uppercase;
    padding-bottom: 0;
    margin-bottom: 0;
    display: none;
}
.filter-count {
    min-width: 2rem;
    height: 2rem;
    background-color: #27303f;
    border-radius: 100%;
    color: #F4F7FA;
    font-size: 1.2rem;
    font-family: 'LamaSans-Regular';
    display: flex;
    align-items: center;
    justify-content: center;
}
.filter-reset a {
    color: #F4F7FA;
    font-size: 1.7rem;
    font-family: 'LamaSans-Regular';
}
.filter-reset img {
    width: 1.2rem;
    margin-left: 0.5rem;
    margin-top: -0.4rem;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.filter-reset a:hover {
    color: #478aff;
}
.filter-reset a:hover img {
    filter: invert(45%) sepia(51%) saturate(2400%) hue-rotate(202deg) brightness(102%) contrast(101%);
    -webkit-filter: invert(45%) sepia(51%) saturate(2400%) hue-rotate(202deg) brightness(102%) contrast(101%);
}
.filter-reset {
    margin-bottom: 2rem;
}
.pb-5.show_selected_filter_cls{
    padding-bottom: 1rem !important;
}
.filter-main-overlay {
    position: absolute;
    height: 100%;
    width: calc(100% - 50rem);
    background-color: rgba(13, 20, 30, 0.50);
    top: 0;
    left: 0;
}
/*=================================aanbod-dtl page start======================================*/
/**aanbod-dtl-bk-btn*****/
.aanbod-dtl-bk-btn {
    padding: 13.6rem 0 4rem;
}
.aanbod-dtl-top-model h4 { 
    font-family: 'LarkenDEMO-Regular';
    text-transform: none;
    margin-top: 2rem;
}
.aanbod-dtl-top-slider {
    position: relative;
    margin: 2rem 0;
}
.each-dtl-top-slide {
    position: relative;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.aanbod-dtl-top-slider .swiper-slide-next .each-dtl-top-slide::after,
.aanbod-dtl-top-slider .swiper-slide-prev .each-dtl-top-slide::after  {
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: rgba(13, 20, 30, 0.3);
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.aanbod-dtl-top-slider .common-arrow {
    height: 5rem;
    width: 5rem;
}
.aanbod-dtl-top-slider .swiper-button-next {
    right: 7%;
}
.aanbod-dtl-top-slider .swiper-button-prev {
    left: 7%;
}
/*****dtl-info-sec*******/
.dtl-info-sec {
    padding: 8.5rem 0;
    background-color: #0D141E;
}
.each-dtl-info-data h6 {
    color: #F4F7FA;
    letter-spacing: 0.032rem;
    text-transform: none;
    margin-bottom: 1rem;
}
.each-dtl-info-data h3 {
    color: #F4F7FA;
    letter-spacing: 0.032rem;
    text-transform: none;
}
.dtl-info-data {
    display: flex;
    flex-wrap: wrap;
    column-gap: 7rem;
    row-gap: 2rem;
}
.dtl-info-price h3 {
    color: #F4F7FA;
    letter-spacing: 0.032rem;
    text-transform: none;
}
.dtl-info-price h6 {
    color: #F4F7FA;
    letter-spacing: 0.032rem;
    text-transform: none;
    margin-top: 1rem;
}
.dtl-reach-sec {
    background-color: #0D141E;
}
.dtl-reach-wrap {
    border-top: 1px solid rgba(244, 247, 250, 0.40);
    border-bottom: 1px solid rgba(244, 247, 250, 0.40);
    padding: 4rem 0;
}
.dtl-reach-contact ul {
    display: flex;
    align-items: center;
    column-gap: 4rem;
    row-gap: 2rem;
}
.dtl-reach-contact li {
    color: #F4F7FA;
    font-size: 1.6rem;
    font-family: 'LamaSans-Regular';
    line-height: 1.7rem; 
    text-decoration-line: underline;
}
.dtl-reach-contact li a {
    color: #F4F7FA;
}
.dtl-reach-contact li a:hover {
    opacity: 0.5;
}
.dtl-reach-contact li img {
    margin-right: 1.1rem;
}
.dtl-reach-btn {
    display: flex;
    align-items: center;
    justify-content: end;
    column-gap: 2rem;
}
.dtl-reach-btn .common-btn {
    background-color: #F4F7FA;
    border-color: #F4F7FA;
    color: #231F20;
    font-family: 'LamaSans-Medium';
}
.dtl-reach-btn .common-btn {
    background-color: #F4F7FA;
    border-color: #F4F7FA;
    color: #231F20;
    font-family: 'LamaSans-Medium';
}
.dtl-reach-btn .border-btn {
    background-color: transparent;
    color: #F4F7FA;
}
.dtl-reach-btn .common-btn:hover,
.dtl-reach-btn .border-btn:hover {
    background-color: #455570;
    border-color: #455570;
    color: #F4F7FA;
}
.dtl-other-btn {
    height: 6rem;
    width: 6rem;
    border: 1px solid rgba(244, 247, 250, 0.30);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
}
.dtl-other-btn img {
    width: 2.1rem;
}
.dtl-other-btn:hover {
    background-color: #455570;
    border-color: #455570;
}
.dtl-other-btn-wrap {
    display: flex;
    justify-content: end;
    column-gap: 2rem;
}
/*****dtl-tab-sec*****/
.dtl-tab-sec {
	padding: 10rem 0;
    background-color: #0D141E;
}
.dtl-tab-sec .tab-btn .nav-tabs {
	column-gap: 6rem;
    row-gap: 2rem;
	margin-bottom: 6.5rem;
    border: 0;
}
.dtl-tab-sec .tab-btn .nav-tabs .nav-item .nav-link {
	border: 0;
    background-color: transparent;
	color: rgba(244, 247, 250, 0.50);
    letter-spacing: normal;
	width: 100%;
	border-radius: 0;
	padding: 0;
}
.dtl-tab-sec .tab-btn .nav-tabs .nav-item {
    font-family: 'LamaSans-Medium';
	font-size: 2.4rem;
    margin: 0;
    word-break: break-word;
    overflow: hidden;
}
.dtl-tab-sec .tab-btn .nav-tabs .nav-item .nav-link span {
	position: relative;
    font-family: 'LamaSans-Medium';
    padding-bottom: 1rem;
    display: inline-block;
}
.dtl-tab-sec .tab-btn .nav-tabs .nav-item .nav-link span::after {
	content: "";
    height: 0.2rem;
    width: 0;
    position: absolute;
    bottom: 0;
    background-color: #F4F7FA;
    left: 50%;
    transform: translateX(-50%);
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.dtl-tab-sec .tab-btn .nav-tabs .nav-item .nav-link:hover ,
.dtl-tab-sec .tab-btn .nav-tabs .nav-item .nav-link.active {
	color: #F4F7FA;
}
.dtl-tab-sec .tab-btn .nav-tabs .nav-item .nav-link:hover span::after {
	width: 100%;
}
.dtl-tab-sec .tab-btn .nav-tabs .nav-item .nav-link.active span::after {
    width: 100%;
}
/****dtl-tab-content****/
.kenmerken-tab ul {
    display: flex;
    flex-wrap: wrap;
	column-gap: 1rem;
}
.kenmerken-tab li {
    font-family: 'LamaSans-Regular';
    font-size: 1.6rem;
    color: #F4F7FA;
	width: 16%;
	margin-bottom: 5rem;
}
.kenmerken-tab li span {
	display: block;
    margin-top: .5rem;
}
.bullet-panel p {
    border-bottom: 1px solid #F4F7FA;
    padding-bottom: 1rem;
    color: #F4F7FA;
    font-size: 2rem;
}
.dtl-tab-sec .tab-content .tab-pane .tab_hedaing {
    padding-bottom: 2rem;
}
.bullet-panel {
    margin-bottom: 2rem;
}
.dtl-tab-sec .bullet-panel ul li {
    padding-left: 1.6rem;
    position: relative;
    font-family: 'LamaSans-Regular';
    color: #F4F7FA;
	margin-bottom: 1rem;
	font-size: 1.6rem;
}
.dtl-tab-sec .bullet-panel li:after {
    background-size: 0.8rem;
    position: absolute;
    top: 0.5rem;
    left: 0;
    content: '';
    width: 0.8rem;
    height: 0.8rem;
    background-image: url(../images/bullet.svg);
    background-repeat: no-repeat;
}
.dtl-tab-sec .tab-content p {
	color: #F4F7FA;
}
.left-bg-block {
    width: 14rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #455570;
    font-size: 1.6rem;
    line-height: 2.4rem;
}
.block-dtls {
    width: calc(100% - 14rem);
    border: 1px solid #455570;
    border-left: 0;
    padding: 2rem 1.5rem 0.5rem;
    min-height: 20rem;
}
.left-bg-block p {
    line-height: 3rem;
    color: #F3F3F3;
	font-size: 1.6rem;
    font-family: 'LamaSans-Regular';
}
.each-onderhoud-block p {
    line-height: 3rem;
    color: #F3F3F3;
	font-size: 1.6rem;
    font-family: 'LamaSans-Regular';
}
.each-onderhoud-block {
    display: flex;
    margin-bottom: 2rem;
}
/******warranty-tab*****/
.warranty-tab td {
    color: rgba(244, 247, 250, 0.84);
    font-family: 'LamaSans-Regular';
    font-size: 1.6rem;
    padding: 1rem 1.4rem;
    border: 1px solid rgba(244, 247, 250, 0.27);
    width: 20%;
}
.warranty-tab td strong {
    font-family: 'LamaSans-Medium';
    font-weight: 500;
    color: rgba(244, 247, 250, 1);
}
.warranty-tab th {
    font-size: 1.6rem;
    font-family: 'LamaSans-Bold';
    text-transform: none;
    border: 1px solid rgba(244, 247, 250, 0.27);
    padding: 1rem 1.4rem;
    color: rgba(244, 247, 250, 0.84);
}
.warranty-tab th strong {
    display: block;
    margin-top: 1rem;
}
/****galss-coating-sec******/
.galss-coating-wrap {
    padding: 8.5rem 0 11rem;
    border-bottom: 1px solid rgba(13, 20, 30, 0.30);
}
.galss-coating-img {
    height: 38.5rem;
    padding-right: 3rem;
}
.galss-coating-img img {
    height: 100%;
    object-fit: cover;
}
.galss-coating-text {
    max-width: 54.8rem;
    width: 100%;
    margin: 0 auto;
}
.galss-coating-text p {
    margin: 3rem 0 4rem;
}
/*=================================verkocht page start======================================*/
.verkocht-product-sec {
    padding-top: 19.4rem;
}
.verkocht-product-sec h1 {
    margin-bottom: 8rem;
    max-width: 60rem;
    width: 100%;
}

.new_aanbod_loader{
	width: 45px;
    height: 40px;
    background: linear-gradient(#555 calc(1*100%/6),#fff 0 calc(3*100%/6),#555 0),
              linear-gradient(#555 calc(2*100%/6),#fff 0 calc(4*100%/6),#555 0),
              linear-gradient(#555 calc(3*100%/6),#fff 0 calc(5*100%/6),#555 0);
    background-size: 10px 400%;
    background-repeat: no-repeat;
    animation: matrix 1s infinite linear;
  }
  @keyframes matrix {
    0% {
      background-position: 0% 100%, 50% 100%, 100% 100%
    }
  
    100% {
      background-position: 0% 0%, 50% 0%, 100% 0%
    }
}
.load_aanbod{
	justify-content: center;
    display: flex;
    column-gap: 3rem;
    align-items: center;
    color: #000000;
  }
/*******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;
  }
  
  /*********Morgen Footer************/
  .morgeninternet-footer {
      background: #000000;
      width: 100%;
      height: 50px;
      display: block;
      text-align: center;
      transition: 0.3s all;
  }
  
  .morgeninternet-footer:hover {
      background: #202020;
      transition: 0.3s all;
  }
  
  .morgeninternet-footer > img {
      height: 30px;
      padding-top: 15px;
  }
  
  .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;
  }
  /****aanbod dtl****/
  .kenteken_np{
      background-image: url(../images/kenteken_plaat/kenteken_plaat.svg);
      background-repeat: no-repeat;
      background-position: left;
      padding: 4px 0 6px 44px;
      color: #000;
      background-size: 152px;
  }
  
  .star_icon h4{
      padding-bottom: 10px;
      text-transform: uppercase;
      padding-top: 15px;
      margin-bottom: 15px;
      color: #F4F7FA;
      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: 'LamaSans-Regular';
    color: #F4F7FA;
    font-size: 1.6rem;
    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: 30px;
  }
  .cursor{
      cursor:pointer;
  }
   .form-1, .form-2 {
      display:none;
     /* margin-top: 30px !important;*/
      margin: 0 auto 10px;
    /*  padding-top: 4rem;*/
  }
  .form-1 .foto_upload, .form-2 .foto_upload{
        color: #fff;
        border-bottom: 1px solid rgba(244, 247, 250, 0.50); 
  }
  
  .privacy-sec{
      background-color: #121212;
      padding: 11% 0;
  }
  .cpnt {
      cursor: pointer;
  }
  .filter-clean img {
      width: 12px;
      margin-right: 10px;
      margin-bottom: 2px;
  }
  
  
  .acties-left-content p {
      color: black;
  }
  .error_page{
    background-color: #F4F7FA;
  }
  .error_top{
        padding: 13rem 0 4rem;
    }

  .print_pdf_cls {
    width: 25px;
    margin-right: 15px;
    margin-top: -5px;
}
.diensten-dtl-info-sec .split-heading__word, .benefit-list li .split-heading__word, .each-contact-reach a, 
.each-dtl-info-data .split-heading__word{
    line-height: normal;
}
.foto_upload{
    background: transparent;
    font-family: 'LamaSans-Medium';
    color: #231F20;
    font-size: 1.6rem;
    border: 0;
    border-bottom: 1px solid rgba(35, 31, 32, 0.50);
    border-radius: 0;
    padding: 0 0 2rem;
}
.foto-upld-wrap:last-child .form-group{
    margin-bottom: 0;
}
.star_part {
    position: fixed;
    right: 0;
    bottom: 25%;
    z-index: 99;
}

span#leasetermijn{
    color: #F4F7FA;
}
.product_details span{
	padding: 0 .5rem;
}
.product_details .month{
	padding: 0;
}
.aanbod-product-sec .c-description.product_details p{
    height: 2rem;
}
.select-style option{
    font-size: 1.6rem;
    font-family: arial;
    background-color: #27303f;
}

.galss-coating-sec .common-btn{
	background-color: #25D366;
	border: 1px solid #25D366;
}
.galss-coating-sec .common-btn img{
    padding-right: 1rem;
    width: 4rem;
}
.galss-coating-sec .common-btn:hover{
	color: #fff;
}
.dark-contact-sec .contact-right h2{
	color: #fff;
	margin-bottom: 39px;
}
.dark-contact-sec .contact-right h6{
	color: #fff;
}