/* @override 
	https://tegrotenhuis.com/wp-content/themes/tegrotenhuis/style.css?ver=5.1.1
	https://autobedrijftegrotenhuis.nl/wp-content/themes/tegrotenhuis/style.css?*
	https://staging.autobedrijftegrotenhuis.nl/wp-content/themes/tegrotenhuis/style.css?* */

/*
 Theme Name:   Autobedrijf Te Grotenhuis
 Theme URI:    http://tegrotenhuis.com
 Description:  Interattractive Car Dealer Theme
 Author:       Jeroen Hessing
 Author URI:   http://www.interattractive.nl
 Template:     ultrabootstrap
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         Custom rebuild for Autobedrijf Te Grotenhuis
 Text Domain:  tegrotenhuis
*/

/* Colors 
#96172e Main
#cf9eaa Half
#a76375 Accent
#564146 Background dark + text
#aaa0a2
#d5cfd1 Borders
https://mycolor.space/?hex=%2396172E&sub=1

*/

.mobile-only {
	display: none;
}

body {
    font-family: 'Overpass', sans-serif;
    font-size: 18px;
    line-height: 30px;
    color: #333333;
	margin: 0;
}

.home section h3 {
	margin: 0;
}

.page section.content {
	margin-bottom: 80px;
}

.page h2 {
	margin-top: 40px;
	margin-bottom: 20px;
}

.page h3 {
	margin-top: 40px;
	margin-bottom: 20px;
}

article h2 {
	line-height: 36px;
}

article h3 {
	line-height: 32px;
}

.post-content {
	border: 0px none;
}

h4.widget-title {
	border: 0px none;
}

a, a:visited {
    color: #AE323A;
}

a:hover {
    color: #AE323A;
}

a:focus {
    color: #AE323A;
}

a:active {
    color: #AE323A;
}

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

/* @group Top header */
.header-top {
    background: #564146;
    padding-top: 3px;
    padding-bottom: 3px;
}

.header-top .social-icon li {
    display: inline-block;
    margin-bottom: 0px;
}

.header-top .social-icon li a {
    line-height: 30px;
    width: 30px;
    color: #FFF;
}

.pull-right {
    float: right !important;
}

.header-top .top-contact li {
    display: inline-block;
    line-height: 30px;
    text-align: center;
    margin-bottom: 0px;
	font-size: 16px;
}

.header-top .top-contact li.phone, .header-top .top-contact li.email {
    padding: 0 20px;
    color: #FFF;
}

.header-top .top-contact li.phone a, .header-top .top-contact li.email a {
	color: #fff;
}

.header-top .top-contact li.phone i, .header-top .top-contact li.email i {
    margin-right: 5px;
    opacity: 0.9;
}

.fa-phone-square::before {
    content: "\f098";
}

.fa-envelope::before {
    content: "\f0e0";
}

.header-top .top-contact li.get-a-quote a {
    padding: 0px;
    display: block;
    color: #FFF;
}

header .navbar-form .search-box {
    z-index: 9999;
}

/* @end */
.stm-button, input[type="submit"], button, .button, .load-more-btn {
    background-color: #96172E;
    -webkit-box-shadow: 0 2px 0 #96172e;
    -moz-box-shadow: 0 2px 0 #96172e;
    box-shadow: 0 0 0 #96172E;
    border-top-right-radius: 15px;
}

/* @group Navigation */
header section.logo-menu nav.navbar.navbar-default {
    top: 0px;
    background-color: #fff;
    border-radius: 0px;
}

header .navbar-default .navbar-nav li a {
    font-size: 1em;
    color: #564146;
    padding: 0;
    margin: 15px;
    font-weight: 400;
    border-bottom: 2px dashed transparent;
    text-transform: none;
    letter-spacing: 1px;
}

header .navbar-default .navbar-nav li a .caret {
	margin-left: -2px;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #96172e;
    background: transparent;
    border-bottom: 2px dashed #FFF;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: #AAA;
    background-color: transparent;
    border-bottom: 2px dashed #FFF;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    color: #AAA;
    background-color: transparent;
    border-bottom: 2px dashed #FFF;
}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
	background-color: transparent;
	border-bottom: 2px dashed #FFF;
}

header .logo-tag {
    margin-top: 20px;
    margin-bottom: 20px;
    width: 100%;
}

header .navbar-form .btn {
    background: inherit;
}

.navbar-right, header .navbar-form .btn {
    margin-top: 22px;
}

.dropdown-menu {
    background-color: #96172E;
}

.dropdown-menu > li > a {
    color: #FFF !important;
    border-bottom: 2px dashed transparent;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    color: #FFF !important;
    background: transparent;
    border-bottom: 2px dashed #FFF !important;
}

