body {
	line-height: 1.5;
	color: #555;
	font-family: 'Montserrat', sans-serif;
}

body p {
  font-size: 1rem;
}

a {
	text-decoration: none !important;
	color: #a8161c;
}

a:hover { color: #a6262f; }

a.button {
  	font-family: 'Source Sans Pro', sans-serif;
    font-weight:700;
    font-size:16px;
}


.cc-revoke,.cc-window {
  font-size:15px;
  	font-family: 'Source Sans Pro', sans-serif;
}

.cc-link {
  color:#3b3b3b;
  opacity:1;
  font-weight:600;
}


h1, h2, h3, h4, h5, h6 {
	font-family: 'Source Sans Pro', sans-serif;
}


h1, h2 {
	color: #a8161c;
}

h2.home {
  font-size:34px;
}

.check {
  padding-left:60px;
}

h2.cta {
	font-family: 'Source Sans Pro', sans-serif;
  font-size:24px;
}

h2.cta_doelgroep {
	font-family: 'Source Sans Pro', sans-serif;
  font-size:28px;
  padding-right:28px;
}


h2.ffbg {
	font-family: 'Source Sans Pro', sans-serif;
  padding: 5px 20px 5px 20px;
  margin: 7px 0 0 0;
  font-size: 24px;
  line-height: 48px;
  text-transform:uppercase;
  background:#fff;
	color: #a8161c;
	display:inline;
	
}


.emphasis-title2 {
  margin: 170px 0 40px 0;
}

.emphasis-title a, .emphasis-title2 a {
  padding: 5px 20px 5px 20px;
  text-transform:uppercase;
  background:rgba(255,255,255,0.55);
  color:#a8161c;
  font-size:22px;
  line-height:60px;
}

.emphasis-title span, .emphasis-title2 span {
  padding: 5px 20px 5px 20px;
  text-transform:uppercase;
  background:rgba(255,255,255,0.35);
  color:#333;
  font-size:22px;
  margin-left:6px;
  line-height:40px;
}



h2.headingdienst {
	font-family: 'Source Sans Pro', sans-serif;
  margin: 40px 0 30px 0 !important;
  font-size: 24px;
  line-height: 48px;
	color: #a8161c;
	display:block;
	
}

h2.headingdienst span.ffbgdienst {
  padding: 5px 20px 5px 20px;
  text-transform:uppercase;
  background:#fff;
	color: #a8161c;
	display:inline;
}





h3.ffbg {
	font-family: 'Source Sans Pro', sans-serif;
  padding: 5px 20px 5px 20px;
  margin: 0 0 7px 0;
  font-size: 20px;
  line-height: 40px;
  text-transform:uppercase;
  background:#fff;
	color: #a8161c;
	display:inline;
}


h4.card-titel {
  margin-bottom:0px;
}

h4.baseline {
	color: #a8161c;
}


div.home_cta {
  text-align:right;
}


.trainingblocks [class^=col-] {
	position: relative;
	margin-bottom: 30px;
}

.trainingblocks [class^=col-] > a {
	display: block;
	position: relative;
	height: 250px;
	background-color: #EEE;
}

.trainingblocks [class^=col-] img { display: block; }

.trainingblocks [class^=col-] > a:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: rgba(0,0,0,0.8);
	opacity: 0;
	-webkit-transition: opacity .3s ease;
	-o-transition: opacity .3s ease;
	transition: opacity .3s ease;
}

.trainingblocks [class^=col-] > a:hover:before { 
opacity: 0.5; 
}



.button {
	background: #a8161c;
	margin:0;
}


#primary-menu ul li > a {
  padding:50px 20px;
  font-family:'Montserrat', sans-serif;
  font-size:14px;
  letter-spacing:1px;
  font-weight:400;
}


#primary-menu > ul > li.current {
  background:#871014;
  border-bottom:2px solid white !important;
  top:-2px;
}


#primary-menu ul li .mega-menu-content, #primary-menu ul li.mega-menu-small .mega-menu-content {
  max-width:600px;
}

.dark #primary-menu:not(.not-dark) ul ul, .dark #primary-menu:not(.not-dark) ul li .mega-menu-content, #primary-menu.dark ul ul, #primary-menu.dark ul li .mega-menu-content {
  background:#fff;
}

.dark #primary-menu:not(.not-dark) ul li .mega-menu-content.style-2 ul.mega-menu-column > li.mega-menu-title > a, .dark #primary-menu:not(.not-dark) ul li .mega-menu-content.style-2 ul.mega-menu-column > li.mega-menu-title:hover > a, #primary-menu.dark ul li .mega-menu-content.style-2 ul.mega-menu-column > li.mega-menu-title > a, #primary-menu.dark ul li .mega-menu-content.style-2 ul.mega-menu-column > li.mega-menu-title:hover > a {
	color: #a8161c !important;

}

