/*

Theme Name: Excellutions - MGB | 2022
Theme URI: http://www.excellutions.nl
Description: Template gemaakt voor Excellutions
Version: 2021.1.0.0
Author: C.P.M. Bastiaansen
Author URI: http://www.excellutions.nl

*/


/* @import url('css/bootstrap.min.css'); */
@font-face {
    font-family: 'GothamRounded Book';
	src: url("fonts/gotham-rounded/GothamRounded-Book.otf") format("opentype");
    src: url('fonts/gotham-rounded/GothamRounded-Book.ttf') format('truetype');
	font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GothamRounded Light';
	src: url("fonts/gotham-rounded/GothamRounded-Light.otf") format("opentype");
    src: url('fonts/gotham-rounded/GothamRounded-Light.ttf') format('truetype');
	font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GothamRounded Medium';
	src: url("fonts/gotham-rounded/GothamRounded-Medium.otf") format("opentype");
    src: url('fonts/gotham-rounded/GothamRounded-Medium.ttf') format('truetype');
	font-weight: normal;
    font-style: normal;
}

/* ======
= fonts
=
====== */
@font-face {
	font-family: 'MarkerFeltWide';
	src: url('fonts/MarkerFeltWide/markerfeltwide.eot');
	src: url('fonts/MarkerFeltWide/markerfeltwide.eot?iefix') format('embedded-opentype'),
			url('fonts/MarkerFeltWide/markerfeltwide.woff2') format('woff2'),
			url('fonts/MarkerFeltWide/markerfeltwide.woff') format('woff'),
			url('fonts/MarkerFeltWide/markerfeltwide.ttf') format('truetype'),
			url('fonts/MarkerFeltWide/markerfeltwide.svg#markerfeltwide') format('svg');
}

@font-face {
	font-family: 'Glyphicons Halflings';
	src: url('fonts/glyphicons-halflings-regular.eot?iefix');
	src: url('fonts/glyphicons-halflings-regular.eot') format('embedded-opentype'),
			url('fonts/glyphicons-halflings-regular.woff2') format('woff2'),
			url('fonts/glyphicons-halflings-regular.woff') format('woff'),
			url('fonts/glyphicons-halflings-regular.ttf') format('truetype'),
			url('fonts/glyphicons-halflings-regular.svg#glyphiconshalflingsregular') format('svg');
}


html {
	height: 100%;
	width: 100%;
}

body {
	background-color: #FFFFFF;
	font-family: 'GothamRounded Book', serif;
	font-size: 18px;
	line-height: 28px!important;
	color: #000000;
	height: 100%;
	width: 100%;
}

* {
	box-sizing: border-box;
	padding: 0;
	margin: 0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
	transition: all .2s ease-in-out;
	-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;
}

a {
	transition: all .2s ease-in-out;
	-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;
}

a:hover,
a:focus {
	outline: none;
	transition: all .2s ease-in-out;
	-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;
}

#site-wrapper a {
	color: #03c0f4;
	border-bottom: 1px solid #03c0f4;
}

a:hover,
a:focus {
	color: #03c0f4;
	border-bottom: 1px solid #000000;
}

:hover {
	transition: all .2s ease-in-out;
	-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;
}

p {
	margin-bottom: 26px;
}

a img {
	display: block!important;
	border: 0 none;
	max-width: 100%;
	height: auto;
}

h1 {
	font-family: 'museo500', sans-serif;
	font-size: 32px;
	color: #03c0f4;
	margin-bottom: 32px;
}

h2 {
	font-family: 'museo500', sans-serif;
	color: #03c0f4;
	font-size: 32px;
	font-weight: bold;
	margin-bottom: 32px;
}

h3 {
	display: table;
	font-family: 'open Sans', sans-serif;
	color: #03c0f4;
	font-size: 16px;
	border-bottom: 1px solid #ffffff;
	margin-bottom: 40px;
}

h4 {
	font-family: 'museo500', sans-serif;
	color: #03c0f4;
	font-size: 22px;
	line-height: 30px;
	margin-bottom: 0px;
}


.clear-line {
	width: 100%;
	height: 1em;
	display: block;
}

p.gform_required_legend {
	display: none!important;
}




/* ---- MAIN MENU ---- */
#header-wrapper {
	position: fixed;
	color: #000000;
	height: 150px;
	width: 100%;
	padding: 0 70px;
	background-color: #ffffff;
	border-bottom: 3px solid #03c0f4;
	z-index: 100000;
}

#header-wrapper #main-menu-wrapper {
	position: relative;
	width: 100%;
	background: rgba( 255, 255, 255, 0.95);
}

#header-wrapper #main-menu-wrapper ul {
	display: flex;
	flex-direction: row;
}