header .navbar-form .search-box .well {
    border: none;
    border-radius: 0;
    padding: 10px;
    background: #96172E;
    width: 520px;
}

header .navbar-form .search-box .well input {
    border: 0;
    border-radius: 0;
    background: #FFF;
    color: #000;
    font-size: 0.8em;
    width: 100%;
    box-shadow: none;
    padding: 10px;
}

/* @end */
/* @group Slider */
section.theme-slider {
    margin-top: 0px;
}

.metaslider .caption-wrap {
    position: absolute;
    bottom: 40px !important;
    left: calc(50% - 275px) !important;
    background: #96172e !important;
    color: #fff !important;
    opacity: 1 !important;
    margin: 0;
    display: block;
    width: auto !important;
    line-height: 1.4em;
    border-top-right-radius: 10px;
    font-size: 32px;
}
 .metaslider .caption-wrap .caption:after {
 	content: ">";
 	margin-left: 10px;
 }


.metaslider .flexslider {
    margin: 0 !important;
}

/* @end */
/* @group Welcome */

.welcome-name {
    background-color: #fff;
    color: #aaa0a2;
}

.home .welcome-name {
	background: rgb(103,23,43);
background: linear-gradient(180deg, rgba(103,23,43,1) 0%, rgba(150,23,46,1) 4%);
	padding-top: 40px;
}

.welcome-name .col-lg-12 {
	padding: 0;
}

.welcome-name h1, .page-title h1 {
    line-height: 88px;
	margin: 40px 0 0;
	font-weight: 400;
    color: #96172e;
	border: 0px none;
}

.home .welcome-name h1 {
    color: #fff;
}

section.car-listing {
	padding-top: 0px;
}

/* @end */
/* @group Tabs */
.nav-tabs {
	border: 0px none;
	border-bottom: 1px solid #96172E;
}

.nav-tabs ul {
	border: 0px none;
}

.nav-tabs > li {
    background-color: #96172E;
}

.nav-tabs > li a {
    color: #fff;
    font-weight: 400;
    padding-right: 40px;
    padding-left: 40px;
    font-size: 16px;
    border-color: #67172b;
	margin-right: 0;
	border-top-right-radius: 15px;
	border-top-left-radius: 0px;
	background-color: #67172b;
}

.nav > li > a:hover, .nav > li > a:focus {
    background-color: #96172E;
    color: #FFF;
    border-color: #fff;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    background-color: #fff;
    border-color: #d5cfd1;
    border-bottom-color: transparent;
    color: #96172e;
}

.tab-content {
	margin-bottom: 40px;
	padding-bottom: 20px;
	padding-top: 20px;
}

.tab-content .row {
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 0px;
	padding-right: 0px;
}

/* @end */
/* @group Car-listing */
.autoaantal {
    float: right;
    font-weight: 300;
    line-height: 40px;
    color: #fff;
	margin-top: -10px;
}

.autoaantal:before {
    font-family: Fontawesome;
    content: "\f1b9";
    margin-right: 10px;
    font-weight: normal;
}

.car-listing-row {
    margin-top: 0px;
	margin-left: 0;
}

.car-listing-row .col-lg-3 {
    margin-bottom: 40px;
    margin-right: 1%;
    width: 24%;
    border: 1px solid #cccccc;
    border-top-right-radius: 15px;
    padding: 10px;
	background-color: #ffffff;
}

.rmv_txt_drctn {
    color: inherit;
    text-decoration: none !important;
}

.car-listing-row .image, .listing-car-item-inner .image {
    overflow: hidden;
    position: relative;
}

.car-listing-row .listing-car-item-meta {
    padding-top: 0;
}

.car-listing-row .image img {
    width: 100%;
}

.car-listing-row .image::before, .listing-car-item-inner .image::before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0);
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: opacity .2s ease;
    transition: opacity 0.2s ease;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 0;
}

.car-listing-row .car-meta-top {
    padding-bottom: 6px;
    padding-top: 6px;
    border-bottom: 1px solid #CCC;
}

.car-listing-row .listing-car-item-meta .price {
    position: relative;
    float: right;
    padding: 4px 10px 4px 4px;
    margin-left: 8px;
    background-color: #96172E;
    text-align: right;
    font-weight: bold;
}

.car-listing-row .listing-car-item-meta .price::before {
    position: absolute;
    content: '';
    display: block;
    top: 0;
    left: -6px;
    height: 100%;
    width: 10px;
    background-color: #96172E;
    -webkit-transform: skew(-14deg,0deg);
    transform: skew(-14deg, 0deg);
    z-index: 5;
}

