@media (min-width: 1200px) {
	.container {
		max-width: 1200px;
	}
}

/*---------------------------  
           STANDAARD 
----------------------------- */
html {
	scroll-behavior: smooth;
	overflow-y: scroll;
	overflow-x: hidden;
}

body {
	-webkit-font-smoothing: antialiased;
}

a {
	text-decoration: none !important;
	background-color: transparent;
}

.hero {
	height: 92vh;
	background-size: cover !important;
	background-position: center center !important;
	background: url(../img/marsdijk-assen-header.jpg);
	color: #fff;
	font-size: 18px;
	margin-bottom: 0;
	border-radius: 0;
}

.hero h3 {
	color: #fff;
}

.ondertitel {
	color: #fff;
}

.hero-vervolg {
	height: 50vh;
	background-size: cover !important;
	background-position: center center !important;
	background: url(../img/testheader.jpg);
	color: #fff;
	font-size: 18px;
	margin-bottom: 0;
	border-radius: 0;
}

.vervolg-top {
	margin-top: -70px;
	border-top: 15px solid #e68f00;
}

.paddinglr {
	margin-left: -15px !important;
	margin-right: -15px !important;
}

div#watwedoen {
	height: 1px;
	display: block;
	width: 100%;
	position: relative;
	margin-top: -210px;
	margin-bottom: 209px;
}

.knoppen {
	color: #fff;
	font-weight: 600;
	font-size: 20px;
	margin-top: -70px;
	z-index: 5;
	position: relative;
	-webkit-transition: all .8s ease;
	-moz-transition: all .8s ease;
	-ms-transition: all .8s ease;
	-o-transition: all .8s ease;
	transition: all .8s ease;
}

.knoppenscroll {
	margin-top: -170px;
}

.knoppen a {
	color: #fff;
}

.single {
	background: #f19600;
	padding-top: 20px;
	padding-bottom: 20px;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-ms-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
}

.single:hover {
	background: #4c565c;
	transform: translateY(-5px);
	padding-bottom: 28px;
	margin-bottom: -10px;
}

.hero-title {
	font-size: 65px;
	font-weight: 800;
	line-height: 50px;
	margin-bottom: 25px;
	z-index: 999999;
	position: relative;
	color: #fff;
	text-shadow: 1px 1px 6px rgba(0, 0, 0, 0.5);
}

.hero-content h3 {
	margin-bottom: 25px;
	margin-top: -10px;
	text-shadow: 1px 1px 6px rgb(0 0 0 / 80%);
}

.hero-content {
	position: absolute;
	bottom: 40%;
	left: 50%;
	width: 100%;
	z-index: 2;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	text-align: center;
}

.btn {
	font-size: 16px;
	font-weight: 600;
	border: 2px solid #f19600 !important;
	color: #fff;
	padding: .6rem 2rem;
	display: inline-block;
	text-decoration: none;
	margin-top: .5rem;
	background: #f19600;
}

.row.no-gutters {
	margin-right: 0;
	margin-left: 0;
}

.row.no-gutters > [class^="col-"],
.row.no-gutters > [class*=" col-"] {
	padding-right: 0;
	padding-left: 0;
}

.bedrijfsfilm {
	background-color: #333;
	padding-top: 100px;
	padding-bottom: 100px;
	background-image: url(../img/video.jpg);
	background-position: center;
	background-size: cover;
	-webkit-box-shadow: 0px 10px 19px -6px rgb(0 0 0 / 14%);
	-moz-box-shadow: 0px 10px 19px -6px rgba(0, 0, 0, 0.14);
	box-shadow: 0px 10px 19px -6px rgb(0 0 0 / 14%);
}

a.button-video {
	color: #fff;
	font-weight: 600;
	font-size: 33px;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}

a.button-video:hover {
	color: #f19600;
}

i.fa-film {
	font-size: 45px;
	margin-left: 20px;
	color: #f19600;
	position: relative;
	top: 5px;
	margin-right: 15px;
}


/*------------------------------     
              CAROUSEL      
-------------------------------- */
.carousel-item img {
	width: 100%;
	height: auto;
}

/*------------------------------     
              MENU      
-------------------------------- */

.navbar-toggler {
	padding: .25rem .75rem;
	font-size: 1.25rem;
	line-height: 1;
	background-color: #4c565c;
	border: 1px solid #4c565c !important;
	float: right !important;
	border-radius: 0 !important;
	position: absolute;
	right: 20px;
	color: #fff;
}

.navbar-toggler-icon {
	background-image: url(../img/svg/menu-button.svg) !important;
}

#navbarSupportedContent2 {
	background-color: #ff6600 padding-top: 20px;
	padding-bottom: 20px;
	padding-right: 40px;
	padding-left: 40px;
	text-align: center;
	-webkit-box-shadow: inset 0px 0px 30px 0px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: inset 0px 0px 30px 0px rgba(0, 0, 0, 0.2);
	box-shadow: inset 0px 0px 30px 0px rgba(0, 0, 0, 0.2);
}

#navbarSupportedContent2 a {
	color: #4c565c;
	font-size: 20px;
	font-weight: 600;
}

#navbarSupportedContent2 .nav-link.active {
	color: #fff !important;
}


nav {
	width: 100%;
	-webkit-transition: all .1s ease;
	-moz-transition: all .1s ease;
	-ms-transition: all .1s ease;
	-o-transition: all .1s ease;
	transition: all .1s ease;
	background: #fff;
}

nav a {
	color: #000 !important;
	font-weight: 400;
	font-size: 20px;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-ms-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
	margin-left: 15px;
}