#header-wrapper #main-menu-wrapper ul li {
	display: inline-flex;
	margin: 0 15px;
	height: 147px;
	line-height: 147px;
	transition: all .1s ease-in-out;
	-webkit-transition: all .1s ease-in-out;
	-moz-transition: all .1s ease-in-out;
	-ms-transition: all .1s ease-in-out;
}

#header-wrapper #main-menu-wrapper ul li:first-child {
	margin-left: 0;
}

#header-wrapper #main-menu-wrapper ul li:last-child {
	margin-right: 0;
}

#header-wrapper #main-menu-wrapper li a {
	color: #717171;
}

#header-wrapper.drop-shadow {
	height: 70px;
	border-bottom: 1px solid #f1f1f1;
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
	-ms-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
	-o-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
	transition: all .2s ease-in-out;
	-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;
}

#header-wrapper.drop-shadow #main-menu-wrapper ul li {
	height: 67px;
	line-height: 67px;
	transition: all .1s ease-in-out;
	-webkit-transition: all .1s ease-in-out;
	-moz-transition: all .1s ease-in-out;
	-ms-transition: all .1s ease-in-out;
}

#header-wrapper.no-shadow {
	height: 150px;
	border-bottom: 3px solid #03c0f4;
	transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
}

					#main-menu-wrapper .main-menu-pancake-icon-container {
						position: relative;
						float: right;
						right: 70px;
						height: 70px;
						width: 70px;
						background-image: url('images/pancakes/SKK - Pancake Close - White.svg');
						background-size: 40px auto;
						background-position: right center;
						background-repeat: no-repeat;
						z-index: 125000;
					}

					#main-menu-wrapper .main-menu-pancake-icon-container:hover,
					#main-menu-wrapper .main-menu-pancake-icon-container:focus {
						cursor: pointer;
					}

					#main-menu-wrapper .main-menu-container {
						text-align: right;
						height: 100%;
						width: 100%;
						padding: 150px 70px;
					}

#main-menu-wrapper #main-menu-content-wrapper ul li {
	display: inline-block;
}

			#main-menu-wrapper #main-menu-content-wrapper.main-menu-content-container ul.nav.navbar-nav a {
				font-size: 25px;
				line-height: 50px;
				font-weight: normal;
				color: #969696;
			}

			#main-menu-wrapper #main-menu-content-wrapper.main-menu-content-container ul.nav.navbar-nav a:hover,
			#main-menu-wrapper #main-menu-content-wrapper.main-menu-content-container ul.nav.navbar-nav a:focus {
				color: #dc2864;
				text-decoration: none;
			}



/* ---- HEADER-WRAPPER --> LOGO ---- */
#header-wrapper #header-logo-wrapper {
	height: 150px;
	width: 100%;
	background-size: auto 100px;
	background-repeat: no-repeat;
	background-position: left center;
}

#header-wrapper.drop-shadow #header-logo-wrapper {
	height: 70px;
	width: 100%;
	background-size: auto 50px;
}

					#header-wrapper #header-breadcrumb-wrapper {
						position: relative;
						display: flex;
						height: 70px;
						line-height: 70px;
						padding: 0 30px;
						flex-direction: row;
						align-content: flex-end;
					}

					#header-wrapper #header-breadcrumb-wrapper {
						font-size: 14px;
					}

					#header-wrapper #header-pancake-icon-wrapper {
						position: relative;
						display: flex;
						flex-direction: row;
						align-content: flex-end;
						height: 70px;
						width: 70px;
						opacity: 1;
						background-image: url('images/pancakes/SKK - Pancake - Black.svg');
						background-size: 40px auto;
						background-position: right center;
						background-repeat: no-repeat;
						transition: all .8s ease-in-out;
						-webkit-transition: all .8s ease-in-out;
						-moz-transition: all .8s ease-in-out;
						-ms-transition: all .8s ease-in-out;
						-o-transition: all .8s ease-in-out;
					}

					#header-wrapper #header-pancake-icon-wrapper.hide-pancake {
						opacity: 0;
						transition: all .8s ease-in-out;
						-webkit-transition: all .8s ease-in-out;
						-moz-transition: all .8s ease-in-out;
						-ms-transition: all .8s ease-in-out;
						-o-transition: all .8s ease-in-out;
					}

					#header-wrapper #header-pancake-icon-wrapper:hover,
					#header-wrapper #header-pancake-icon-wrapper:focus {
						cursor: pointer;
					}

								




										/* ---- HEADER-MAIN-WRAPPER --> LOGO ---- */
										#header-wrapper .logo-container {
											height: 125px;
											width: 100%;
											/* background-image: url('images/logos/HorecaAcademie/Logo Horeca Academie - No Pay-off.jpg'); */
											background-image: url('images/logos/HorecaAcademie/HorecaAcademie - Beeldmerk - Incl PayOff.jpg');	
											background-repeat: no-repeat;
											background-position: left top;
											background-size: contain;
											transition: all .2s ease-in-out;
											-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;
										}

										#header-wrapper .logo-container.logo-scroll {
											background-image: url('images/logos/HorecaAcademie/HorecaAcademie - Beeldmerk - No PayOff.jpg');	
										}




									



					

					#fp-header-wrapper #header-pancake-icon-wrapper {
						position: relative;
						float: right;
						height: 70px;
						width: 70px;
						opacity: 1;
						background-image: url('images/pancakes/SKK - Pancake - Black.svg');
						background-size: 40px auto;
						background-position: right center;
						background-repeat: no-repeat;
						transition: all .8s ease-in-out;
						-webkit-transition: all .8s ease-in-out;
						-moz-transition: all .8s ease-in-out;
						-ms-transition: all .8s ease-in-out;
						-o-transition: all .8s ease-in-out;
					}

					#fp-header-wrapper #header-pancake-icon-wrapper.hide-pancake {
						opacity: 0;
						transition: all .8s ease-in-out;
						-webkit-transition: all .8s ease-in-out;
						-moz-transition: all .8s ease-in-out;
						-ms-transition: all .8s ease-in-out;
						-o-transition: all .8s ease-in-out;
					}

					#fp-header-wrapper #header-pancake-icon-wrapper:hover,
					#fp-header-wrapper #header-pancake-icon-wrapper:focus {
						cursor: pointer;
					}



										