.car-listing-row .listing-car-item-meta .price .normal-price, .car-listing-row .listing-car-item-meta .price .sale-price {
    color: #FFF;
    font-size: 14px;
    line-height: 20px;
}

.car-listing-row .listing-car-item-meta .car-title-type {
    color: #333;
    overflow: hidden;
    font-size: 13px;
    line-height: 20px;
    font-weight: 300;
    min-height: 42px;
    max-height: 42px;
    font-family: 'Overpass', sans-serif;
	margin-top: 4px;
}

.car-listing-row .listing-car-item-meta .car-title-merk {
    color: #96172E;
    overflow: hidden;
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
    font-family: 'Overpass', sans-serif;
	min-height: 26px;
}

.car-listing-row .car-meta-bottom {
	overflow: hidden;
}

.car-listing-row .car-meta-bottom ul {
    list-style: none;
    padding: 0 0 4px 0;
    margin: 0;
	overflow-x: hidden;
	white-space: nowrap;
}

.car-listing-row .car-meta-bottom ul li {
    display: inline;
    margin-top: 4px;
	margin-bottom: 0;
	margin-right: 2px;
    color: #888;
    vertical-align: middle;
    font-family: 'Overpass', sans-serif;
}

.car-listing-row .car-meta-bottom ul li i {
    margin-top: 5px;
    margin-left: 5px;
    float: right;
}

.stm-icon-fuel::before {
    font-family: fontawesome;
    content: "\e80e";
}

.car-listing-row .car-meta-bottom ul li span {
    position: relative;
    top: 3px;
    vertical-align:  top;
	font-size: 13px;
	margin-left: 2px;
}

.car-listing-row .car-meta-bottom ul li:last-child {
    margin-right: 0;
}

.car-listing-row div.pagination {
	display: none;
}

/* @end */
/* @group Car-search */

.searchandfilter ul li[class^="sf-field-taxonomy-"] {
    float: left;
    margin-right: 1%;
    width: 14%;
}

.searchandfilter ul li[class^="sf-field-post-meta-"] {
    float: left;
    width: 19%;
    margin-right: 1%;
}

.searchandfilter h4 {
    border: 0px none;
    margin: 0 0 10px;
    padding: 0;
	display: none;
}

.searchandfilter ul li.sf-field-search h4 {
    width: 100%;
    text-align: center;
    padding: 20px;
    font-size: 24px;
}

h4.resultnumber {
    width: 100%;
    text-align: center;
    border-bottom: 0px none;
	color: #96172E;
}

input.sf-input-text {
    Border-top-right-radius: 15px;
    border: 2px solid #96172E;
    margin-bottom: 10px;
}

li.sf-field-search input.sf-input-text {
	width: 50%;
	margin: 0px auto;
	border: 2px solid #96172E;
}

li.sf-field-search input.sf-input-text::-webkit-input-placeholder { /* Edge */
  color:#96172E;
  font-weight: 300;
}

li.sf-field-search input.sf-input-text:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #96172E;
  font-weight: 300;
}

li.sf-field-search input.sf-input-text::placeholder {
  color: #96172E;
  font-weight: 300;
}

.sf-meta-range-slider span.sf-range-max.sf-text-number {
    float: right;
}
.sf-field-post-meta-verkoopprijs_particulier .sf-text-number::before {
    content: '€ ';
}

.sf-meta-range-slider div.meta-slider.noUi-target.noUi-ltr.noUi-horizontal {
}

.sf-meta-range-slider div.meta-slider.noUi-target.noUi-ltr.noUi-horizontal div.noUi-base div.noUi-connects div.noUi-connect {
    background: #96172E;
}

/* @group Selectbox */

.sbHolder{
	background-color: #fff;
	border: solid 2px #96172E;
	font-family: Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	height: 30px;
	position: relative;
	width: 100%;
	border-top-right-radius: 10px;
	color: #96172E;
}

.sbOptions li {
	margin-bottom: 0;
}

.sbOptions a:hover, .sbOptions a:focus, .sbOptions a.sbFocus {
	color: #96172E;
	background-color: #fff;
}

.tijd .sbHolder {
	width: 100%;
	margin-right: 5%;
	float: left;
}

.tijd .sbHolder:last-child {
	/*margin-right: 0;*/
}

li[class^="sf-field-post-meta-"] label:first-child {
	width: 45%;
	margin-right: 5%;
}

li[class^="sf-field-post-meta-"] label {
	width: 50%;
	float: left;
}

li[class^="sf-field-post-meta-"] .sbHolder {
	width: 100%;
}

.sbHolder:focus .sbSelector{
	
}