ul.mega-sub-menu {
	margin-top: 20px !important;
	-webkit-box-shadow: inset 0px 0px 30px 0px rgba(0, 0, 0, 0.2) !important;
	-moz-box-shadow: inset 0px 0px 30px 0px rgba(0, 0, 0, 0.2) !important;
	box-shadow: inset 0px 0px 30px 0px rgba(0, 0, 0, 0.2) !important;
}

ul.mega-sub-menu a {
	color: #fff !important;
}

ul.mega-sub-menu a:hover {
	color: #fff !important;
}

nav a:hover {
	color: #ff6600 !important;
}

.nav-link.active {
	color: #ff6600 !important;
}

.current-menu-item a {
	color: #ff6600 !important;
}

.mega-current-menu-item a {
	color: #ff6600 !important;
}

.mega-current_page_ancestor a {
	color: #ff6600 !important;
}

.menu li {
	display: inline-block;
	margin-left: 10px;
	margin-top: 5px;
}

.navbar-brand {
	position: absolute;
	z-index: 10;
	opacity: 1;
	transform: translateY(0px);
}

.navbar-brand img {
    width: auto;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    padding: 0;
    position: relative;
    max-width: 80%;
    margin-left: -25px;
}

.user {
	width: 17px;
	height: 17px;
	position: relative;
	top: -4px;
	right: 18px;
	margin-left: 20px;
}

.titelblokken {
	color: #455259 !important;
	font-size: 22px !important;
}

.titelblokken-pagina {
	margin-top: 20px;
	color: #455259 !important;
	font-size: 19px !important;
}

.custom-menu-class {
	margin-right: 40px;
}

a.navbar-brand h2 {
	font-size: 26px;
	color: #4c565c;
}

.navbarscroll {
	position: fixed;
	padding-top: 15px !important;
	padding-bottom: 15px !important;
}

.home .navbarscroll {
	position: fixed;
	padding-top: 15px !important;
	padding-bottom: 15px !important;
}

.navbarscroll a {
	font-size: 20px;
}

i.fas.fa-phone {
	font-size: 16px;
	margin-left: 10px;
	margin-top: 15px;
	margin-right: 5px;
}

a.oranjetekst {
	color: #ff6600 !important;
}

.slide-caption {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	color: #fff;
}

.slide-caption_title {
	font-size: 4rem;
	font-weight: 900;
	margin-bottom: 0;
}

.slide-caption_desc {
	font-size: 25px;
	font-weight: 500;
	margin-top: 0;
}

.tekst h2 {
    margin-bottom: 20px;
    margin-top: -10px;
    font-size: 27px;
}

.owl-item.active .slide-caption_title {
	animation: 1s .7s fadeInUp both;
}

.owl-item.active .slide-caption_desc {
	animation: 1s 1s fadeInUp both;
}

.owl-item.active .btn {
	animation: 1s 1.5s fadeInDown both;
}

.btn {
	font-size: 16px;
	font-weight: 600;
	border: 2px solid #fff;
	color: #fff;
	padding: .6rem 2rem;
	display: inline-block;
	text-decoration: none;
	margin-top: .5rem;
}

.btn:hover {
	background-color: #ff6600 border: 2px solid #ff6600 color: #fff;
}

.item {
	position: relative;
}

.overlay-header {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	-webkit-transition: all .8s ease;
	-moz-transition: all .8s ease;
	-ms-transition: all .8s ease;
	-o-transition: all .8s ease;
	transition: all .8s ease;
}

.navbar {
    padding-top: 20px;
    padding-bottom: 10px;
    z-index: 8;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    min-height: 80px;
}

.scroll a.navbar-brand h2 {
	font-size: 24px;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-ms-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
}

a.mega-menu-link {
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-ms-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
}

.scroll a.mega-menu-link {
	font-size: 18px !important;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-ms-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
}

.scroll .navbar {
    padding-top: 20px;
    padding-bottom: 10px;
}

.topbar {
	display: block;
	width: 100%;
	-webkit-box-shadow: 0 2px 40px 0 rgb(0 0 0 / 20%);
	-moz-box-shadow: 0 2px 40px 0 rgba(0, 0, 0, .2);
	box-shadow: 0 2px 40px 0 rgb(0 0 0 / 20%);
	position: fixed;
	z-index: 20;
}

img.scroll {
	width: 110px;
	margin-top: 0px;
	padding-top: 20px;
}

.lijnlinksrechts {
	border-right: 1px solid #d58500;
	border-left: 1px solid #d58500;
}

.blokken-1 {
    background: #ebebeb!important;
}

/*------------------------------     
            CAROUSEL      
-------------------------------- */

.carousel {
	position: relative;
	margin-top: -70px;
}


.slidermargin {
	margin-top: 0;
}

/*------------------------------     
              PROJECTEN      
-------------------------------- */

.projecten-overzicht {
	background: #636a6f;
	padding-top: 50px;
	padding-bottom: 80px;
}

.projecten-actueel {
	padding-top: 70px;
	padding-bottom: 80px;
	background: #636a6f;
}

.projecten-actueel h2 {
	font-size: 25px;
	color: #e89000;
	margin-top: 10px;
	margin-bottom: 10px;
}