#primary-menu ul li .mega-menu-content.style-2 ul.mega-menu-column > li.mega-menu-title > a {
  font-family:'Montserrat', sans-serif;
  letter-spacing:0px;
	font-weight:300;
	margin-bottom:8px;
}


.dark #primary-menu:not(.not-dark) ul ul li > a, #primary-menu.dark ul ul li > a {
  color:#444;
}

#primary-menu ul ul li > a {
  font-family:'Montserrat', sans-serif;
  letter-spacing:0px;
	font-weight:300;
}

.dark #primary-menu:not(.not-dark) ul ul li:hover > a,
#primary-menu.dark ul ul li:hover > a {
	background-color: #f9f9f9;
	color: #a8161c !important;
}


.dark #primary-menu ul li .mega-menu-content ul.mega-menu-column:not(:first-child), #primary-menu.dark ul li .mega-menu-content ul.mega-menu-column:not(:first-child) {
  border-left-color:#dededc;
}


#slider {
  border-top:3px solid #fff;
}

#header, #header-wrap, #logo img {
  height:120px;
  background:#a8161c;
}


#header.sticky-header:not(.static-sticky), #header.sticky-header:not(.static-sticky) #header-wrap, #header.sticky-header:not(.static-sticky):not(.sticky-style-2):not(.sticky-style-3) #logo img {
  height:120px;
  background:#a8161c;
}

.dark #header.full-header #header-wrap:not(.not-dark) #logo, #header.full-header.dark #header-wrap:not(.not-dark) #logo {
  border-right:0;
}

.dark #header.full-header #header-wrap:not(.not-dark) #primary-menu > ul, #header.full-header.dark #header-wrap:not(.not-dark) #primary-menu > ul {
  border-right:0;
}


.dark #header.sticky-header:not(.transparent-header) #header-wrap:not(.not-dark), .dark #header.sticky-header.transparent-header #header-wrap:not(.not-dark), .dark #header.transparent-header.floating-header .container, .dark #header.transparent-header.floating-header.sticky-header .container, #header.dark.sticky-header:not(.transparent-header) #header-wrap:not(.not-dark), #header.dark.sticky-header.transparent-header #header-wrap:not(.not-dark), #header.dark.transparent-header.floating-header .container, #header.dark.transparent-header.floating-header.sticky-header .container, .dark .responsive-sticky-header #header-wrap, .responsive-sticky-header.dark #header-wrap {
  background:#a8161c;
}


#header.sticky-header:not(.static-sticky) #primary-menu > ul > li > a {
  padding-top:50px;
  padding-bottom:45px;
}


#header.sticky-header:not(.static-sticky) #primary-menu ul li div > a {
  margin-top:31px;
}


.slider-caption  {
    max-width:600px;
   
}


.slider-caption span {
    background:rgba(168,22,28,0.95);
    color: #fff;
    padding: 5px 20px 5px 30px;
    margin: 7px 0 7px 0;
    font-size: 24px;
    line-height: 48px;
    
}


.section {
  background:#fff;
}

.section-grey {
  background:#f9f9f9;
}

.section-white, .section-darker {
  background:#fff;
}


.fields {
  background:#303030 url(images/home_bg.jpg) top center no-repeat ;
  padding-bottom:200px;
}

.werkenaan {
  background:url(images/cork.png)  ;
  padding-bottom:200px;
}


.aanbodcenter {
  max-width:900px !important;
  margin:0 auto;
}



ul.styled {
    margin: 0 0 2em 0;
    padding: 0 1em;
    list-style: none;
    font-size: 1rem;
}

ul.styled li:before { 
    content: "";
    border-color: transparent #a8161c;
    border-style: solid;
    border-width: 0.35em 0 0.35em 0.45em;
    display: block;
    height: 0;
    width: 0;
    left: -1em;
    top: 1em;
    position: relative;
}



ul#doelgroepen li {
  list-style:none;
  background:rgba(191,44,55,1);
  padding: 5px 30px 5px 15px;
  display:inline-block;
  float:left;
  clear:both;
  margin:0 0 10px 0;
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -ms-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
  
}


ul#doelgroepen li:hover {
  transform: scale(1.1);
}

ul#doelgroepen li a {
  color:#fff;
  font-size:24px;
  text-transform:uppercase;
  display:block;
}