.sbSelector{
	display: block;
	height: 30px;
	left: 0;
	line-height: 30px;
	outline: none;
	overflow: hidden;
	position: absolute;
	text-indent: 10px;
	top: 0;
}
.sbSelector:link, .sbSelector:visited, .sbSelector:hover{
	color: #96172E;
	outline: none;
	text-decoration: none;
}
.sbToggle{
	background: url(images/select-icons.png) 0 -69px no-repeat;
	display: block;
	height: 30px;
	outline: none;
	position: absolute;
	right: 0;
	top: 0;
	width: 30px;
}
.sbToggle:hover{
	background: url(images/select-icons.png) 0 -69px no-repeat;
}
.sbToggleOpen{
	background: url(images/select-icons.png) 0 -19px no-repeat;
}
.sbToggleOpen:hover{
	background: url(images/select-icons.png) 0 -19px no-repeat;
}
.sbHolderDisabled{
	background-color: #3C3C3C;
	border: solid 1px #515151;
}
.sbHolderDisabled .sbHolder{
	
}
.sbHolderDisabled .sbToggle{
	
}
.sbOptions{
	background-color: #fff;
	border: solid 1px #333333;
	list-style: none;
	left: -1px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 30px;
	width: 100%;
	z-index: 100;
	overflow-y: auto;
}
.sbOptions li{
	padding: 0px !important;
}
.sbOptions a{
	border-bottom: solid 1px   black;
	display: block;
	outline: none;
	padding: 0px 10px;
}
.sbOptions a:link, .sbOptions a:visited{
	color: #333333;
	text-decoration: none;
}
.sbOptions a:hover,
.sbOptions a:focus,
.sbOptions a.sbFocus{
	color: #96172E;
}
.sbOptions li.last a{
	border-bottom: none;
}
.sbOptions .sbDisabled{
	border-bottom: dotted 1px #515151;
	color: #999;
	display: block;
	padding: 7px 0 7px 3px;
}
.sbOptions .sbGroup{
	border-bottom: dotted 1px #515151;
	color: #96172E;
	display: block;
	font-weight: bold;
	padding: 7px 0 7px 3px;
}
.sbOptions .sbSub{
	padding-left: 17px;
}

/* @end */

/* @end */
.spacer {
    margin-top: 85px;
}

/* @group Single Car page */
.single-car-page {
    max-width: 1920px;
    width: auto;
    margin-right: auto !important;
	margin-left: auto !important;
	background-position-x: 50% !important;
	margin-top: 40px;
}

.owl-carousel .owl-item.active div.stm-single-image a.fancybox.fancyboxforwp img {
	border: 1px solid #d5cfd1;
	border-top-right-radius: 15px;
}

.stm-thumbs-car-gallery .owl-prev::after, .stm-thumbs-car-gallery .owl-next::after {
	line-height: 110px;
}

#over .title.h5 {
	font-size: 32px;
	margin-top: 0;
	margin-bottom: 40px;
}

.opties div.col-lg-12.wpb_wrapper ul.list-style-2 li {
	width: 33.3333%;
	float: left;
}

.opties .col-lg-12.wpb_wrapper {
	padding: 0;
	border: 1px solid #d5cfd1;
	border-top-right-radius: 15px;
	margin-bottom: 40px;
	display: inline-block;
	width: 100%;
}

.opties .col-lg-12.wpb_wrapper h5 {
	background-color: #fff;
	color: #564146;
	margin: 0;
	line-height: 40px;
	padding-left: 15px;
	border-top-right-radius: 15px;
	font-weight: 700;
}

.opties .col-lg-12.wpb_wrapper ul {
	padding: 15px;
}

.locatie {
	margin-bottom: 40px;
}

.locatie iframe {
	width: 100%;
	height: 540px;
	border: 0px none;
}

.disclaimer {
	padding-top: 20px;
	padding-bottom: 20px;
}

.disclaimer p {
	font-size: 12px;
	line-height: 16px;
}

#contact .col-lg-12.wpb_wrapper{
	display: inline-block;
	padding: 15px;
	border: 1px solid #d5cfd1;
	border-top-right-radius: 15px;
	margin-bottom: 40px;
}

.single-car-prices {
    background-color: #fff;
    border-top-right-radius: 15px;
    border: 1px solid #d5cfd1;
}

.single-car-prices span.labeled, .single-car-prices span.h3 {
	color: #000;
}

.price-description-single {
	background-color: #564146;
}

.special-label {
    background-color: #96172E;
    line-height: 49px;
    font-weight: bold;
}

.title.h2 {
    margin: 0;
    margin-bottom: 0px;
    margin-bottom: 14px;
    line-height: 1.2;
    font-size: 36px;
    font-weight: 700;
}

.list-unstyled {
    padding-left: 0;
    list-style: none;
}