.blok-nieuws {
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.blok-nieuws:hover {
	cursor: pointer;
	transform: translateY(-3px);
}

.blok-nieuws-zonderhover :hover {
	transform: translateY(0px);
}

.blok-nieuws-zonderhover .title-small {
	font-size: 30px;
	display: block;
	margin-top: 20px;
	margin-bottom: 25px;
}


.blok-nieuws-zonderhover .status-top {
	display: none;
}


.blok-nieuws-zonderhover .innerblokwit p {
	font-size: 16px;
}


.blok-nieuws-zonderhover .innerblokwit.actueel {
	padding-left: 40px !important;
	padding-right: 44px !important;
}

.innerblokwit h4 {
	font-size: 20px;
	color: #455259;
}

.innerblokwit {
	padding: 20px 20px !important;
	background: #fff;
	margin-bottom: 50px;
	box-shadow: 0px 4px 16px rgb(17 17 26 / 10%), 0px 8px 32px rgb(17 17 26 / 5%);
}

.innerblokwit p {
	font-size: 14px;
}

.status-top {
	color: #fff;
	background-color: #e89000;
	display: inline-block;
	height: 20px;
	padding-left: 5px;
	padding-right: 5px;
	font-size: 13px;
	position: absolute;
	right: 25px;
	top: 10px;
}

.inner-img img {
	width: 100%;
	height: auto;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.inner-img img:hover {
	transform: scale(1.02);
}

.inner-img {
	overflow: hidden;
}

.title-small {
	color: #141517;
	font-size: 20px;
	font-weight: 600;
	line-height: 20px;
	margin: 6px 0 10px 0;
}

.blok-nieuws a {
	color: #000 !important;
	font-weight: 600;
	font-size: 22px;
}

.actueel .title-small {
	color: #e89000;
}

a.leesverder {
	color: #e89000 !important;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

a.leesverder:hover {
	color: #000 !important;
}

p.card-text.typeproject {
	font-size: 13px;
	color: #000;
	margin-top: 5px;
}

.title-large {
	font-size: 22px;
	font-weight: 600;
}

.title-small a {
	color: #141517 !important;
	font-size: 17px;
}

.nieuwsprojecten {
	background: #656A6F;
	padding-top: 150px;
	padding-bottom: 100px;
	background-size: cover;
	background-position: right;
}

.vacatures {
	background: #656A6F;
	padding-top: 50px;
	padding-bottom: 100px;
	background-size: cover;
	background-position: right;
}

.bedrijfsfilm-wrap {
	background: #656A6F;
	padding-top: 50px;
	padding-bottom: 130px;
	background-size: cover;
	background-position: right;
}

.bedrijfsfilm-wrap-onder {
	background: #656A6F;
	padding-top: 50px;
	padding-bottom: 100px;
	background-size: cover;
	background-position: right;
}

.card-body {
	padding: 20px 20px !important;
}

.card img {
	width: 100%;
	height: auto;
}

.innernieuws {
	background: #fff;
	padding: 35px 30px !important;
}

a.terugbutton {
	background: #4c565c;
	display: inline-block;
	padding: 3px 10px;
	font-size: 16px;
	color: #fff;
	font-weight: 400;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-ms-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
	box-shadow: 0px 4px 16px rgb(17 17 26 / 10%), 0px 8px 32px rgb(17 17 26 / 5%);
}

a.terugbutton:hover {
	color: #fff;
	background-color: #e89000;
}

.nieuwsprojecten-title {
	margin-bottom: 0px;
	color: #fff;
	font-size: 35px;
	margin-top: 30px;
}

a.alletypes {
	background: #e89000;
	color: #fff;
	border: 2px solid #e89000;
	padding: 10px 25px;
	position: relative;
	z-index: 999;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-ms-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
	font-weight: 500;
}

a.alletypes:hover {
	border: 2px solid #fff;
	color: #000;
	background: #fff;
}


i.fas.fa-chevron-right {
	font-size: 12px;
	position: relative;
	left: 10px;
	top: -1px;
}

#mega-menu-wrap-hoofdmenu #mega-menu-hoofdmenu li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator {
	display: none;
}

.navbarscroll ul.mega-sub-menu {
	margin-top: 15px !important;
}

.oranjeblok {
	background: #e89000;
	padding: 40px 20px;
}

.inner-oranje {
	padding-left: 100px;
	padding-right: 100px;
}


.inner-oranje h1 {
	color: inherit;
	margin-bottom: 0px;
	opacity: 0;
	transform: translateY(-10px);
}


.inner-oranje h2 {
	color: #fff;
	font-weight: 400;
	opacity: 0;
	transform: translateY(-10px);
	font-size: 18px;
	margin-top: 15px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	line-height: 1.8em;
}


h2.title-large a {
	color: #141517;
}

.header-projecten h1 {
	font-weight: 600;
	font-size: 50px;
}

.card {
	border-radius: 0px !important;
	border: none;
}

.padding-uitzetten {
    padding-bottom: 100px!important;
}

.blok-uitzetten{
	display:none;
}

.innernieuws {
	background: #fff;
	padding: 1.25em;
}

a.readmore {
	font-weight: 600;
	position: relative;
	left: 0;
	top: 10px;
	color: #000 !important;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-ms-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
}

a.readmore:hover {
	color: #e89000 !important;
}

.news-media img {
	width: 100%;
	height: auto;
}

a .card-body {
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-ms-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
	color: #000 !important;
}

.card.mb-4 {
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}


.card.mb-4:hover {
	cursor: pointer;
	transform: translateY(-3px);
}

.carousel-item:hover {
	cursor: pointer;
	transform: translateY(-3px);
}

.badge-danger {
	color: #fff;
	background-color: #e89000;
}

.badge-pill {
	padding-right: .6em;
	padding-left: .6em;
	border-radius: 0 !important;
	position: absolute;
	top: 10px;
	right: 10px;
}

.title-small a {
	color: #141517;
}

/*---------------------------       
   FILTERING
----------------------------- */
ul.categorien {
	list-style: none;
	margin-left: -40px;
}

ul.categorien li {
	display: inline;
}

ul.categorien a {
	color: #fff;
	background-color: #4c565c;
	padding: 3px 10px;
	font-size: 16px;
	display: inline-block;
	margin-right: 10px;
	font-weight: 400;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-ms-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
	box-shadow: 0px 4px 16px rgb(17 17 26 / 10%), 0px 8px 32px rgb(17 17 26 / 5%);
}

ul.categorien a:hover {
	color: #fff;
	background-color: #e89000;
}

a.current-filter {
	color: #fff !important;
	background-color: #e89000 !important;
}

.filtering {
	margin-bottom: 50px;
}

.filteringh1 {
	margin-bottom: 30px;
}



/*---------------------------       
     OWL CAROUSEL    
----------------------------- */

#owl-demo .item {
	margin: 3px;
}

#owl-demo .item img {
	display: block;
	width: 100%;
	height: auto;
}