.card {
  background:#a8161c;
}

.card h4 a {
  color:#fff;
  text-transform:uppercase;
}

.card h5 a {
  color:#fff;
}

.card a img {
  opacity:1;
   -webkit-filter: grayscale(50%);
   -moz-filter: grayscale(50%);
   filter: grayscale(50%);
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -ms-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}

.card a:hover img {
  opacity:1;
   -webkit-filter: grayscale(0%);
   -moz-filter: grayscale(0%);
   filter: grayscale(0%);
}



#footer {
  border:0;
  background:url(images/footer_texture2.jpg) 0 0;
  color:#f9f9f9;
  line-height:2.2em;
}

#footer a {
  color:#f9f9f9;
}

#footer a:hover {
  color:#ffffff;
}

.footer-padding {
  padding:55px 15px 40px 15px;
}

#footer h2 {
	font-family: 'Source Sans Pro', sans-serif;
  padding: 2px 10px 2px 10px;
  margin: 0 0 30px 0;
  font-size: 18px;
  line-height: 32px;
  text-transform:uppercase;
  background:#fff;
	color: #a8161c;
	display:inline;

  
  
}



#copyrights {
  background:rgba(0,0,0,0.1);
  color:#ecacac;
}

#copyrights a {
  color:#ecacac;
  border-bottom:1px solid #ecacac;
}

#copyrights a:hover {
  color:#f5d7d7;
}

.enlighten, .enlighten2 {
  background:#f5f5f5;
  border:2px solid #ddd;
  padding:10px 6px;
  margin:20x 15px 10px 15px;
}

.enlighten2 label {
  display:block; 
  margin-left:50px;
  text-align:left;
  font-size:12px;
	font-family: 'Quicksand','Raleway', sans-serif;
  font-weight:300;
  text-transform:inherit;
}

.enlighten2 input {
  width:40px; 
  float:left; 
}

.card-body-xl {
  min-height:140px !important;
}

/* -------------------------------- */
/* -----     MEDIA QUERIES    ----- */
/* -------------------------------- */


@media (max-width: 1199px) {


}



@media (max-width: 991px) {

#logo img {
  height:120px !important;
}

#logo, #header, #header-wrap {
  height:122px !important;
}


#primary-menu ul:not(.windows-mobile-menu) li > a i.icon-angle-down:last-child {
  display:inline;
}

#primary-menu > ul, #primary-menu > div > ul {
  background:#fff;
}

.dark #header-wrap:not(.not-dark) #primary-menu > ul > li > a, .dark #header-wrap:not(.not-dark) #primary-menu > .container > ul > li > a, .dark.overlay-menu #header-wrap:not(.not-dark) #primary-menu > ul > li > a, .overlay-menu #primary-menu.dark > ul > li > a, .dark.overlay-menu #header-wrap:not(.not-dark) #primary-menu > #overlay-menu-close, .overlay-menu #primary-menu.dark > #overlay-menu-close, .dark #header-wrap:not(.not-dark) #top-search a, .dark #header-wrap:not(.not-dark) #top-cart a, .dark #header-wrap:not(.not-dark) #side-panel-trigger a, .dark #header-wrap:not(.not-dark) #top-account a, .dark #top-cart .top-cart-item-desc a, body.top-search-open .dark #header-wrap:not(.not-dark) #top-search a, .dark #header-wrap:not(.not-dark) #top-search a:hover, .dark #header-wrap:not(.not-dark) #top-cart a:hover, .dark #header-wrap:not(.not-dark) #side-panel-trigger a:hover, .dark #header-wrap:not(.not-dark) #top-account a:hover, .dark #header-wrap:not(.not-dark) #top-search form input {
  color:#444;
  text-shadow:0;
}


#primary-menu ul ul li > a {
  padding:5px 5px !important;
}

#primary-menu ul > li > a, #primary-menu.style-2 > div > ul > li > a {
  padding:7px 7px !important;
  font-size:12px;
}

#primary-menu ul > li > a:hover, #primary-menu.style-2 > div > ul > li > a:hover {
  color:#a8161c !important;
}


ul#doelgroepen li a {
  font-size:20px;
}

.card-body {
  max-height:76px;
}

h4.card-title {
  font-size:16px;
}


}

@media (max-width: 768px) {

h2.cta_doelgroep {
  text-align:center;
  margin:0 auto;
  padding:0 0 20px 0;
}


ul#doelgroepen {
  text-align:center;
  
}

ul#doelgroepen li {
  text-align:center;
  display:block;
  float:none;
}



.btm-mob-space {
  margin-bottom:8px !important;
}


}