/* ---- START-SITE ---- */
#site-wrapper {
	position: relative;
	height: auto;
	width: 100%;
	padding: 225px 0 75px 0;
	overflow: hidden;
}



/* ---- PAGES ---- */
#page-wrapper {
	min-height: 60vh;
}

#page-wrapper .tml-dashboard-links {
	display: none;
}



/* ---- PAGE TEMPLATES ---- */
#page-login-wrapper {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
}

#page-login-wrapper .page-login-container {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	height: 100vh;
	width: 100vw;
}

#page-login-wrapper .page-login-container #page-login-credentials-wrapper {
	position: relative;
	width: 400px;
	max-width: 85%;
	height: auto;
	background-color: #ffffff;
	border: 3px solid #03c0f4;
	padding: 45px;
	border-radius: 15px;
}

#page-login-wrapper .page-login-container #page-login-credentials-wrapper .tml-lostpassword-link {
	display: none;
}

#page-login-wrapper .page-login-container #page-login-credentials-wrapper .tml-submit-wrap button {
	color: #ffffff;
	border: 0 none;
	padding: 7px 15px;
	border-radius: 10px;
	background-color: #03c0f4;
}


/* ---- PAGE-TEMPLATES --> PAGINA INCLUSIEF LINKS ---- */
#page-incl-links-wrapper {
	min-height: 60vh;
}

#page-incl-links-wrapper .page-incl-links-content-container ul {
	list-style: none;
	margin: 30px 0;
}

#page-incl-links-wrapper .page-incl-links-content-container ul li {
	margin: 10px 0;
	
}

#page-incl-links-wrapper .page-incl-links-content-container ul li a {
	position: relative;
	display: block;
	color: #666666;
	font-weight: 300;
	height: 50px;
	line-height: 55px;
	width: 100%;
	background-color: #f1f1f1;
	padding: 0 15px;	
	transition: all .2s ease-in-out;
}

#page-incl-links-wrapper .page-incl-links-content-container ul li a:hover,
#page-incl-links-wrapper .page-incl-links-content-container ul li a:focus {
	text-decoration: none;
	background-color: #bebebe;
	transition: all .2s ease-in-out;
}

#page-incl-links-wrapper .page-incl-links-content-container ul li a:after {
	position: absolute;
	display: block;
	height: 30px;
	width: 30px;
	top: 10px;
	right: 30px;
	font-family: 'Fontawesome';
	font-size: 14px;
	font-weight: 200;
	line-height: 30px;
	text-align: center;
	content: '\f054';
	color: #bebebe;
	border: 2px solid #03c0f4;
	border-radius: 15px;
	text-indent: 2px;
	transition: all .2s ease-in-out;
}

#page-incl-links-wrapper .page-incl-links-content-container ul li a:hover:after,
#page-incl-links-wrapper .page-incl-links-content-container ul li a:focus:after {
	color: #666666;
	border-color: #666666;
	transition: all .2s ease-in-out;
}

				
											





/* ---- FOOTER-WRAPPER ---- */
#footer-wrapper  {
	position: relative;
	clear: both;
	font-family: 'Open Sans';
	font-size: 16px;
	line-height: 24px;
	color: #7d7e80;
	padding: 70px 0;
	height: auto;
	min-height: 200px;
	background-color: #eeeeee;
}

#footer-wrapper h3.footer-title {
	font-family: 'Open Sans'!important;
	font-size: 18px;
	line-height: 26px;
	font-weight: 600;
	color: #7d7e80;
	border-color: #7d7e80;
}