button.owl-next {
	font-size: 40px !important;
}

button.owl-prev {
	font-size: 40px !important;
}

button.owl-next {
	font-size: 30px !important;
	margin-left: 20px;
	background: #ff6600 !important;
	width: 50px;
	color: #fff !important;
}

button.owl-next:hover {
	background: #000 !important;
}

button.owl-prev {
	font-size: 30px !important;
	background: #ff6600 !important;
	width: 50px;
	color: #fff !important;
}

button.owl-prev:hover {
	background: #000 !important;
}

.owl-nav {
	margin-top: 30px;
	text-align: right;
}

.owl-dots {
	display: none !important;
}

/*---------------------------       
        WONINGEN    
----------------------------- */

p.status {
	font-weight: 600;
	font-size: 15px;
}

p.woonopp {
	color: #6a6a6a;
	margin-bottom: 5px;
}

.pswp__bg {
	background: #000000c2 !important;
}


.innerwit-groot {
	padding: 20px 20px !important;
	background: #fff;
	margin-top: 50px;
	box-shadow: 0px 4px 16px rgb(17 17 26 / 10%), 0px 8px 32px rgb(17 17 26 / 5%);
}

ul.informatie {
	margin-left: -20px;
	font-size: 13px;
	color: #6a6a6a;
	margin-top: 20px;
}

ul.informatie li {
    color: #6a6a6a !important;
    line-height: 18px;
}

/*---------------------------       
      DOWNLOADS    
----------------------------- */
a.button-download {
    display: block;
    color: #4c565c;
    font-weight: 400;
    border-bottom: 1px dashed #dadada;
    font-size: 18px;
    padding-top: 20px;
    padding-bottom: 20px;
    transition: all .2s ease-in-out;
}

a.button-download:hover {
	color: #f49712;
}

a.button-download:hover > i.fas.fa-file-download {
	color: #f49712;
	transition: all .2s ease-in-out;
}

i.fas.fa-file-download {
	margin-right: 15px;
	position: relative;
	top: 0;
}

h3.titelblokken {
	margin-top: 30px;
}

strong.download-subtitle {
    font-size: 18px;
}

.spacer {
	display: block;
	height: 60px;
}

/*---------------------------       
           INHOUD    
----------------------------- */
.inhoudtekst {
	padding-left: 100px !important;
	padding-right: 100px !important;
	padding-top: 80px !important;
	padding-bottom: 50px !important;
}

.inhoud {
	padding-top: 70px;
	padding-bottom: 70px;
	margin-bottom: -60px;
	color: #4c565c;
	box-shadow: 0 0 100px rgb(0 0 0 / 10%);
	z-index: 5;
	position: relative;
	background-color: #fff;
}

.inhoud-vervolg {
	padding-top: 70px;
	padding-bottom: 70px;
	margin-bottom: -60px;
	color: #4c565c;
	z-index: 5;
	position: relative;
	background-color: #dadada;
	margin-top: 40px;
}

.blokkentitel h3 {
	color: #e89000;
	font-size: 22px;
}

.anim-header {
	opacity: 0;
	transform: translateY(-50px);
}

.lead {
	opacity: 0;
	transform: translateY(-50px);
}

.blokhome1 h3 {
	opacity: 1;
}

.blokhome1 p {
	opacity: 1;
	transform: translateY(0px);
}

.blokhome2 h3 {
	opacity: 1;
	transform: translateY(0px);
}

.blokhome2 p {
	opacity: 1;
	transform: translateY(0px);
}

.home-blok a {
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
	font-weight: 600 !important;
}

.teksten p {
	opacity: 1;
	transform: translateY(0px);
}

.inhoud h1 {
	font-size: 45px;
	color: #4c565c;
}

.tijdlijn-mobiel li {
	list-style: none;
}

.tijdlijn-mobiel li.li-complete {
	color: #66dc71;
	border-left: 2px solid #66dc71;
	padding-left: 30px;
	height: 110px;
}

.tijdlijn-mobiel li.li-nietafgerond {
	color: #66dc71;
	border-left: 2px solid #d6dce0;
	padding-left: 30px;
	height: 110px;
}

li.li-complete h4 {
	color: #000;
	line-height: 80px;
	font-family: Open Sans, sans-serif;
	font-weight: 500;
}

.li-nietafgerond h4 {
	color: #000;
	line-height: 80px;
	font-family: Open Sans, sans-serif;
	font-weight: 500;
}

ul.tijdlijn-mobiel {
	display: none;
}

li.li-complete::before {
	content: '';
	width: 20px;
	height: 20px;
	background-color: #66dc71;
	border-radius: 25px;
	border: 3px solid #66dc71;
	top: 0;
	transition: all 200ms ease-in;
	display: block;
	position: relative;
	top: 50px;
	left: -40px;
}

li.li-nietafgerond::before {
	content: '';
	width: 20px;
	height: 20px;
	background-color: #fff;
	border-radius: 25px;
	border: 3px solid #d6dce0;
	top: 0;
	transition: all 200ms ease-in;
	display: block;
	position: relative;
	top: 50px;
	left: -40px;
}


