@charset "UTF-8";
/************************************************

Stylesheet: Main Stylesheet

*************************************************/
/*********************
GENERAL STYLES
*********************/

body {
	font-family: 'Raleway', sans-serif;
	font-size: 15px;
	color: #554B4B;
}

p {
	font-family: 'Raleway', sans-serif;
	font-size: 15px;
	color: #554B4B;
}

ul {
	font-size: 15px;
}

.row {
	max-width: 70rem;
}

a {
	color: #011a61;
}

a:hover {
	color: #5C6268;
}

blockquote {
	font-size: 16px;
	position: relative;
	border: 0;
	padding: 20px 60px 5px;
	color: #fff;
	margin: 20px 0;
	background: #011a61;
	overflow: auto;
}

blockquote:before {
	content: '';
	background-image: url('../images/quote.svg');
	background-size: 30px 30px;
	background-position: center center;
	background-repeat: no-repeat;
	width: 30px;
	height: 30px;
	font-family: serif;
	color: #fff;
	font-size: 80px;
	position: absolute;
	top: 20px;
	left: 20px;
	line-height: 100%;
	display: block;
}

blockquote p {
	font-size: 16px;
	color: #fff;
}

[type=color], [type=date], [type=datetime-local], [type=datetime], [type=email], [type=month], [type=number], [type=password], [type=search], [type=tel], [type=text], [type=time], [type=url], [type=week], textarea {
	margin: 0 0 10px 0;
}

.sticker {
	z-index: 99;
	position: absolute;
	top: -80px;
	right: 5px;
}