.single-car-actions > ul li {
    margin-right: 10px;
}

.single-car-actions > ul li {
    float: left;
    margin-bottom: 12px;
}

.single-car-actions .stock-num {
    padding: 3px 15px;
    background-color: #F0F2F5;
    border-radius: 15px;
    font-size: 14px;
    color: #232628;
}

.single-car-actions .stock-num > span {
    font-size: 12px;
    color: #888;
}

.car-action-unit {
    position: relative;
    display: block;
    padding: 0 15px;
    padding-left: 15px;
    padding-left: 32px;
    font-size: 12px;
    color: #888;
    border: 1px solid #DDD;
    line-height: 27px;
    border-radius: 15px;
    text-decoration: none !important;
}

.car-action-unit:hover {
    border-color: #96172E;
    color: #96172E;
}

a.car-action-unit {
    color: #888;
}

.car-action-unit > i {
    position: absolute;
    left: 8px;
    top: 50%;
    margin-top: -1px;
    font-size: 17px;
    color: #96172E;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.stm-a2a-popup {
    display: none;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    padding: 0px 0 4px;
}

.stm-shareble:hover .stm-share {
    border-color: #96172E;
    color: #96172E;
}

.stm-shareble .stm-a2a-popup.stm-a2a-popup-active {
    top: -140% !important;
    opacity: 1;
    z-index: 30;
}

.stm-car_dealer-buttons a, .stm-car_dealer-buttons div.stm-car_dealer-button {
    position: relative;
    display: block;
    padding: 0 20px 0 20px;
    margin-bottom: 11px;
    height: 49px;
    line-height: 49px;
    background-color: #96172E;
    color: #FFF;
    font-size: 13px;
    text-decoration: none !important;
    border-top-right-radius: 15px;
    text-transform: uppercase;
    font-weight: 400;
	opacity: 0.8;
}

div.stm-car_dealer-button .addtoany_shortcode {
    float: right;
    margin-top: 3px;
}

div.stm-car_dealer-button#bt_share {
	opacity: 1;
}

div.stm-car_dealer-button .addtoany_shortcode a {
    line-height: inherit;
    height: inherit;
    background: transparent;
    margin-bottom: 0px;
    padding: 0px 5px;
	opacity: 1;
}

div.stm-car_dealer-button .addtoany_shortcode a:last-child {
    padding: 0px 0px 0px 5px;
}

.stm-car_dealer-buttons a:hover {
    background-color: #96172E;
    color: #FFF;
	opacity: 1;
}

.stm-car_dealer-buttons a i, .stm-car_dealer-buttons div i {
    position: relative;
    right: 0px;
    top: 0px;
    font-size: 16px;
    color: #fff;
    margin-right: 10px;
}

.single-car-data {
	border-top-right-radius: 15px;
	background-color: #fff;
	border: 1px solid #d5cfd1;
}

.single-car-data td.t-label, 
.single-car-data td.t-value.h6 {
	color: #564146 !important;
}

.single-car-data td.t-value.h6 .cartype {
	font-weight: 300;
	font-size: 13px;
	line-height: 13px;
}


.single-car-data .totaal td.t-label, 
.single-car-data .totaal td.t-value.h6 {
	color: #96172E !important;
}

.single-car-page .nav-tabs > li {
    width: 20%;
    text-align: center;
    font-size: 13px;
}

.single-car-page .nav-tabs > li a {
    padding-right: 0px;
    padding-left: 0px;
    font-size: 13px;
}

.single-car-mpg.heading-font, .stm_auto_loan_calculator {
	border-top-right-radius: 15px;
	background-color: #fff;
	border: 1px solid #d5cfd1;
	padding-bottom: 20px;
}

.stm_auto_loan_calculator input.numbersOnly {
	border: 1px solid #d5cfd1;
}

.stm_auto_loan_calculator .labeled {
	color: #564146;
}

.single-car-mpg .mpg-unit {
    width: 30%;
}

.single-car-mpg .mpg-unit .mpg-label {
    font-size: 8px;
}

.single-car-mpg .mpg-icon {
    background-color: #96172E;
    padding-top: 17px;
    padding-right: 2px;
}

.stm_calculator_results .stm-calc-results-inner {
    background-color: #564146;
}

.stm_calculator_results .stm-calc-results-inner:after {
    border-bottom: 8px solid #564146;
}

/* @end */

/* @group Direct Kopen */
.stm-car_dealer-buttons a#bt_koop {
	background-color: #158d1e;
	font-weight: 700;
}