.vervolginhoud {
	padding-left: 50px;
	padding-right: 50px;

}

.inhoud .lead {
	font-size: 20px;
	font-weight: 600;
	color: #f49712;
}

.line {
	background-color: #f49712;
	height: 30px;
	display: block;
	margin-top: -30px;
	z-index: 1;
	position: relative;
}

.line-onder {
	background-color: #f49712;
	height: 10px;
	display: block;
	margin-top: -30px;
	z-index: 1;
	position: relative;
}


.margin-bottom-vijftig {
	margin-bottom: -50px;
}


.margin-bottom-non {
	margin-bottom: 0px;
}

.inhoud p {

	line-height: 1.8em;
}

.oranje {
	background: #f19600;
}

.oranje p {
	color: #fff;
}

.oranje h2 {
	color: #fff;
	font-weight: 800;
	font-size: 40px;
	margin-bottom: 20px;
}

a.button {
	font-size: 19px;
	margin: 20px 15px 10px 0;
	color: #4c565c;
	border: 3px solid #4c565c;
	padding: 10px 40px;
	display: inline-block;
	font-weight: 600;
	text-decoration: none;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

a.button:hover {
	background-color: #4c565c;
	color: #fff;
	border: 3px solid #4c565c;
	border-radius: 3px;
}

.parallax {
	background-image: url(../img/header.jpg);
	height: 310px;
	background-attachment: fixed;
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
}

.parallax h4 {
	top: 120px;
	position: relative;
	color: #fff;
	font-size: 30px;
	font-weight: 800;
	display: inline-flex;
}

/*---------------------------       
       PROJECTEN  HOME      
----------------------------- */

.inner {
	background: #fff;
	padding: 15px 20px;
	margin-top: -1px;
}

h3.projectnaam {
	font-size: 20px;
	font-weight: 600 !important;
}

.plaatsnaam {
	font-size: 16px;
	font-weight: 500 !important;
}

.projecten {
	background-color: #4c565c;
	padding: 60px 50px 60px 50px;
}

.projecten h1 {
	font-weight: 800;
	font-size: 35px;
}

.projecten-padding {
	padding-top: 130px;
}

.inner.item a .projectnaam {
	color: #2f3337;
}

.inner.item a .projectnaam:hover {
	color: #2f3337;
	text-decoration: none !important;
}

.inner.item a .plaatsnaam {
	color: #2f3337;
}

a.buttonoranje {
	display: inline-block;
	color: #fff;
	border: 2px solid #FFF;
	padding: 10px 30px;
	font-weight: 600;
	border-radius: 5px;
	margin-right: 10px;
	margin-top: 20px;
	font-size: 18px;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

a.buttonoranje:hover {
	display: inline-block;
	color: #f19600;
	background-color: #fff;
	border: 2px solid #fff;
}

/*---------------------------       
            PROJECTEN      
----------------------------- */

.header-projecten {
	height: 200px;
	background-color: #dadada;
	background-position: center center;
}

.header-projecten h1 {
	color: #4c565c;
	position: relative;
	margin-top: 70px;
}

.header-afbeelding {
	height: 650px;
}

/*---------------------------       
           PARTIJEN    
----------------------------- */

.container.partijnen-cont {
	z-index: 15;
	margin-top: 60px;
	margin-bottom: -40px;
	background: #f4f4f4;
	padding-top: 40px;
	padding-bottom: 40px;
	position: relative;
}



.partijen img {
	width: 150px !important;
}

.partijen {
	padding-left: 120px;
	padding-right: 120px;
	padding-top: 20px;
	padding-bottom: 10px;
	line-height: 1.8em;
}

.partijnen-cont h2 {
	color: #f19600 !important;
	font-weight: 600;
	font-size: 25px;
	margin-bottom: 40px;
}

h4.ontwikkeling {
	margin-bottom: 30px;
	font-weight: 600;
	font-size: 20px;
}

.logo {
	width: 300px;
}

p.titel-betrokken {
	font-weight: 600;
	font-size: 20px !important;
	color: #63686d !Important;
	margin-bottom: 30px;
}

img.logo-onder {
	padding-top: 5px;
	padding-bottom: 5px;
}


.logowrap {
	min-height: 70px;
}


/*---------------------------------------       
       BLOKKEN CONTENT PAGINA      
-------------------------------------- */


.blokken-cont {
	z-index: 15;
	margin-top: 60px;
	margin-bottom: -40px;
	background: #f4f4f4;
	padding-top: 60px;
	padding-bottom: 50px;
	position: relative;
	padding-left: 100px;
	padding-right: 100px;
}

/*---------------------------       
            FOOTER      
----------------------------- */

.footer {
	background: #fff;
	padding-top: 50px;
	padding-bottom: 50px;
	padding-left: 40px;
	padding-right: 40px;

}

.footer h4 {
	font-weight: 600;
}

.footer p {
	font-weight: 500;
	font-size: 14px;
	margin-top: 15px;
}

img.logoonder {
	width: 100px;
	margin-top: 8px;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}


img.logoonder:hover {
	opacity: 0.7;
}


span.divider {
	display: inline-block;
	width: 10px;
	background: #f19600 !important;
	height: 10px;
	margin-left: 10px;
	margin-right: 10px;
}

a.facebook {
	color: #4c565c;
	font-size: 35px;
}


.ps-timeline-sec {
	position: relative;
	background: #fff;
}

.ps-timeline-sec .container {
	position: relative;
}

@media screen and (max-width: 767px) {
	.ps-timeline-sec .container ol:before {
		background: #348e80;
		content: "";
		width: 10px;
		height: 10px;
		border-radius: 100%;
		position: absolute;
		top: 130px !important;
		left: 36px !important;
	}

	.ps-timeline-sec .container ol:after {
		background: #348e80;
		content: "";
		width: 10px;
		height: 10px;
		border-radius: 100%;
		position: absolute;
		top: inherit !important;
		left: 36px;
	}

	.ps-timeline-sec .container ol.ps-timeline {
		margin: 130px 0 !important;
		border-left: 2px solid #348e80;
		padding-left: 0 !important;
		padding-top: 120px !important;
		border-top: 0 !important;
		margin-left: 25px !important;
	}

	.ps-timeline-sec .container ol.ps-timeline li {
		height: 220px;
		float: none !important;
		width: inherit !important;
	}

	.ps-timeline-sec .container ol.ps-timeline li:nth-child(2) .img-handler-bot img {
		width: 70px;
	}

	.ps-timeline-sec .container ol.ps-timeline li:last-child {
		margin: 0;
		bottom: 0 !important;
		height: 120px;
	}

	.ps-timeline-sec .container ol.ps-timeline li:last-child .img-handler-bot {
		bottom: 40px !important;
		width: 40% !important;
		margin-left: 25px !important;
		margin-top: 0 !important;
	}

	.ps-timeline-sec .container ol.ps-timeline li:last-child .img-handler-bot img {
		width: 100%;
	}

	.ps-timeline-sec .container ol.ps-timeline li:last-child .ps-top {
		margin-bottom: 0 !important;
		top: 20px;
		width: 50% !important;
	}

	.ps-timeline-sec .container ol.ps-timeline li span {
		left: 0 !important;
	}

	.ps-timeline-sec .container ol.ps-timeline li span.ps-sp-top:before {
		content: none !important;
	}

	.ps-timeline-sec .container ol.ps-timeline li span.ps-sp-top:after {
		content: none !important;
	}

	.ps-timeline-sec .container ol.ps-timeline li span.ps-sp-bot:before {
		content: none !important;
	}

	.ps-timeline-sec .container ol.ps-timeline li span.ps-sp-bot:after {
		content: none !important;
	}

	.ps-timeline-sec .container ol.ps-timeline li .img-handler-top {
		position: absolute !important;
		bottom: 150px !important;
		width: 30% !important;
		float: left !important;
		margin-left: 35px !important;
		margin-bottom: 0 !important;
	}

	.ps-timeline-sec .container ol.ps-timeline li .img-handler-top img {
		margin: 0 auto !important;
		width: 80% !important;
	}

	.ps-timeline-sec .container ol.ps-timeline li .img-handler-bot {
		position: absolute !important;
		bottom: 115px !important;
		width: 30% !important;
		float: left !important;
		margin-left: 35px !important;
		margin-bottom: 0 !important;
	}

	.ps-timeline-sec .container ol.ps-timeline li p {
		text-align: left !important;
		width: 100% !important;
		margin: 0 auto !important;
		margin-top: 0px !important;
	}

	.ps-timeline-sec .container ol.ps-timeline li .ps-top {
		width: 60% !important;
		float: right !important;
		right: 0;
		top: -40px;
	}

	.ps-timeline-sec .container ol.ps-timeline li .ps-bot {
		width: 60% !important;
		float: right !important;
		right: 0;
		top: -40px;
	}
}

.ps-timeline-sec .container ol:before {
	background: #348e80;
	content: "";
	width: 10px;
	height: 10px;
	border-radius: 100%;
	position: absolute;
	left: 0px;
	top: -4px;
}

.ps-timeline-sec .container ol:after {
	background: #348e80;
	content: "";
	width: 10px;
	height: 10px;
	border-radius: 100%;
	position: absolute;
	right: 0;
	top: -4px;
}

.ps-timeline-sec .container ol.ps-timeline {
	margin: 200px 0;
	padding: 0;
	border-top: 2px solid #348e80;
	list-style: none;
}

.ps-timeline-sec .container ol.ps-timeline li {
	float: left;
	width: 25%;
	padding-top: 30px;
	position: relative;
}

.ps-timeline-sec .container ol.ps-timeline li span {
	font-weight: 800;
	width: 40px;
	height: 40px;
	margin-left: -25px;
	background: #fff;
	border: 3px solid #e89001;
	border-radius: 60%;
	box-shadow: 0 0 0 0px #fff;
	text-align: center;
	color: #fff;
	font-size: 15px;
	font-style: normal;
	position: absolute;
	top: -24px;
	line-height: 33px;
	left: 50%;
}

.ps-timeline-sec .container ol.ps-timeline li span::before {
	content: "" !important;
	display: block;
	background: #e89001;
	height: 100%;
	border-radius: 100px;
	border: 6px solid #fff;
	width: 100%;
}

.ps-timeline-sec .container ol.ps-timeline li span.ps-sp-bot:before {
	content: '';
	color: #348e80;
	width: 2px;
	height: 50px;
	background: #348e80;
	position: absolute;
	bottom: -50px;
	left: 50%;
}

.ps-timeline-sec .container ol.ps-timeline li span.ps-sp-bot:after {
	content: '';
	color: #348e80;
	width: 8px;
	height: 8px;
	background: #348e80;
	position: absolute;
	top: 90px;
	left: 44%;
	border-radius: 100%;
}

.ps-timeline-sec .container ol.ps-timeline li .img-handler-top {
	position: absolute;
	bottom: 0;
	margin-bottom: 130px;
	width: 100%;
}

.ps-timeline-sec .container ol.ps-timeline li .img-handler-top img {
	display: table;
	margin: 0 auto;
}

.ps-timeline-sec .container ol.ps-timeline li .img-handler-bot {
	position: absolute;
	margin-top: 60px;
	width: 100%;
}

.ps-timeline-sec .container ol.ps-timeline li .img-handler-bot img {
	display: table;
	margin: 0 auto;
}

.ps-timeline-sec .container ol.ps-timeline li p {
	text-align: center;
	width: 80%;
	margin: 0 auto;
}

.ps-timeline-sec .container ol.ps-timeline li .ps-top {
	position: absolute;
	bottom: 0;
	margin-bottom: 100px;
}

.ps-timeline-sec .container ol.ps-timeline li .ps-bot {
	position: absolute;
	margin-top: 5px;
	width: 100%;
	font-weight: 600;
}

.nav-container {
	display: none;
	position: absolute;
	width: 100%;
	height: 100%;
	text-align: center;
	top: 40%;
	left: 0;
	margin: 0 auto;
}

.nav-container p {
	font-size: 20px;
}

.nav-container a {
	display: inline-block;
	position: relative;
	text-align: center;
	color: #FF5252;
	text-decoration: none;
	font-size: 20px;
	overflow: hidden;
	top: 5px;
}

.nav-container a:after {
	content: '';
	position: absolute;
	background: #FF5252;
	height: 2px;
	width: 0%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	left: 50%;
	bottom: 0;
	-webkit-transition: .35s ease;
	transition: .35s ease;
}

.nav-container a:hover:after,
.nav-container a:focus:after,
.nav-container a:active:after {
	width: 100%;
}

.button_container {
	position: fixed;
	top: 30px;
	right: 30px;
	height: 27px;
	width: 30px;
	cursor: pointer;
	z-index: 100;
	-webkit-transition: opacity .25s ease;
	transition: opacity .25s ease;
}

.button_container:hover {
	opacity: 1;
}

.button_container.active .top {
	-webkit-transform: translateY(11px) translateX(0) rotate(45deg);
	-ms-transform: translateY(11px) translateX(0) rotate(45deg);
	transform: translateY(11px) translateX(0) rotate(45deg);
	background: #000;
}

.button_container.active .middle {
	opacity: 0;
	background: #000;
}

.button_container.active .bottom {
	-webkit-transform: translateY(-11px) translateX(0) rotate(-45deg);
	-ms-transform: translateY(-11px) translateX(0) rotate(-45deg);
	transform: translateY(-11px) translateX(0) rotate(-45deg);
	background: #000;
}

.button_container span {
	background: #292929;
	border: none;
	height: 3px;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transition: all .35s ease;
	transition: all .35s ease;
	cursor: pointer;
}

.button_container span:nth-of-type(2) {
	top: 11px;
	width: 60%;
}

.button_container span:nth-of-type(3) {
	top: 22px;
}

.overlay {
	position: fixed;
	background: #fff;
	top: 0;
	left: 0;
	width: 100%;
	height: 0%;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: opacity .35s, visibility .35s, height .5s;
	transition: opacity .35s, visibility .35s, height .5s;
	overflow: hidden;
}

.overlay.open {
	opacity: 1;
	visibility: visible;
	height: 100%;
	z-index: 10;

}

.projecten-overzicht {
	background: #636a6f;
	padding-top: 100px;
	padding-bottom: 120px;
}

.overlay.open li {
	-webkit-animation: fadeInRight .4s ease forwards;
	animation: fadeInRight .4s ease forwards;
	-webkit-animation-delay: 0.4s;
	animation-delay: 0.4s;
}

.overlay.open li:nth-of-type(2) {
	-webkit-animation-delay: 0.45s;
	animation-delay: 0.45s;
}

.overlay.open li:nth-of-type(3) {
	-webkit-animation-delay: 0.5s;
	animation-delay: 0.5s;
}

.overlay.open li:nth-of-type(4) {
	-webkit-animation-delay: 0.55s;
	animation-delay: 0.55s;
}

.overlay.open li:nth-of-type(5) {
	-webkit-animation-delay: 0.60s;
	animation-delay: 0.60s;
}

.overlay nav {
	position: relative;
	height: 70%;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	font-size: 50px;
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	text-align: center;
	background-color: transparent;
}

#mega-menu-wrap-hoofdmenu #mega-menu-hoofdmenu li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator {
	display: none !important;
}

.schaduw {
	background: rgb(0 0 0 / 40%);
	height: 25px;
	width: 100%;
	display: block;
	position: relative;
	-webkit-filter: blur(30px);
	-moz-filter: blur(50px);
	-o-filter: blur(50px);
	-ms-filter: blur(50px);
	filter: blur(40px);
	margin-left: auto !important;
	margin-right: auto !important;
	left: 10px;
	margin-bottom: -25px;
	top: 45px;
}

.overlay ul {
	list-style: none;
	padding: 0;
	margin: 0 auto;
	display: inline-block;
	position: relative;
	height: 100%;
}

.overlay ul li {
	display: block;
	height: 20%;
	height: calc(100% / 5);
	min-height: 50px;
	position: relative;
	opacity: 0;
}


.mobieltitel {
	display: none;
}

.overlay ul li a {
	display: block;
	position: relative;
	color: #fff !important;
	text-decoration: none;
	overflow: hidden;
	font-size: 30px;
	line-height: 70px;
	font-weight: 600;
	background-color: transparent;
}

.overlay .current-menu-item a {
	color: #fff !important;
}

.overlay ul li a:hover:after,
.overlay ul li a:focus:after,
.overlay ul li a:active:after {
	width: 100%;
}

.overlay ul li a:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 0%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	height: 0px;
	background: #FFF;
	-webkit-transition: .35s;
	transition: .35s;
}

