@font-face {
    font-family: 'Rockwell';
    src: url('fonts/Rockwell-Bold.eot');
    src: url('fonts/Rockwell-Bold%EF%B9%96.eot#iefix') format('embedded-opentype'),
        url('fonts/Rockwell-Bold.woff2') format('woff2'),
        url('fonts/Rockwell-Bold.woff') format('woff'),
        url('fonts/Rockwell-Bold.ttf') format('truetype'),
        url('fonts/Rockwell-Bold.svg#Rockwell-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Rockwell';
    src: url('fonts/Rockwell.eot');
    src: url('fonts/Rockwell%EF%B9%96.eot#iefix') format('embedded-opentype'),
        url('fonts/Rockwell.woff2') format('woff2'),
        url('fonts/Rockwell.woff') format('woff'),
        url('fonts/Rockwell.ttf') format('truetype'),
        url('fonts/Rockwell.svg#Rockwell') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* @group kleuren */
.row {
	display:  flex !important;
	flex-wrap: wrap !important;
}

.kleurA {
	background-color: #009ee3;
}

.kleurB {
	background-color: #5f7f8d;
}

.kleurC {
	background-color: #4a4a49;
}

.kleurD {
	background-color: #E34500;
}

.kleurE {
	background-color: #cccccc;
}

.kleurE {
	background-color: #777777;
}



/* @end */

.pagebuilder {
	
}

h1.pb_hoofdkop{
/*font-size:2.75rem}*/
}
h2.pb_hoofdkop{
/*font-size:2.75rem}*/
}
.lead{
font-size:1.75rem
}
h3.pb_subkop{
	/*color: #117499;*/
}
.h2_pargraafkop{
color: #5f7f8d;
font-size:1.5rem;
font-weight: 700;
}
.pb_hoofdkop{
}
.pb_usercontent{
	color: #000;
}

.introtext {
	font-size: 1.7rem;
	font-weight: bold;
	font-family: Rockwell; 
}

/*willen we dit wel, bij kleinere afbeeldingen wordt beeld slecht kan oook via drop in images zelf*/

.pb_usercontent imguit {
	height:auto; 
	width:100%
}

nav {
	border-width: 0 !important;
}

.linksrechts {
}

.linksrechts:nth-child(odd) {
	margin-left:  auto !important;;
}

.linksrechts:nth-child(even) {
	
}


/* @group isotope */

.filteritem {
	margin-bottom: 15px;
}

#filtericoon {
	float: left;
	display: inline-block;
	height: 25px;
	margin-right: 15px;
}

.filters li {
	padding-left: 0px;

}

.isotopelist{
	list-style-type: none;
	padding-left: 1em;

}
.isotopelist li a{
	padding-left: 30px;

}
.isotopelist li a.selected {
	color: #000;
	background-image: url(images/check.svg);
	background-repeat: no-repeat;
	background-size: 20px;
	padding-left: 30px;
}

.isotope_item{
	margin-bottom: 30px;
}


.filter_container_mobiel {
	padding-bottom: 30px;
}
.filter_button_mobiel svg{
	display: inline-block;
   vertical-align: middle;
}
.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
  background-color: #fff;
}

.sidenav a {
  text-decoration: none;
  color: #818181;
  display: block;
}

.sidenav a:hover {
	
}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}

#navigatiemenu li {
	padding: 0px 15px 10px 0px;
	margin: 0px 10px 0px -18px;
	list-style-type: none;
}

#navigatiemenu a {
	color: rgba(255,255,255,0.5);

}
#navigatiemenu li a:hover {
	color: rgba(255,255,255,0.9);
	text-decoration: none;
	}

.footermap {
	padding-bottom: 15px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
#footermenu{
font-size: 100%;
}
.footermap ul, #footermenu ul {
	margin: 0;
	padding: 0;
	white-space: nowrap;
}
.footermap li, #footermenu li {
	list-style-type: none;
	margin: 0;
    padding: 0;
}
.footermap a, #footermenu a {
	text-decoration: none;
}
.footermap a:hover, #footermenu a:hover {
	text-decoration: underline;
}
#footermenu li {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

	


/* @end */

@media (min-width:576px){

sm {
	
}

}
@media (min-width:768px){

md {
	
}
}

@media (min-width:992px){

lg {
	
}}

@media (min-width:1200px){

xl {
	
}

}