.sticker a {
    display: flex;
    align-items: center;
    background: #011a61;
    width: 90px;
    height: 90px;
    text-align: center;
    font-size: 12px;
    line-height: 100%;
    padding: 0 8px;
    font-weight: bold;
    border-radius: 50%;
    color: #fff;
    border: 3px solid #fff;
	-moz-transform: rotate(-10deg);
	-webkit-transform: rotate(-10deg);
	-o-transform: rotate(-10deg);
	-ms-transform: rotate(-10deg);
	transform: rotate(-10deg);
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.sticker a:hover {
	background: #ac0d18;
	-moz-transform: scale(1.05) rotate(10deg);
	-webkit-transform: scale(1.05) rotate(10deg);
	-o-transform: scale(1.05) rotate(10deg);
	-ms-transform: scale(1.05) rotate(10deg);
	transform: scale(1.05) rotate(10deg);
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.sticker span {
	display: inline-block;
}

.inline-button {
	background: #011a61;
	font-weight: 600;
	font-size: 18px;
	padding: 5px 30px;
	border-radius: 0;
	color: #fff;
	display: inline-block;
	margin: 0px 0px 20px 0px;
}

.inline-button:hover, .inline-button:focus  {
	background: #7C8A8D;
	color: #fff;
}

.sticker {
	z-index: 99;
	position: absolute;
	top: -80px;
	right: 5px;
}

.sticker a {
    display: flex;
    background: #011a61;
    width: 90px;
    height: 90px;
    text-align: center;
    font-size: 10px;
    line-height: 100%;
    padding: 18px 0px;
    font-weight: bold;
    border-radius: 50%;
    color: #fff;
    border: 3px solid #fff;
	-moz-transform: rotate(-10deg);
	-webkit-transform: rotate(-10deg);
	-o-transform: rotate(-10deg);
	-ms-transform: rotate(-10deg);
	transform: rotate(-10deg);
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.sticker a:hover {
	background: #6f6f6e;
	-moz-transform: scale(1.05) rotate(10deg);
	-webkit-transform: scale(1.05) rotate(10deg);
	-o-transform: scale(1.05) rotate(10deg);
	-ms-transform: scale(1.05) rotate(10deg);
	transform: scale(1.05) rotate(10deg);
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.sticker span {
	display: inline-block;
}

.send, .gform_button {
	background: #011a61;
	font-weight: 600;
	font-size: 20px;
	padding: 5px 20px;
	color: #fff;
	display: inline-block;
	margin: 0px 0px 20px 0px;
	border: 0px;
	border-radius: 0;
}

.send:hover, .gform_button:hover {
	background: #7C8A8D;
	color: #fff;
}

.list ul {
	list-style-type: none;
	margin: 0 0 0 30px;
}

.list ul li {
	font-size: 15px;
	line-height: 125%;
	padding: 0 0 10px 0;
	width: 100%;
    display: inline-block;

}

.list ul li:before {
	font-family: 'FontAwesome';
	content: '\f00c';
	margin:0 10px 0 -27px;
	color: #011a61;	
}

textarea[rows] {
	height: 100px;
}

@media only screen and (min-width:40em) {  

.list ul li {
	width: 49%;
}

.sticker {
	top: -15px;
	right: 80px; 
}

.sticker a {
    width: 125px;
    height: 125px;
    font-size: 13px;
    padding: 0px 1px;
    border: 5px solid #fff;
}

}


@media only screen and (min-width:64em) { 

.list ul li {
	width: 33%;
}

.sticker {
	top: 30px;
	right: 0px;
	left: auto;
}

.sticker a {
    width: 155px;
    height: 155px;
    font-size: 15px;
    padding: 0 9px;
}

}

/*********************
LINK STYLES
*********************/
a:link, a:visited:link {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3); }

/*********************
H1, H2, H3, H4, H5 P STYLES
*********************/
h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a {
  text-decoration: none; }
  
h1, h2, h3, h4, h5 {
	font-family: 'Raleway', sans-serif;
}

h2 {
	font-weight: bold;
	font-size: 24px;
	color: #4A4F55;
}

h3 {
	font-weight: bold;
	font-size: 20px;
	color: #4A4F55;
}

h4 {
	font-size: 18px;
	color: #4A4F55;	
	margin: 20px 0;
}

/*********************
HEADER STYLES
*********************/

.header {
	position: relative;
}

.header ul.off-canvas-list li {
  list-style: none; }
  
.top-header {
	background: #6f6f6e;
	color: #CCD0D0;
	padding: 8px 0px;
}

.top-header-contact a {
	color: #CCD0D0;
}

.top-header-contact a:hover {
	text-decoration: underline;
}

.top-header-socialmedia a {
	text-align: center;
	display: inline-block;
	width: 28px;
	height: 28px;
	margin: 0px 0px;
	color: #CCD0D0;
	line-height: 28px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.top-header-socialmedia a:hover {
	background: #fff;
	color: #011a61;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.logo-header {
	padding: 10px 0 15px;
	position: relative;
	z-index: 9;
}

.logo-header img {
	width: 230px;
	max-width: 100%;
	float: left;
	padding-left: 5px;
}

.logo-header-inner {
	position: relative;
}


@media only screen and (min-width:40em) {  

.logo-header img {
	width: 330px;
}

.header-socialmedia { 
	width: 220px;
}

.header-socialmedia:before {
	height: 200%;
}



}

@media only screen and (min-width:64em) { 

.logo-header {
	padding: 20px 0;
    border-bottom: 1px solid #eaebeb;
}

.logo-header img {
	float: none;
	padding-left: 0;
} 

.logo-header img {
	width: 330px;
}

.top-header-socialmedia {
	text-align: right;
}

}

/*********************
NAVIGATION STYLES
*********************/
.top-bar .title-area {
  z-index: 1; }

.off-canvas-list ul {
  margin-left: 0; }
  .off-canvas-list ul li a {
    border-bottom: 0px; }
  .off-canvas-list ul .dropdown {
    margin-left: 20px; }
 
.off-canvas {
	background: #34373c;
}
    
.top-bar, .top-bar ul {
	background: #fff;
}    

.top-bar {
	padding: 0px;
}

.menu>li>a {
	text-transform: uppercase;
	font-weight: 600;
	font-size: 15px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.menu>li>a:hover{
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.menu-icon {
	margin: 12px 0 0 0;
	width: 34px;
	padding: 23px 0px 0px 0px;
	text-transform: uppercase;
	font-size: 12px;
	color: #011a61;
}

.menu-icon:after {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 4px;
    background: #011a61;
    box-shadow: 0 7px 0 #011a61, 0 14px 0 #011a61;
    content: "";
}

.menu-icon:hover {
	color: #6f6f6e;
}

.menu-icon:hover:after {
    background: #6f6f6e;
    box-shadow: 0 7px 0 #6f6f6e, 0 14px 0 #6f6f6e;	
}

.off-canvas .title-label {
	background: #27292d;
	padding: 20px 1rem;
	text-transform: uppercase;
	font-weight: bold;
	color: #fff;
}

.menu>li>a {
	color: #34373c;
    padding: 20px 1rem;
}

.off-canvas .menu>li>a {
	color: #fff;
}

.menu .active>a {
	background: #34373c;
	color: #fff;
}

.menu>li>a:hover {
	background: #34373c;
	color: #fff;
}

.is-drilldown-submenu {
	background: #34373c;
}

.is-drilldown-submenu-parent>a:after {
	border-color: transparent transparent transparent #1779ba;
}

.js-drilldown-back>a:before {
	border-color: transparent #1779ba transparent transparent;
}

.menu .active>a:after {
	border-color: transparent transparent transparent #1779ba;
}

.off-canvas-content {
	box-shadow: none;
}

.position-left.is-transition-push:after{
	box-shadow: none;
}

@media only screen and (min-width:40em) {  

.menu-icon {
	margin: 20px 0 0 0;
}

}


@media only screen and (min-width:64em) {

.menu>li>a {
    border-bottom: solid 3px #fff;
    color: #554B4B;
    padding: 20px 0px 15px 0px;
    margin: 0 9px;
    font-size: 14px;
}

.menu .active>a {
	border-bottom: solid 3px #011a61;
	background: #fff;
	color: #011a61;
}

.menu>li>a:hover {
	background: #fff;
    border-bottom: solid 3px #011a61;
    color: #011a61;
}

.dropdown.menu.medium-horizontal>li.is-dropdown-submenu-parent>a {
	padding-right: 0px;
}

.dropdown.menu.medium-horizontal>li.is-dropdown-submenu-parent>a:after {
	display: none;
}

.is-dropdown-submenu {
	border: 0px;
	background: #EDEDED;
    margin: 0px 12px 0px;
}

.is-dropdown-submenu li {
	background: #EDEDED;
}

.is-dropdown-submenu li a {
	border: 0px;
	text-transform: none;
}

.is-dropdown-submenu .active>a {
	border: 0px;
	background: #EDEDED;
}

.is-dropdown-submenu li a:hover {
	background: #EDEDED;
	color: #011a61;
	border: 0px;
}



}

@media only screen and (min-width:74em) {
	
.menu>li>a {
    margin: 0px 11px 0px;
    font-size: 15px;
}

.is-dropdown-submenu>li>a {
	margin: 0 20px;
}
	
}

/*********************
POSTS & CONTENT STYLES
*********************/

/* Home */

.home-top {
	position: relative;
}

.home-top .orbit-slide {
	padding: 120px 0 70px 0;
	text-align: center;
}

.home-top .orbit-slide h3 {
	color: #fff;
	font-size: 32px;
	font-weight: 900;
}

.home-top .orbit-slide a {
    background: #011a61;
    border: 0px solid;
    color: #ffffff;
    display: inline-block;
    padding: 10px 25px;
    font-size: 18px;
}

.home-top .orbit-slide a:hover {
    background: #ffffff;
    border: 0px solid;
    color: #011a61;
    display: inline-block;
    padding: 10px 25px;
    font-size: 18px;
}

.home-top-block {
	margin: -50px 0 0 0;
	z-index: 1;
	position: relative;
	height: 1px;
	text-align: center;
}

.home-top-block-left {
	background: rgba(111,111,110,0.92);
}


.home-top-block-inner {
	margin: 0 20px 10px;
	background: rgba(192,17,27,100);
	padding: 30px 20px;
	text-align: center;
	width: 250px;
	display: inline-block;
}

.home-top-block-inner h3 {
	font-size: 20px;
	color: #fff;
	margin: 0 0 0 0;
}

.home-top-block-inner p {
	margin: 10px 0 10px 0;
	font-size: 16px;
	line-height: 110%;
	color: #fff;
}

.home-top-block-inner a {
	border: 2px solid #fff;
	border-radius: 20px;
	padding: 0px 30px;
	display: inline-block;
	color: #fff;
	font-weight: bold;
	margin: 10px 0 0;
	line-height: 150%;
}

.home-top-block-inner a:hover {
	background: #fff;
	color: #6f6f6e;
}

.home-content-top h1 {
	color: #011a61;
	font-weight: bold;
	font-size: 30px;
	line-height: 120%;
	margin: 20px 0 10px 0;
	padding: 0;
}

.home-content-top h4 {
	margin: 0 0 20px 0;
}

@media only screen and (min-width:40em) { 

.home-top .orbit-slide {
	padding: 160px 0 105px 0;
}

.home-top-block {
	margin: -150px 0 0 0;
}

.home-top-block-inner {
	margin: 0px 0px 10px 0;
}

}

@media only screen and (min-width:64em) { 

.home-top {
	min-height: 300px;
}

.home-top-block {
	margin: -197px 0 0 0;
}

.home-top .orbit-slide {
	padding: 240px 0 130px 0;
}

.home-top-block-inner {
	margin: 0 0 30px 0;
	padding: 40px 30px 30px;
}

.home-top-block-inner h3 {
	margin: 0 0 10px 0;	
}

}

/* Blog */

.blog-top {
	background: url('../images/back-blog.jpg');
	background-size: cover;
	background-position: center center;	
    padding: 60px 0;
}

.blog-breadcrumbs {
	padding: 13px 0;
	border-bottom: 1px solid #eaebeb;
	font-size: 14px;
}

.blog-top .single-title {
	color: #fff;
    font-size: 20px;
    line-height: 120%;
    text-align: center;
    font-weight: bold;
}

.blog-content {
	padding: 40px 0;
}

.blog-image {
	max-width: 100%;
	width: 500px;
	display: block;
	margin: 0px 0px 20px 0px;
}

.blog-image-archive {
	max-width: 250px;
	margin: 0 0 10px;
	display: inline-block;
}

.blog-item {
	margin: 0px 0px 30px 0px;
}

.share a {
	background: #b2d371;
	color: #fff;
	width: 36px;
	height: 36px;
	display: inline-block;
	line-height: 36px;
	text-align: center;
	margin: 5px 0;
	border-radius: 50%;
	font-size: 18px;
}

.share .facebook {
	background: #3b5998 !important;
}

.share .twitter {
	background: #00acee !important;
}

.share .linkedin {
	background: #0077b5 !important;
}

.share .google {
	background: #dd4b39 !important;
}

.share .sendmail {
	background: #011a61 !important;
}

.pagination .current {
	background: #011a61;
}


@media only screen and (min-width:40em) { 

.blog-top .single-title {
	font-size: 28px;
}

.blog-image {
	width: 300px;
	float: right;
	margin: 0px 0px 20px 20px;
}

.blog-image-archive {
	float: right;
	margin: 0px 0px 10px 10px;
}

}

@media only screen and (min-width:64em) { 

.blog-image {
	width: 500px;
	margin: 0px 0px 20px 20px;
}

}

/* Page */

.page-top {
	padding: 100px 0;
	background-color: #d3d3d3;
}

.page-top-fallback {
	background: url('../images/back-blog.jpg') no-repeat center; 
	background-size: cover;
}

.page-top .page-title {
	color: #fff;
	font-size: 24px;
	line-height: 120%;
	text-align: center;
    text-shadow: 1px 1px 14px #171717;
}

.page-top .page-title span {
	display: block;
	font-weight: bold;
	font-size: 28px;
}

.page-top p {
	text-align: center;
}

.page-top .inline-button {
	margin: 15px 0 0 0;
	padding: 10px 25px;
}

.page-breadcrumbs {
	padding: 13px 0;
	border-bottom: 1px solid #eaebeb;
	font-size: 14px;
}

#breadcrumbs {
	margin: 0px;
}

.page-content {
	padding: 40px 0 20px;
}

.page-content-lichtgrijs {
	background-color: #EDEDED;
}

.page-content img {
	margin: 0px 0px 20px 0px;
}

.page-content-4-blocks {
	margin: 20px 0 0 0;
	background: url('../images/blue-bg.jpg');
	background-size: cover;
	background-position: center center;
	padding: 60px 0 40px 0;
}

.page-content-4-blocks .block-4 a {
	overflow: hidden;
	display: block;
}

.page-content-4-blocks .block-4 .image {
	overflow: hidden;
	display: block;	
}

.page-content-4-blocks .block-4 img {
	width: 100%;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.page-content-4-blocks .block-4 img:hover {
	-moz-transform: scale(1.10);
	-webkit-transform: scale(1.10);
	-o-transform: scale(1.10);
	-ms-transform: scale(1.10);
	transform: scale(1.10);	
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.page-content-4-blocks .block-4 h3 {
	text-align: center;
	color: #fff;
	margin: 20px 0 0 0;
	padding: 0px;
	font-size: 24px;
}

.page-content-4-blocks .block-4 p {
	text-align: center;
	color: #fff;
	margin: 0px;
}

.page-content-4-blocks-sub {
	margin: 20px 0 0 0;
	background: url('../images/blue-bg.jpg');
	background-size: cover;
	background-position: center center;
	padding: 60px 0 40px 0;
}

.page-content-4-blocks-sub .block-4-sub span {
	overflow: hidden;
	display: block;
}

.page-content-4-blocks-sub .block-4-sub img {
	width: 100%;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.page-content-4-blocks-sub .block-4-sub img:hover {
	-moz-transform: scale(1.10);
	-webkit-transform: scale(1.10);
	-o-transform: scale(1.10);
	-ms-transform: scale(1.10);
	transform: scale(1.10);	
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.page-content-4-blocks .block-4 h3 {
	text-align: center;
	color: #fff;
	margin: 20px 0 0 0;
	padding: 0px;
	font-size: 24px;
}

.page-content-4-blocks-sub .block-4-sub h3 {
	text-align: center;
	color: #fff;
	margin: 20px 0 0 0;
	padding: 0px;
	font-size: 24px;
}

.page-content-4-blocks-sub .block-4-sub p {
	text-align: center;
	color: #fff;
	margin: 0px;
}

.flex-grid {
  display: flex;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  align-items: center;
  justify-content: center;
}

.flex-grid .column-4  {
    -ms-flex: 1 1 0px;
    flex: 1 1 0px;
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
    min-width: initial;
    margin-bottom: 1.875rem;
}

.flex-grid .column-4 {
    flex: 0 0 100%;
    max-width: 100%;	
}

@media print, screen and (min-width: 40em) {

.flex-grid .column-4 {
    flex: 0 0 50%;
    max-width: 50%;	
}

}

@media print, screen and (min-width: 64em) {

.flex-grid .column-4 {
    flex: 0 0 25%;
    max-width: 25%;	
}

}

.page-content-3-blocks-white {
	padding: 40px 0;
}

.page-content-3-blocks-white .block-3-white {
	position: relative;
	margin: 20px 0 0 0;
}

.page-content-3-blocks-white .block-3-white span {
	overflow: hidden;
	display: block;
}

.page-content-3-blocks-white .block-3-white img {
	width: 100%;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.page-content-3-blocks-white .block-3-white img:hover {
	-moz-transform: scale(1.10);
	-webkit-transform: scale(1.10);
	-o-transform: scale(1.10);
	-ms-transform: scale(1.10);
	transform: scale(1.10);	
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.page-content-3-blocks-white .block-3-white h3 {
	display: block;
	position: absolute;
	top: 15px;
	text-align: center;
	width: 100%;
	color: #fff;
	text-transform: uppercase;
	font-size: 22px;
	font-weight: bold;
}

.page-content-3-blocks-white .block-3-white p {
	background: #011a61;
	margin: 0px 0px 20px 0px;
	padding: 20px;
	text-align: center;
}

.page-content-3-blocks-white .block-3-white p a {
	border: 3px solid #fff;
	display: inline-block;
	padding: 5px 20px;
	color: #fff;
	font-weight: bold;
}

.page-content-3-blocks-white .block-3-white p a:hover {
	border: 3px solid #34373c;
	background: #34373c;
}

.page-content-subscribe {
	margin: 0;
	background-color: #011a61;
	padding: 40px 0 30px 0;
}

.page-content-subscribe .interest {
	margin: 0 0 10px;
}

.page-content-subscribe .interest strong {
	color: #fff;
}

.page-content-subscribe .interest li {
	display: inline-block;
	margin: 0 10px 0 0;
}

.page-content-subscribe .privacy {
	margin: 0 0 10px;
}

.page-content-subscribe h2 {
	font-weight: 400;
	color: #fff;
	margin: 0;
	text-align: center;
}

.page-content-subscribe p {
	color: #fff;
	text-align: center;
}

.page-content-subscribe .send {
	background: #fff;
	border: 0px solid;
	color: #011a61;
	display: inline-block;
	padding: 10px 25px;
	font-size: 18px;
}

.page-content-subscribe a {
	color: #fff;
	text-decoration: underline;
}

.page-content-subscribe a:hover {
	text-decoration: none;
}

.page-content-subscribe .send:hover, .page-content-subscribe .send:focus  {
	background: #34373c;
	color: #fff;
}

.page-content-subscribe ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.page-content-subscribe ul li {
	color: #fff;
}

.page-content-subscribe ul li label {
	color: #fff;
}

.page-content-subscribe [type=text], .page-content-subscribe [type=email]  {
	box-shadow: none;
	border: 1px solid #fff;
}

@media only screen and (min-width:40em) { 

.page-top {
	padding: 150px 0;
}

.page-top .page-title {
	font-size: 28px;
}

.page-top .page-title span {
	font-size: 34px;	
}

}

@media only screen and (min-width:64em) { 

.page-top {
	padding: 200px 0;
}

}

.page-title .vcard {
  border: 0px;
  padding: 0px; }


.entry-content img {
  max-width: 100%;
  height: auto; }

.entry-content .alignleft, .entry-content img.alignleft {
  margin-right: 1.5em;
  display: inline;
  float: left; }

.entry-content .alignright, .entry-content img.alignright {
  margin-left: 1.5em;
  display: inline;
  float: right; }

.entry-content .aligncenter, .entry-content img.aligncenter {
  margin-right: auto;
  margin-left: auto;
  display: block;
  clear: both; }

.entry-content video, .entry-content object {
  max-width: 100%;
  height: auto; }

.entry-content pre {
  background: #eee;
  border: 1px solid #cecece;
  padding: 10px; }

.wp-caption {
  max-width: 100%;
  background: #eee;
  padding: 5px; }
  .wp-caption img {
    max-width: 100%;
    margin-bottom: 0;
    width: 100%; }
  .wp-caption p.wp-caption-text {
    font-size: 0.85em;
    margin: 4px 0 7px;
    text-align: center; }

.post-password-form input[type="submit"] {
  display: inline-block;
  text-align: center;
  line-height: 1;
  cursor: pointer;
  -webkit-appearance: none;
  transition: all 0.25s ease-out;
  vertical-align: middle;
  border: 1px solid transparent;
  border-radius: 0;
  padding: 0.85em 1em;
  margin: 0 1rem 1rem 0;
  font-size: 0.9rem;
  background: #2199e8;
  color: #fff; }
  [data-whatinput='mouse'] .post-password-form input[type="submit"] {
    outline: 0; }
  .post-password-form input[type="submit"]:hover, .post-password-form input[type="submit"]:focus {
    background: #1583cc;
    color: #fff; }

/*********************
IMAGE GALLERY STYLES
*********************/
/*********************
PAGE NAVI STYLES
*********************/
.page-navigation {
  margin-top: 1rem; }

/*********************
COMMENT STYLES
*********************/
#comments .commentlist {
  margin-left: 0px; }

#respond ul {
  margin-left: 0px; }

.commentlist li {
  position: relative;
  clear: both;
  overflow: hidden;
  list-style-type: none;
  margin-bottom: 1.5em;
  padding: 0.7335em 10px; }
  .commentlist li:last-child {
    margin-bottom: 0; }
  .commentlist li ul.children {
    margin: 0; }

.commentlist li[class*=depth-] {
  margin-top: 1.1em; }

.commentlist li.depth-1 {
  margin-left: 0;
  margin-top: 0; }

.commentlist li:not(.depth-1) {
  margin-left: 10px;
  margin-top: 0;
  padding-bottom: 0; }

.commentlist .vcard {
  margin-left: 50px; }
  .commentlist .vcard cite.fn {
    font-weight: 700;
    font-style: normal; }
  .commentlist .vcard time {
    float: right; }
    .commentlist .vcard time a {
      color: #999;
      text-decoration: none; }
      .commentlist .vcard time a:hover {
        text-decoration: underline; }
  .commentlist .vcard img.avatar {
    position: absolute;
    left: 10px;
    padding: 2px;
    border: 1px solid #cecece;
    background: #fff; }

.commentlist .comment_content p {
  margin: 0.7335em 0 1.5em;
  font-size: 1em;
  line-height: 1.5em; }

.commentlist .comment-reply-link {
  float: right; }

/*********************
COMMENT FORM STYLES
*********************/
.respond-form {
  margin: 1.5em 10px;
  padding-bottom: 2.2em; }
  .respond-form form {
    margin: 0.75em 0; }
    .respond-form form li {
      list-style-type: none;
      clear: both;
      margin-bottom: 0.7335em; }
      .respond-form form li label,
      .respond-form form li small {
        display: none; }
    .respond-form form input[type=text],
    .respond-form form input[type=email],
    .respond-form form input[type=url],
    .respond-form form textarea {
      padding: 3px 6px;
      background: #efefef;
      border: 2px solid #cecece;
      line-height: 1.5em; }
      .respond-form form input[type=text]:focus,
      .respond-form form input[type=email]:focus,
      .respond-form form input[type=url]:focus,
      .respond-form form textarea:focus {
        background: #fff; }
      .respond-form form input[type=text]:invalid,
      .respond-form form input[type=email]:invalid,
      .respond-form form input[type=url]:invalid,
      .respond-form form textarea:invalid {
        outline: none;
        border-color: #fbc2c4;
        background-color: #f6e7eb;
        -ms-box-shadow: none;
        box-shadow: none; }
    .respond-form form input[type=text],
    .respond-form form input[type=email],
    .respond-form form input[type=url] {
      max-width: 400px;
      min-width: 250px; }
    .respond-form form textarea {
      resize: none;
      width: 97.3%;
      height: 150px; }

#comment-form-title {
  margin: 0 0 1.1em; }

#allowed_tags {
  margin: 1.5em 10px 0.7335em 0; }

.nocomments {
  margin: 0 20px 1.1em; }

/*********************
SIDEBARS & ASIDES
*********************/
.widget ul {
  margin: 0; }
  .widget ul li {
    list-style: none; }
    
    
/***************************
		   FORMS
***************************/

.gform_wrapper {
	margin: 0 0 25px 0;
}

.gform_fields {
	list-style-type: none;
	margin: 20px 0 10px;
	padding: 0;
}

.gfield {
	margin: 0 0 10px 0;
	display: block;
	width: 100%;
}

.gfield label {
	display: block;
}

.gfield_checkbox {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.validation_error,
.validation_message {
	font-size: 14px;
	font-weight: bold;
	color: #e03333;
	padding: 0;
	margin: -10px 0 15px;
}

.gform_confirmation_message {
    background: #4CAF50;
    color: #fff;
    padding: 5px 10px;
    margin: 0.5em 0 25px;
}

.gform_validation_container, .gform_wrapper .gform_validation_container, body .gform_wrapper .gform_body ul.gform_fields li.gfield.gform_validation_container, body .gform_wrapper li.gform_validation_container, body .gform_wrapper ul.gform_fields li.gfield.gform_validation_container {
    display: none!important;
    position: absolute!important;
    left: -9000px;
}

#gform_2 .gfield_label {
	display: none;
}

#gform_wrapper_3 {
	max-width: 650px;
}

#gform_3 .gfield_label {
	font-weight: bold;
}

[type=checkbox], [type=file], [type=radio] {
	margin: 0;
}

#input_3_8 {
	width: 90px;
}

.ginput_container_name label {
	display: none;
}

.gfield_radio li, .gfield_checkbox li {
	margin: 0 0 10px 0;
}

.gfield_radio .spaces {
	display: block;
	font-style: italic;
	color: #011a60;
}

.gfield_radio [type=radio], .gfield_checkbox [type=checkbox] {
    float: left;
    margin: 3px 0 0 0px;
    padding: 0;
    width: 15px;	
}

.gfield_radio label, .gfield_checkbox label {
	padding-left: 15px;
	line-height: 130%;
}

.gf_coupon_code {
	display: inline-block;
	margin-top: 0;
}

#gf_coupon_button {
	margin: 0;
    padding: 13px 12px;
    background: #011a60;	
}

input[readonly], input[readonly]:hover, input[readonly]:focus {
	background: transparent;
	padding: 0;
	border-width: 0;
	box-shadow: none;
	color: #554B4B;
	cursor: default;
	height: auto;
	margin: 0;
	font-size: 15px;
}

.overview-form {
	background: #EDEDED;
	padding: 20px 20px 5px;
	margin: -10px 0 20px 0;
}

#field_3_26 {
	display: block !important;
}

#gform_submit_button_3 {
	background: #4caf50;
    padding: 12px 25px;
}

#gform_submit_button_3:hover {
	background: #38a13c;
}

#field_3_33 {
	padding: 0 15px;
}

#field_3_33 a {
	padding-left: 5px;
}

.gchoice_3_16_3:before {
	content: 'Werkzoekers';
    display: block;
    font-weight: bold;
    line-height: 120%;
    margin: 10px 0;
}

.gchoice_3_16_0:before {
	content: 'Zelfstandig professionals & ondernemers';
    display: block;
    font-weight: bold;
    line-height: 120%;
    margin: 10px 0;
}


/*
.gchoice_3_16_1:before {
	content: 'Zelfstandig Professionals Masterclass "Hartverwarmend Koud Bellen"';
    display: block;
    font-weight: bold;
    line-height: 120%;
    margin: 10px 0;
}

.gchoice_3_16_4:before {
	content: 'Ondernemers Masterclass "Zo word je een bekende ondernemer"';
    display: block;
    font-weight: bold;
    line-height: 120%;
    margin: 10px 0;
}
*/

/*
.gchoice_3_16_4:before {
	content: 'Beroepsgerichte training Zelfstandig Professionals "Koude acquisitie zonder buikpijn"';
    display: block;
    font-weight: bold;
    line-height: 120%;
    margin: 10px 0;
}
*/

/*
#label_3_16_4 span {
	color: #ff0000;
	font-weight: bold;
}
*/

/*
#label_3_16_5 span:before {
	content: 'Vol: ';
}
*/

@media only screen and (min-width:40em) {
    
#gform_3 .gfield {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;	
}   

#gform_3 .gsection_title {
	width: 100%;
	padding-left: 15px;
	padding-right: 15px;
}

#gform_3 .gfield_label {
	display: block;
	width: 30%;
	float: left;
	padding-left: 15px;
	padding-right: 15px;	
}