.overlay nav a:hover {
	color: #fff !important;
}

@-webkit-keyframes fadeInRight {
	0% {
		opacity: 0;

	}

	100% {
		opacity: 1;

	}
}

@keyframes fadeInRight {
	0% {
		opacity: 0;

	}

	100% {
		opacity: 1;

	}
}

#all_slides {
	position: relative;
	height: 650px;
	padding: 0px;
	margin: 0px;
	list-style-type: none;
}

.slide2 {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	opacity: 0;
	z-index: 1;
	-webkit-transition: opacity 2s;
	-moz-transition: opacity 2s;
	-o-transition: opacity 2s;
	transition: opacity 2s;
}

.active {
	opacity: 1;
	z-index: 2;
}

.timeline {
    list-style-type: none;
    display: flex;
    align-items: end;
    justify-content: center;
    width: 100% !important;
    margin-top: 50px;
    margin-bottom: 70px;
    margin-left: -40px;
}

.timeline .li {
	transition: all 200ms ease-in;
	width: 100%;
}

.timestamp {
	margin-bottom: 20px;
	padding: 0px 40px;
	display: flex;
	flex-direction: column;
	align-items: center;
	font-weight: 100;
}

.timeline .status {
	padding: 0px 40px;
	display: flex;
	justify-content: center;
	border-top: 2px solid #D6DCE0;
	position: relative;
	transition: all 200ms ease-in;
}

