@font-face {
  font-family: 'AvenirNext';
  src: url("../fonts/AvenirNext-Medium.woff") format("woff");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: 'AvenirNext';
  src: url("../fonts/AvenirNext-DemiBold.woff") format("woff");
  font-weight: 500;
  font-style: normal; }

@font-face {
  font-family: 'AvenirNext';
  src: url("../fonts/AvenirNext-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal; }

#sp-top-bar {
	padding: 10px 0;
	font-size: 1rem;
}

#offcanvas-toggler {
	font-size: 50px;
}

#sp-left .sp-module, #sp-right .sp-module {
	border: 0px solid #fff;
	padding: 0px 30px 30px 30px;
}

.kop-bottom {
    font-size: 1.5rem;
    margin-bottom: 15px;
    color: #ffffff;
}

#sp-left .sp-module, #sp-right .sp-module {
  margin-top: 0px;
}

.sp-scroll-up {
  bottom: 40px;
  right: 40px;
}

#sp-main-body {
  padding: 50px 0;
}

.convertforms .cf-content-wrap, .convertforms .cf-form-wrap {
    padding: 0px !important;
}

.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
    font-size: 18px;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a, .sp-megamenu-parent .sp-dropdown li.sp-menu-item span:not(.sp-menu-badge) {
    font-size: 18px;
    line-height: 1.2;
}

body {
	font-size: 18px;
	color: #7D8A91;
}

a {
	color: #e7422c;
}

a:hover {
	color: #e7422c;
}

h1, h2, h3, h4, h5 {
	color: #212347;
}


#sp-bottom {
    padding: 60px 0 30px;
    font-size: 18px;
    line-height:1.6;
}

#sp-bottom .sp-module .sp-module-title {
    font-weight: 700;
    font-size: 18px;
    margin: 0 0 30px;
    color:#fff;
}

#sp-footer {
    font-size: 16px;
	color: rgba(255, 255, 255, 0.3) !important;
}

#sp-footer a {
    font-size: 16px;
	color: rgba(255, 255, 255, 0.3)!important;
}

#sp-footer a:hover {
    font-size: 16px;
	color: rgba(255, 255, 255, 0.7)!important;
}

.sp-megamenu-parent > li > a {
    color: #7D8A91;
}

.sp-megamenu-parent > li:hover > a {
    color: #212347;
}

.sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li.active:hover > a {
    color: #212347;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
    color: #7D8A91;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover {
    color: #212347;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active > a {
    color: #212347;
}

#sp-top-bar {
    background: #f5f5f5;
    color: #7D8A91;
}

#sp-top-bar a {
    color: #7D8A91;
}

#sp-top-bar a:hover {
    color: #e7422c;
}

#sp-top-bar a:active {
    color: #e7422c;
}

#sp-top-bar a:visited {
    color: #7D8A91;
}

#sp-footer, #sp-bottom {
    background: #212347;
    color: #ffffff;
}

#sp-footer a, #sp-bottom a {
    color: #ffffff;
    text-decoration: none;
}

#sp-bottom a:hover {
	color: #e7422c;
    text-decoration: underline;
}

.sp-module ul > li > a {
    color: #212347;
}

.sp-module ul > li > a:hover {
    color: #e7422c;
}

.sp-page-title .sp-page-title-heading {
	text-transform: uppercase;
    font-size: 40px;
}

h1 {
	font-weight: 600;
}

.sp-page-title {
	background: rgb(0,167,93);
	background: -moz-linear-gradient(90deg, rgba(0,167,93,1) 0%, rgba(1,103,177,1) 100%);
	background: -webkit-linear-gradient(90deg, rgba(0,167,93,1) 0%, rgba(1,103,177,1) 100%);
	background: linear-gradient(90deg, rgba(0,167,93,1) 0%, rgba(1,103,177,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00a75d",endColorstr="#0167b1",GradientType=1);
}

#sp-footer .container-inner {
    padding: 30px 0;
    border-top: none;
}

.sp-scroll-up:hover, .sp-scroll-up:active, .sp-scroll-up:focus {
    color: #fff;
    background: #e7422c;
}

@media screen and (max-width: 600px) {
  .footerlinks {
    float: none;
	text-align: center;
  }
}

@media screen and (max-width: 600px) {
  #sp-footer, #sp-bottom {
    float: none;
	text-align: center;
  }
}

.klantenvertellen {
	margin-left: -24px;
}

@media screen and (max-width: 600px) {
	.klantenvertellen {
		margin-left: inherit;
	}
}

.offcanvas-menu .offcanvas-inner ul.menu > li > a, .offcanvas-menu .offcanvas-inner ul.menu > li > span {
    opacity: 1;
}

.offcanvas-menu .offcanvas-inner ul.menu > li a, .offcanvas-menu .offcanvas-inner ul.menu > li span {
    color:#7D8A91;
}

.offcanvas-menu .offcanvas-inner ul.menu > li a:hover, .offcanvas-menu .offcanvas-inner ul.menu > li a:focus, .offcanvas-menu .offcanvas-inner ul.menu > li span:hover, .offcanvas-menu .offcanvas-inner ul.menu > li span:focus {
    color:#212347;
}

.offcanvas-menu .offcanvas-inner .sp-module ul > li ul {
    display:block !important
}

.menu-toggler {
    visibility: hidden
}