#footer-wrapper p {
	font-size: 16px;
	line-height: 24px;
	font-weight: 300;
}

#footer-wrapper table {
	font-size: 16px;
	line-height: 24px;
	font-weight: 300;
}

#footer-wrapper ul#menu-services-menu,
#footer-wrapper ul#menu-services-menu-1 {
	list-style: none;
	padding: 0;
}

#footer-wrapper ul#menu-services-menu li a,
#footer-wrapper ul#menu-services-menu-1 li a {
	font-family: 'Open Sans';
	font-weight: 300;
	font-size: 16px;
	line-height: 24px;
	color: #7d7e80;
	padding: 0;
}

#footer-wrapper ul#menu-services-menu li a:before,
#footer-wrapper ul#menu-services-menu-1 li a:before {
	position: relative;
	top: -2px;
	font-family: 'Fontawesome';
	content: '\f054';
	color: #db2962;
	margin-right: 5px;
	font-size: 10px;
}

#footer-wrapper ul#menu-services-menu li a:hover,
#footer-wrapper ul#menu-services-menu li a:focus,
#footer-wrapper ul#menu-services-menu-1 li a:hover,
#footer-wrapper ul#menu-services-menu-1 li a:focus {
	color: #db2962;
	text-decoration: none;
}


			



/* ---- SUBFOOTER ---- */
#sub-footer-wrapper {
	position: relative;
	height: auto;
	min-height: 50px;
	font-size: 12px;
	font-weight: 400;
	line-height: 50px;
	color: #ffffff;
	background-color: #969696;
}


/* ---- SUBFOOTER --> DESIGN ---- */
#sub-footer-wrapper .design-content-container a {
	position: relative;
	height: 50px;
	width: 100%;
	text-align: left;
	color: #ffffff;
}

#sub-footer-wrapper .design-content-container a:hover,
#sub-footer-wrapper .design-content-container a:focus {
	color: #db2962;
	text-decoration: none;
}

					
/* ---- SUBFOOTER --> COPYRIGHT ---- */
#sub-footer-wrapper .copyright-content-container {
	position: relative;
	display: table;
	height: 50px;
	width: 100%;
	line-height: 50px;
	text-align: right;
}













				




					


					/* ---- FOOTER --> DISCLAIMER ---- */
					.disclaimer {
						border-top: 1px solid #606060;
						border-bottom: 1px solid #606060;
						padding-top: 14px;
						padding-bottom: 14px;
					}

					.disclaimer h2 {
						color: #B3B3B3;
						font-size: 16px;
						margin-bottom: 5px;
						border: none;
						margin: 0;
					}

					.disclaimer p {
						font-size: 11px;
						color: #929292;
						line-height: normal;
						font-style: italic;
						margin: 0;
					}





/* ---- FORMULIEROPMAAK ---- */
					.gform_wrapper {
						min-width: 100%;
						max-width: 100%;
						height: auto;
						overflow: hidden;
					}

					.gform_wrapper ul li.gfield {
						clear: inherit!important;
					}

					.gform_wrapper ul li.gfield p {
						margin-top: 15px;
						/* border-top: 2px dashed #faa627; */
					}


.gform_wrapper .gsection {
	border-bottom: 0 none!important;
	padding-right: 0!important;
	padding-bottom: 0!important;
}

.gform_wrapper .gsection h3 {
	color: #000000;
	height: 50px;
	line-height: 50px;
	width: 100%;
	background-color: #f1f1f1;
	border-left: 5px solid #03c0f4;
	padding-bottom: 0!important;
	padding-left: 10px!important;
	margin-bottom: 20px;
}

.gform_wrapper .gsection h3.gsection_title {
	display: inline-block;
	min-height: 50px;
	height: auto;
	line-height: 22px;
	color: #000000;
	font-weight: bold;
	text-transform: uppercase;
	border-bottom: 0 none;
	margin: 0;
	padding: 15px 0;
}

.gform_wrapper.gravity-theme .top_label .gsection_description {
	margin-top: 5px;
	line-height: 1.4;
	margin-left: 5px;
	padding-bottom: 0!important;
	margin-bottom: -10px!important;
}

.gform_wrapper .gfield.gfield_html.gfield_html_formatted strong {
	line-height: 18px;
}