.timeline .status h4 {
	font-size: 18px;
	margin-top: 25px;
	color: #000;
	font-weight: 400;
	text-align: center;
	position: absolute;
}

.status:before {
	content: '';
	width: 20px;
	height: 20px;
	background-color: white;
	border-radius: 25px;
	border: 3px solid #ddd;
	position: absolute;
	top: -12px;
	left: 46%;
	transition: all 200ms ease-in;
}

.innerblokwit .status:before {
	display: none;
}

.li.complete .status {
	border-top: 2px solid #66DC71;
}

.li.complete .status:before {
	background-color: #66DC71;
	border: none;
	transition: all 200ms ease-in;
}

.li.complete .status h4 {
	color: #000000;
}

@media (min-device-width: 320px) and (max-device-width: 700px) {
	.timeline {
		list-style-type: none;
		display: block;
	}

	.timeline .li {
		transition: all 200ms ease-in;
		display: flex;
		width: inherit;
	}

	.timestamp {
		width: 100px;
	}

	.status:before {
		left: -8%;
		top: 30%;
		transition: all 200ms ease-in;
	}
}


p.ondertitel-plattegrond {
	font-size: 20px;
	text-align: center;
	font-weight: 600;
}


.hdInfo {
    background: #fff;
    width: 290px!important;
    height: 100%;
    overflow: hidden;
    font-size: 15px;
    padding: 30px 40px;
    line-height: 30px;
    margin-left: -30px;
    margin-top: 20px;
    box-shadow: -1px 21px 34px -17px rgb(0 0 0 / 56%);
    -webkit-box-shadow: -1px 21px 34px -17px rgb(0 0 0 / 56%);
    -moz-box-shadow: -1px 21px 34px -17px rgba(0,0,0,0.56);
    z-index: 900;
    position: relative;
}