#gform_3 .ginput_container {
	display: block;
	width: 70%;
	float: left;
	padding-left: 15px;
	padding-right: 15px;	
}

#gform_3 .validation_error, #gform_3 .validation_message {
	padding-left: 15px;
	padding-right: 15px;
	display: block;	
}

#input_3_28_3_container {
	width: 50%;
	float: left;
	padding-right: 5px;
}

#input_3_28_6_container {
	width: 50%;
	float: left;
	padding-left: 5px;
}

#field_3_26 {
	display: flex !important;
}


}

/*********************
FOOTER STYLES
*********************/
.footer {
  clear: both;
  background: #34373c;
}

.footer-slogan {
	padding: 10px 0 15px;
	font-size: 16px;
	text-align: center;
	color: #AFAFAF;
}

.footer-slogan-inner {
	margin-top: -20px;
}

.footer-slogan-inner span {
	background: url('../images/handdruk.png');
	background-size: cover;
	width: 60px;
	height: 60px;
	display: inline-block;
	margin: 0px 10px -20px;
}

.footer-content-inner {
	border-top: 1px solid #555555;
	padding: 20px 0;
	color: #AFAFAF;
}

.footer-content-inner h3 {
	color: #fff;
	font-size: 18px;
	margin: 0px;
	padding: 0px 0px 20px 0;
}