.gform_wrapper .hidden-score {
/* .gform_wrapper .hidden-score,
.gform_wrapper .hidden-field {*/

	/* visibility: hidden; */
	display: none!important;
}


					.gform_wrapper ul li.gfield.gsection_sub_description {
						position: relative;
						top: -30px;
						font-size: 14px;
						line-height: 18px;
						height: auto;
						overflow: hidden;
					}


					.gform_wrapper li.gfield_html.bg_html_yellow {
						margin-top: 35px;
					}

					.gform_wrapper li.gfield_html.bg_html_yellow p {
						margin: 0;
						padding: 7px 0 7px 5px;
						background-color: #03c0f4;
						width: 100%;
					}

					.gform_wrapper ul li.gfield.clear-fix {
						clear: both!important;
					}

					.gform_wrapper ul > li.gfield.hidden-label > label {
						display: none;
					}

					.gform_wrapper .gform_page_footer {
						border: 0 none!important;
						padding-top: 80px!important;
						padding-bottom: 15px;
					}

					.gform_wrapper input,
					.gform_wrapper textarea {
						border: 1px solid #03c0f4;
						width: 400px;
					}

					.gform_wrapper .ginput_container.ginput_container_date input {
						width: 90%;
						max-width: 90%;
					}

					.gform_legacy_markup_wrapper .chosen-container-single .chosen-single {
						height: 40px!important;
					}

					.gform_legacy_markup_wrapper .chosen-container-single .chosen-single span {
						line-height: 40px!important;
						font-size: 16px;
					}

					.gform_legacy_markup_wrapper .chosen-container-single .chosen-single div b {
						background-position-y: 10px!important;
					}




					.gform_wrapper .gform_button {
						height: 40px;
						line-height: 40px;
						text-transform: uppercase;
						letter-spacing: 1px;
						border: 0 none;
						padding-left: 15px;
						padding-right: 15px;
						border-bottom: 4px solid #3a3b35;
						background-color: #03c0f4;
						color: #ffffff;
						transition: all .2s ease-in-out;
						-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;
					}

					.gform_wrapper .gform_button:hover {
						border-bottom: 4px solid #03c0f4;
						background-color: #3a3b35;
						color: #ffffff;
						transition: all .2s ease-in-out;
						-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;
					}

					.gform_wrapper .gform_next_button,
					.gform_wrapper .gform_previous_button {
						height: 40px;
						line-height: 37px;
						text-transform: uppercase;
						letter-spacing: 1px;
						border: 0 none;
						padding-left: 15px;
						padding-right: 15px;
						transition: all .2s ease-in-out;
						-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;
					}


body .gform_wrapper.gravity-theme .gform_previous_button.button {
	height: 50px;
	line-height: 50px!important;
	color: #ffffff;
	border-bottom: 4px solid #03c0f4;
	background-color: #2a2a2a;
	transition: all .2s ease-in-out;
	-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;
}

body .gform_wrapper.gravity-theme .gform_previous_button.button:hover,
body .gform_wrapper.gravity-theme .gform_previous_button.button:focus {
	color: #ffffff;
	border-bottom: 4px solid #0083a8;
	background-color: #000000;
	transition: all .2s ease-in-out;
	-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;
}

body .gform_wrapper.gravity-theme .gform_next_button.button {
	height: 50px;
	line-height: 50px!important;
	color: #3a3b35;
	border-bottom: 4px solid #2a2a2a;
	background-color: #03c0f4;
	transition: all .2s ease-in-out;
	-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;
}

body .gform_wrapper.gravity-theme .gform_next_button.button:hover,
body .gform_wrapper.gravity-theme .gform_next_button.button:focus {
	color: #ffffff;
	border-bottom: 4px solid #000000;
	background-color: #0083a8;
	transition: all .2s ease-in-out;
	-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;
}


body .gform_wrapper.gravity-theme .gform_save_link.button {
	height: 50px;
	line-height: 50px!important;
	border: 0 none;
	border-bottom: 2px solid transparent;
	transition: all .2s ease-in-out;
	-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;
}

body .gform_wrapper.gravity-theme .gform_save_link.button:hover,
body .gform_wrapper.gravity-theme .gform_save_link.button:focus {
	color: #0083a8;
	text-decoration: none;
	border: 0 none;
	border-bottom: 2px solid #0083a8;
}

.gform_wrapper.gravity-theme input[type="submit"] {
	position: relative;
	bottom: 1px;
	height: 50px;
	line-height: 50px!important;
	color: #000000;
	font-weight: bold;
	border-bottom: 4px solid #8be6ff;
	background-color: #03c0f4;
	transition: all .2s ease-in-out;
	-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;
	padding: 0!important;
	margin-top: 0!important;
	margin-bottom: 0!important;
	border-right: 0 none!important;
}

.gform_wrapper.gravity-theme input[type="submit"]:hover,
.gform_wrapper.gravity-theme input[type="submit"]:focus {
	height: 50px;
	line-height: 50px!important;
	color: #000000;
	border-bottom: 4px solid #03c0f4;
	background-color: #8be6ff;
	transition: all .2s ease-in-out;
	-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;
}