/*---------------------------------------       
      FORMULIER STYLING
-------------------------------------- */

.question-type-static .question {
    font-size: 20px;
    font-weight: 500;
    margin-top: 30px;
}

div#tq46016 .question {
    font-size: 17px;
    font-weight: 500;
    margin-top: 0px;
    margin-bottom: 20px;
}

div#tq46023 .question {
    font-size: 25px;
    font-weight: 600;
    margin-top: 30px;
}

.formPage .spacer {
    height: 20px;
}

label.question {
    font-weight: 400;
}

input {
    width: 50%;
    color: #000!important;
    padding: 10px;
    background: #e5e5e5;
    border: none;
}

textarea {
    width: 50%;
    height: 150px;
	color: #000!important;
    padding: 10px;
	 background: #e5e5e5;
    border: none;
}

input[type="checkbox"] {
    width: auto!important;
}

input[type="radio"] {
    width: auto;
}

button.btn-style {
    background: #f29612;
    border: none;
    padding: 10px 30px;
    font-weight: 600;
    margin-top: 30px;
    color: #fff;
    font-size: 20px;
    border-radius: 60px;
}
img.facebook-img {
    width: 25px;
    height: 25px;
    position: relative;
    top: -10px;
    right: 5px;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}

img.facebook-img:hover {
    opacity: 0.5;
}


.nf-form-content button, .nf-form-content input[type=button], .nf-form-content input[type=submit] {
    background: #e48d11!important;
    color: #fff!important;
    font-weight: 800;
    font-size: 20px;
    display: block;
    height: auto;
    padding: 10px 30px;
    border-radius: 65px;
	cursor:pointer;
}

.nf-form-content button:hover, .nf-form-content input[type=button]:hover, .nf-form-content input[type=submit]:hover{
	background:#000!important;
}

.nf-form-fields-required {
    font-size: 17px;
    margin-bottom: 15px;
    margin-top: 30px;
    font-weight: 400;
}

.nf-form-content .list-select-wrap .nf-field-element>div, .nf-form-content input:not([type=button]), .nf-form-content textarea {
    font-weight: 400!important;
    font-size: 17px!important;
}

.nf-error .nf-error-msg {
    color: #e80000;
    font-weight: 500;
}



a.direct-aanmelden {
    color: #000;
    font-weight: 300;
    background: #4b565c!important;
    color: #fff!important;
    font-weight: 800;
    font-size: 15px;
    display: inline-block;
    height: auto;
    padding: 10px 30px;
    margin-top: 20px;
    border-radius: 50px;
    transition: all .5s;
}

a.direct-aanmelden:hover {
    background: #e48d11!important;
}