@import "collector/collector.css";
@import "components/review.css";
.maincontainer{ width:100%; }
.topcontainer{display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;  justify-content: center; align-items: center; background-color: #005c91; padding: 20px 0; }
.wrapper{ width: 1200px; }
.topcontainer .wrapper{ width: 1200px; }
.topcontainer .wrapper .row{
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 40% 20% 40%;
	grid-template-columns: 40% 20% 40%;
	grid-template-areas: "block logo block";
}

/* .jumbotron { color: white; background-position: center;  background-repeat: no-repeat; background-size: cover; height: 60vh; margin-bottom: 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: center; }
.jumbotron .wrapper{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: center;}
.jumbotron .wrapper .reviewrow .block .score { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; order: 2; justify-content: flex-start; width: 50%;  margin-bottom: 5px; }

.jumbotron .wrapper .reviewrow .block .score .item {  border-radius: 0% 50% 50% 50%; background: #005c91; color: #fff; font-size: 20px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; }
.jumbotron .wrapper .reviewrow  .header-block{ width:100%; margin: 120px 0px; padding: 30px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: center; flex-direction: row; flex-wrap: wrap; background:rgba(255, 255, 255, 0.9); }
.jumbotron .wrapper .reviewrow  .header-block .total-score {font-size: 60px; line-height: 65px; margin-right: 5px; font-weight: 900; color: #005c91; }
.jumbotron .wrapper .reviewrow  .header-block .total-score span{font-size: 35px; line-height: 50px; margin-right: 15px; font-weight: 900; color: #005c91; vertical-align: top; }
.jumbotron .wrapper .reviewrow  .header-block h3{ font-weight: 600; font-family: 'Exo 2', sans-serif; text-align: left; text-transform: uppercase; color:#000; }
.jumbotron .wrapper .reviewrow  .header-block h5{ font-weight: 700; font-family: 'Exo 2', sans-serif; text-align: left; text-transform: uppercase; color:#000; }
.jumbotron .wrapper .reviewrow  .header-block h5 span{ color: #005c91; } */

.dark-text { color: #fff; }
.topcontainer .wrapper .row .block{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: space-between; flex-direction: row;}

.topsecendcontainer {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: center; align-items: center; background: #0067a1; width: 100%; }
.topsecendcontainer .wrapper{ width: 1200px; }
.topsecendcontainer .wrapper .row{
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 60% 30% 10%;
	grid-template-columns: 60% 30% 10%;
	grid-template-areas: "phone slogan menu-bottom";
	padding: 10px 0px;
}

.bg-dark-blue{ color: #000;}
.phone{grid-area: phone;}
.slogan{grid-area: slogan;}

.menu-bottom{ grid-area: menu-bottom; }
nav .wrapper .row .block a{ color: #fff; }
nav .wrapper .row .block div{ color: #fff; line-height: 0px; font-size: 30px; line-height: 0; font-family: 'Lobster', sans-serif; }
nav .wrapper .row .block a i{ padding-right: 5px; }
nav .wrapper .row .block .navigation-trigger { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: center; align-items: center; border-radius: 50%; border: 2px solid #fff; width: 40px; height: 40px;}

.home .row.overviewspace { height: 600px; overflow: hidden; }

.navigation{ display:none; animation: responsive-menu-out .2s forwards ease-in;}
.navigation.active{ display:block; animation: responsive-menu .3s forwards ease-in-out ;}

.navigation.active nav { position: fixed; z-index: 100; top: 0; bottom: 0; margin: 0; height: 60px; /*top: -220px;*/  width: 100%; text-align: left; background: rgb(40, 120, 179); margin-top: 124px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: center; align-items: center;  }
.navigation nav	.wrapper { width: 1200px; }
.navigation nav	.wrapper .flexblock{display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: center; align-items: center; flex-wrap: wrap;  }
.navigation nav .wrapper .flexblock .collection { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; width: 80%; }
.navigation nav .wrapper .flexblock .collection .column{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; width: 100%; }
.navigation nav .wrapper .flexblock .collection .column a{ text-align: center;  text-transform: uppercase; color:#fff; font-weight: 700; margin-top: 5px;}
.btn-link.accordion{
	display: flex;
	align-items: center;
	color: black;
	font-size: 18px;
	width: 100%;
	justify-content: space-between;
	text-decoration: none !important;
}
.btn-link.accordion.collapsed i{
	transform: rotate(0deg);
}
.btn-link.accordion i{
	transform: rotate(180deg);
	text-decoration: none !important;
	transition: 0.4s ease all;
}
.card-body p{
	margin: 0;
}
.navigation nav .wrapper .flexblock .collection .column a:hover{ color:#ffc107; }
.navigation nav	.wrapper .flexblock
.navigation nav	.wrapper .flexblock .search{ background: none;}
.navigation nav	.wrapper .flexblock .search input[type="text"]{ background: #fff; width: 150px; border: 0; margin-top: 50px; padding-left: .5rem; border-radius: 0.25rem 0 0 0.25rem;}
.navigation nav	.wrapper .flexblock .search a { display: inline-block; width: 40px;  border: 0; color: #1F67B3; background: #fff; border-left: 2px solid #FFF; border-radius: 0 0.25rem 0.25rem 0; padding: 1px 12px;}

.search.result{border-bottom: 1px solid #e6e6e6; display: block; font-size: 14px; line-height: 30px; padding: 10px 0px;}

.navigation nav.active { animation: responsive-menu .3s forwards ease-in-out ; }
.navigation nav.off { animation: responsive-menu-out .2s forwards ease-in; }
.navigation nav.active + .navigation-close { display: block; position: fixed; z-index: 999; top: 0; left: 0; bottom: 0; right: 0; }

.scroll  #topbar{padding:0; }
.scroll .wrapper .row .block{display: none;}
.scroll #topbar img { position: fixed; left: 50%; top: 7%; margin-top: -3%; z-index: 350; transform: translate(-50%, 0); width: 65px;}
.scroll .topsecendcontainer { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: center; z-index: 340; align-items: center; background: #0067a1; width: 100%; position: fixed;}

.scroll .navigation nav{ position: fixed; z-index: 199; top: 0; bottom: 0; margin: 0; height: 50px; /*top: -220px;*/  width: 100%; text-align: left; background: rgb(40, 120, 179); margin-top: 56px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: center; align-items: center;  }
.scroll .navigation nav .wrapper .collection { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; }
.scroll .navigation nav .wrapper .collection .column a{ text-align: center;  text-transform: uppercase; color:#fff; font-weight: 700; margin-top: 0px;}
.scroll .navigation nav .wrapper .collection .column a:hover{ color:#ffc107; }

.scroll .navigation nav	.wrapper .flexblock .search{ background: none;}
.scroll .navigation nav	.wrapper .flexblock .search input[type="text"]{ background: #fff; width: 150px; border: 0; margin-top: 0px; padding-left: .5rem; border-radius: 0.25rem 0 0 0.25rem;}
.scroll .navigation nav	.wrapper .flexblock .search a { display: inline-block; width: 40px;  border: 0; color: #1F67B3; background: #fff; border-left: 2px solid #FFF; border-radius: 0 0.25rem 0.25rem 0; padding: 1px 12px;}


/*nav nav .wrapper .navigation-close { display: none; }
nav nav .wrapper .collection{ display: block; width: 100%; }*/

.googlemaps { min-height: 400px; background: #eee; }
.googlemaps .map { min-height: 400px; }
#topbar img { z-index: 200; }

.wrapper-gallary{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: center; }
.wrapper-gallary .wrapper{ width: 1200px; margin: 120px 0px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: space-between;  flex-wrap: wrap;}
.wrapper-gallary .wrapper .gallary {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: space-between;  flex-wrap: wrap; margin-top: 50px;}
.wrapper-gallary .wrapper .swiper-slide img{ }

.historycontainer{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: center; align-items: flex-end; width: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; }
.historycontainer .wrapper{ width: 1200px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: flex-end; align-items: flex-end;}
.historycontainer .wrapper .historyblock { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: flex-start; align-items: flex-start; flex-direction: column; width: 50%;}
.historycontainer .wrapper .historyblock article .titlerow { padding: 120px 0 25px 0; color: #000; width: 100%; display: block;}
.historycontainer .wrapper .historyblock .historybtn{ transition: 0.3s; text-decoration: none; padding: 1.5rem; background-color: #ffc107; margin-left: auto; }
.historycontainer .wrapper .historyblock .historybtn:hover { background:#ffda6a; }
.historycontainer .wrapper .historyblock .historybtn .btn-title{ text-transform: uppercase; }
.historycontainer .wrapper .historyblock .historybtn .font-weight-bold { text-transform: none; font-weight: 600!important; font-size: 16px; }

.workplacecontainer{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: center; align-items: flex-end; width: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; }
.workplacecontainer .wrapper{ width: 1200px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: flex-end; align-items: flex-end;}
.workplacecontainer .wrapper .werkplaceblock { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: flex-end; align-items: flex-end; width: 100%; flex-direction: row; }
.workplacecontainer .wrapper .werkplaceblock article{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: column; width: 66%; }
.workplacecontainer .wrapper .werkplaceblock article .titlerow { padding: 120px 0 25px 0; color: #fff; width: 100%; display: block;}
.workplacecontainer .wrapper .werkplaceblock article .block { padding-bottom: 100px; width: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: column; justify-content: space-between;}
.workplacecontainer .wrapper .werkplaceblock article .block .activities { width: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: row; justify-content: space-between; }
.workplacecontainer .wrapper .werkplaceblock article .block .activities div{ width: 48%; color: #fff; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;flex-direction: column; justify-content: flex-start; align-items: flex-start;}
.workplacecontainer .wrapper .werkplaceblock article .werkplacebtn{ width: 42%;transition: 0.3s; text-decoration: none; padding: 1.5rem; background-color: #06527d; color: #fff; }
.workplacecontainer .wrapper .werkplaceblock article .werkplacebtn:hover{ background-color: #075e90; }
.workplacecontainer .wrapper .werkplaceblock article .werkplacebtn .btn-title{ text-transform: uppercase; }
.workplacecontainer .wrapper .werkplaceblock article .werkplacebtn .font-weight-bold { text-transform: none; font-weight: 600!important; font-size: 16px;}

.workplacecontainer .wrapper .werkplaceblock .image{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: column; justify-content: flex-end; align-items: center; width: 33%; margin: auto 0;  }
.workplacecontainer .wrapper .werkplaceblock .image .large{  align-items: center;  margin: auto 0;  }
.workplacecontainer .wrapper .werkplaceblock .image .small{  display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: center; height: 100%; margin: auto 0;  }
.workplacecontainer .wrapper .werkplaceblock .image .small img{ max-width: 51%; }

.clientcontainer{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: center; align-items: center; width: 100%; background-position: 50% 100%; background-repeat: no-repeat; }
.clientcontainer[data-offset-top="large"]{ padding-top: 120px; }
.clientcontainer[data-offset-bottom="large"]{ padding-bottom: 120px; }

.clientcontainer .wrapper{ width: 1200px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.clientcontainer .wrapper .reviewrow {  display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; }
.clientcontainer .wrapper .reviewrow .block{ width: 24%; text-align: center; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; font-weight: 600;}
.clientcontainer .wrapper .reviewrow .block .date{ line-height: 16px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; order: 1; justify-content: center; align-items: center; flex-wrap: wrap; width: 50%;    }
.clientcontainer .wrapper .reviewrow .block .date .day_month{ color: #076398; font-weight: 600; order: 1; width: 100%;  display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: flex-end;  }
.clientcontainer .wrapper .reviewrow .block .date .day_month .month{  font-weight: 400; order: 2;  display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: flex-end; text-transform: uppercase; padding: 0 5px;}
.clientcontainer .wrapper .reviewrow .block .date .year{ color: #076398; font-weight: 400; order: 3; width: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: flex-end; padding: 0 5px; }
.clientcontainer .wrapper .reviewrow .block .review-text{ width:100%; font-weight: 300; order:3; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: flex-start;  align-items: flex-start; padding: 0px 15px;}

.clientcontainer .wrapper .reviewrow .block .score { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; order: 2; justify-content: flex-start; width: 50%;  margin-bottom: 5px; }
.clientcontainer .wrapper .reviewrow .block .score .item {  border-radius: 0% 50% 50% 50%; background: #005c91; color: #fff; font-size: 20px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; }

.clientcontainer .wrapper .reviewrow  .header-block{ width:100%; margin: 120px 30px 50px 30px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: center; flex-direction: row; flex-wrap: wrap; }
.clientcontainer .wrapper .reviewrow  .header-block .total-score {font-size: 60px; line-height: 65px; margin-right: 5px; font-weight: 900; color: #005c91; }
.clientcontainer .wrapper .reviewrow  .header-block .total-score span{font-size: 35px; line-height: 50px; margin-right: 15px; font-weight: 900; color: #005c91; vertical-align: top; }
.clientcontainer .wrapper .reviewrow  .header-block h3{ font-weight: 600; font-family: 'Exo 2', sans-serif; align-items: left; text-transform: uppercase; }
.clientcontainer .wrapper .reviewrow  .header-block h5{ font-weight: 700;  font-family: 'Exo 2', sans-serif; align-items: left; text-transform: uppercase; }
.clientcontainer .wrapper .reviewrow  .header-block h5 span{ color: #005c91; }

#zoek-resultaten{ width:100%; margin-bottom: 30px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: center; }

.clientcontainer .wrapper .reviewrow[data-style="list"] {  display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: column; justify-content: space-between; align-items: center; flex-wrap: wrap; }
.clientcontainer .wrapper .reviewrow[data-style="list"] .block{ width: 50%; text-align: center; border-bottom:1px solid #dadada; padding:0 0 30px 0; height: auto; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; font-weight: 600;}
.clientcontainer .wrapper .reviewrow[data-style="list"] .block +.block{  padding-top: 30px;}
.clientcontainer .wrapper .reviewrow[data-style="list"] .block .date{ width: 10%; color: #076398; font-weight: 600; margin-right: 0px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;  }
.clientcontainer .wrapper .reviewrow[data-style="list"] .block .date .day_month{ color: #076398; font-weight: 400; order: 1; width: 100%;  display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: flex-end;  }
.clientcontainer .wrapper .reviewrow[data-style="list"] .block .date .day_month .month{  font-weight: 400; order: 2;  display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: flex-end; text-transform: uppercase; padding: 0 5px;}
.clientcontainer .wrapper .reviewrow[data-style="list"] .block .date .year{ color: #076398; font-weight: 400; order: 3; width: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: flex-end; padding: 2px 5px; }
.clientcontainer .wrapper .reviewrow[data-style="list"] .block .review-text{ width:80%; font-weight: 100; text-align: left; padding: 0px 15px; margin-top: -4px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: flex-start;}

.clientcontainer .wrapper .reviewrow[data-style="list"] .block .score { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: center; align-items: center; width: 10%; height: 10%; margin: 0px; }
.clientcontainer .wrapper .reviewrow[data-style="list"] .block .score .item { border-radius: 0% 50% 50%  50%; font-weight: 600; width: 100%; height: 100%; line-height: 28px; width: 35px; height: 35px; background: #005c91; color: #fff; font-size: 20px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: center; align-items: center; }

.prefootercontainer {background-color: #0067a1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: center; align-items: center; width: 100%; }
.prefootercontainer .wrapper{ width: 1200px; padding: 25px 0; }
.prefootercontainer .wrapper .rowfooter{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; width:100%; justify-content: space-between;}
.prefootercontainer .wrapper .block{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: column; width: 49%; }
.prefootercontainer .wrapper .block .title{display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: flex-start; font-weight: 600; color: #fff; margin-bottom: 20px;}
.prefootercontainer .wrapper .block p{ color: #fff; line-height: 32px; font-size: 14px;}
.prefootercontainer .wrapper .block .navigationrow{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: space-between; width: 100%; }
.prefootercontainer .wrapper .block .navigationrow div{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: column; justify-content: space-between; color:#fff; line-height: 32px;}
.prefootercontainer .wrapper .block .navigationrow div a{ color:#fff; font-size: 14px; }
.prefootercontainer .wrapper .block .navigationrow div a:hover{ color:#fff; text-decoration: underline !important; }

.historydetailcontainer{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: center; align-items: center; width: 100%; }
.historydetailcontainer .wrapper{ width: 1200px; padding: 60px 0; }

#car-select-inner-sec-one { background: #076398; width: 50%; box-shadow: 0px 2px 19px -7px rgba(0,0,0,0.5); margin: 0 auto; margin-top: 50px; margin-bottom: 40px; }
#car-select-inner-sec-one #selection-title p,
#car-select-inner-sec-one #selection-title h1{ color:#fff;}
#car-select-inner-sec-one a,
#car-select-inner-sec-one button { padding: 4px 20px; border-radius: 5px; margin-top: 65px; background: #00a727; font-weight: 700; display: inline-block;color: #fff; border: 0; text-transform: uppercase; font-size: 16px; }
#car-select-inner-sec-one a { background: #0067a1; color: #FFF;  }
#car-select-inner-sec-one a:hover,
#car-select-inner-sec-one button:hover { background: #0067a1; color: #fff; }
.option-one{ color:#fff;}

.secprefootercontainer { background: #005c91; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: center; align-items: center; width: 100%; }
.secprefootercontainer .wrapper{ width: 1200px; padding: 25px 0; }
.secprefootercontainer .wrapper .block{ width: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: space-between; }
.secprefootercontainer .wrapper .block .adress { width: 60%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: space-between; }
.secprefootercontainer .wrapper .block .adress div,
.secprefootercontainer .wrapper .block .adress div a{ color: #fff; font-size: 14px; line-height: 32px; }
.secprefootercontainer .wrapper .block .adress div a:hover{ text-decoration: underline !important; }

.footercontainer { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: center; align-items: center; width: 100%; }
.footercontainer .wrapper{ width: 1200px; padding: 25px 0; }
.footercontainer .wrapper .rowfooter{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.footercontainer .wrapper .rowfooter p { width: 100%; text-align: center; font-size: 14px; }
.footercontainer .wrapper .rowfooter p a{ color: #076398; font-weight: 600; padding: 5px; font-size: 14px; }
.footercontainer .wrapper .rowfooter .links_landingspage{   flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: center; color: #212529;}
.footercontainer .wrapper .rowfooter .links_landingspage a{ color: #999999; padding:0 5px; font-weight: 300; font-size: 14px; line-height: 30px;}

#topbar {
    background-color: #005c91;
    padding: 20px 0;
    transition: padding 0.2s ease, opacity 0.2s ease; /* Add transition */
}

.scroll #topbar {
    padding: 0;
}

.scroll .wrapper .row .block {
    display: none;
    transition: all 0.3s ease; /* Transition for hiding the blocks */
}
.jumbotron{
	position: relative;
}
.jumbotron .text-card{
	background-color: #ffc107;
	padding: 15px;
	color: black;
	border-radius: 3px;

}

.jumbotron .container{
	max-width: 1200px;
	margin: 0 auto;
	position: relative;
	z-index: 22;
	align-items: flex-end;
    display: flex;
    flex-direction: column;

}
.jumbotron::after {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgb(0,0,0);
	background: linear-gradient(180deg, rgba(0,0,0,0.7287289915966386) 0%, rgba(79,79,79,0.4598214285714286) 39%, rgba(121,121,121,0.16010154061624648) 52%, rgba(247,247,247,0) 87%);
}
.full-width-bar{
	background-color: black;
	justify-content: center;
	padding: 20px 0px;
	display: flex;
	align-items: center;
	gap: 20px;
	& > a{
		color: #ffc107;
		display: flex;
		gap: 10px;
		align-items: center;
	}
	& > p {
		color: #ffc107;
		margin-bottom: 0;
	}
}
.topsecendcontainer .wrapper .row .block{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: flex-start; align-items: center; flex-direction: row; width:100%; gap: 20px;}
.topsecendcontainer .wrapper .row .block:nth-child(2){  justify-content: center;  }
.topsecendcontainer .wrapper .row .block:last-child{  justify-content: flex-end;  }

.container-search { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; }
.container-search .row{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: row; justify-content: space-between; width: 1200px; }

.container-search .search-title { width: 100%; margin-top: 40px; }
.container-search .search-option { width: calc((100% - 40px) / 3); }
.container-search .search-option select{ width: 100%; }

.car-item-space{margin-bottom: 32px;}

div.home .small-overview + div.home .small-overview {
	display: none;
}

#showcase-car-sec{ width: 1200px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: center; flex-direction: column; align-items: center; }
#showcase-car-sec.container.home{
	max-width: unset;
    width: 100%;
	margin: 0;
	padding: 0;
	background: rgb(255,255,255);
background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 55%, rgba(247,247,247,1) 55%, rgba(247,247,247,1) 100%);
}
#showcase-car-sec.container.home .small-overview{
	grid-template-columns: 1fr 1.2fr 1fr;
}
#showcase-car-sec.container.home .fixed-container-volle-breedte{
max-width: 1200px;
margin: 0 auto;
position: relative;
}
#showcase-car-sec.container.home .car-con-item.car-item-space{
	background: white;
	box-shadow: unset;
	margin-bottom: 0;
	padding-bottom: 0;
}
#showcase-car-sec .space{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: space-between; width: 90%; }
#showcase-car-sec .blue-bg, #showcase-car-sec .black-bg { padding: 20px 25px; width: 50%; }

#showcase-car-sec .car-con-item span.small_font { font-size: 18px; }
#showcase-car-sec .imagetiles .plus_large { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: center; align-items: center; background: #076398; color: #fff; height: 119px; font-size: 28px; }
#showcase-car-sec .imagetiles .plus_large:hover { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: center; align-items: center; background: #3b95cb; color: #fff; height: 119px; font-size: 28px; }

#showcase-car-sec .imagetiles .plus_large a{  color: #fff; text-decoration: none; }
#showcase-car-sec .imagetiles .plus { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: center; align-items: center; background: #076398; color: #fff; /*height: 80px;*/ }
#showcase-car-sec .imagetiles .plus a{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: center; align-items: center;  color: #fff; font-size: 24px; }
#showcase-car-sec .container{  border-bottom: 1px solid rgba(34, 102, 160, 0.65); }

.img-row{ /*height: 119px;*/ overflow: hidden; }
.small-img-row{ /*height: 80px;*/ overflow: hidden; }
.car_profile_image{ overflow: hidden; border: 1px solid rgba(34, 102, 160, 0.65) }
.car_profile_image_large { overflow: hidden; border: 1px solid rgba(34, 102, 160, 0.65); }
.car_profile_image_small { overflow: hidden; border-left: 1px solid rgba(34, 102, 160, 0.65); width: calc(100%/3); height: 224px;}

.overviewspace { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: center; width: 100%;}
.overview { flex: 0 0 49%; max-width: 50%; justify-content: space-between;}
.overview .car-subtitle{ font-size: 20px; font-family: 'Exo 2', sans-serif; margin-top: -8px; text-align: center; color: #076398; line-height: 25px; text-transform: uppercase; height: 40px; }


.small-overview .car-subtitle{ font-size: 20px; font-family: 'Exo 2', sans-serif; margin-top: -8px; text-align: center; color: #076398; line-height: 25px; text-transform: uppercase; height: 40px; }

#car-meta { padding: 0px 15px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content:center; flex-direction: row;}
.info-car{display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: space-around; width: 100%; }

.apk_block { background: #fff; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: center; align-items: center; width: 100%; }
.apk_block .wrapper{ width: 1200px;}
.apk_block .wrapper h1{ margin: 60px 0px 0px 0px; }
.apk_block .wrapper form{ background: #e9ecef; width: 100%; display: block; margin: 0px 0px 60px 0px; }
.apk_block .wrapper form .questionlist{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: space-between; padding: 40px 40px 20px 40px; flex-wrap: wrap; }

.apk_block .wrapper form .questionlist .title { width: 100%; color: #005c91; display: block; text-transform: uppercase; font-weight: 100; font-size: 20px; line-height: 0px;  margin-bottom: 25px; }
.apk_block .wrapper form .questionlist .your_data{ margin-top: 20px; }
.apk_block .wrapper form .questionlist .input { width: 32%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: column; }
.apk_block .wrapper form .questionlist .input input{ width: 100%; padding: 5px 10px; background: #fff; border: none; margin-bottom: 20px; margin-left: 0px; margin-right: 0px; }
.apk_block .wrapper form .questionlist .input input::placeholder{ color: #c1c1c1; font-weight: 200; }

.apk_block .wrapper form .questionlist .file { width: 32%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: column; }

.apk_block .wrapper form .questionlist .file { width: 32%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: column; }
.apk_block .wrapper form .questionlist .file input{ width: 100%; border: none; margin-bottom: 20px; margin-left: 0px; margin-right: 0px; }

.apk_block .wrapper form .questionlist .textarea { width: 64%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: column; }
.apk_block .wrapper form .questionlist .textarea textarea { width: 100%; padding: 5px 10px; background: #fff; margin-bottom: 20px; border: none; margin-left: 0px; margin-right: 0px; }
.apk_block .wrapper form .questionlist .textarea textarea::placeholder{ color: #c1c1c1; font-weight: 200; }

.apk_block .wrapper form .questionlist .checkbox { width: 32%; justify-content: center; align-items: center; margin-bottom: 20px; }

.apk_block .wrapper form .questionlist .select { width: 32%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: column; }
.apk_block .wrapper form .questionlist .select select{ width: 100%; padding: 5px 10px; background: #fff; border: none; margin-bottom: 20px; font-weight: 200; margin-left: 0px; margin-right: 0px; }

.apk_block .wrapper form .questionlist .input p,
.apk_block .wrapper form .questionlist .file p,
.apk_block .wrapper form .questionlist .textarea p,
.apk_block .wrapper form .questionlist .select p{  padding:0px 0px 3px 10px; margin:0;}

.apk_block .wrapper form button { width: 100%; padding: 8px 10px; background: #ffc107; color: #000;  border: none; text-transform: uppercase; font-weight: 600;margin-top: 0px; }

.gallery_block{ width: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: center;  justify-content: center;}

.spec_container{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: row; justify-content: center; align-items: center; width: 100%;}

.data-container {
	display: -ms-grid;
	display: grid;

	grid-template-columns: 20% 20% 20% 20% 20%;
	grid-template-areas: "headertitle headertitle headertitle headertitle headertitle"
	"mainimage mainimage mainimage price price"
	"mainimage mainimage mainimage general general";
	grid-gap: 30px;
	margin: 0px auto;
  	width: 1170px;
  	justify-content: center;
  	margin-bottom: 30px
  }
.home-item{
	padding: 20px 0px !important;
}

.data-container-2 {
	display: -ms-grid;
	display: grid;
	grid-template-columns: 25% 25% 25% 25%;
	grid-template-areas:
	"engine appearance consumption maintenance";
	grid-gap: 30px;
	margin: 0px auto;
  	width: 1200px;
  	justify-content: center;
  	margin-bottom: 30px
  }

.data-container-3 {
	display: -ms-grid;
	display: grid;
	grid-template-columns: 20% 20% 20% 20% 20%;
	grid-template-areas:
	"extraoptions extraoptions extraoptions extraoptions extraoptions"
	"comments comments comments comments comments";
	grid-gap: 30px;
	margin: 0px auto;
  	width: 1170px;
  	justify-content: center;
  	margin-bottom: 30px
  }

.data-container-4 {
	display: -ms-grid;
	display: grid;
	grid-template-columns: 33% 33% 33%;
	grid-template-areas:
	"block-2 block-3";
	grid-gap: 64px;
	margin: 0px auto;
  	width: 1170px;
  	justify-content: center;
  	margin-bottom: 30px
  }

.headertitle{
	grid-area: headertitle;
	display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
	justify-content: center;
	flex-direction: column;
	width: 100%;
	align-items: center;
    padding-top: 50px;
}

.headertitle .car-title{
	font-size: 24px;
    font-weight: 700;
    color: #076398;
    text-transform: uppercase;
}

.headertitle .car-subtitle{
 	font-size: 30px;
    font-family: 'Exo 2', sans-serif;
    margin-top: -15px;
}

.mainimage {
	grid-area: mainimage;
}

.mainimage .large-image{
	display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
	justify-content: center;
	align-items: stretch;
	width: 822px;
	height: 461px;
	background-size: cover;
	background-position: 50% 50%;
	margin-bottom: 10px;
}

.mainimage .large-image a{
	width: 100%;
}


.car-price-row {
	grid-area: price;
	height: 50px;
	width: 100%;
	display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
	justify-content: space-between;
}

.car-price-row .car-price-amount{
	background:#0067a1;
	font-weight:700;
	color: #fff;
	text-transform: uppercase;
	width:50%;
	padding: 30px;
	font-size: 24px;
	line-height: 0px;
}

 .car-price-row .car-price-title{
	background:#000;
	color: #fff;
	text-transform: uppercase;
	width: 50%;
	padding: 30px;
	font-size: 24px;
	line-height: 0px;
}
#showcase-car-sec .text h2{
	font-size: 32px;
	font-weight: 700;
    color: unset;
}
#showcase-car-sec .text{
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	& > header{
		padding-top: 40px;
	}
}
.general,
.extra-options,
.comments{
	grid-area: general;
	display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
	flex-direction: column;
	width: 100%;
	padding: 0px 30px;
	line-height: 30px;
}

.general{
 border: 1px solid #ebedf3;
}
.fixed-container-volle-breedte .werkplacebtn{
	width: 23%;
    transition: 0.3s;
    text-decoration: none;
    padding: 1.5rem;
    background-color: #06527d;
    color: #fff;
	position: absolute;
    bottom: 0;
    right: 32px;
}
.fixed-container-volle-breedte .werkplacebtn.left{
	width: 23%;
    transition: 0.3s;
    text-decoration: none;
    padding: 1.5rem;
    background-color: #ffc107;
    color: black;
	position: absolute;
    bottom: 0;
    right: unset;
	left: -15px;
}




[data-interactive="1"] .navigation {
	display: block;
}

.navigation nav .wrapper .flexblock .collection .column {
    display: flex;
 gap: 5%;
    flex-wrap: wrap;
    width: 100%;
}



.navigation nav .wrapper .flexblock .collection .column a:nth-child(1),
.navigation nav .wrapper .flexblock .collection .column a:nth-child(2),
.navigation nav .wrapper .flexblock .collection .column a:nth-child(3) {
    align-self: flex-start;
}

.navigation nav .wrapper .flexblock .collection .column a:nth-child(4),
.navigation nav .wrapper .flexblock .collection .column a:nth-child(5),
.navigation nav .wrapper .flexblock .collection .column a:nth-child(6) {
    align-self: flex-end;
}


.fixed-container-volle-breedte .werkplacebtn .font-weight-bold {
text-transform: none;
font-weight: 600 !important;
font-size: 16px;
}
.engine,
.maintenance,
.engine,
.appearance,
.consumption{
	grid-area: general;
	display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
	flex-direction: column;
	width: 100%;
	padding: 30px;
	border: 1px solid #ebedf3;
}

.engine h3,
.maintenance h3,
.engine h3,
.appearance h3,
.consumption h3{
	font-weight: 500;
    line-height: 1.5;
    color: #22659f;
    text-align: left;
}

.general h3,
.extra-options h3,
.comments h3{
	font-weight: 300;
    line-height: 1.5;
    color: #22659f;
    text-align: left;
}


.general h4,
.engine h4,
.maintenance h4,
.engine h4,
.appearance h4,
.consumption h4,
.extra-options h4,
.comments h4{
	margin-top: 20px;
    color: #0067a1;
    font-size: 20px;
    text-transform: uppercase;
    width: 100%
}


.general .column,
.engine .column,
.maintenance .column,
.engine .column,
.appearance .column,
.consumption .column{
	width: 100%;
}

.general .column a,
.engine .column a,
.maintenance .column a,
.engine .column a,
.appearance .column a,
.consumption .column a{
	color: #000;
}

.general .column div,
.engine .column div,
.maintenance .column div,
.engine .column div,
.appearance .column div,
.consumption .column div{
	display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
	justify-content: space-between;
	align-items: center;
	flex-direction: row;
	width: 100%;
	padding-bottom: 2px;
}

.general .column div p{
	display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
	justify-content: space-between;
	align-items: center;
	flex-direction: row;
	width: 100%;
	font-size: 14px;
	line-height: 16px;
}

.engine .column div p,
.maintenance .column div p,
.engine .column div p,
.appearance .column div p,
.consumption .column div p{
	display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
	justify-content: space-between;
	align-items: center;
	flex-direction: row;
	font-size: 14px;
	line-height: 16px;
	color: #000;
}

.general .column div p:first-child,
.engine .column div p:first-child,
.maintenance .column div p:first-child,
.engine .column div p:first-child,
.appearance .column div p:first-child,
.consumption .column div p:first-child{
 font-weight: 600;
 color: #000;
}

.engine{
	grid-area: engine;
}

.appearance{
	grid-area: appearance;
}

.consumption{
	grid-area: consumption;
}

.maintenance{
	grid-area: maintenance;
}

.extra-options{
	grid-area: extraoptions;
}

.comments{
	grid-area: comments;
}

.block-1{
	grid-area: block-1;
}
.block-2{
	grid-area: block-2;
}
.block-3{
	grid-area: block-3;
}

.block-1,
.block-2,
.block-3{
	box-shadow: 0px 2px 19px -7px rgba(0,0,0,0.5);
    padding: 30px 15px 15px 15px;
	display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	color: #000;
}
.block-4{
	padding: 0px 15px 15px 15px;
	display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	color: #000;
}

.block-1 > i,
.block-2 > i,
.block-3 > i,
.block-4 > i{
	height: 100px;
	display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
 	justify-content: center;
 	align-items: center;
	font-size: 75px;
	font-weight: 700;
	color:#0067a1;

}

.block-1 h3,
.block-2 h3,
.block-3 h3,
.block-4 h4{
	font-size: 24px;
	font-weight: 300;
}

.block-1 p,
.block-3 p{
	padding: 15px 30px 15px 30px;
}


.block-2 p{
	padding: 15px 30px 0px 30px;
}

.block-4 p{
	padding: 0px 30px 0px 15px;
}

.block-1 .connect-block,
.block-2 form .connect-block,
.block-3 .connect-block{
  	display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
 	justify-content: space-between;
 	width: 100%;
 	margin:0;
 	padding:0;
 	margin-top: auto;
 	background:#0067a1;
}

.block-4 form .connect-block{
  	display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
 	justify-content: space-between;
 	width: 75%;
 	margin:0;
 	padding:0;
 	margin-top: auto;
 	background:#0067a1;
}


.block-2 form,
.block-4 form {
	width: 100%;
	display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.block-2 form input[type="text"]{ width: 150px; padding: 0 5px; display: inline-block; border: 2px solid #515151; border-radius: 4px; background: #ffc107; color: #000; font-weight: 700; line-height: 32px; font-size: 18px;  margin-bottom:10px; }

.block-4 form input[type="text"] { width: 150px; padding: 0 5px; display: inline-block; border: 2px solid #515151; border-radius: 4px; background: #ffc107; color: #000; font-weight: 700; line-height: 0px; font-size: 18px;  margin-bottom:10px; }

.block-1 .connect-block:hover,
.block-2 form .connect-block:hover,
.block-3 .connect-block:hover,
.block-4 form .connect-block:hover{
	background: #3b95cb;
}

.block-1 .connect-block .button-one,
.block-3 .connect-block .button-one{
	display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
 	justify-content: center;
 	align-items: center;
 	flex-direction: row;
 	width: 100%;
}

.block-2 form .connect-block .button-one,
.block-4 form .connect-block .button-one{
	display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
 	justify-content: flex-start;
 	align-items: center;
 	flex-direction: row;
 	width: 100%;
}


.main-content .input{
	display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
	flex-direction: column;
    width: 255px;
    padding: 5px 10px;
    background: #fff;
    border: none;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;

}

.main-content .row .value{
    width: 255px;
    padding: 5px 10px;
    background: #fff;
    border: none;
    margin-bottom: 20px;
    margin-left: 0px;
    margin-right: 0px;
}

.main-content .row .value_big{
    width: 100%;
    padding: 5px 10px;
    background: #fff;
    border: none;
    margin-bottom: 20px;
    margin-left: 0px;
    margin-right: 0px;
}

.main-content .row .value_big textarea{
    width: 100%;
    padding: 5px 10px;
    background: #fff;
    border: none;
    margin-bottom: 20px;
    margin-left: 0px;
    margin-right: 0px;
}

.block-1 .connect-block .button-one p,
.block-3 .connect-block .button-one p{
	display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
 	flex-direction: column;
 	justify-content: flex-start;
 	align-items: flex-start;
	font-weight: 700;
	color: #fff;
	text-align: left;
	padding: 15px 0px 15px 30px;
	margin: 0px;
	width: 100%;
}

.block-2 form .connect-block .button-one p{
	display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
 	flex-direction: column;
 	justify-content: flex-start;
 	align-items: flex-start;
	font-weight: 700;
	color: #fff;
	text-align: left;
	padding: 15px 0px 15px 30px;
	margin: 0px;
	width: 74%;
}

.block-4 form .connect-block .button-one p{
	display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
 	flex-direction: column;
 	justify-content: flex-start;
 	align-items: flex-start;
	font-weight: 700;
	color: #fff;
	text-align: left;
	padding: 5px 0px 5px 15px;
	margin: 0px;
	width: 74%;
}

.block-1 .connect-block .button-one p span,
.block-2 form .connect-block .button-one p span,
.block-3 .connect-block .button-one p span
.block-4 form .connect-block .button-one p span{
	font-weight: 300;
	color: #fff;
	text-align: left;
	text-transform: uppercase;
	padding: 0px;
	font-size: 24px;
	line-height: 26px;
}

.block-1 .connect-block .button-one i,
.block-2 form .connect-block .button-one i,
.block-3 .connect-block .button-one i,
.block-4 form .connect-block .button-one i{
	display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
 	justify-content: flex-end;
 	align-items: center;
 	font-weight: 300;
	color: #fff;
	font-size: 50px;
	line-height: 22px;
	text-align: left;
	padding: 15px 30px 15px 10px;
	margin: 0px;
	width: 26%;
}

.extra-options .extra-options-row{
	display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
	justify-content: space-between;
	flex-direction: row;
}

.extra-options > .extra-options-row > div{
	padding: 0px 30px;
}

.extra-options > .extra-options-row > div:first-child{
	padding: 0px 30px 0px 0px;
}

.extra-options > .extra-options-row > div:last-child{
	padding: 0px 0px 0px 30px;
}

.extra-options > .extra-options-row > div > div,
.extra-options > .extra-options-row > div > h5,
.row-comments h6{
	font-size: 14px;
	font-weight: 200;
	line-height: 30px;
}

.extra-options > .extra-options-row > div > div{
	display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
	width: 100%;
}

.extra-options > .extra-options-row > div > div > i {
	color: #00a727;
	font-size: 14px;
    font-weight: 700;
    line-height: 30px;
}

.extra-options > .extra-options-row > div > div > span {
	margin-left: 10px;
}
.links_landingspage {
    display: none;
}

.accordion-header {
color: #005c91;
cursor: pointer;
font-weight: 700;
}
.accordion-header i{
	transition: 0.2s all ease;
}

.accordion-header.active i {
    transform: rotate(-180deg); /* Rotate the chevron when active */
}

body > div.footercontainer > div > div > p:nth-child(1) {
    margin-bottom: 0px;
}

.footercontainer .wrapper .rowfooter .links_landingspage a:hover {
    color: #0067a1;
}

.phone_fax_email a:nth-of-type(2) {
    margin-bottom: 10px;
}

.contactblock .block .column .phone_fax_email {
    gap: 0px;
}

.contactblock .block:nth-child(2) {
    justify-content: unset;
    align-items: unset;
    justify-content: flex-end;
}

.contactblock .wrapper {
    gap: 0px;
}

div.container-volle-breedte .text-image .text p span.fa-check {
    font-size: 32px;
    color: #007bff;
    margin-right: 10px;
}

@media screen and (max-width: 1550px) {
    #showcase-car-sec {
        margin-top: 10vh;
    }
}

@media only screen and (max-device-width : 1325px) {
	.row { margin-right: 0; margin-left: 0; }
	.wrapper { width: 100%; }
	#topbar{ padding:0; }
	#topbar img {  position: absolute;  right: 0 !important;  left: 0 !important;  margin-right: 15px;  top: 1%; margin-top: -50px;  width: 11%; transform: unset; margin: 0 auto; }
  	#topbar .wrapper .row .logo{ width:100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: center; }
	  .small-overview {
		grid-template-columns: 1fr 1fr;
	  }
	.scroll #topbar{ padding:0; }
	.scroll #topbar img {  position: fixed;  right: 0 !important;  left: 0 !important;  margin-right: 15px;  top: 1%; margin-top: -50px;  width: 11%; transform: unset; margin: 0 auto; }
	.scroll #topbar .wrapper .row .logo{ width:100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: center; }

	.topcontainer .wrapper,
	.topsecendcontainer .wrapper { width: 100%;}
	.topcontainer .wrapper .row { display: -ms-grid; display: grid; grid-template-columns: 40% 20% 40%; grid-template-areas: ".logo ."; padding:0;}
	.topcontainer .wrapper .row .block { display: none; width:100%;}

  	.scroll .topcontainer .wrapper,
	.scroll .topcontainer .wrapper .row { display: -ms-grid; display: grid; grid-template-columns: 40% 20% 40%; grid-template-areas: ". logo ."; padding:0; margin:0 auto;}
	.scroll .topcontainer .wrapper .row .block { display: none; width: 100%; }

	.topsecendcontainer .wrapper .row{ display: -ms-grid; display: grid; grid-template-columns: 50%; grid-template-areas: "slogan menu-bottom"; align-items: center; height: 56px; padding: 0; }
	.topsecendcontainer .wrapper .row .block:nth-child(2) { justify-content: flex-start; margin-left: 35px; }
	.topsecendcontainer .wrapper .row .phone { display: none; }
	.topsecendcontainer .wrapper .row .menu-bottom { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: flex-end; align-items: center; flex-direction: row; width: 90%; padding: 10px 0;}

	.scroll .topsecendcontainer .wrapper .row{ display: -ms-grid; display: grid; grid-template-columns: 50%; grid-template-areas: "slogan menu-bottom"; height: 56px;}
	.scroll .topsecendcontainer .wrapper .row .phone { display: none; }
	.scroll .topsecendcontainer .wrapper .row .menu-bottom { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: flex-end; align-items: center; flex-direction: row; width: 90%; padding: 10px 0; }



	#car-select-inner-sec-one { width: 90%; padding: 0px; }
	.scroll #car-select-inner-sec-one { width: 90%; }

	.car_profile_image_small { width: 33%; }

	.small { width: 33%; text-align: center; }

	#car-select-inner-sec { width: 90%; padding: 0px; }

	.scroll #car-select-inner-sec { width: 100%; max-width: 100%; }

	.navigation nav .wrapper { width:100% ; }
	.navigation nav .wrapper .collection .column { flex-direction: column; }
	.navigation nav .wrapper .collection .column a { text-align: center; width: 100%;  height:100%;  text-transform: uppercase; color: #fff; font-weight: 700; margin-top: 0px; padding:15px 0px; }
	.navigation.active nav {position: fixed; z-index: 100; top: 0; bottom: 0; margin: 0; height: 100%; width: 50%; padding-top: 30px; text-align: left; background: rgba(0, 0, 0, 0.8); margin-top: 56px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: flex-start; align-items: flex-start; }

	.scroll .navigation nav .wrapper { width:100% ; }
	.scroll .navigation nav .wrapper .collection .column { flex-direction: column; }
	.scroll .navigation nav .wrapper .collection .column a {   height:100%;  text-transform: uppercase; color: #fff; font-weight: 700; margin-top: 0px; }
	.scroll .navigation.active nav {position: fixed; z-index: 100; top: 0; bottom: 0; margin: 0; height: 100%; width: 50%; padding-top: 30px; text-align: left; background: rgba(0, 0, 0, 0.8); margin-top: 56px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: flex-start; align-items: flex-start; }


	.historycontainer { width: 100%; }
	.historycontainer .wrapper { width: 100%; }
	.historycontainer .wrapper .historyblock { width: 100%; }
	.historycontainer .wrapper .historyblock article { padding: 60px 30px 60px 330px; }

	.workplacecontainer .wrapper { width: 100%; }
	.workplacecontainer .wrapper .werkplaceblock { width: 100%; flex-direction: column-reverse; }
	.workplacecontainer .wrapper .werkplaceblock article { width: 100%; }

	.workplacecontainer .wrapper .werkplaceblock article .titlerow { padding: 60px 30px; }

	.workplacecontainer .wrapper .werkplaceblock article .block {  padding-bottom: 30px; flex-direction: row; }
	.workplacecontainer .wrapper .werkplaceblock article .block .activities { width: 100%; flex-direction: column; padding: 0px 30px 30px 30px; }
	.workplacecontainer .wrapper .werkplaceblock article .block .activities div { width: 100%; }

	.workplacecontainer .wrapper .werkplaceblock article .werkplacebtn { width: 30%;  }

	.workplacecontainer .wrapper .werkplaceblock .image { justify-content: center;  width: 100%; }
	.workplacecontainer .wrapper .werkplaceblock .image .small { width: 91%; }

	.clientcontainer {padding: 0; }
	.clientcontainer .wrapper { width: 100%; }
	.clientcontainer .wrapper .reviewrow { flex-direction: column; }
	.clientcontainer .wrapper .reviewrow .block { width: 100%; }
	.clientcontainer .wrapper .reviewrow .block .review-text { width: 100%; font-weight: 300; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: center; }

	.block-4 h4{ font-size: 24px; font-size: 300; }
	.block-4 p{ padding: 0px 30px 0px 15px; }
	.block-4 form .connect-block{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: space-between; width: 90%; margin:0; padding:0; margin-top: auto; background:#0067a1; }
	.block-4 form { width: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: column; justify-content: center; align-items: center; }
	.block-4 form input[type="text"] { width: 150px; padding: 0 5px; display: inline-block; border: 2px solid #515151; border-radius: 4px; background: #ffc107; color: #000; font-weight: 700; line-height: 0px; font-size: 18px;  margin-bottom:10px; }
	.block-4 form .connect-block:hover{ background: #3b95cb; }
	.block-4 form .connect-block .button-one{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: flex-start; align-items: center; flex-direction: row; width: 100%; }
	.block-4 form .connect-block .button-one p{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; font-weight: 700; color: #fff; text-align: left; padding: 5px 0px 5px 15px; margin: 0px; width: 74%; }
	.block-4 form .connect-block .button-one p span{font-weight: 300; color: #fff; text-align: left; text-transform: uppercase; padding: 0px;font-size: 24px;line-height: 26px; }
	.block-4 form .connect-block .button-one i{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: flex-end; align-items: center; font-weight: 300; color: #fff; font-size: 50px; line-height: 22px; text-align: left; padding: 15px 30px 15px 10px; margin: 0px; width: 26%; }

	.apk_block { background: #fff; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: center; align-items: center; width: 100%; }
	.apk_block .wrapper{ width: 1200px; padding: 0px 20px; }
	.apk_block .wrapper h1{ margin: 60px 0px 0px 0px; }
	.apk_block .wrapper form{ background: #e9ecef; width: 100%; display: block; margin: 0px 0px 60px 0px; }
	.apk_block .wrapper form .questionlist{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: space-between; padding: 30px 20px 10px 20px; flex-wrap: wrap; }
	.apk_block .wrapper form .questionlist .title { width: 100%; }
	.apk_block .wrapper form .questionlist .input { width: 100%; }
	.apk_block .wrapper form .questionlist .input input{ width: 100%; }
	.apk_block .wrapper form .questionlist .file { width: 100%; }
	.apk_block .wrapper form .questionlist .file { width: 100%; }
	.apk_block .wrapper form .questionlist .file input{ width: 100%; }
	.apk_block .wrapper form .questionlist .textarea { width: 100%;  }
	.apk_block .wrapper form .questionlist .textarea textarea { width: 100%; }
	.apk_block .wrapper form .questionlist .checkbox { width: 100%;}
	.apk_block .wrapper form .questionlist .select { width: 100%; }
	.apk_block .wrapper form .questionlist .select select{ width: 100%;  }

	.prefootercontainer .wrapper { width: 100%; }
	.prefootercontainer .wrapper .rowfooter { justify-content: center; flex-direction: column; }
	.prefootercontainer .wrapper .block { width: 100%; padding: 30px; }

	.secprefootercontainer .wrapper { width: 100%; }
	.secprefootercontainer .wrapper .block { justify-content: center; flex-direction: column; padding: 30px;}
	.secprefootercontainer .wrapper .block .adress { width: 100%; flex-direction: column; padding-bottom: 30px; }

	.footercontainer .wrapper { width: 100%; }
	div.collector .layout { padding-bottom: 0px; }
	#car-meta { padding: 0px; flex-direction: column; }
	.small-overview { flex: 0 0 49%; max-width: 50%; justify-content: space-between;}

	.wrapper-gallary .wrapper { width: 100%; margin: 120px 100px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: space-between; flex-wrap: wrap; }


	.car-item-space .container{ padding-right: 0px; padding-left: 0px; }

	#showcase-car-sec{ width:100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: center; flex-direction: column; align-items: center; }
	#showcase-car-sec .space{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: space-between; width: 100%; }

	#showcase-car-sec .car-con-item p.spec-item { padding: 30px 0; }
	#showcase-car-sec .car-con-item span.pricing-item { font-size: 18px; }
	#showcase-car-sec .car-con-item span.small_font { font-size: 18px; }

	#showcase-car-sec .imagetiles .plus_large { /*height: 65px;*/ }
	#showcase-car-sec .imagetiles .plus { /*height: 70px;*/  }

	#showcase-car-sec .blue-bg,
	#showcase-car-sec .black-bg { padding: 20px 25px; width: 100%; }

	.small-overview .car-subtitle { font-size: 20px; font-family: 'Exo 2', sans-serif;  margin-top: -8px; text-align: center; color: #076398; line-height: 25px; text-transform: uppercase; height: 40px; }

	div.text-image .content,
	div.text-image .media { width: 100%; }

	div.text-image[data-image-position="left"] header,
	div.text-image[data-image-position="left"] article p{ padding:0px 30px 0px 0px; }

	div.text-image[data-image-position="right"] header,
	div.text-image[data-image-position="right"] article p{ padding:0px 0px 0px 30px; }
	div.text-image[data-image-position="right"] .search header,
	div.text-image[data-image-position="right"] .search article p { padding:0px 0px 0px 0px; }

	.layout header{padding-left: 30px;}

	.text-image .wrapper { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;  justify-content: center;  flex-direction: column;}

	.small-img-row{ /*height: 70px;*/ }
	.car_profile_image_small { /*height: 70px;*/ }
	.img-row { height: 65px; overflow: hidden; }
	.car-con-item .container { padding-right: 0px; padding-left: 0px;}
	.car_profile_image_small { width: calc(100%/3); }

	.contactblock .wrapper { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: space-between; flex-direction: column; width: 100%; }

	.contactblock .block .column {  margin-top: 20px; padding:0 30px; flex-direction: column; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: flex-start; width: 100%; }
	.contactblock .block { flex-wrap: wrap; width: 100%; }
	.contactblock .block .column .adress { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: column; width: 100%; line-height: 24px; }
	.contactblock .block .column .adress div { width: 100%; line-height: 24px; }
	.contactblock .block .column .phone_fax_email h4{ line-height: 0px; font-size: 0; margin: 0; padding: 0;}

	.data-container {
		display: -ms-grid;
		display: grid;
		grid-template-columns: 100%;
		grid-template-areas:
		"headertitle"
		"mainimage"
		"price"
		"general";
		grid-gap: 30px;
		margin: 0px auto;
	  	width: 100%;
	  	justify-content: center;
	  	margin-bottom: 20px
	 }

	.car-price-row {
	    grid-area: price;
	    height: 50px;
	    width: 100%;
	    padding: 0px 20px;
	    display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
	    flex-direction: column;
	    margin-bottom: 50px
	}
	.mainimage .large-image {
	    width: 100%;
	    height: 250px;
	    background-size: cover;
	    background-position: 50% 50%;
	    margin-bottom: 10px;
	}

	.car-price-row .car-price-amount {
	    text-align: center;
	    width: 100%;
	}

	.car-price-row .car-price-title {
	    text-align: center;
	    width: 100%;
	}

	.data-container-2 {
		display: -ms-grid;
		display: grid;
		grid-template-columns: 100%;
		grid-template-areas:
		"engine"
		"appearance"
		"consumption"
		"maintenance";
		grid-gap: 20px;
		margin: 0px auto;
	  	width: 100%;
	  	justify-content: center;
	  	margin-bottom: 30px;
	  	padding: 0px 20px;
	}

	.data-container-3 {
		display: -ms-grid;
		display: grid;
		grid-template-columns: 100%;
		grid-template-areas:
		"extraoptions"
		"comments";
		grid-gap: 20px;
		margin: 0px auto;
	  	width: 100%;
	  	justify-content: center;
	  	margin-bottom: 30px
	  }

	.extra-options .extra-options-row {
	    display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
	    justify-content: space-between;
	    flex-direction: column;
	}

	.extra-options > .extra-options-row > div,
	.extra-options > .extra-options-row > div:first-child,
	.extra-options > .extra-options-row > div:last-child {
		padding: 0px;
	}

	.data-container-4 {
		display: -ms-grid;
		display: grid;
		grid-template-columns: 100%;
		grid-template-areas:
		"block-2"
		"block-3";
		grid-gap:20px;
		margin: 0px auto;
	  	width: 100%;
	  	justify-content: center;
	  	margin-bottom: 30px;
	  	padding: 0px 20px;
  	}

  	.footercontainer .wrapper .rowfooter .links_landingspage {
		padding: 0px 20px;
	}

	#showcase-car-sec.container.home .small-overview {
	grid-template-columns: 1fr;
	}

	figure {
	justify-self: center;
	}

	#showcase-car-sec {
	margin-top: 10vh;
	}

	#showcase-car-sec .fixed-container-volle-breedte .small-overview {
	grid-template-columns: 1fr;
	}

	div.collector .layout {
	justify-self: center;
	width: 90%;
	}
}

@media (max-width: 780px){

    div.text-image[data-image-position="right"] header, div.text-image[data-image-position="right"] article p {
        padding: unset;
    }

    div.text-image[data-image-position="left"] .media {
        order: 2;
    }

.contactblock .wrapper {
        gap: 0px;
}

#showcase-car-sec.container.home{
	background: white;
	padding: 30px 0 0 0;
  }

  .clientcontainer[data-offset-top="large"] {
      padding-top: 0px;
  }

  .clientcontainer .wrapper .reviewrow  .header-block {
      margin: 60px 0px 50px 0px;
  }

  .historycontainer .wrapper .historyblock article .titlerow {
      padding: 60px 0 25px 0;
  }

  body > div.container-volle-breedte > div > div > div:nth-child(1) > div > div.content > article > header, body > div.container-volle-breedte > div > div > div:nth-child(1) > div > div.content > article > p {
      padding: unset;
  }

  #template > p {
      padding: unset;
  }

  body > div.container-volle-breedte > div > div > div:nth-child(3) > div > div.content > article > p {
      padding: unset;
  }
}

@media (max-width: 568px){
	.row { margin-right: 0; margin-left: 0; }
	.wrapper { width: 100%; }
	#topbar{ padding:0; }
	#topbar img {  position: absolute;  right: 0 !important;  left: 0 !important;  margin-right: 15px;  top: 1%; margin-top: -50px;  width: 19%; transform: unset; margin:0 auto;}
  	#topbar .wrapper .row .logo{ width:100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: center; }
	  .small-overview {
		grid-template-columns: 1fr !important;
	  }
	  #showcase-car-sec{
		max-width: 90% !important;
		margin: 0 auto !important;
	  }

	  #showcase-car-sec header{
		padding: 0 !important;
	  }

	  #showcase-car-sec.container.home{
		background: white;
		padding: 30px 0 0 0;
	  }

	  .jumbotron::after{
		height: 94%;
	  }
	  .jumbotron .werkplacebtn{
		width: 100%;
		max-width: 200px;
		transition: 0.3s;
		text-decoration: none;
		padding: 1.5rem;
		background-color: #ffc107;
		color: black;
		position: absolute;
		bottom: 0;
		right: unset;

	}
	.jumbotron .container p{
		margin-bottom: 150px;
	}
	.fixed-container-volle-breedte .werkplacebtn {
		width: 80%;
		transition: 0.3s;
		text-decoration: none;
		padding: 1.5rem;
		background-color: #06527d;
		color: #fff;
		position: relative;
		bottom: 0;
		left: unset;
	}
	.fixed-container-volle-breedte .werkplacebtn.left{
		position: relative;
		width: 60%;
		left: unset;
		right: 32px;
	}

	.scroll #topbar{ padding:0; }
	.scroll #topbar img {  position: fixed;  right: 0 !important;  left: 0 !important;  margin-right: 15px;  top: 1%; margin-top: -50px;  width: 19%; transform: unset; margin:0 auto;}
	.scroll #topbar .wrapper .row .logo{ width:100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: center; }

	.topcontainer .wrapper,
	.topsecendcontainer .wrapper { width: 100%;}
	.topcontainer .wrapper .row { display: -ms-grid; display: grid; grid-template-columns: 40% 20% 40%; grid-template-areas: ".logo ."; padding:0;}
	.topcontainer .wrapper .row .block { display: none; width:100%;}

  	.scroll .topcontainer .wrapper,
	.scroll .topcontainer .wrapper .row { display: -ms-grid; display: grid; grid-template-columns: 40% 20% 40%; grid-template-areas: ". logo ."; padding:0; margin:0 auto;}
	.scroll .topcontainer .wrapper .row .block { display: none; width: 100%; }

	.topsecendcontainer .wrapper .row{ display: -ms-grid; display: grid; grid-template-columns: 50% 50%; grid-template-areas: "slogan menu-bottom"; align-items: center; height: 56px; padding: 0; }
	.topsecendcontainer .wrapper .row .phone { display: none; }
	.topsecendcontainer .wrapper .row .menu-bottom { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: flex-end; align-items: center; flex-direction: row; width: 90%; padding:  0;}
	.topsecendcontainer .wrapper .row .slogan { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: flex-start; align-items: center; flex-direction: row; width: 90%; padding: 10px 0;}

	.scroll .topsecendcontainer .wrapper .row{ display: -ms-grid; display: grid; grid-template-columns: 50% 50%; grid-template-areas: "slogan menu-bottom"; height: 56px;}
	.scroll .topsecendcontainer .wrapper .row .phone { display: none; }
	.scroll .topsecendcontainer .wrapper .row .slogan { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: flex-start; align-items: center; flex-direction: row; width: 90%; padding: 0;}
	.scroll .topsecendcontainer .wrapper .row .slogan { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: flex-start; align-items: center; flex-direction: row; width: 90%; padding: 10px 0;}
	#car-select-inner-sec-one { width: 90%; }
	.scroll #car-select-inner-sec-one { width: 90%; }

	.car_profile_image_small { width: 33%; }

	.small { width: 33%; }

	#car-select-inner-sec { width: 100%; max-width: 100%; padding: 0px; }

	.scroll #car-select-inner-sec { width: 100%; max-width: 100%; }
	div.layout-text[data-offset-top="large"] { margin-top: 30px;}

	.navigation nav .wrapper { width:100% ; }
	.navigation nav .wrapper .flexblock .collection .column { flex-direction: column; }
	.navigation nav .wrapper .flexblock .collection .column a { text-align: center; width: 100%;  height:100%;  text-transform: uppercase; color: #fff; font-weight: 700; margin-top: 0px; padding:15px 0px; }
	.navigation.active nav {position: fixed; z-index: 100; top: 0; bottom: 0; margin: 0; height: 100%; width: 50%; padding-top: 30px; text-align: left; background: rgba(0, 0, 0, 0.8); margin-top: 56px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: flex-start; align-items: flex-start; }
	.search.result{border-bottom: 1px solid #e6e6e6;  display: block; font-size: 14px; line-height: 30px; padding: 10px 0px;}

	nav .wrapper .row .block div {
    color: #fff;
    line-height: 0px;
    font-size: 20px;
    line-height: 0;
    font-family: 'Lobster', sans-serif; }

	.topsecendcontainer{
		height: 70px;
	  }
	.scroll .navigation nav .wrapper { width:100% ; }
	.scroll .navigation nav .wrapper .collection .column { flex-direction: column; }
	.scroll .navigation nav .wrapper .collection .column a { text-align: center; width: 100%;  height:100%;  text-transform: uppercase; color: #fff; font-weight: 700; margin-top: 0px; }
	.scroll .navigation.active nav {position: fixed; z-index: 100; top: 0; bottom: 0; margin: 0; height: 100%; width: 50%; padding-top: 30px; text-align: left; background: rgba(0, 0, 0, 0.8); margin-top: 56px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: flex-start; align-items: flex-start; }
	.navigation nav .wrapper .flexblock .search input[type="text"] { background: #fff; width: 125px; border: 0; margin-top: 50px; margin-left: 15px; padding-left: .5rem; border-radius: 0.25rem 0 0 0.25rem; }

	.historycontainer { width: 100%; }
	.historycontainer .wrapper { width: 100%; }
	.historycontainer .wrapper .historyblock { width: 100%; }
	.historycontainer .wrapper .historyblock article { padding: 60px 30px; }

	.workplacecontainer .wrapper { width: 100%; }
	.workplacecontainer .wrapper .werkplaceblock { width: 100%; flex-direction: column-reverse; }
	.workplacecontainer .wrapper .werkplaceblock article { width: 100%; }

	#car-select-inner-sec-one { width: 90%; padding: 0;}

	.workplacecontainer .wrapper .werkplaceblock article .titlerow { padding: 60px 30px; }

	.workplacecontainer .wrapper .werkplaceblock article .block {  padding-bottom: 30px; flex-direction: column; }
	.workplacecontainer .wrapper .werkplaceblock article .block .activities { width: 100%; flex-direction: column; padding: 0px 30px 30px 30px; }
	.workplacecontainer .wrapper .werkplaceblock article .block .activities div { width: 100%; }

	.workplacecontainer .wrapper .werkplaceblock article .werkplacebtn { width: 80%;  }

	.workplacecontainer .wrapper .werkplaceblock .image { justify-content: center;  width: 100%; }
	.workplacecontainer .wrapper .werkplaceblock .image .small { width: 91%; flex-direction: row; }

	.wrapper-gallary .wrapper { width: 100%; margin: 20px 0px 70px 0px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: center; flex-wrap: wrap; }

	.clientcontainer {padding: 0; }
	.clientcontainer .wrapper { width: 100%; }
	.clientcontainer .wrapper .reviewrow { flex-direction: column; }
	.clientcontainer .wrapper .reviewrow .block { width: 100%; }
	.clientcontainer .wrapper .reviewrow .block .review-text { width: 100%; font-weight: 300; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: center; }

	.block-4 h4{ font-size: 24px; font-size: 300; }

	.block-4 p{ padding: 0px 30px 0px 15px; }

	.block-4 form .connect-block{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: space-between; width: 75%; margin:0; padding:0; margin-top: auto; background:#0067a1; }

	.block-4 form { width: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: column; justify-content: center; align-items: center; }

	.block-4 form input[type="text"] { width: 150px; padding: 0 5px; display: inline-block; border: 2px solid #515151; border-radius: 4px; background: #ffc107; color: #000; font-weight: 700; line-height: 0px; font-size: 18px;  margin-bottom:10px; }

	.block-4 form .connect-block:hover{
		background: #3b95cb;
	}

	.block-4 form .connect-block .button-one{
		display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
	 	justify-content: flex-start;
	 	align-items: center;
	 	flex-direction: row;
	 	width: 100%;
	}


	.block-4 form .connect-block .button-one p{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; font-weight: 700; color: #fff; text-align: left; padding: 5px 0px 5px 15px; margin: 0px; width: 74%; }
	.block-4 form .connect-block .button-one p span{font-weight: 300; color: #fff; text-align: left; text-transform: uppercase; padding: 0px;font-size: 24px;line-height: 26px; }
	.block-4 form .connect-block .button-one i{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: flex-end; align-items: center; font-weight: 300; color: #fff; font-size: 50px; line-height: 22px; text-align: left; padding: 15px 30px 15px 10px; margin: 0px; width: 26%; }

	.apk_block { background: #fff; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: center; align-items: center; width: 100%; }
	.apk_block .wrapper{ width: 1200px; padding: 0px 20px; }
	.apk_block .wrapper h1{ margin: 60px 0px 0px 0px; }
	.apk_block .wrapper form{ background: #e9ecef; width: 100%; display: block; margin: 0px 0px 60px 0px; }
	.apk_block .wrapper form .questionlist{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: space-between; padding: 30px 20px 10px 20px; flex-wrap: wrap; }

	.apk_block .wrapper form .questionlist .title { width: 100%; }
	.apk_block .wrapper form .questionlist .input { width: 100%; }
	.apk_block .wrapper form .questionlist .input input{ width: 100%; }

	.apk_block .wrapper form .questionlist .file { width: 100%; }

	.apk_block .wrapper form .questionlist .file { width: 100%; }
	.apk_block .wrapper form .questionlist .file input{ width: 100%; }

	.apk_block .wrapper form .questionlist .textarea { width: 100%;  }
	.apk_block .wrapper form .questionlist .textarea textarea { width: 100%; }

	.apk_block .wrapper form .questionlist .checkbox { width: 100%;}

	.apk_block .wrapper form .questionlist .select { width: 100%; }
	.apk_block .wrapper form .questionlist .select select{ width: 100%;  }


	.prefootercontainer .wrapper { width: 100%; }
	.prefootercontainer .wrapper .rowfooter { justify-content: center; flex-direction: column; }
	.prefootercontainer .wrapper .block { width: 100%; padding: 30px; }

	.secprefootercontainer .wrapper { width: 100%; }
	.secprefootercontainer .wrapper .block { justify-content: center; flex-direction: column; padding: 30px;}
	.secprefootercontainer .wrapper .block .adress { width: 100%; flex-direction: column; padding-bottom: 30px; }
	.overview { flex: 0 0 100%;  max-width: 100%; justify-content: space-between; flex-wrap: wrap; }
	.small-overview { flex: 0 0 100%;  max-width: 100%; justify-content: space-between; flex-wrap: wrap; }

	.jumbotron .wrapper .reviewrow  .header-block h3{ text-align: center;  }
	.jumbotron .wrapper .reviewrow  .header-block h5{ text-align: center; }
	.jumbotron .wrapper .reviewrow  .header-block h5 span{ color: #005c91; }

	.clientcontainer .wrapper .reviewrow .block .score { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; order: 2; justify-content: flex-start; width: 50%;  margin-bottom: 5px; }
	.clientcontainer .wrapper .reviewrow .block .score .item {  border-radius: 0% 50% 50% 50%; background: #005c91; color: #fff; font-size: 20px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; }

	.clientcontainer .wrapper .reviewrow  .header-block{ margin: 120px 0px 50px 0px; }
	.clientcontainer .wrapper .reviewrow  .header-block h3 { text-align: center; }
	.clientcontainer .wrapper .reviewrow  .header-block h5 { text-align: center; }

	.footercontainer .wrapper { width: 100%; }
	div.collector .layout { padding-bottom: 0px; }
	#car-meta { padding: 0px; }
	.small-overview {padding:0;}
	.car-item-space .container{ padding-right: 0px; padding-left: 0px; }

	#showcase-car-sec .car-con-item p.spec-item { padding: 30px 0; }
	#showcase-car-sec .imagetiles .plus_large { /*height: 65px;*/ }

	#showcase-car-sec .car-con-item span.pricing-item { font-size: 18px; }
	#showcase-car-sec .car-con-item span.small_font { font-size: 18px; }
	#showcase-car-sec .imagetiles .plus { /*height: 70px;*/  }
	.small-img-row{ /*height: 70px;*/ }
	.car_profile_image_small { height: /*70px; */}
	.img-row { height: 65px; overflow: hidden; }
	.car-con-item .container { padding-right: 0px; padding-left: 0px;}
	.car_profile_image_small { width: calc(100%/3); }

	header{ padding: 0 30px; }
	.contactblock .wrapper { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: space-between; flex-direction: column; width: 100%; }

	.contactblock .block .column {  margin-top: 20px; padding:0 30px; flex-direction: column; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: flex-start; width: 100%; }
	.contactblock .block { flex-wrap: wrap; width: 100%; }
	.contactblock .block .column .adress { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: column; width: 100%; line-height: 24px; }
	.contactblock .block .column .adress div { width: 100%; line-height: 24px; }
	.contactblock .block .column .phone_fax_email h4{ line-height: 0px; font-size: 0; margin: 0; padding: 0;}

	.data-container {
		display: -ms-grid;
		display: grid;
		grid-template-columns: 100%;
		grid-template-areas:
		"headertitle"
		"mainimage"
		"price"
		"general";
		grid-gap: 30px;
		margin: 0px auto;
	  	width: 100%;
	  	justify-content: center;
	  	margin-bottom: 20px
	 }

	.car-price-row {
	    grid-area: price;
	    height: 50px;
	    width: 100%;
	    padding: 0px 20px;
	    display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
	    flex-direction: column;
	    margin-bottom: 50px
	}
	.mainimage .large-image {
	    width: 100%;
	    height: 250px;
	    background-size: cover;
	    background-position: 50% 50%;
	    margin-bottom: 10px;
	}

	.car-price-row .car-price-amount {
	    text-align: center;
	    width: 100%;
	}

	.car-price-row .car-price-title {
	    text-align: center;
	    width: 100%;
	}

	.data-container-2 {
		display: -ms-grid;
		display: grid;
		grid-template-columns: 100%;
		grid-template-areas:
		"engine"
		"appearance"
		"consumption"
		"maintenance";
		grid-gap: 20px;
		margin: 0px auto;
	  	width: 100%;
	  	justify-content: center;
	  	margin-bottom: 30px;
	  	padding: 0px 20px;
	}

	.data-container-3 {
		display: -ms-grid;
		display: grid;
		grid-template-columns: 100%;
		grid-template-areas:
		"extraoptions"
		"comments";
		grid-gap: 20px;
		margin: 0px auto;
	  	width: 100%;
	  	justify-content: center;
	  	margin-bottom: 30px
	  }

	.extra-options .extra-options-row {
	    display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
	    justify-content: space-between;
	    flex-direction: column;
	}

	.extra-options > .extra-options-row > div,
	.extra-options > .extra-options-row > div:first-child,
	.extra-options > .extra-options-row > div:last-child {
		padding: 0px;
	}

	.data-container-4 {
		display: -ms-grid;
		display: grid;
		grid-template-columns: 100%;
		grid-template-areas:
		"block-2"
		"block-3";
		grid-gap:20px;
		margin: 0px auto;
	  	width: 100%;
	  	justify-content: center;
	  	margin-bottom: 30px;
	  	padding: 0px 20px;
  	}

  	.footercontainer .wrapper .rowfooter .links_landingspage {
		padding: 0px 20px;
	}
}