.gform_wrapper.gravity-theme input[name="gform_send_resume_link_button"] {
	display: none;
}



					.gform_wrapper .footnote {
						font-size: 0.85em;
						font-style: italic;
					}

					.gform_wrapper .percentage input {
						text-align: right;
					}

					.gform_wrapper li.percentage {
						text-align: center;
					}

					.gform_wrapper .percentage .gfield_label {
						font-size: 18px;
					}

					.gform_wrapper li {
						padding-left: 0;
						padding-right: 0;
					}

					.gform_wrapper hr {
						margin-top: 50px;
					}

					.gform_wrapper li table {
						width: auto;
					}

					.gform_wrapper li table td {
						min-width: 20px!important;
					}

					.gform_wrapper li table td.middle {
						padding: 0 10px;
						text-align: center;
					}

					.gform_wrapper .gfield_description {
						width: auto;
					}

					.gform_wrapper li.gf_readonly {
						margin-top: 0!important;
					}

					.gform_wrapper li.gf_readonly input {
						border: 0 none;
						background-color: #f1f1f1;
						/* width: auto!important; */
						padding-right: 0!important;
						width: 100%!important;
						text-align: center!important;
					}

					/*
					.gform_wrapper li.gf_readonly.bg_input_yellow input {
						background-color: #faa627;
						width: 100%!important;
					}
					*/

.gform_wrapper .gf_list_inline .ginput_container_radio div,
.gform_wrapper li.hidden-label li {
	display: inline-block;
	/* width: 25%!important; /* 50px!important; */
	margin: -25px 15px 0 0!important; /* -15px 15px 60px 0!important; */
	line-height: inherit!important
}

					.gform_wrapper li.radio-square-button li, .gform_wrapper li.hidden-label li {
						width: 100%;
					}

.gform_wrapper .gf_list_inline .ginput_container_radio input[type="radio"] {
	visibility: hidden;
	width: 100%;
}

.gform_wrapper .gf_list_inline .ginput_container_radio input[type="radio"] + label {
	position: relative;
	width: 150px!important; /* 50px!important; */
	height: 50px;
	font-size: 18px;
	line-height: 50px;
	margin-right: 30px; 
	border: 0 none;
	background-color: #f1f1f1;
	color: #3a3b35;
	transition: all .2s ease-in-out;
	-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;
}

.gform_wrapper .gf_list_inline .ginput_container_radio input[type="radio"]:hover + label {
	background-color: #0080a3!important;
	color: #ffffff!important;
	cursor: pointer;
	transition: all .2s ease-in-out;
	-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;
}

.gform_wrapper .gf_list_inline .ginput_container_radio input[type="radio"]:checked + label {
	position: relative;
	width: 150px!important; /* 50px!important; */
	height: 50px;
	background-color: #03c0f4;
	color: #ffffff;
	transition: all .2s ease-in-out;
	-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;
}



.gform_wrapper .gf_list_inline .ginput_container_radio input[type="radio"]:focus + label {
	background-color: #0080a3!important;
	color: #ffffff!important;
	cursor: pointer;
	transition: all .2s ease-in-out;
	-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;
}

.gform_wrapper .gf_list_inline .ginput_container_radio input[type="radio"] + label {
	display: table-cell;
	text-align: center;
	vertical-align: middle;	
}

					.gform_wrapper .gf_step span.gf_step_number {
						display: none!important;
					}

					.gwp_percentage .ginput_container:after {
						content: '%';
						margin-right: 0;
						padding: 0 !important;
						float: left;
						margin-top: 18px;
					}

					.gwp_percentage input {
						border: none !important;
						height: 35px;
						padding: 0 !important;
						max-width: 24px;
						float: left;
					}

					.gform_wrapper .form_saved_message a.resume_form_link {
						color: #df0000;
						font-weight: bold;
					}