.is-flex > [class*='col-'] {
	margin-bottom: 20px;
}
@media only screen and (min-width : 768px) {
    .is-flex {
		display: flex;
		flex-wrap: wrap;
	}
	.is-flex > [class*='col-lg-6'] {
	    display: flex;
	    flex-direction: column;
		position: relative;
		width: calc(50% - 10px);
		margin-left: 10px;
	}
	.is-flex > [class*='col-lg-6']:first-child {
		width: calc(50% - 10px);
		margin-right: 10px;
		margin-left: 0px;
	}
}

@media only screen and (max-width : 767px) {
	.directkopen-page .single-car-content-left {
		padding-top: 20px;
}
}

.directkopen-page .single-car-content-left p {
	padding-bottom: 20px;
}

.directkopen-page .col-lg-6.extrapakket,
.directkopen-page .col-lg-12.extrapakket {
	border-top-right-radius: 15px;
	border: 1px solid #d5cfd1;
	padding: 0px 0px 60px;
}

.directkopen-page .extrapakket h3 {
	font-family: 'Overpass';
	margin: 0;
	background-color: #fff;
	color: #564146;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	border-top-right-radius: 15px;
	font-size: 16px;
}

.directkopen-page .extrapakket p {
	padding: 20px;
	font-size: 16px;
	line-height: 22px;
	margin: 0;
}

.directkopen-page .extrapakket p.prijs {
	float: left;
	padding: 5px 5px 5px 20px;
	color: #96172E;
	font-weight: 500;
}

.directkopen-page .extrapakket a.button,
.directkopen-page .extrapakket a.button:active {
	position: absolute;
	right: 20px;
	bottom: 20px;
	top: auto;
}

/* @group radiobutton */

.radiobtn {
  position: absolute;
  display: block;
  bottom: 10px;
  right: 10px;
}

.radiobtn.aflevering {
	position: relative;
	width: 45%;
	float: left;
	margin-top: 20px;
	margin-right: 5%;
}

.radiobtn label {
  display: inline-block;
  background: #fff;
  color: #96172E;
  border: 1px solid #96172E;
  border-top-right-radius: 15px;
  padding: 10px 20px 10px 40px;
  margin-bottom: 5px;
  cursor: pointer;
  width: auto;
  position: relative;
  margin-left: 20px;
  font-size: 14px;
}
.radiobtn.aflevering label {
	width: 400px;
}