.footer-content-inner p {
	color: #AFAFAF;
}

.footer-content-inner ul {
	margin: 0 0 0 20px;
}

.footer-content-inner a {
	color: #AFAFAF;
}

.footer-content-inner a:hover {
	color: #fff;
}

.footer-content-inner .fa {
    color: #fff;
    margin: 0px 2px;
    width: 26px;
    text-align: center;
    height: 26px;
    background: #011a61;
    line-height: 26px;
    border-radius: 50%;
    margin: 2px 5px 2px 0px;
}

.footer-content-inner a:hover i {
	background: #fff;
	color: #011a61;
}

.footer-content-inner .columns {
	margin-bottom: 10px;
	margin-top: 10px;
}

.footer-copy {
	background: #fff;
	text-align: center;
	padding: 20px 0;
	margin: 0px;
}

.footer-copy p {
	text-align: center;
	font-size: 13px;
	color: #898989;
	padding: 0px;
	margin: 0px;
}

.footer-copy .certi {
	margin: 0 0 10px;
}

.footer-copy .certi img {
	width: 100%;
	max-width: 90px;
}

.footer-copy a {
	color: #898989;
	text-decoration: underline;
}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #999 !important;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #999 !important;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #999 !important;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #999 !important;
}
::-ms-input-placeholder { /* Microsoft Edge */
   color:    #999 !important;
}