.gv-list-container .gv-list-view-title h3 {
	color: #000000;
}
	
	
	
	
@media (max-width: 767px) {
	#site-wrapper {
		padding: 150px 0 75px 0;
		overflow: hidden;
	}

	#header-wrapper #header-pancake-icon-wrapper {
		position: absolute;
		height: 100%;
		right: 15px;
		width: 30px;
		background-image: url('images/icons/MGB - Pancake - Black - Open Menu.svg');
		background-size: contain;
		background-position: right center;
		background-repeat: no-repeat;
		z-index: 1000000;
	}

	#main-mobile-menu-wrapper {
		position: fixed;
		top: 0;
		right: -102%;
		height: 100vh;
		width: 100vw;
		background-color: #ffffff;
		z-index: 1250000;
		transition: all ease-in-out .2s;
	}

	#main-mobile-menu-wrapper #main-mobile-menu-content-wrapper {
		display: flex;
		height: 100%;
		width: 100%;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		text-align: center;
	}

	#main-mobile-menu-wrapper #main-mobile-menu-content-wrapper ul {
		width: 100%;
		padding: 30px 15px;
	}

	#main-mobile-menu-wrapper #main-mobile-menu-content-wrapper ul li {
		line-height: 70px;
		border-bottom: 1px solid #03c0f4;
	}

	#main-mobile-menu-wrapper #main-mobile-menu-content-wrapper ul li:first-child {
		border-top: 1px solid #03c0f4;
	}

	#main-mobile-menu-wrapper #main-mobile-menu-content-wrapper ul li a {
		color: #333333;
		font-size: 18px;
		text-transform: uppercase;
	}



		#page-login-wrapper .page-login-container #page-login-credentials-wrapper {
			border: 2px solid #03c0f4;
			padding: 30px;
			border-radius: 15px;
		}


		#header-wrapper {
			height: 100px;
			min-height: 100px;
			padding: 0 15px;
		}

		#header-wrapper #header-logo-wrapper {
			height: 100px;
			padding: 15px 0;
			background-size: auto 60px;
		}


		#header-wrapper #main-menu-wrapper ul li {
			height: 70px;
		}


	/* ---- PAGE-TEMPLATES --> PAGINA INCLUSIEF LINKS ---- */
	#page-incl-links-wrapper .page-incl-links-content-container ul li a {
		font-size: 16px;
	}

	#page-incl-links-wrapper .page-incl-links-content-container ul li a:after {
		top: 12px;
		height: 26px;
		width: 26px;
		right: 15px;
		font-size: 12px;
		line-height: 26px;
		border-radius: 13px;
	}

	







		
		
		#top-header-wrapper ul {
			position: relative;
			right: 15px;
		}
		
		.mobile-menu {
			margin-top: 30px;
		}
		
		.mobile-menu .mobile-menu-text {
			height: 50px;
			line-height: 50px;
		}
		
		.mobile-menu .mobile-menu-text:after {
			content: ">";
			margin: 0 5px;
		}
		
		.navbar-toggle {
			border-color: #008aba;
		}
		
		.navbar-toggle .icon-bar {
			background-color: #008aba;
		}
		
		.single-mgb-visit-select-content-container .single-mgb-visit-select-content-title {
			font-size: 18px;
			line-height: 32px;
		}
		
		.gform_wrapper .gform_body {
			position: relative;
			left: 0; /* -15px; */
			width: 100%; /* calc( 100% + 30px); */
		}
		
		.fp-loginout-wrapper .gform_wrapper .gform_body {
			left: 0;
			width: 100%;
		}
		
		.gform_wrapper input, .gform_wrapper textarea {
			width: 100%;
		}
		
		.gform_wrapper .gsection {
			display: table-cell;
			height: auto;
		}
		
		.gform_wrapper .gform_body h2.gsection_title {
			position: relative;
			vertical-align: middle;
			padding: 10px 0!important;
		}
	
		.gform_wrapper .gfield.gfield_html.gfield_html_formatted strong {
			font-size: 16px;
			line-height: normal;
		}
		
		
		
		.gfield.gfield_calculation {
			margin-top: 30px;
		}
		
		#sticky-list-wrapper_2 {
			display: none;
		}
	}
	









/* ---- FORMULIER ---- */
.gform_body {
}

					.gform_wrapper {
						margin: 0!important;
						max-width: 100%!important;
					}

					.gform_wrapper ul li {
						padding-left: 15px;
						padding-right: 0;
					}

					.gform_wrapper ul li.clear-fix {
						padding-left: 0;
						padding-right: 0;
					}

					.gform_wrapper ul li.gfield  {
						clear: inherit!important;
					}

					.gform_wrapper ul li.clear-fix {
						clear: both!important;
					}