.radiobtn label:after, .radiobtn label:before {
  content: "";
  position: absolute;
  Left: 11px;
  top: 15px;
  width: 20px;
  height: 20px;
  border-radius: 3px;
  border: 1px solid #96172E;
  background: #fff;
}
.radiobtn label:before {
  background: transparent;
  transition: 0.1s width cubic-bezier(0.075, 0.82, 0.165, 1) 0s, 0.3s height cubic-bezier(0.075, 0.82, 0.165, 2) 0.1s;
  z-index: 2;
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: 13px;
  background-position: center;
  width: 0;
  height: 0;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNS4zIDEzLjIiPiAgPHBhdGggZmlsbD0iIzk2MTcyRSIgZD0iTTE0LjcuOGwtLjQtLjRhMS43IDEuNyAwIDAgMC0yLjMuMUw1LjIgOC4yIDMgNi40YTEuNyAxLjcgMCAwIDAtMi4zLjFMLjQgN2ExLjcgMS43IDAgMCAwIC4xIDIuM2wzLjggMy41YTEuNyAxLjcgMCAwIDAgMi40LS4xTDE1IDMuMWExLjcgMS43IDAgMCAwLS4yLTIuM3oiIGRhdGEtbmFtZT0iUGZhZCA0Ii8+PC9zdmc+);
}
.radiobtn input[type=radio] {
  display: none;
  position: absolute;
  width: 100%;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.radiobtn input[type=radio]:checked + label {
  background: #96172E;
  border-color: #96172E;
  color: #fff;
}
.radiobtn input[type=radio]:checked + label:after {
  background: #fff;
}
.radiobtn input[type=radio]:checked + label:before {
  width: 20px;
  height: 20px;
}

/* @end */

.process {
	background-color: #96172E;
	color: #fff;
	margin-bottom: 40px;
	border-top-right-radius: 20px ;
}

@media only screen and (max-width : 767px) {
	.process {
		display: none;
	}
}


.process ul {
	width: 100%;
}

.process ul li {
	float: left;
	width: 25%;
}

.process ul li a {
	color: #fff;
}

.process ul li span.step {
	border: 1px solid #fff;
	border-radius: 30px;
	width: 30px;
	height: 30px;
	display: inline-block;
	text-align: center;
	margin: 10px 10px 3px;
	font-weight: 700;
}

.process ul li span.step.active {
	background-color: #fff;
	color:  #96172E;
}

.wpcf7-response-output {
	color: #96172E !important;
	border: 2px solid #96172E !important;
	background-color: #fff;
	border-radius: 0;
	border-top-right-radius: 20px;
}

.wpcf7-not-valid {
	border: 2px solid #96172E !important;
}

/* @end */

/* @group modal */

.modal-backdrop.in {
    filter: alpha(opacity=30);
    opacity: 0.3;
}

.modal-dialog {
	width: 80%;
}

.modal-dialog select {
	width: 100%;
}

.modal-header .close {
    opacity: 1;
    text-shadow: none;
    box-shadow: none;
    font-size: 40px;
}

/* @end */

/* @group forms */
.form-row {
	display: inline-block;
	margin-bottom: 20px;
	width: 100%;
}

input[type="text"],
input[type="number"],
input[type="tel"],
input[type="email"],
input[type="search"],
input[type="password"],
input.wpcf7-date,
select {
  display: block;
  width: 100%;
  height: 47px;
  line-height: 47px;
  padding: 0 15px;
  font-weight: 400;
  color: #888888;
  border: 1px solid #d5cfd1;
  font-size: 14px;
  outline: none !important;
  background-color: #fff;
}

textarea {
  padding: 21px;
  width: 100%;
  max-width: 100%;
  background-color: #fff;
  border: 1px solid #d5cfd1;
  color: #888;
  resize: none; }

textarea:focus {
  background-color: #fff;
  border-color: #6c98e1;
  color: #232628; }

.single-car-form textarea {
  height: 158px; }

.single-car-form input[type="submit"] {
  display: inline-block;
  padding-left: 44px;
  padding-right: 44px; }

select {
	visibility: visible;
	opacity: 1;
	background: #fff;
}

input[type="file"] {
    display: none;
}

.custom-file-upload {
    border: 1px solid #d5cfd1;
    display: inline-block;
    padding: 30px;
    cursor: pointer;
    width: 100%;
    text-align: center;
}

/* @end */

/* @group social media flow-flow */

.ff-icon::before {
	border-color: transparent #96172E !important;
}

#ff-stream-1 .ff-filter:hover, #ff-stream-1 .ff-filter.ff-filter--active, #ff-stream-1 .ff-moderation-button, #ff-stream-1 .ff-loadmore-wrapper .ff-btn, #ff-stream-1 .ff-square:nth-child(1) {
	background-color: #96172E !important;
	font-weight: 700;
}

/* @end */

/* @group Nieuws */
section.nieuws h2 {
	margin: 40px 0 040px;
}

.row.nieuwsartikelen {
	display: flex;
	margin: 40px 0;
}
.row.nieuwsartikelen .nieuwsartikel {
	flex: 1;
}
.row.nieuwsartikelen .nieuwsimage {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

/* @end */

.content .col-lg-12 {
	margin-top: 40px;
	margin-bottom: 40px;
}
.content ul li::before {
	font-family: fontawesome;
	content: "\f105";
	color: #96172E;
	margin-right: 10px;
}

div#secondary.widget-area {
	border: 1px solid #d5cfd1;
	padding: 20px;
	border-top-right-radius: 15px;
	background-color: #d5cfd1;
	margin-top: 173px;
}

/* @group Widgets */

.widget {
	margin-top: 9px;
	margin-bottom: 0;
}

.widget h4 {
	margin: 0px;
	font-size: 30px;
	text-transform: none;
	padding: 0;
}

/* @end */

/* @group footers */
section.subfooter {
	background-color: #96172e;
	padding-top: 40px;
	padding-bottom: 40px;
}

section.footers {
	background: #564146;
	border-bottom: 0px none;
}

.footers h4 {
	color: #fff;
	font-weight: 400;
	font-size: 20px;
	padding-bottom: 10px;
	margin-bottom: 15px;
	font-variant: normal;
	text-transform: uppercase;
}

.footers table td, .footers a, .footers i {
	color: #fff;
	padding: 2px 0 1px;
	font-size: 14px;
}

.footers i {
	font-family: fontawesome;
	font-style: normal;
	font-size: 30px;
	margin-right: 10px;
}

.footers p {
	color: #fff;
	font-size: 16px;
	margin: 0;
	line-height: 24px;
}

footer {
	background-color: #564146;
}

footer .pull-right {
	color: #fff;
}

div.scroll-top-wrapper {
	font-size: 13px;
}

div.scroll-top-wrapper.show {
	background-color: #96172E;
	opacity: 1;
}

.slide-content p.has-larger-font-size {
	font-size: 22px;
    line-height: 30px;
    font-weight: normal;
    margin-bottom: -10px !important;
    background-color: rgba(0,0,0,0.5);
    padding: 10px;
    border-top-right-radius: 20px;
	color: #ffffff;
}

/* @end */

@media screen and (max-width: 1200px) {
	.car-listing-row .col-md-4 {
	    margin-right: 1%;
	    width: 32%;
	}
}

@media (max-width: 991px) { 
	header .logo-tag {
	    width: 85%;
	    float: left;
	}
	header .navbar-default .navbar-nav li a {
	    font-size: 16px;
	    margin: 8px 8px 15px;
	}
	
	ul#menu-hoofdmenu li:first-child {
/*		display: none;*/
	}
	
	.welcome-name h1 {
		font-size: 28px;
		line-height: 60px;
	}
	
	.car-listing-row {
	    margin-top: 40px;
	}
	
	.car-listing-row .col-sm-6 {
		width: 48%;
		margin-right: 2%;
	}
	
	.opties div.col-lg-12.wpb_wrapper ul.list-style-2 li {
		width: 50%;
	}
	
	.searchandfilter ul li[class^="sf-field-taxonomy-"] {
	    float: left;
	    margin-right: 1%;
	    width: 33%;
	}
	
	.searchandfilter ul li[class^="sf-field-post-meta-"] {
	    float: left;
	    width: 30%;
	    margin-right: 1%;
	}
	
	.row.nieuwsartikelen {
		flex-wrap: wrap;
		margin: 40px 0;
	}
	.row.nieuwsartikelen .nieuwsimage {
		min-height: 400px;
	}
	.row.nieuwsartikelen .nieuwsartikel {
		
	}
	
	
}