::placeholder { /* Most modern browsers support this now. */
   color:    #999 !important;
}

@media only screen and (min-width:40em) { 

.footer-slogan {
	padding: 20px 0 30px;
	font-size: 22px;
}

.footer-slogan-inner {
	margin-top: -50px;
}

.footer-slogan-inner span {
	background-size: cover;
	width: 100px;
	height: 100px;
	display: inline-block;
	margin: 0px 20px -25px;
}

.footer-content-inner {
	padding: 50px 0;
}

}

/*********************
FOUNDATION STYLES
*********************/

/*********************
PLUGIN STYLES
*********************/
.gform_body ul {
  list-style: none outside none;
  margin: 0; }

/******************************************************************

Stylesheet: Retina Screens & Devices Stylesheet

When handling retina screens you need to make adjustments, especially
if you're not using font icons. Here you can add them in one neat
place.

******************************************************************/
/******************************************************************

Stylesheet: Print Stylesheet

This is the print stylesheet. There's probably not a lot
of reasons to edit this stylesheet. 

Remember to add things that won't make sense to print at 
the bottom. Things like nav, ads, and forms shouldbe set 
to display none.
******************************************************************/
@media print {
  * {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    -webkit-filter: none !important;
    filter: none !important;
    -ms-filter: none !important; }
  a, a:visited {
    color: #444 !important;
    text-decoration: underline; }
    a:after, a:visited:after {
      content: " (" attr(href) ")"; }
    a abbr[title]:after, a:visited abbr[title]:after {
      content: " (" attr(title) ")"; }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: ""; }
  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }
  thead {
    display: table-header-group; }
  tr, img {
    page-break-inside: avoid; }
  img {
    max-width: 100% !important; }
  @page {
    margin: 0.5cm; }
  p, h2, h3 {
    orphans: 3;
    widows: 3; }
  h2,
  h3 {
    page-break-after: avoid; }
  .sidebar,
  .page-navigation,
  .wp-prev-next,
  .respond-form,
  nav {
    display: none; } }