.gform_wrapper .gfield_label {
	font-weight: inherit!important;
	color: #717171;
	margin-top: 24px!important;
	margin-bottom: 0!important;
}

					.gform_wrapper .top_label input.medium, 
					.gform_wrapper .top_label select.medium {
						width: 100%!important;
					}

					.gform_wrapper li.hide-label label.gfield_label {
						display: none;
					}

					.gform_wrapper div.ginput_container {
						width: 100%;
					}

					.gform_wrapper li.label-w275 label {
						width: 275px;
					}

					.gform_wrapper ul li textarea {
						width: 100%!important;
					}

					.gform_wrapper ul li input,
					.gform_wrapper ul li textarea {
						border: 1px solid #999999;
					}

					.gform_wrapper h2 {
						color: #000000;
						margin-bottom: 0;
						text-indent: 15px;
					}

					.gform_wrapper li.gsection {
						background-color: #f1f1f1;
						padding: 15px 0;
						border-bottom: 0 none;
						border-left: 5px solid #ffa627;
					}

					.gform_wrapper ul li.gfield.hidden-field {
						display: none!important;
					}

					.gform_wrapper .gform_page_footer {
						border-top: 0 none!important;
					}

					.gform_wrapper .hidden_label input.large, 
					.gform_wrapper .hidden_label select.large, 
					.gform_wrapper .top_label input.large, 
					.gform_wrapper .top_label select.large {
						min-width: 100%;
						max-width: 100%;
					}

					.gform_wrapper li.no-border input {
						border: 0 none;
						text-indent: 0;
					}

					.gform_button.button {
						display: inline-block;
						position: relative;
						padding: 10px 20px;
						margin: 10px 0;
						font-size: 16px;
						color: #000000;
						background-color: #0eb1aa;
						border: 0 none;
						border-right: 3px solid #138980;
						transition: all ease-in-out .2s;
						/* box-shadow: 5px 5px 5px 0px rgba( 0, 0, 0, 0.4);
						-moz-box-shadow: 5px 5px 5px 0px rgba( 0, 0, 0, 0.4);
						-webkit-box-shadow: 5px 5px 5px 0px rgba( 0, 0, 0, 0.4);
						-ms-box-shadow: 5px 5px 5px 0px rgba( 0, 0, 0, 0.4);
						-o-box-shadow: 5px 5px 5px 0px rgba( 0, 0, 0, 0.4); */
					}

					.gform_button.button:hover {
						color: #ffffff;
						text-decoration: none;
						background-color: #138980;
						/* border-right: 3px solid #0eb1aa; */
						transition: all ease-in-out .2s;
					}

					.gform_wrapper li.total-field label {
						background-color: #f1f1f1;
						border-left: 3px solid #3a3b35;
						padding: 10px;
					}


					.gform_wrapper .gf_step span.gf_step_number {
						display: hidden!important;
					}



					/* ---- GRAVITY FORMS/SENSEI --> INLOGGEN ---- */
					.gform_wrapper.gf_login_form ul li {
						padding-left: 0!important;
					}

					.gform_wrapper.gf_login_form ul li input,
					#my-courses #loginform.login.sensei input[type="text"],
					#my-courses #loginform.login.sensei input[type="password"] {
						width: 300px;
						height: 40px;
						line-height: 40px;
						border-color: #f3773e;
					}

					

					.gform_wrapper.gf_login_form .gfield_label {
						margin-top: 0!important;
					}

					nav.gf_login_links a {
						font-size: 12px!important;
						color: #666666!important;
						margin-top: 15px!important;
					}

					

					.gform_wrapper.gf_login_form .ginput_container_checkbox,
					#my-courses #loginform.login.sensei .remember_me {
						display: none;
					}


@media(max-width: 767px) {
	

	.gform_wrapper .gf_list_inline .ginput_container_radio input[type="radio"] {
		visibility: hidden;
		width: 100%;
	}
	
	.gform_wrapper .gf_list_inline .ginput_container_radio input[type="radio"] + label {
		position: relative;
		width: 100%!important; /* 50px!important; */
		height: 50px;
		font-size: 18px;
		line-height: 50px;
		margin-right: 0;
		max-width: 100%;
		border: 0 none;
		background-color: #f1f1f1;
		color: #3a3b35;
		transition: all .2s ease-in-out;
		-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;
	}
	
	.gform_wrapper .gf_list_inline .ginput_container_radio input[type="radio"]:hover + label {
		background-color: #0080a3!important;
		color: #ffffff!important;
		cursor: pointer;
		transition: all .2s ease-in-out;
		-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;
	}
	
	.gform_wrapper .gf_list_inline .ginput_container_radio input[type="radio"]:checked + label {
		position: relative;
		width: 100%!important; /* 50px!important; */
		height: 50px;
		background-color: #03c0f4;
		color: #ffffff;
		transition: all .2s ease-in-out;
		-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;
	}
		
	.gform_wrapper .gf_list_inline .ginput_container_radio input[type="radio"]:focus + label {
		background-color: #0080a3!important;
		color: #ffffff!important;
		cursor: pointer;
		transition: all .2s ease-in-out;
		-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;
	}

	.gform_wrapper .gf_list_inline .ginput_container_radio div, .gform_wrapper li.hidden-label li {
		display: block;
		margin: -25px 0 15px 0!important;
		line-height: inherit!important;
	}
	
	.gform_wrapper .gf_list_inline .ginput_container_radio input[type="radio"] + label {
		display: block; /* table-cell; */
		text-align: center;
	}

	body .gform_wrapper.gravity-theme .gform_previous_button.button {
		margin-bottom: 15px;
	}
	
	body .gform_wrapper.gravity-theme .gform_next_button.button {
		margin-bottom: 15px;
		margin-left: 0
	}
	
	body .gform_wrapper.gravity-theme .gform_save_link.button {
		border: 0 none;
	}
	
}




					


@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
	
}



@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
							
}




				




/* ---- SIMPLE BACK TO TOP BUTTON ---- */
#sbttBacktotop img {
	height: 50px;
	width: auto;
}