@media (max-width: 767px) {
	.desktop-only {
		display: none;
	}
	.mobile-only {
		display: block;
	}

	.p-0 {
		padding: 0px;
	}
	
	.m-0 {
		margin: 0px;
	}
	
	div.container > div.row {
		margin-left: 0px;
		margin-right: 0px;
	}
	div.single-car-page > div.container > div.row {
		margin-left: -15px;
		margin-right: -15px;
	}
	
	header .logo-tag {
	    margin-top: 15px;
	    margin-bottom: 15px;
	    width: 70%;
	}
	.welcome-name h1 {
		font-size: 20px;
		line-height: 40px;
	}
	
	.car-listing-row {
	    margin-top: 20px;
	}
	
	.navbar-default .navbar-toggle {
	    position: absolute;
	    right: 0;
	    background: #fff;
	    border: none;
	    border-radius: 0;
		top: 14px;
	}
	
	header .navbar-default .navbar-nav li a {
	    padding-left: 20px;
	}
	
	.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
	    padding-left: 20px;
	}
	
	header .navbar-nav .open .dropdown-menu {
		margin-left: -4px;
	}
	
	header .navbar-nav .open .dropdown-menu li a {
		letter-spacing: -0.2px;
		margin-top: 0;
		margin-bottom: 0;
		padding-top: 0;
		color: #564146 !important;
	}
	
	header .navbar-nav .open .dropdown-menu li a::before {
		content: "-";
		margin-right: 10px;
	}
	
	header .navbar-nav .open .dropdown-menu li.current_page_item a {
	    color: #564146 !important;
	    background: transparent !important;
	    border-bottom: 0px none !important;
	}
	
	.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
	    color: #564146;
	    border-bottom: 0px none;
	}
	
	@media (max-width: 767px) {
    .navbar-default .navbar-toggle .icon-bar {
        background-color: #000;
    }
}
	
	.tab-content {
		border-top-right-radius: 0px;
	}
	.tab-content .row {
		padding: 0 5px;
	}
	
	.nav-tabs > li {
		width: 50%;
		text-align: center;
	}
	
	.nav-tabs > li a {
	    padding-right: 10px;
	    padding-left: 10px;
	}
	
	.autoaantal {
	    display: none;
	}
	
	.car-listing-row .col-xs-12  {
		width: 96%;
		margin: 0 2% 6% 2%;
	}
	
	#over .title.h5 {
		font-size: 24px;
		margin-top: 0;
		margin-bottom: 20px;
	}
	
	#over .col-lg-12.wpb_wrapper {
	    padding-left: 0;
	}
	
	.opties div.col-lg-12.wpb_wrapper ul.list-style-2 li {
		width: 100%;
		float: left;
	}
	
	.searchandfilter ul li[class^="sf-field-taxonomy-"] {
	    width: 100%;
	}
	
	.searchandfilter ul li[class^="sf-field-post-meta-"] {
	    width: 100%;
	}
	
	.searchandfilter select.sf-input-select {
		opacity: 1;
		visibility: visible;
		width: 100%;
	}
	
	.single-car-page .nav-tabs > li {
		width: 100%;
	}
	
}