:root {
  --bs-blue										: #106735;
  --bs-indigo									: #6610f2;
  --bs-purple									: #6f42c1;
  --bs-pink										: #d63384;
  --bs-red										: #dc3545;
  --bs-orange									: #fd7e14;
  --bs-yellow									: #ffc107;
  --bs-teal										: #d1f0ad;
  --bs-cyan										: #0dcaf0;
  --bs-white									: #fff;
  --bs-gray										: #6c757d;
  --bs-gray-dark							: #343a40;
  --bs-green									: #106735;
	--bs-green-hover						: #212121;
	--bs-green-m								: #4b953a;
	--bs-green-l								: #86c440;
	
	--bs-green-rgb 							: 16, 103, 53;
	--bs-green-m-rgb						: 75, 149, 58;
	--bs-green-l-rgb						: 134, 196, 64;

  --bs-gray-100								: #f8f9fa;
  --bs-gray-200								: #e9ecef;
  --bs-gray-300								: #dee2e6;
  --bs-gray-400								: #ced4da;
  --bs-gray-500								: #adb5bd;
  --bs-gray-600								: #6c757d;
  --bs-gray-700								: #495057;
  --bs-gray-800								: #343a40;
  --bs-gray-900								: #212529;
	
	--bs-primary-color					: #fff;
  --bs-primary								: #106735;
	--bs-primary-hover-color 		: #fff;
	--bs-primary-hover 					: #4b953a;
	
	--bs-secondary-color 				: #333;
	--bs-secondary 							: #ced4da;
	--bs-secondary-hover-color 	: #fff;
	--bs-secondary-hover 				: #343a40;
	
	--bs-info-color							: #fff;
	--bs-info										: #86c440;
	--bs-info-hover-color				: #fff;
	--bs-info-hover							: #70a435;
	
	--bs-warning-color					: #fff;
	--bs-warning								: #3b60ac;
 	--bs-warning-hover-color		: #fff;
	--bs-warning-hover					: #325294;
	
	--bs-danger-color						: #fff;
	--bs-danger									: #bb271c;
 	--bs-danger-hover-color			: #fff;
	--bs-danger-hover						: #9f2219;
	
	--bs-success-color					: #fff;
	--bs-success								: #008744;
 	--bs-success-hover-color		: #fff;
	--bs-success-hover					: #016c36;

  --bs-light									: #f8f9fa;
  --bs-dark										: #212529;
	
  --bs-primary-rgb						: 13, 110, 253;
  --bs-secondary-rgb					: 108, 117, 125;
  --bs-success-rgb						: 25, 135, 84;
  --bs-info-rgb								: 13, 202, 240;
  --bs-warning-rgb						: 255, 193, 7;
  --bs-danger-rgb							: 220, 53, 69;
	
  --bs-light-rgb							: 248, 249, 250;
  --bs-dark-rgb								: 33, 37, 41;
  --bs-white-rgb							: 255, 255, 255;
  --bs-black-rgb							: 0, 0, 0;
  --bs-body-color-rgb					: 33, 37, 41;
  --bs-body-bg-rgb						: 255, 255, 255;
	
	--bs-link-color							: #212121;
	--bs-link-color-hover				: #106735;
	
  --bs-font-sans-serif				: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-font-monospace					: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-gradient								: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --bs-body-font-family				: var(--bs-font-sans-serif);
  --bs-body-font-size					: 1rem;
  --bs-body-font-weight				: 400;
  --bs-body-line-height				: 1.5;
	
	--light											: #fff;
	--dark											: #212121;

	--bs-a											: #212121;
	--bs-a-hover								: #106735;
  --bs-body-color							: #212121;
  --bs-body-bg								: #eef3ed;
	--bs-body-bg-image					: url(/gfx/bg-scan-default-light.jpg);
} 

html,body {height: 100%;}
body {
	font-size: 13.8pt;
	letter-spacing: -0.005em;
	line-height: 20pt;
	font-family: 'Rubik', arial, sans-serif;
	font-weight: 400;
	padding: 0;
	color: var(--bs-body-color);
	background-color: var(--bs-body-bg);
	background-image: var(--bs-body-bg-image);
	background-position: top right;
	background-repeat: no-repeat;
	background-attachment: fixed;
	-webkit-background-size: cover;
		 -moz-background-size: cover;
			 -o-background-size: cover;
					background-size: cover;
}

.embed-responsive-4by3::before {
	padding-top: 70vh !important;
}

.wrap {min-height: 5em;margin: auto;}


.headerWrapper{
	z-index: 1030;
	position: relative;
	width: 100%;
	}


a:not(.btn), a:visited:not(.btn) {
	color:var(--bs-a);
	text-decoration: none;
}
a:hover:not(.btn), a:active:not(.btn), a:focus:not(.btn){
	color: var(--bs-a-hover);
	text-decoration: none;
	outline: none;
}

h1, h2, h3, h4 {
	font-family: 'Heebo', arial, sans-serif;
  word-spacing: -0.015em;
	line-height: 1.1em;
	margin: 0.35rem 0;
	}

 h5, h6 {
	font-family: 'Heebo', arial, sans-serif;
	margin: 0.035em 0;
	}

h1 {font-size: 24pt;letter-spacing: -0.025em;font-weight: 400;}	
h2 {font-size: 22pt;letter-spacing: -0.025em;font-weight: 400;}
h3 {font-size: 20pt;letter-spacing: -0.025em;font-weight: 400;}
h4 {font-size: 16pt;letter-spacing: -0.025em;font-weight: 400;}
h5 {font-size: 12pt;letter-spacing: 0;}
h6 {font-size: 10pt;letter-spacing: 0;}
	
/* sitelogo height: 102px;width: 228px; */
.logo {position: relative;top: 0;left: -5px;height: 50px;width: auto;margin: 15px 0;}
.logo-small {display:none;}
.scan-logo {position: relative;top: 0;left: -5px;height: 50px;width: auto;margin: 15px 0;}


.caroussel-responsive {
	margin: auto;
}
.current  {
	padding-left: 18px;
	color: #000;
}

/* navbar */
.navWrapper {
	margin: 0;
	width: 100%;
	z-index: 1030;
	background: none;
}

.navWrapper.stuck{
	position: fixed;
	z-index: 30;
	top: 0;
	left: 0;
	right:0;
	background: var(--bs-gray-100);
}

.navWrapper.stuck .logo-small{
	position: absolute;
	left: 1rem;
	top: 8px;
	width: auto;
	height: 30px;
	}

.navbar-categories, .navbar-scan {
	font-family: 'Heebo', arial, sans-serif;
  border-radius: 0;
	text-transform: uppercase;
	margin: 0 ;
	min-height: auto;
	padding:0;
}

.btn-link.navbar-toggler  {
  color: var(--bs-green);
	font-size: 18pt;
	line-height: 18pt;
	letter-spacing: 0.04em;
	padding: 10px 20px !important;
	border: none;
	outline: 0px !important;
	box-shadow:  none !important;
}


button:focus:not(:focus-visible), .btn-link:focus {
	outline: none !important;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  box-shadow: none!important;
}

.btn-link.navbar-toggler:focus, .btn-link.navbar-toggler:hover, .btn-link.navbar-toggler:active {
	color: var(--bs-green-hover);
	text-decoration: none;
	background-color: transparent;
	border: none;
	outline: 0px !important;
	box-shadow:  none !important;
}

/*color mode*/
:root[data-bs-theme="light"] .light--hidden {
	display: none;
}

:root[data-bs-theme="dark"] .dark--hidden {
	display: none;
}

.navWrapper .mode-switch {
	display:none;
}

.color-mode__btn {
	padding: 0 0 0 5px;
	margin: 0 !important;
	color: var(--bs-a);
	border: none;
	font-weight: 300 !important;
	text-transform: uppercase;
	display: inline-block;
	vertical-align:  baseline;
}

.color-mode__btn:focus, .color-mode__btn:hover, .color-mode__btn:active {
	text-decoration: none;
	border: none;
	color: var(--bs-a-hover);
}

.color-mode__btn:focus .svg-inline--fa, .color-mode__btn:hover .svg-inline--fa, .color-mode__btn:active .svg-inline--fa {
	border: none;
}

.navWrapper .color-mode__btn {
	padding: 5px 25px 5px 0 !important;
	margin: 0 !important;
}

.color-mode .svg-inline--fa {
	color: var(--bs-green-m);
}

/*
.navbar-top {
	padding:0;
	border: none;
	border: 2px solid red;
}
*/

.navbar-scan .navbar-brand {
	padding: 0;
	margin: 3px 0 3px 1rem;
}

.nav-scan > li.nav-result, .nav-categories > li > a, .nav-scan > li > a  {
	font-weight: 500;
	font-size: 12pt;
	line-height: 12pt;
	letter-spacing: -0.025em;
	padding: 15px 15px !important;
}

.nav-scan > li > a  {
	padding: 15px 15px !important;
}

a.top-link {
	padding: 0 15px 0 25px;
}

#top-link.fa-chevron-right{
	font-size: 22px;
	position: relative;
	top: 4px;
	left: 0;
	color: var(--bs-green-m);
}

#top-link.fa-chevron-up{
	font-size: 22px;
	position: relative;
	top: 2px;
	left: 0;
	color: var(--bs-green-m);
}

.nav-scan > li.nav-result, .nav-categories > li > a, .nav-scan > li > a  {
	font-weight: 500;
	font-size: 13pt;
	line-height: 14pt;
	letter-spacing: -0.025em;
	padding: 15px 15px !important;
	color: var(--bs-a);
}


.nav-categories > li > a:hover, .nav-categories > li > a:active,
.nav-scan > li > a:hover, .nav-scan > li > a:active,
.navbar-collapse.show .nav-categories > li > a:hover, .navbar-collapse.show .nav-categories > li > a:active, .nav-link.active {
  background: rgba(var(--bs-green-m-rgb),0.2);
  color: var(--bs-a-hover);
}

.navbar-dark a.nav-link, .navbar-dark .nav-link:focus, .navbar-dark .nav-link:hover {
	color: #d1d1d1;
}
.panel-profile{
	text-align: left;
}

/* navbar scan */

.navScanWrapper {
	margin: 0;
	width: 100%;
	left: -9999;
	opacity: 0;
	position: absolute;
	z-index: 0;
}

.navScanWrapper.stuck{
	position: fixed;
	z-index: 30;
	opacity: 1;
	top: 0;
	left: 0;
	right:0;
	background: var(--bs-gray-100);	
	}
	

.modal-content {
	background-color: var(--bs-white);
	border: 1px solid rgba(var(--bs-gray-900),.2);
}
.modal-header {padding: .2rem 1rem .3rem 1rem;border: 1px solid rgba(var(--bs-gray-900),.2);}

.keyTypes {text-align: left;}


/* nav-tabs*/
.tab-content{
	padding: 20px 20px 10px 20px;
	background: #393154;
	margin: 0 0 30px 0;
	-webkit-border-radius: 0 4px 4px 4px;
		 -moz-border-radius: 0 4px 4px 4px;
				  border-radius: 0 4px 4px 4px;
	}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
  background-color: #393154;
  color: #fff;
	border: 1px solid #393154;
	padding: 10px 30px 10px 15px;
}

.nav-tabs > li > a > i {color: #3b61ac;font-size: 21px;}
.nav-tabs > li.active > a > i {color: #3b61ac;}

.nav-carousel .panel-default {border: none;}

/* collapse*/
[data-bs-toggle="collapse"] span {  
  font-family: 'Heebo', arial, sans-serif;
	font-size: 8px;
	padding: 0 0 0 1px;
	color: var(--bs-green);
	display: inline-block;
	width: 14px;
	height: 14px;
	line-height: 12px;
	text-align: center;
	margin: 0 5px 0 0;
	background: #fff;
	border: 1px solid var(--bs-green);
	-webkit-border-radius: 50%;
		 -moz-border-radius: 50%;
				  border-radius: 50%;
}
[data-bs-toggle="collapse"] span:before {  
  content: "\25B6";
}

[aria-expanded="true"] span:before {  
  content: "\25BC";
	color: #c41230;
}

[data-bs-toggle="collapse"].collapsed span:before {
  content: "\25B6";
}

.counter-up {
	display: inline-block;
	min-width: 118px;
}

.counter-countries {
	display: inline-block;
	min-width: 43.7px;
}

/* breadcrumb */
.crumb {
	padding: 15px 0 15px 0;
	margin: 0;
	}
	
.breadcrumb {
	font-family: 'Heebo', arial, sans-serif;
	clear: both;
	margin: 0;
	padding: 0 ;
	font-size: 10pt;
	letter-spacing: 0.045em;
	}
	
.breadcrumb li, .breadcrumb a, .breadcrumb a:visited {color: var(--bs-a);font-weight: 500;white-space: nowrap; display: inline;text-transform: uppercase;}
.breadcrumb li.active, .breadcrumb li.active a, .breadcrumb li.active a:visited {color: var(--bs-a);font-weight: normal;}
.breadcrumb a:hover, .breadcrumb li.active a:hover {color: var(--bs-a-hover);text-decoration: none;}

.blueBg .breadcrumb li, .blueBg .breadcrumb a, .blueBg .breadcrumb a:visited {color: #fff;}
.blueBg .breadcrumb li.active, .blueBg .breadcrumb li.active a, .blueBg .breadcrumb li.active a:visited {color: #3b61ac;}
.blueBg .breadcrumb > li + li:before {color: #3b61ac;}


.bg-zwart .breadcrumb li, .bg-zwart .breadcrumb a, .bg-zwart .breadcrumb a:visited {color: #fff;}
.bg-zwart .breadcrumb li.active, .bg-zwart .breadcrumb li.active a, .bg-zwart .breadcrumb li.active a:visited {color: var(--bs-green-l);}
.bg-zwart .breadcrumb > li + li:before {color: var(--bs-green-l);}

.breadcrumb {background: none;}


.breadcrumb > li + li:before {
  color: var(--bs-green-m);
	content: "\276f"; 
	opacity: .6;
	padding: 0 8px;
	font-size: 12px;
}

.image-box {
  display: flex;
	flex-wrap: wrap;
	margin: 1px 0 0 0;
}

.extra-image{
	width: calc(50% - 1px );
	margin: 0 1px 1px 0;
}

.extra-images {
	position: relative;
}
.ClToEnlarge {
	top: 10px;
	left: 10px;
	z-index: 10;
	position: absolute;
	padding: 10px;
}

.enlarge-picture{cursor: pointer;}

.extra-image-overlay{
	cursor: pointer;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 5;
	padding: 5px 10px;
	font-size: 10pt;
	line-height: 12pt;
}

.sNav ul {
	margin: 0;
	padding: 0;
	display: block;
	}

.sNav ul li {
	margin: 0 0 0 0;
	padding: 0;
	list-style: none;
	font-weight: normal;
	list-style-type: none;
	border: 1px solid red;
	}
	

.sNav ul li a, .sNav ul li a:visited {
	color:#fff;
	position: relative;
	margin: 0 0 0 0;
	padding: 2px 5px 2px 18px;
	text-decoration: none;
	display: block;
	margin: 0;
	white-space: normal;
	overflow:hidden !important;
  text-overflow: ellipsis;
	}
	
.sNav li i {
	position: absolute;
	left: 0;
	top: 4px;
	color:#ddd;
	font-size: 14px;
}
	
.sNav .last-item {
	background: none;
	}
	
.sNav ul li a:hover, .sNav ul li:hover, .sNav li a:focus, a.sActive {
	color: #999;
	text-decoration: none;
}
	

/* ========= hoofdnavigatie */
.hNav ul {
	font-family: 'Heebo', Helvetica, arial, sans-serif;
	font-size: 12pt;
	text-transform: uppercase;
	}

.hNav ul li {
	display: inline; 
	}

.hNav ul li a, .hNav ul li a:visited {
	color: #fff;
	text-decoration: none;
  letter-spacing: 0; 
	font-weight: 500;
	letter-spacing: 0.025em;
  word-spacing: -0.015em;
	}
	
	
	
/* bootstrap form */
.form-control {
	display: block;
	width: 100%;
	padding: .375rem .75rem;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: var(--dark);
	background-color: var(--bs-white);
	border: 1px solid var(--bs-gray-300);
}

.input-group-text {
	color: var(--dark);
	background-color: var(--green-m);
	border: 1px solid var(--bs-gray-300);
}

.form-check {
  display: block;
  min-height: 2rem;
  padding-left: 1.5em;
  margin: 0.5rem 0;
}
.form-check .form-check-input {
  float: left;
  margin-left: -1.5em;
}

.form-check-input {
  width: 1.5em;
  height: 1.5em;
  margin-top: 0.25em;
  vertical-align: top;
  background-color: var(--bs-light);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: 1px solid var(--bs-green-m);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
	transition: all 0.15s ease-out 0s;
	box-shadow:
	  0.1px 0.1px 2.1px rgba(0, 0, 0, 0.0251),
	  0.3px 0.3px 5.1px rgba(0, 0, 0, 0.043),
	  0.6px 0.6px 9.5px rgba(0, 0, 0, 0.09),
	  1.1px 1.1px 17px rgba(0, 0, 0, 0.067),
	  2.1px 2.1px 31.8px rgba(0, 0, 0, 0.099),
	  2px 2px 76px rgba(0, 0, 0, 0.18);
}

.form-check-label{
	display: inline-block;
	padding: 0.5em  0.75em; 
	line-height: 1.2rem;
}
.form-check-input[type=checkbox] {
  border-radius: 0.25em;
}
.form-check-input[type=radio] {
  border-radius: 50%;
}
.form-check-input:active {
  filter: brightness(90%);
}

.form-check-input:focus, .form-check-input:hover {
	border-color: var(--bs-green);
	outline: 0;
	box-shadow:
	  0.1px 0.1px 2.1px rgba(0, 0, 0, 0.051),
	  0.3px 0.3px 5.1px rgba(0, 0, 0, 0.073),
	  0.6px 0.6px 9.5px rgba(0, 0, 0, 0.09),
	  1.1px 1.1px 17px rgba(0, 0, 0, 0.187),
	  2.1px 2.1px 31.8px rgba(0, 0, 0, 0.189),
	  5px 5px 76px rgba(0, 0, 0, 0.18);
}

.form-check-input:checked {
  background-color: var(--bs-green);
  border-color: var(--bs-green);
}
.form-check-input:checked[type=checkbox] {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}
.form-check-input:checked[type=radio] {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}

.form-check-input:checked:hover {
  background-color: var(--bs-green);
	border-color: var(--bs-green-l);
}

.form-check-input:checked::after {
  -webkit-animation: click-wave 0.65s;
  -moz-animation: click-wave 0.65s;
  animation: click-wave 0.65s;
  background: var(--bs-gray-600);
  content: '';
  display: block;
}

.form-check-input[type=radio]:after {
  border-radius: 50%;
}

@keyframes click-wave {
  0% {
    height: 1.5em;
    width: 1.5em;
    opacity: 0.35;
    position: relative;
  }
  100% {
    height: 3em;
    width: 3em;
    margin-left: -0.9em;
    margin-top: -0.9em;
    opacity: 0;
  }
}


.form-control.input-valid {
	padding-right: calc(1.5em + .75rem);
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
	background-repeat: no-repeat;
	background-position: right calc(.375em + .1875rem) center;
	background-size: calc(.75em + .375rem) calc(.75em + .375rem);
}

.form-control.input-invalid {
	padding-right: calc(1.5em + .75rem);
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
	background-repeat: no-repeat;
	background-position: right calc(.375em + .1875rem) center;
	background-size: calc(.75em + .375rem) calc(.75em + .375rem);
}

.form-control.input-search {
	padding-right: calc(1.5em + .75rem);
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352c79.5 0 144-64.5 144-144s-64.5-144-144-144S64 128.5 64 208s64.5 144 144 144z'/%3e%3c/svg%3e");
	background-repeat: no-repeat;
	background-position: right calc(.375em + .1875rem) center;
	background-size: calc(.55em + .375rem) calc(.55em + .375rem);
}



.dropdown-menu li a {line-height: 20pt;}


.btn {font-family: 'Heebo', Helvetica, arial, sans-serif;font-weight: 500;text-decoration: none;}
.btn:focus {outline: none;}
.btn-large{	font-size: 1.2em;}
.btn-larger{	font-size: 1.6em;}
.btn-upper{text-transform: uppercase;}
.btn-block {display: block;	width: 100%;}

.btn, .form-control, .input-group-addon, .card {
	-webkit-border-radius: 0;
		 -moz-border-radius: 0;
				  border-radius: 0;
}

.btn.btn-raised:not(.btn-link), .input-group-btn .btn.btn-raised:not(.btn-link), .btn-group-raised .btn:not(.btn-link), 
	.btn-group-raised .input-group-btn .btn:not(.btn-link), .raised {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

.btn.btn-lg .svg-inline--fa{
	font-size: 18px;
}

.btn-xs, .btn-group-xs > .btn {
	padding: 1px 5px;
	font-size: 12px;
	line-height: 1.5;
}


.btn-chevron-before:before {
	padding: 0 10px 0 5px;
	font-size: 90%;
	content: "\276f"; 
	opacity: .6;
}

.btn-chevron:after {
	padding: 0 5px 0 10px;
	font-size: 90%;
	content: "\276f"; 
	opacity: .6;
}	

.raised-medium{
	box-shadow:
  0 0.4px 2.1px rgba(0, 0, 0, 0.014),
  0 1.1px 5.8px rgba(0, 0, 0, 0.02),
  0 2.7px 13.9px rgba(0, 0, 0, 0.026),
  0 9px 46px rgba(0, 0, 0, 0.04);
}

.raised-large, .extra-image:hover, .award-logo:hover{
	box-shadow:
  0 0.2px 2.2px rgba(0, 0, 0, 0.02),
  0 0.4px 5.3px rgba(0, 0, 0, 0.028),
  0 0.8px 10px rgba(0, 0, 0, 0.035),
  0 1.3px 17.9px rgba(0, 0, 0, 0.042),
  0 2.5px 33.4px rgba(0, 0, 0, 0.05),
  0 6px 80px rgba(0, 0, 0, 0.07);
}


.btn-round{
	padding: 5px 8px;
	-webkit-border-radius: 50%;
	   -moz-border-radius: 50%;
			    border-radius: 50%;
}

.btn-flat{
	-webkit-border-radius: 0;
	   -moz-border-radius: 0;
			    border-radius: 0;
}

.btn-left {text-align: left;}

.btn-primary {
	--bs-btn-color: var(--bs-primary-color);
	--bs-btn-bg: var(--bs-primary);
	--bs-btn-border-color: var(--bs-primary);
	--bs-btn-hover-color: var(--bs-primary-hover-color);
	--bs-btn-hover-bg: var(--bs-primary-hover);
	--bs-btn-hover-border-color: var(--bs-primary-hover);
	--bs-btn-focus-shadow-rgb: 49,132,253;
	--bs-btn-active-color: var(--bs-primary-hover-color);
	--bs-btn-active-bg: var(--bs-primary-hover);
	--bs-btn-active-border-color: var(--bs-primary-hover);
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: var(--bs-primary-hover-color);
	--bs-btn-disabled-bg: var(--bs-primary-hover);
	--bs-btn-disabled-border-color: var(--bs-primary-hover);
}

.btn-outline-primary {
  --bs-btn-color: var(--bs-primary);
  --bs-btn-border-color: var(--bs-primary);
  --bs-btn-hover-color: var(--bs-primary-hover-color);
  --bs-btn-hover-bg: var(--bs-primary);
  --bs-btn-hover-border-color: var(--bs-primary);
  --bs-btn-focus-shadow-rgb: 13, 110, 253;
  --bs-btn-active-color: var(--bs-primary-hover-color);
  --bs-btn-active-bg: var(--bs-primary);
  --bs-btn-active-border-color: var(--bs-primary);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: var(--bs-primary);
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: var(--bs-primary);
  --bs-gradient: none;
}

.btn-secondary {
  --bs-btn-color: var(--bs-secondary-color);
  --bs-btn-bg: var(--bs-secondary);
  --bs-btn-border-color: var(--bs-secondary);
  --bs-btn-hover-color: var(--bs-secondary-hover-color);
  --bs-btn-hover-bg: var(--bs-secondary-hover);
  --bs-btn-hover-border-color: var(--bs-secondary-hover);
  --bs-btn-focus-shadow-rgb: 130, 138, 145;
  --bs-btn-active-color: var(--bs-secondary-hover-color);
  --bs-btn-active-bg: var(--bs-secondary-hover);
  --bs-btn-active-border-color: var(--bs-secondary-hover);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: var(--bs-secondary-hover-color);
  --bs-btn-disabled-bg: var(--bs-secondary-hover);
  --bs-btn-disabled-border-color: var(--bs-secondary-hover);
	--bs-chevron: var(--bs-secondary-hover);
}

.btn-outline-secondary {
  --bs-btn-color: var(--bs-secondary-color);
  --bs-btn-border-color: var(--bs-secondary);
  --bs-btn-hover-color: var(--bs-secondary-hover-color);
  --bs-btn-hover-bg: var(--bs-secondary-hover);
  --bs-btn-hover-border-color: var(--bs-secondary-hover);
  --bs-btn-focus-shadow-rgb: 108, 117, 125;
  --bs-btn-active-color: var(--bs-secondary-hover-color);
  --bs-btn-active-bg: var(--bs-secondary-hover);
  --bs-btn-active-border-color: var(--bs-secondary-hover);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: var(--bs-secondary-hover-color);
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: var(--bs-secondary-hover);
  --bs-gradient: none;
}

.btn-info {
  --bs-btn-color: var(--bs-info-color);
  --bs-btn-bg: var(--bs-info);
  --bs-btn-border-color: var(--bs-info);
  --bs-btn-hover-color: var(--bs-info-hover-color);
  --bs-btn-hover-bg: var(--bs-info-hover);
  --bs-btn-hover-border-color: var(--bs-info-hover);
  --bs-btn-focus-shadow-rgb: 11, 172, 204;
  --bs-btn-active-color: var(--bs-info-hover-color);
  --bs-btn-active-bg: var(--bs-info-hover);
  --bs-btn-active-border-color: var(--bs-info-hover);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: var(--bs-info-hover-color);
  --bs-btn-disabled-bg: var(--bs-info-hover);
  --bs-btn-disabled-border-color: var(--bs-info-hover);
	--bs-chevron: var(--bs-info-hover);
}

.btn-outline-info {
  --bs-btn-color: var(--bs-info);
  --bs-btn-border-color: var(--bs-info);
  --bs-btn-hover-color: var(--bs-info-hover-color);
  --bs-btn-hover-bg: var(--bs-info-hover);
  --bs-btn-hover-border-color: var(--bs-info-hover);
  --bs-btn-focus-shadow-rgb: 13, 202, 240;
  --bs-btn-active-color: var(--bs-info-hover-color);
  --bs-btn-active-bg: var(--bs-info-hover);
  --bs-btn-active-border-color: var(--bs-info-hover);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: var(--bs-info-hover-color);
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: var(--bs-info-hover);
  --bs-gradient: none;
}

.btn-warning {
  --bs-btn-color: var(--bs-warning-color);
  --bs-btn-bg: var(--bs-warning);
  --bs-btn-border-color: var(--bs-warning);
  --bs-btn-hover-color: var(--bs-warning-hover-color);
  --bs-btn-hover-bg: var(--bs-warning-hover);
  --bs-btn-hover-border-color: var(--bs-warning-hover);
  --bs-btn-focus-shadow-rgb: 11, 172, 204;
  --bs-btn-active-color: var(--bs-warning-hover-color);
  --bs-btn-active-bg: var(--bs-warning-hover);
  --bs-btn-active-border-color: var(--bs-warning-hover);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: var(--bs-warning-hover-color);
  --bs-btn-disabled-bg: var(--bs-warning-hover);
  --bs-btn-disabled-border-color: var(--bs-warning-hover);
	--bs-chevron: var(--bs-warning-hover);
}

.btn-outline-warning {
  --bs-btn-color: var(--bs-warning);
  --bs-btn-border-color: var(--bs-warning);
  --bs-btn-hover-color: var(--bs-warning-hover-color);
  --bs-btn-hover-bg: var(--bs-warning-hover);
  --bs-btn-hover-border-color: var(--bs-warning-hover);
  --bs-btn-focus-shadow-rgb: 13, 202, 240;
  --bs-btn-active-color: var(--bs-warning-hover-color);
  --bs-btn-active-bg: var(--bs-warning-hover);
  --bs-btn-active-border-color: var(--bs-warning-hover);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: var(--bs-warning-hover-color);
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: var(--bs-warning-hover);
  --bs-gradient: none;
}

.btn-danger {
  --bs-btn-color: var(--bs-danger-color);
  --bs-btn-bg: var(--bs-danger);
  --bs-btn-border-color: var(--bs-danger);
  --bs-btn-hover-color: var(--bs-danger-hover-color);
  --bs-btn-hover-bg: var(--bs-danger-hover);
  --bs-btn-hover-border-color: var(--bs-danger-hover);
  --bs-btn-focus-shadow-rgb: 11, 172, 204;
  --bs-btn-active-color: var(--bs-danger-hover-color);
  --bs-btn-active-bg: var(--bs-danger-hover);
  --bs-btn-active-border-color: var(--bs-danger-hover);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: var(--bs-danger-hover-color);
  --bs-btn-disabled-bg: var(--bs-danger-hover);
  --bs-btn-disabled-border-color: var(--bs-danger-hover);
	--bs-chevron: var(--bs-danger-hover);
}

.btn-outline-danger {
  --bs-btn-color: var(--bs-danger);
  --bs-btn-border-color: var(--bs-danger);
  --bs-btn-hover-color: var(--bs-danger-hover-color);
  --bs-btn-hover-bg: var(--bs-danger-hover);
  --bs-btn-hover-border-color: var(--bs-danger-hover);
  --bs-btn-focus-shadow-rgb: 13, 202, 240;
  --bs-btn-active-color: var(--bs-danger-hover-color);
  --bs-btn-active-bg: var(--bs-danger-hover);
  --bs-btn-active-border-color: var(--bs-danger-hover);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: var(--bs-danger-hover-color);
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: var(--bs-danger-hover);
  --bs-gradient: none;
}

.btn-success {
  --bs-btn-color: var(--bs-success-color);
  --bs-btn-bg: var(--bs-success);
  --bs-btn-border-color: var(--bs-success);
  --bs-btn-hover-color: var(--bs-success-hover-color);
  --bs-btn-hover-bg: var(--bs-success-hover);
  --bs-btn-hover-border-color: var(--bs-success-hover);
  --bs-btn-focus-shadow-rgb: 11, 172, 204;
  --bs-btn-active-color: var(--bs-success-hover-color);
  --bs-btn-active-bg: var(--bs-success-hover);
  --bs-btn-active-border-color: var(--bs-success-hover);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: var(--bs-success-hover-color);
  --bs-btn-disabled-bg: var(--bs-success-hover);
  --bs-btn-disabled-border-color: var(--bs-success-hover);
	--bs-chevron: var(--bs-success-hover);
}

.btn-outline-success {
  --bs-btn-color: var(--bs-success);
  --bs-btn-border-color: var(--bs-success);
  --bs-btn-hover-color: var(--bs-success-hover-color);
  --bs-btn-hover-bg: var(--bs-success-hover);
  --bs-btn-hover-border-color: var(--bs-success-hover);
  --bs-btn-focus-shadow-rgb: 13, 202, 240;
  --bs-btn-active-color: var(--bs-success-hover-color);
  --bs-btn-active-bg: var(--bs-success-hover);
  --bs-btn-active-border-color: var(--bs-success-hover);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: var(--bs-success-hover-color);
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: var(--bs-success-hover);
  --bs-gradient: none;
}

.noShadow, .noShadow a, .noShadow li a {text-shadow:none;}

.nowrap {white-space: nowrap;}
.well {
	position: relative;
	background-color: #fff;
}

.short {overflow: hidden;}

/* downloads*/
.download-deck  {
	padding:0 0 0 0;
}
.download-deck > .card.download-card {
	width: calc(50% - 1%);
	max-width:calc(50% - 1%);
	margin: 0 1% 1% 0;
	min-height: 148px;
	padding:0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-align-items: stretch;
  align-items: stretch;
		-webkit-border-radius: 0;
	   -moz-border-radius: 0;
			    border-radius: 0;
}


.download-card{
	border: 1px solid rgba(59,79,81,0.125);
}

.download-left {
	margin: 0 0;
	flex-basis: 40%;
	max-width: 40%;
	padding: 0;
	flex-shrink: 1 !important;
}

.download-right {
	margin: 0 0;
	padding: 5px 10px 0 10px;
	flex-basis: 60%;
	max-width: 60%;
}

.download-heading {
	font-size: 12pt;
	line-height: 14pt;
	text-transform: none;
	font-weight: bold;
}
.download-cover {
	width: 100%;
	height: auto;
}

.download-text {
	font-size: 12pt;
	line-height: 14pt;
}

.label-download {
	font-size: 9pt;
	line-height: 10pt;
	text-transform: uppercase;
	margin: 0;
	color: #666;
	padding: 0;
}

.download-footer{
	position: absolute;
	bottom: 0;
	left: 40%;
	right: 0;
}

.noLine{background: none;}

blockquote {
	position: relative;
	padding: 0.2rem 1rem;
	border-left: 4px solid var(--bs-green);
	margin: 1rem 0;
	background: linear-gradient(to right, rgba(0,0,0,0.15) 0%,rgba(0,0,0,0.03) 19%,rgba(0,0,0,0.01) 23%,rgba(0,0,0,0) 24%);
}

.caption {position: relative;min-height: 100px;}
.caption .btn {position: absolute;bottom: 10px;}
.extraPadding {padding: 20px 10px;}

.thumbSmall {margin: 15px 0 5px 15px;width: 25%;height: auto;}

.img-thumbnail {margin: 0 0 10px 0;}

.thumbPic {margin: 0 0 0 0;}
.catPic {width: 30%;height: auto;max-width: 250px;margin: 40px 5px 10px 15px;}
.img-mime-24 {width: auto;height: 24px;margin: auto;}
.img-mime-32 {width: auto;height: 32px;margin: auto;}
.google-play, .itunes { height: 40px; width: auto;margin-top: 10px;}
.link-box{padding: 10px;}

.category {margin: 0 0 30px 0;}

.faces{
	background-image: url(/gfx/bg-faces.jpg);
	position: relative;
	padding: 0;
	width: 100%;
	min-height: 360px;
	margin: 0 auto;
	background-position: left top;
	background-repeat: repeat;
	background-attachment: fixed;
}
.faces-box{
	position: absolute;
	background: rgba(0,0,0,.5);
	z-index: 1;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}
.faces img{
	padding: 0px !important;
	margin: 0px !important;
	width: calc(100%/12);
}
.faces-text {
	font-family: 'Heebo', arial, sans-serif;
	z-index: 2;
	position: absolute;
	font-size: 30pt;
	line-height: 34pt;
	color: #fff;
	width: 54%;
	text-align: left;
	letter-spacing: -0.025em;
	top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}


.firstArticle {
	position: relative;
	padding:0 0 0 0;
	margin:0 0 10px 0;
	clear: both;
	border-bottom: 1px solid #d1d1d1;
}


.textArticle {
	position: relative;
	padding:1rem 0;
	margin:0 0 1rem 0;
	border-bottom: 1px solid #d1d1d1;
}

.whiteBg80 > div:last-child .textArticle {
	border-bottom: none;
}

.textArticle h2 {
	margin:8px 0 8px 0;
}

a.list-group-item, a.list-group-item:visited {
	font-weight: 600;
	text-transform: none;
	font-size: 16px;
	text-align: left;
}

.list-group-item {
	color: var(--dark);
	background-color: var(--bs-gray-100);
	border-color: var(--bs-list-group-border-color);
}

.list-group-navigation a.list-group-item i, h1 i, h2 i, h3 i, h4 i 
.list-group-navigation a.list-group-item .svg-inline--fa, 
.list-group-item .svg-inline--fa,
h1 .svg-inline--fa, 
h2 .svg-inline--fa, 
h3 .svg-inline--fa, 
h4 .svg-inline--fa {
  color: var(--bs-green-m);
	margin-right: 5px;
}

h3 i, h4 i {
  color: var(--bs-green-m);
	font-size: 22px;
	margin-right: 5px;
}

.list-group-item {overflow:hidden;font-family: 'Heebo', arial, sans-serif;}

.list-group-condensed .list-group-item {
  padding: 8px 15px;
}

.list-group-condensed-s .list-group-item {
  padding: 4px 10px;
}

.list-group-item-heading {
 padding-right: 10px;
}

a.list-group-item.active, a.list-group-item.active:hover, a.list-group-item.active:focus {
 	background: rgba(var(--bs-green-m-rgb),0.2);
  border-color: #dbe1ec;
	color: var(--dark);
}

.a.list-group-item.active i {color:var(--bs-green-m);}

a.list-group-item:focus, a.list-group-item:hover, button.list-group-item:focus, button.list-group-item:hover {
	background-color: var(--bs-gray-300);
 	color: var(--dark);
  text-decoration: none;
}

.list-group-lg {
	font-size: 16pt;
	line-height: 20pt;
}
.list-group-item{display: list-item;}
.no-flex {display: list-item;list-style-type: none;}
.list-group-lg a.list-group-item i {margin-right: 5px;}

.list-group-item-text{
	padding: 0 0 0 30px;
	font-size: 11pt;
	line-height: 12pt;
	color: var(--dark);
	margin: 0;
	font-weight: 400;
}

.list-group-item.active .list-group-item-text, .list-group-item.active:focus .list-group-item-text, .list-group-item.active:hover .list-group-item-text {
  color: #999;
}

div.btn-group button.btn-lg i {font-size: 22px;}


/* dropdown */
.dropdown-menu {
  background-color: #f4f4f4 ;
  margin: 0 0 0 0;
  min-width: 225px;
  right: 20px;
  left: auto;
  border: none;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.04), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  -webkit-border-radius: 0;
		 -moz-border-radius: 0;
				  border-radius: 0;
}

.dropdown-item, a.dropdown-item, a.dropdown-item:visited {
  color: #333;
  font-weight: 300;
	text-transform: none;
  padding: 3px 1.5rem;
  width: 100%;
}


a.dropdown-item:hover, a.dropdown-item:active, a.dropdown-item:focus{
   background-color: #dbe1ec;
	 color: #212121;
}

a.dropdown-item  > i, a.dropdown-menu:visited > i  {
	color:var(--bs-green-m);
}

.dropdown-menu > a:hover i, .dropdown-menu > a:active i, .dropdown-menu > a:focus i {
	 color: #3b60ac;
}

.dropdown-item.active, .dropdown-item:active {
	background-color: rgba(var(--bs-green-m-rgb),0.2);
}

.divider {
  color: #3c3557;
  margin-bottom: 0.5rem;
  margin-top: 0.5rem;
}

/* FAQ dropdown*/
.dropdown-card.bg-light  .card-header {
	margin-bottom: 0;
	border-bottom: 1px solid rgba(var(--bs-green-m-rgb),0.4);
}

.dropdown-card .card-body{
  background: rgba(207, 212, 224,.4);
}

.btn-faq {
	display: flex;
	color: #383a41;
	font-size: 14pt;
	line-height: 16pt;
	padding: 5px 3px;
}

a.btn-faq:hover {
	color: #126737;
}

.btn-faq .svg-inline--fa {
	font-size: 12px;
	color:var(--bs-green-m);
	margin: 3px;
}

.popover{min-width: 30em;}
.popover-content {font-size: 9pt;}

/* off-canvas*/
.offcanvas {
	--bs-offcanvas-bg: var(--bs-gray-100);
}

/* cards*/
.card, .card-header:first-child {
	-webkit-border-radius: 0;
		 -moz-border-radius: 0;
				  border-radius: 0;
	}

.card-block {padding: 0.5rem 0.75rem;}
.card-header{padding: 0.2rem 0.75rem;border-bottom: none;}

.panel > .list-group > a.current {
  color: #000;
}

.panel-condensed   {
 font-size: 10pt;
}
.panel-condensed .panel-heading  {
  padding: 10px 10px;
}

.panel-body-course{
	font-family: arial,sans-serif;
	font-size: 12pt;
	line-height: 18pt;
}
.card .list-group-item, .panel-condensed .panel-body  {
  padding: 5px 10px;
}

.panel-condensed .panel-footer  {
  border-top: none;
}

.homepage .panel-profile{margin-top: 13px;}

.panel-border-top {border: 1px solid #ddd !important;}

.panel-info {
	border: none;
	color: var(--bs-green-m);
	font-family: 'Heebo',arial,sans-serif;
}

.panel-info > .panel-heading {
  background-color: #393155;
  border-color: #393155;
  color: #fff;
}

.panel-info > .panel-heading i {
  color: #3b61ac;
}

.panel-title i {
	color: #3b61ac;
}

.panel-footer {
  background-color: #ececec;
}

.second-heading {border-top: 1px solid #d1d1d1;}


.introText {text-align: center;}
.introText i {font-size: 40pt;line-height: 36pt;color: #3b61ac;padding: 20px 0;}
.introText:hover i { color: #71be3c }

/*
.fade-out {height: 250px;border: 1px solid red;padding: 0 0 3rem 0 margin: 0 0  3rem 0;;}
*/
.fade-out:before {
  content:'';
  width:100%;
  height:50%;  
	max-height: 240px;  
  position: absolute;
  left: 0;
	bottom:80px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAEYCAYAAACZTkxTAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OUM5NUNCOEE2NDc5MTFFQTkyNjlBRUJGRURDNjRDMEYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OUM5NUNCOEI2NDc5MTFFQTkyNjlBRUJGRURDNjRDMEYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5Qzk1Q0I4ODY0NzkxMUVBOTI2OUFFQkZFREM2NEMwRiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5Qzk1Q0I4OTY0NzkxMUVBOTI2OUFFQkZFREM2NEMwRiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PkcrNpMAAAB9SURBVHja7JbhCoAwCIR30vu/bdG/a7ACCaKCpmYJ+/Ghd3ODMTFOM8oaUlQMdXXK+Je5aKzcIm/aDagBJxpx71oyu7kYJNC8sh3KxhWwK2MrboBvXEhuTTADY7dbv0yw8zgA9atHnkmIGhB7BLUq65g5AmrANc0Pj8AiwAAr5A7XRZ/26gAAAABJRU5ErkJggg==) bottom left repeat-x;
}


.desc{padding: 0 0 80px 0;}

.smallArticle {
	border-bottom: 1px solid #d1d1d1;
	position: relative;
	height: 3.2em;
	padding: 5px 0 0 0;
	margin: 0 0 5px 0;
	overflow: hidden;
}

.related .smallArticle {
	color: #fff;
}

.noLine{border-bottom: none;}

.related h3 {
	font-size: 18pt;
	color: #000;
}

.leesverder {
	margin: 10px 0;
}

.toBottom {
	position: absolute;
	bottom: 10px;
	left: 0;
}

.article .kicker{margin:0 0 7px 0;}

.chapeau, .kicker {
	font-family: 'Heebo', Helvetica, arial, sans-serif;
	color: var(--bs-green);
	font-size: 16pt;
	line-height: 20pt;
	font-weight: 400;
	margin: 0 0 .5rem 0;
  text-overflow: ellipsis;
}

.chapeau a, .chapeau a:visited {
	color: var(--bs-green);
}

.chapeau a:hover, .chapeau a:active, .chapeau a:focus {
	color: var(--bs-green-hover);
}


.thumbnail .chapeau {
	margin:0;
	font-size: 10pt;
	line-height: 12pt;
}

.overflow {
	white-space: nowrap;
	overflow:hidden !important;
  text-overflow: ellipsis;
}

/* artikel stijlen */


.articleTitle {
	padding-top: 10px;
	padding-bottom: 20px;
	color: #333;
	font-size: 1.2em;
	line-height: 1.8em;
	font-family: 'Rubik', Arial, sans-serif;
	}
	

.subTitle {
	font-size: 1.2em;
	line-height: 1.6em;
	text-transform: uppercase;
	font-style: normal;
	
	}
	
.big-pica{margin: auto;}	
.articleTitle chapeau {
	padding: 5px 0;
	font-size: 1.8em;
	}
	
.intro {
	margin:0 0 10px 0;
	font-size: 1.2em;
	line-height: 26pt;
}

.article a:not(.btn), .article a:not(.btn):visited  {
	color: var(--bs-green);
	font-weight: 500;
	text-decoration: none;
  border-bottom: 1px solid var(--bs-green-m);
  box-shadow: 0 -1px 0 var(--bs-green-m) inset;
  color: inherit;
	padding: 0 2px 1px 2px;
  transition: background 0.55s cubic-bezier(0.33, 0.66, 0.66, 1) 0s;
}

.article a:not(.btn):hover, .article a:not(.btn):active {
	text-decoration: none;
	background: rgba(var(--bs-green-m-rgb),0.2);
}

.txt p  {
	margin:3px 0 5px 0;
}

.txt table{
  table-layout: fixed;
	width: 100%;
}

.txt table td, .txt table th  {
	vertical-align: top;
	font-size: 12pt;
	line-height: 14pt !important;
}
.txt table p  {
	margin: 0;
}
.txt table.smaller td, .txt table.smaller th  {
	font-size: 11pt;
	line-height: 13pt !important;
}

	
.article {margin: 0 0 20px 0;font-family: 'Rubik', Helvetica, arial, sans-serif;line-height: 22pt;}
.article .kicker{margin:0 0 7px 0;}
.article h1 {font-size: 26pt;margin:8px 0 8px 0;}
.article .chapeau{font-size: 18pt;margin:10px 0 10px 0;}
.article p {
	margin: 10px 0;
	}
.article h3, .article h4 {
	color: var(--bs-green);
  font-size: 18pt;
  letter-spacing: 0;
}
.article ul {
  list-style-type: "\276f   ";
	padding: 0 1.4rem;
}

.article ul li {
	margin:  0;
	padding: 0 10px;
}

.article ul li::marker {
	font-size: 18px;
	color: var(--bs-green);
}


.article ol {counter-reset: item;}
.article ol li {display: block;font-weight: 400;margin: 0 0 10px 0;}
.article ol li:before {
    content: counter(item) "";
    counter-increment: item;
    color: var(--bs-green);
		padding: 0 15px 0 5px;
		font-weight: 400;
		font-size: 18px;
		display: inline-block;
		margin: 0 0 0 -30px;
}


.article table {
	margin: 20px 0;
}


.article th { 
	font-family: 'Heebo', Helvetica, arial, sans-serif;
	background: var(--bs-green-m);
	color: #fff;
	text-transform: uppercase;
	font-size: 18pt;
	line-height: 18pt;
	padding: 0.5rem 0.75rem;
	
} 

.article td {
  padding: 0.5rem 0.75rem;
}


.article caption {
	padding: .3em .5em ; 
	background:#2c5b76;
	font-weight: bold;
	color:#fff;
	}

/* courtesy Navigatie */
.btn-link.btn-profile {
	color: var(--bs-a);
	margin:2px 0 0 0 ! important;
  font-size: 15px;
	line-height: 20px;
	font-weight: 300;
	text-transform: uppercase;
	float: right;
}

.btn-profile.btn-link:focus, .btn-profile.btn-link:hover, .btn-profile.btn-link:active {
  background-color: transparent;
  color: var(--bs-a-hover);
  text-decoration: none;
}

.btn-profile.btn-link .svg-inline--fa {
  color: var(--bs-green-m);
}

.btn-profile.btn-link:focus .svg-inline--fa, .btn-profile.btn-link:hover .svg-inline--fa, .btn-profile.btn-link:active .svg-inline--fa {
  color: var(--bs-green-hover);
}

.f_nav {
	font-family: 'Heebo', arial, sans-serif;
	float: right;
	position: relative;
	text-align: right;
	margin: 0;
	text-transform: uppercase;
	}

.f_nav ul {
	float: right;
	padding: 0;
	margin: 0 0 0 0;
	font-size: 15px;
	line-height: 20px;
	background: transparent;
	font-weight: 300;
	}

.f_nav ul li {
	display: inline; 
	}

.f_nav ul li.divider:before { 
 	font-family: "Font Awesome 5 Pro";
	padding: 0 3px;
	color: #94c95d;
  font-size: 10px;
	line-height: 11pt;
	content: "\f10c"; 
	}

	
.f_nav ul li a, .f_nav ul li a:visited {
	display: inline-block;
	padding: 9px;
	text-align:right;
	margin:0 5px;
	color: var(--bs-a);
	text-decoration: none;
	}  

.f_nav ul li a .svg-inline--fa, .f_nav ul li a:visited .svg-inline--fa {
	color: var(--bs-green-m);
	}  
		
.f_nav ul li a:hover, .f_nav ul li a:focus, .f_nav ul li a:active {
	color: var(--bs-a-hover);
	text-decoration: none;
	}  
	
.f_nav ul li a:hover .svg-inline--fa, .f_nav ul li a:focus .svg-inline--fa, .f_nav ul li a:active .svg-inline--fa {
	color: var(--bs-green-hover);
	} 
	

.navcontainer {
	font-family: 'Heebo', Helvetica, arial, sans-serif;
	font-size: 0.93em;
}


ul.navlist,ul.navlist li ul.subnavlist {
	list-style-type: none;
	margin:0;
	padding:0;
}

ul.navlist li,ul.navlist li ul.subnavlist li { 
	display: inline; 
	margin:0;
	padding: 0;
}

ul.navlist li a, ul.navlist li a:visited {
	position: relative;
	text-decoration: none;
	margin: 0;
	display: block; 
	padding: 4px 0 4px 20px;
	line-height: 16pt;
	color: #2C3E3E;
}

ul.navlist li a i {
	position: absolute;
	left: 0;
	top: 8px;
	font-size: 12px;
}

ul.navlist li a:hover,ul.navlist li a:focus { 
	color: #0667B2;
	text-decoration: none;
}

ul.navlist li.active a, ul.navlist li.active, ul.navlist li.active a:visited {
	text-decoration: none;
	color:#2c5b76;
}


ul.navlist li ul.subnavlist li a, ul.navlist li ul.subnavlist li a:visited {
	padding: 2px 0 2px 13px;
	font-size: 8pt;
	font-weight: normal;
	text-decoration: none;
	margin:0;
	color: #2C3E3E;
}

ul.navlist li ul.subnavlist li a:hover, ul.navlist li ul.subnavlist li a:focus { 
	color: #0667B2;
	text-decoration: none;
}

ul.navlist li.active ul.subnavlist li.subactive a {
	font-weight: bold;
	text-decoration:none;
	color:#2c5b76;
}	



/* navigatie dossier*/

.dossier {
	margin: 10px 0 30px 0;
	font-family: 'Heebo', Helvetica, arial, sans-serif;
}
.dossier ul  { 
	margin: 0;
	padding:0;
}
.dossier ul li { 
	list-style-type: none;
	font-weight: 400;
	float: left;
	margin: 5px 5px 0 0;
}


.dossier ul li a, .dossier ul li a:visited {
	color:#fff;
	position: relative;
	margin: 0 0 0 0;
	font-size: 14pt;
	line-height: 16pt;
	text-decoration: none;
	display: block;
	white-space: nowrap;
	padding: 8px 14px;
	}

/*
.dossier ul li a:hover  {
	text-decoration: none;
	color: #f4f4f4;
}

*/
.dossier ul li .catDesc  {
	font-weight: 400;
	padding: 3px 0 3px 30px;
	color: #897186;
	width: 80%;
	font-size: 9pt;
	line-height: 12pt;
}


/* Navigatie horizontaal boven */
.searchAllKeys h4 {margin: 3px 0 5px 0;color:#D85A13}
.t {font-family: 'Heebo', Helvetica, arial, sans-serif;}
	
.t ul {
	padding: 0;
	margin: 0;
	}

.t ul li {
	list-style-type: none;
	overflow:hidden !important;
  text-overflow: ellipsis;
	}

.t ul li li a,.t ul li li a:visited {
	position: relative;
	padding: 3px 0 3px 23px;
	font-weight: normal;
	text-decoration: none;
	display: block;
	margin: 0;
	}
	
.t ul li a,.t ul li a:visited {
	position: relative;
	padding: 3px 0;
	font-weight: bold;
	text-decoration: none;
	display: block;
	margin: 0;
	}
	
.t ul li.hCat {
	position: relative;
	font-weight: bold;
	}
	
.catTitle {
	padding: 0 5px 0 0;
}

.t [class^="fa-"],.t [class*=" fa-"]{
	position: absolute;
	left: 10px;
	top: 7px;
	font-size: 14px;
	}

.t ul li a:link.current, .t ul li a:visited.current {
	color: #2c5b76;
}

.t ul li a:hover {
	text-decoration: none;
	color: #2c5b76;
}

.t li.last-item {border-bottom: none;}



/* kleine lijst */
.listing {
	margin:0 0 5px 0;
	padding:0;
	cursor:pointer;
}

.navVertical {
	margin:0;
	padding:0;
}

.navVertical ul {
	margin: 0;
	padding: 0;
	}

.navVertical ul li {
	margin: 0;
	padding: 0 0 0 0;
	list-style: none;
	}

.navVertical ul li a, .navVertical ul li a:visited {
	margin:0;
	text-decoration: none;
  letter-spacing: 0; 
	
	}
	
.navVertical ul li a:hover, .navVertical ul li:hover, .navVertical li a:focus{
	color: #444;
	text-decoration: none;
	background-position: -464px -123px;
}


.table-credits {
	border-top: none;
}

.table-credits th, .table-credits td {
	border-top: none !important;
}

.table-credits .btn {
	margin: 15px auto;
}

.table-credits h1 {
 font-size: 24pt;
 line-height: 24pt;
 margin: 5px 0 10px 0;
}

.table-credits h1 a, .table-credits h1 a:visited {
 color:#fff;
}

.table-credits h2 {
 font-size: 20pt;
 line-height: 24pt;
 margin: 5px 0 10px 0;
}

.table-credits .recommended {
	font-size: 18pt;
 	line-height: 24pt;
	-webkit-border-radius: 8px 8px 0 0;
		 -moz-border-radius: 8px 8px 0 0;
				  border-radius: 8px 8px 0 0;
	}

.credits-info {padding:15px;}
.credits-price {padding:15px 20px;}

#issuuFrame, .issuuImg {margin: 10px 0 0 0;}
.ytNoImage {padding:5em 0;text-align: center;}
.ytFrame {border: none;margin: 0 0 0 0;}
.player {position: relative;} 
.fullPlayer {margin: 0 ;padding:0 ;}
.fullPlayerTxt {padding: 20px 0 0 0;}

.imageBox {position: relative;clear:both;background-color: #fff;padding: 0; margin: 0 0 20px 0;}

.panel-body-course {font-family: 'Heebo', arial, sans-serif;font-size: 14pt;line-height: 18pt;}
.panel-course h2 {font-size: 18pt;}

.panel-body-course ol {
		font-family: 'Heebo', arial, sans-serif;
    list-style-type: none;
    margin: 0;
    margin-left: 1.5em;
    padding: 0;  
    counter-reset: li-counter;
}
.panel-body-course ol > li{
    position: relative;
    margin-bottom: 10px;
    padding-left: 0.5em;
    min-height: 1em;
}
.panel-body-course ol > li:before {
    position: absolute;
    top: 0;
    left: -1.66em;
    width: 1.6em;
    height: 1.6em;   
    font-size: 11pt;
    line-height: 16pt;
    text-align: center;
    color: #fff;
    border-radius: 50%;
    background-color: #3b61ac;
    content: counter(li-counter);
    counter-increment: li-counter;
		letter-spacing: -0.065em;
}


.modal-lg {
  width: 90%;
}

.modal-lg .modal-body {
  padding: 0;
}

/* formulier*/
.form-group {margin-bottom: .5rem;}
.col-form-label {
	padding: .2rem .5rem;
	margin-bottom: 0;
	font-size: 12pt;
	line-height: 1.5;
	letter-spacing: 0;
	text-align: right;
}

.form-label-userdata{
	padding: .2rem 1rem;
	margin: 5px 0 1px 0;
	font-size: 12pt;
	line-height: 1.5;
	letter-spacing: 0;
	background-color: rgba(var(--bs-green-m-rgb),0.2);
	border-radius: 10px 10px 0 0;
}

.form-label-userdata .svg-inline--fa{
	font-size: 14px;
	color: var(--bs-green);
}

.verplicht {
	border: 1px solid #F99C9C !important;
}

.fr, .floatRight, .floatright, .pull-right {float: right;}
.fl, .floatLeft, .floatleft, .pull-left {float: left;}


.password-progress{
	margin: 8px 0 5px 0;
}
.password-progress.progress{
	height: 2rem;
	font-size: 1rem;
}

.password-feedback{
	font-size: 12pt;
	line-height: 11pt;
	margin: 0 0 10px 0;
}


/* zoeken*/
/* off-canvas*/
.offcanvas-search-hidden, .offcanvas.offcanvas-end.offcanvas-search-hidden {
	background: none;
	border-left: none;
	pointer-events: none ;
}
.offcanvas-header {
	pointer-events: auto !important;
}

.offcanvas {
	--bs-offcanvas-bg: var(--bs-body-bg);
}

.offcanvas.offcanvas-end.offcanvas-search{
	--bs-offcanvas-width: 75vw;
}
.btn-search-top {
	position: absolute;
	z-index: 10;
	right: 10px;
}

.searchterm {
	width: 100%;
	height: 20px;
	overflow: hidden;
}

.searchRow {
	clear: both;
	cursor: pointer;
	padding: 05px 0;
	font-weight: normal;
	border-bottom: 1px solid var(--bs-gray-400);
	}
	

.showAll {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 1000;
	margin: 0;
	width: auto;
	padding: 0;
}


.pt {
	font-size: 8pt;
	position:relative;
	top:20px;
	padding:0;
	color: #fff;
	clear:both;
	min-height:55px;
	margin:0;
}

.gendiv {
	font-size: 8pt;
	color: #999;
	clear:both;
	margin: 0;
}

/*
#2c5b76
#383a41
*/


.pagination {clear: both;margin: 10px 0 20px 0; }
.pagerText {margin: 0 0 0 10px; font-size:10pt;}
.pagination a, .pagination a:visited, .pagination .pageNormal {
	cursor: pointer;
	font-size: 10pt;
	font-weight: bold;
	line-height: 16pt;
	padding: 9px 0 0 0;
	text-align:center;
	letter-spacing : -1px;
	width:3em;
	height:3em;
	float : left;
	display:block;
	margin:0 5px 3px 10px; 
	text-decoration : none;
	color: #fff;
	background-color: var(--bs-green-l);
	}
	
.pagination .current {
	cursor: pointer;
	font-size: 10pt;
	font-weight: bold;
	line-height: 16pt;
	padding: 9px 0 0 0;
	text-align:center;
	letter-spacing : -1px;
	width:3em;
	height:3em;
	float : left;
	display:block;
	margin:0 5px 3px 10px; 
	text-decoration : none;
	color: #fff;
	background-color: var(--bs-green);
	}
	
.pagination a:hover, .pagination a:active {
	background-color: var(--bs-green);
	border: 1px solid var(--bs-green);
	color: #fff;    
	}
	
.pagination .current:hover {
	background-color: var(--bs-green);
	border: 1px solid var(--bs-green);
	color: #fff;    
	}

.pagination a.next {color: #fff;}
.pagination a.previous {color: #fff;}
.pagination a.next:hover {color: #fff;}
.pagination a.previous:hover {color: #fff;}

.pagination span { margin:0 8px;border: none; }
.pagination .gap {margin:  5px 5px;float: left;width: 10px;height:2em;}

	
.pagination .na {
	cursor: default;
	font-size: 7pt;
	font-weight: bold;
	line-height: 7pt;
	padding: 10px 0 0 0;
	text-align:center;
	width:3.5em;
	height:2.5em;;
	float : left;
	display:block;
	margin :0 3px 3px 0; 
	color: #999;
	}

.shadow {
	-webkit-box-shadow: 0 0 4px 1px rgba(16,81,110,.65);
     -moz-box-shadow: 0 0 4px 1px rgba(16,81,110,.65);
          box-shadow: 0 0 4px 1px rgba(16,81,110,.65);
	}

/* footer */

.layerHome {
	width: 100%;
	margin: 0;
	clear:both;
	padding: 2rem 0;
  position: relative;
	} 

.layerHome h4, .layerHome h3, .layerHome strong {
	margin: 0 0 1rem 0;
	font-family: 'Heebo', arial, sans-serif;
	font-weight: 500;
	font-size: 16pt;
	line-height: 22pt;
	display: inline-block;
	color: var(--bs-heading-color);
}


.layerHome a:not(.btn), .layerHome a:visited:not(.btn), .layerHome li a, .layerHome li a:visited {color: var(--bs-green);}
.layerHome a:not(.btn):hover, .layerHome li a:not(.btn):hover, .layerHome li a:not(.btn):active {color: var(--bs-green-hover);}
.layerHome a:not(.btn) .svg-inline--fa, .layerHome a:visited:not(.btn) .svg-inline--fa{
	margin: 0 0 0 10px;
}

.layerHome ul {
	margin: 0 0 0 25px;
}

.layerHome ul li {
	list-style-type: none;
	font-weight: 400;
	margin: 0 0 0 -5px;
}

.layerHome ul li .svg-inline--fa {
	margin: 2px 0 3px 0;
	font-size: 14px;
	color: var(--bs-green-m);
}

.footerContainer {
	margin: 0;
	padding:0 0 2rem 0;
  position: relative;
	color: var(--bs-gray-600);
	font-size: 9pt;
	line-height: 12pt;
	
	} 

.footerContainer a, .footerContainer a:visited, .footer a:visited, .footer li a, .footer li a:visited {
	color: var(--bs-green);
}
.footerContainer a:hover, .footer li a:hover {
	color: var(--bs-green-hover);
}

.socialFooter{margin: 0;}
.socialFooter a, .socialFooter a:visited {font-size: 20px;margin:0;}

.btn-social {
	margin: 0 5px 0 0;
	padding: 6px 12px !important;
}

.calabi {
	cursor: pointer;
	width:auto;
	height:14px;
	margin: 2rem 0 1rem 0;
	opacity: .7;
}


/* social navigatie */
.social {
	margin: 1.5rem 0 0 0;
}

.social-row{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
}

.social-item{
	flex: 0 1 auto;
	margin: 0 1px 1px 0;
	padding: 5px 10px;
	flex-basis: 33.3333%;
	max-width: 33.3333%;
}


.btn-share, .btn-print {
	flex: 0 1 auto;
	margin: 0 1px 1px 0;
	padding: 5px 0 5px 0;
	width: 23%;
	font-size: 18px;
	text-align: center;
}

.btn-share .svg-inline--fa, .btn-print .svg-inline--fa {
	color: var(--gray-dark);
}
	
.break, .overflow {
	overflow:hidden !important;
  text-overflow: ellipsis;
}

#result {
	min-height: 450px;
}

.loading {
	text-align:center;min-height: 100px;padding:20px 0;margin:0 auto;color: #10516e;
}


.groen, .groen a, .groen a:visited, a.groen, a:visited.groen{color: var(--bs-green)}
.groen a:hover, a:hover.groen, .groen a:focus, a:focus.groen {color: #48712c}

.geel, .geel a, .geel a:visited, a.geel, a:visited.geel{color: var(--bs-green-l)}
.geel a:hover, a:hover.geel, .geel a:focus, a:focus.geel {color: var(--bs-green-m)}

.lichtgroen, .lichtgroen a, .lichtgroen a:visited, a.lichtgroen, a:visited.lichtgroen{color: var(--bs-green-m)}
.lichtgroen a:hover, a:hover.lichtgroen, .lichtgroen a:focus, a:focus.lichtgroen {color: #106735}

.blauw, .blauw a, .blauw a:visited, a.blauw, a:visited.blauw {color: #006baa}
.blauw a:hover, a:hover.blauw, .blauw a:focus, a:focus.blauw {color: #1f6670}

.rood, .rood a, .rood a:visited, a.rood, a:visited.rood {color: #bb271c}
.rood a:hover, a:hover.rood, .rood a:focus, a:focus.rood {color: #671316}

.zwart, .zwart a, .zwart a:visited, a.zwart, a:visited.zwart {color: #343b3e}
.zwart a:hover, a:hover.zwart, .zwart a:focus, a:focus.zwart {color: #11110d}

.wit, .wit a, .wit a:visited, a.wit, a:visited.wit {color: #f6f6f6}
.wit a:hover, a:hover.wit, .wit a:focus, a:focus.wit {color: #c8cacf}

.grijs, .grijs a, .grijs a:visited, a.grijs, a:visited.grijs {color: #666057}
.grijs a:hover, a:hover.grijs, .grijs a:focus, a:focus.grijs {color: #42382e}

.lichtgrijs, .lichtgrijs a, .lichtgrijs a:visited, a.lichtgrijs, a:visited.lichtgrijs {color: #ccc}
.lichtgrijs a:hover, a:hover.lichtgrijs, .lichtgrijs a:focus, a:focus.lichtgrijs {color: #ddd}

.box-article {
	position: relative;
	padding:0 0 50px 0;
	margin:0 0 30px 0;
	background: #fff;
}

.text-article {
	position: relative;
}


.img-container {
	position: relative;
  padding-bottom: 56.25%; /* 16:9 ratio */
  height: 0;
  overflow: hidden;
  background-color: #212121;
}

.course-container {
  padding-bottom: 28.125%; /* 32:9 ratio */
}

.result-container {
  padding-bottom: 10%; /* 32:9 ratio */
}

.card {border: 1px solid var(--bs-gray-300);}

.card-course{
	width: 100%;
	margin: 0 0 2rem 0;
}

.card-course .card-header {
	background: rgba(204,219,207,.4);
}

.card-course .card-header.card-active {
	background: rgba(204,219,207,.6);
}

.card-course .card-header a, .card-course .card-header a:visited {
	color: var(--bs-green);
}

.card-course .card-header.disabled {
	background: rgba(207, 212, 224,.4);
	opacity: 0.75;
	border-bottom: 1px solid rgba(207, 212, 224,.6);
}


.card-course .card-header.disabled a, .card-course .card-header.disabled a:visited {
	color: var(--bs-gray-700);
}


.card-title {
	margin: .75rem 0;
}


.card-course .card-body {
	padding: .5rem 1rem;
	margin:0;
}

.card-course .chapeau {
	font-size: 1.2rem;
	font-weight: normal;
}

.card-course .card-footer {
	padding: 1rem 1rem;
	background:#fff;
}

.card-course .card-footer .btn {
	padding-left: 2rem;
	padding-right: 2rem;
}

.result-description {
	position: relative;
	padding:10px 15px;
}


.list-view{
	width: 100%;
}


.box-category {
	font-size: 9pt;
	font-weight: 500;
	position: absolute;
	top: 0;
	text-transform: uppercase;
	margin: 0;
	z-index: 20;
	padding: 5px 15px;
}


.bar.groen, .carousel-bar.groen {border-top: 4px solid var(--bs-green);}
.bar.geel, .carousel-bar.geel {border-top: 4px solid var(--bs-green-l);}
.bar.blauw, .carousel-bar.blauw {border-top: 4px solid #3b60ac;}
.bar.rood, .carousel-bar.rood {border-top: 4px solid #bb271c;}
.bar.zwart, .carousel-bar.zwart {border-top: 4px solid #212121;}
.bar.grijs, .carousel-bar.grijs {border-top: 4px solid #b6c4e0;}


.carousel-capion.groen a, .carousel-capion.groen a:visited{color: var(--bs-green);}
.carousel-capion.groen a:hover, .carousel-capion.groen a:focus, .carousel-caption.groen a:active {color: #016c36;}

.carousel-capion.geel a, .carousel-capion.geel a:visited{color: var(--bs-green-l);}
.carousel-capion.geel a:hover, .carousel-capion.geel a:focus, .carousel-caption.groen a:active {color: var(--bs-green);}

.carousel-capion.blauw a, .carousel-capion.blauw a:visited{color: #8cbe22;}
.carousel-capion.blauw a:hover, .carousel-capion.blauw a:focus, .carousel-caption.blauw a:active {color: #325294;}

.carousel-capion.rood a, .carousel-capion.rood a:visited{color: #bb271c;}
.carousel-capion.rood a:hover, .carousel-capion.rood a:focus, .carousel-caption.rood a:active {color: #bc271c;}

.carousel-capion.zwart a, .carousel-capion.zwart a:visited{color: #212121;}
.carousel-capion.zwart a:hover, .carousel-capion.zwart a:focus, .carousel-caption.zwart a:active {color: #3b60ac;}

.carousel-capion.grijs a, .carousel-capion.grijs a:visited{color: #b6c4e0;}
.carousel-capion.grijs a:hover, .carousel-capion.grijs a:focus, .carousel-caption.grijs a:active {color: #aab6d0;}

.carousel-capion.wit a, .carousel-capion.wit a:visited{color: #fff;}
.carousel-capion.wit a:hover, .carousel-capion.wit a:focus, .carousel-caption.wit a:active {color: #e2e7f3;}


.bg-groen {background-color: var(--bs-green);}
.bg-blauw {background-color: #3b60ac;}
.bg-geel  {background-color: var(--bs-green-l);}
.bg-rood  {background-color: #bb271c;}
.bg-zwart {background-color: #000;}
.bg-wit {background-color: #f6f6f6;}
.bg-grijs {background-color: rgba(221,221,221,1)}

.bg-groen, .bg-groen a, .bg-groen a:visited, a.bg-groen, a:visited.bg-groen{color: #fff;}
.bg-groen a:hover, a:hover.bg-groen, .bg-groen a:focus, a:focus.bg-groen {background:#587d82;color: #fff;}

.bg-blauw, .bg-blauw a, .bg-blauw a:visited, a.bg-blauw, a:visited.bg-blauw {color: #fff;}
.bg-blauw a:hover, a:hover.bg-blauw, .bg-blauw a:focus, a:focus.bg-blauw {background:#325294;color: #fff;}

.bg-geel, .bg-geel a, .bg-geel a:visited, a.bg-geel, a:visited.bg-geel {color: #313131;}
.bg-geel a:hover, a:hover.bg-geel, .bg-geel a:focus, a:focus.bg-geel {color: rgb(221, 207, 16)}

.bg-rood, .bg-rood a, .bg-rood a:visited, a.bg-rood, a:visited.bg-rood {color: #fff;}
.bg-rood a:hover, a:hover.bg-rood, .bg-rood a:focus, a:focus.bg-rood {background:#bb271c;color: #fff;}

.bg-zwart, .bg-zwart a, .bg-zwart a:visited, a.bg-zwart, a:visited.bg-zwart {color: #fff;}
.bg-zwart a:hover, a:hover.bg-zwart, .bg-zwart a:focus, a:focus.bg-zwart {color: #fff;}

.bg-grijs, .bg-grijs a, .bg-grijs a:visited, a.bg-grijs, a:visited.bg-grijs {color: #666057;}
.bg-grijs a:hover, a:hover.bg-grijs, .bg-grijs a:focus, a:focus.bg-grijs {background:#000;color: #212121;}

.bg-wit, .bg-wit a, .bg-wit a:visited, a.bg-wit, a:visited.bg-wit {color: #343b3e;}
.bg-wit a:hover, a:hover.bg-wit, .bg-wit a:focus, a:focus.bg-wit {color: #212121;}

.bg-light {
	background: rgba(207, 212, 224,.2) !important;
}
.card.bg-light {
	border: none;
}
.bg-light .card-header {
	background: rgba(var(--bs-green-m-rgb),.025);
}

.bg-light .card-footer {
	background: rgba(var(--bs-green-m-rgb),.025);
}
.bg-light .card-body {
	background: #fff;
}
.bg-10 {background-color: rgba(var(--bs-green-m-rgb),0.1);}
.bg-15 {background-color: rgba(var(--bs-green-m-rgb),0.15);}
.bg-20 {background-color: rgba(var(--bs-green-m-rgb),0.2);}
.bg-25 {background-color: rgba(var(--bs-green-m-rgb),0.25);}
.bg-30 {background-color: rgba(var(--bs-green-m-rgb),0.3);}
.bg-40 {background-color: rgba(var(--bs-green-m-rgb),0.4);}
.bg-50 {background-color: rgba(var(--bs-green-m-rgb),0.5);}
.bg-60 {background-color: rgba(var(--bs-green-m-rgb),0.6);}
.bg-70 {background-color: rgba(var(--bs-green-m-rgb),0.7);}
.bg-80 {background-color: rgba(var(--bs-green-m-rgb),0.8);}
.bg-90 {background-color: rgba(var(--bs-green-m-rgb),0.9);}
.bg-100 {background-color: rgba(var(--bs-green-m-rgb),1);}

.bg-wit-10 {background-color: rgba(var(--bs-white-rgb),0.1);}
.bg-wit-15 {background-color: rgba(var(--bs-white-rgb),0.15);}
.bg-wit-20 {background-color: rgba(var(--bs-white-rgb),0.2);}
.bg-wit-25 {background-color: rgba(var(--bs-white-rgb),0.25);}
.bg-wit-30 {background-color: rgba(var(--bs-white-rgb),0.3);}
.bg-wit-40, .whiteBg40 {background-color: rgba(var(--bs-white-rgb),0.4);}
.bg-wit-50 {background-color: rgba(var(--bs-white-rgb),0.5);}
.bg-wit-60, .whiteBg60 {background-color: rgba(var(--bs-white-rgb),0.6);}
.bg-wit-70 {background-color: rgba(var(--bs-white-rgb),0.7);}
.bg-wit-80, .whiteBg80 {background-color: rgba(var(--bs-white-rgb),0.8);}
.bg-wit-90 {background-color: rgba(var(--bs-white-rgb),0.9);}
.bg-wit-100, bg-wit {background-color: rgba(var(--bs-white-rgb),1);}

.w-5 {width: 5% !important;}
.w-7-5 {width: 7.5% !important;}
.w-10 {width: 10% !important;}
.w-125 {width: calc(100% / 8) !important;}
.w-month {width: calc(100% / 13) !important;}
.w-15 {width: 15% !important;}
.w-20 {width: 20% !important;}
.w-30 {width: 30% !important;}
.w-33 {width: calc(100% / 3) !important;}
.w-35 {width: 35% !important;}
.w-40 {width: 40% !important;}
.w-55 {width: 55% !important;}
.w-60 {width: 60% !important;}
.w-66 {width: calc((100% / 3) * 2) !important;}
.w-70 {width: 70% !important;}
.w-80 {width: 80% !important;}


.alert-info {
	background-color: var(--bs-green-m);
	border-color: var(--bs-green-m);
	color: #fff;
}

.alert-info a, .alert-info a:visited{color: #d5f4c8;border-bottom: 1px solid #d5f4c8;}
.alert-info a:active, .alert-info a:hover, .alert-info a:focus {color: #fff;}

.alert-danger {
	background-color: #bb271c;
	border-color: #bb271c;
	color: #fff;
}

.alert-danger a, .alert-danger a:visited{color: #f4d8d6;border-bottom: 1px solid #f4d8d6;}
.alert-danger a:active, .alert-danger a:hover, .alert-danger a:focus {color: #fff;}

.alert-secondary {
	background-color: #fff;
	border-color: rgba(220,220,220,0.9);
}

label {font-family: 'Heebo', arial, sans-serif;margin-bottom: 0;}

.badge, .label {
	font-weight: normal;
	font-size: 90%;
	font-family: 'Heebo', arial, sans-serif;margin-bottom: 0;
	margin-bottom: 0;
	letter-spacing: 0.025em;
	}

.label-info, .badge-info{background:#036635;}
.badge-primary, .label-primary, a.badge-primary, a.badge-primary:visited{background:#428bca;color: #fff;}
.badge-danger, .label-danger{background:#c00;}
.badge-default, .label-default{background:rgba(207, 212, 224,.5);color:#333}

.label-border, .badge-border {background:#fff;border: 1px solid #dee6fe;color:#666;}
.label-light-border, .badge-light-border{background:#f5f5f5;border: 1px solid #dee6fe;color:#666;}

.text-xxs, .label-xxs, .badge-xxs {font-size: 10pt;}
.text-xs, .label-xs, .badge-xs {font-size: 11pt;}
.text-s, .label-s, .badge-s {font-size: 11pt;}
.text-m, .label-m, .badge-m {font-size: 12pt;}
.text-l, .label-l, .badge-l{font-size: 14pt;}
.text-lg, .label-lg, .badge-lg{font-size: 15pt;}
.text-xl, .label-xl, .badge-xl {font-size: 16pt;}
.text-xxl, .label-xxl, .badge-xxl {font-size: 18pt;}
.text-xxxl, .label-xxxl, .badge-xxxl {font-size: 20pt;}
.label-block, .badge-block{width: 100%;display: inline-block;}

.label-success, .badge-success {background:#5cb85c;}
.label-warning, .badge-warning {background:#f0ad4e;}

.icon-xs{font-size: 10px;}
.icon-s{font-size: 12px;}
.icon-m{font-size: 13px;}
.icon-l{font-size: 16px;}
.icon-lg{font-size: 18px;}
.icon-xl{font-size: 20px;}

.line-height-xxs {line-height: 12pt;}
.line-height-xs {line-height: 13pt;}
.line-height-s {line-height: 14pt;}
.line-height-m {line-height: 16pt;}
.line-height-l{line-height: 20pt;}
.line-height-lg{line-height: 22pt;}
.line-height-xl {line-height: 24pt;}
.line-height-xxl {line-height: 26pt;}
.line-height-xxxl {line-height: 28pt;}

.text-xl i, .label-xl i, .badge-xl i {font-size: 13px;}
.text-xxl i, .label-xxl i, .badge-xxl i {font-size: 16px;}

/*
.badge-default {background: #ddd;color: #212121;}
.badge-border {border: 1px solid #cce0ee;}
.badge-success{background:var(--bs-green-l);color: #fff;}
.badge-warning{background:#3b61ac;color: #fff;}
.badge-danger{background:#bb271c;color: #fff;}
*/
.btn .badge-filter{top: 1px;left: 5px;}
.badge-counter{
	margin-left: 10px;
	background:#fff;
	color:#000;
	opacity: 0.7;
}

.survey-result {
  height: 24px;
	width: 100%;
  margin: 5px 0 10px 0;
	padding:0;
  overflow: hidden;
  opacity: 1;
	color:#fff;
  background-color: rgba(0,0,0,.125);
}
.survey-bar{
	letter-spacing: -1px;
	text-align: center;
	font-size: 15px;
	line-height: 24px;
	height: 24px;
	margin:0;
	min-width: 26px;
	float: left;
}
.corner-end{
	-webkit-border-radius: 0 10px 10px 0;
		 -moz-border-radius: 0 10px 10px 0;
					border-radius: 0 10px 10px 0;
}
.survey-bar-void{min-width:1px;}
.survey-bar-success{background:var(--bs-green-m) !important;}
.survey-bar-warning{background:#faa61a !important;}
.survey-bar-danger{background:#bb271c !important;}

#mapLarge {width: 100%;height: 500px;background:#fff;margin: 0;}
#mapContact{width: 100%;height: 650px;}
.infoMaps {width: 100%;}
.maps{position: relative;}
.maps h3 {
	position: absolute;
	font-size: 24pt;
	color: #fff;
	left: 100px;
	top: 20px;
	z-index: 10;
}



#mapNav {
	position: absolute;
	right: 180px;
	top: 25px;
	z-index: 10;
	width: 100px;
	height:100px;
	display:none;
}

.blueBg {
	background: #3b61ac;
	color: #fff;
	}
	
.greyBg {
	background: rgba(207, 212, 224,.2);
	} 
	
.whiteBg {
	background: #fff;
	} 
	
.blackBg {color:#fff;background: rgba(0,0,0, 0.75);}
	
.darkblueBg {
  background-color: #094861;
	color:#fff;
}

.lightgreyBg {background: #f0f3f9;}
.midgreyBg {background: rgba(207, 212, 224,.4);}	
.bg-ccc {background: #ccc;}	
.bg-eee {background: rgba(207, 212, 224,0.6);}	
.bg-ddd {background: rgba(207, 212, 224,1);}	
.bg-d1 {background: #d1d1d1;}
.bg-de {background: rgba(207, 212, 224,.5);}	
.bg-ed {background: rgba(207, 212, 224,.3);}	
.bg-lblue {background: #d9e8f9;}
.bg-f8 {background: #f8f8f8;}	
.bg-fff, .bg-wit {background: #fff;}	

.yellowBg {background: var(--bs-green-l);}

.card-block-sm{
	font-size: 12pt;
	line-height: 16pt;
	padding: 10px 15px;
}

.card-block-sm p{
	margin: 0 0 10px 0;
}

b, strong {font-weight: 600;}
.condensed {padding: 5px 10px;}
.caps {text-transform: uppercase;}
.firstcap, .capfirst {text-transform: capitalize;}
.small {font-size:8pt;line-height: 120%;letter-spacing:0;}
.large {font-size:10pt;line-height:1.8em;}
.larger {font-size:1.3em;line-height:1.3em;}
.xxl {font-size: 1.4em;line-height:1.4em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {font-weight: 600;}
.highlight {background:#ff0;}
.upper {text-transform: uppercase;}
.bottom {margin-bottom:0;padding-bottom:0;}
.thin, .normal {font-weight: normal;}
.error, .notice, .success {padding:.8em;margin-bottom:1.6em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11; background:none; padding:0; margin:0; }
.notice a {color:#514721; background:none; padding:0; margin:0; }
.success a {color:#264409; background:none; padding:0; margin:0; }
.center {text-align: center;}
.large {font-size: 13pt;}
.smaller {font-size: 10pt;line-height: 14pt;}
.sans {font-family: 'Heebo', Helvetica, arial, sans-serif;}
.hiding { opacity: 0 }
.showing { opacity: 1 }
.dimmed {opacity: .80; filter:Alpha(Opacity=80);filter: grayscale(1);}
.ghost {opacity: .40; filter:Alpha(Opacity=40);}
.opacity-100 {opacity: 1; filter:Alpha(Opacity=1);}
.opacity-90 {opacity: .90; filter:Alpha(Opacity=90);}
.opacity-80 {opacity: .80; filter:Alpha(Opacity=80);}
.opacity-70 {opacity: .70; filter:Alpha(Opacity=70);}
.opacity-60 {opacity: .60; filter:Alpha(Opacity=60);}
.opacity-50 {opacity: .50; filter:Alpha(Opacity=50);}
.opacity-40 {opacity: .40; filter:Alpha(Opacity=40);}
.opacity-30 {opacity: .30; filter:Alpha(Opacity=30);}
.opacity-20 {opacity: .20; filter:Alpha(Opacity=20);}
.opacity-10 {opacity: .10; filter:Alpha(Opacity=10);}
.opacity-0 {opacity: 0; filter:Alpha(Opacity=0);}
.text-right {text-align: right}
.text-center {text-align: center}
.text-left {text-align: left}
.messageBox {display: none;	position: fixed;top: 0;width: 100%;z-index: 10000;}
.messageBox > .alert {-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;}
.pointer {cursor: pointer;}
.pointer:hover {text-decoration: none;}
.isRel, .relative {position: relative;}
.punch-viewer-body {background: #171328 !important;}

.space {width: 100%;clear:both;position:relative;width: 100%;height:10px;}
.space5 {clear: both;height: 5px;font-size: 6px;margin:  0;width: 100%;}
.space20 {width: 100%;clear:both;position:relative;width: 100%;height:20px;}
.space40 {width: 100%;clear:both;position:relative;width: 100%;height:40px;}
.spaceline {clear: both;border-bottom: 1px solid #d1d1d1;height: 1px;margin:8px 1px;overflow: hidden;}
.hasLine {border-top: 1px solid #d1d1d1}

.categoryFooter{ padding: 30px 0;}

#errorRegister .messageBox {
	position: relative;
	top: 0;
	width: 100%;
	z-index: 10000;
	}	
	
.check {
	padding: 5px 0;
	text-align: center;
	font: bold 12pt Arial, sans-serif;
	letter-spacing: -1px;
	position: fixed;
	top: -1px;
	left:25%;
	z-index: 100;
	background: #fff;
}

.waitForLoad {
	display: none;
	padding: 0;
	text-align: center;
	font: 14pt Arial, sans-serif;
	position: fixed;
	width: 15%;
	height: 10%;
	top: 42.5%;
	left:42.5%;
	z-index: 9000;
	color: #f60;
	}


/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license
Copyright (c) 2013 Daniel Eden
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}@-webkit-keyframes bounce{0%,100%,20%,50%,80%{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}}@keyframes bounce{0%,100%,20%,50%,80%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px);-ms-transform:translateY(-15px);transform:translateY(-15px)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce}@-webkit-keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes pulse{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{0%{-webkit-transform:scale(1);transform:scale(1)}30%{-webkit-transform:scaleX(1.25) scaleY(0.75);transform:scaleX(1.25) scaleY(0.75)}40%{-webkit-transform:scaleX(0.75) scaleY(1.25);transform:scaleX(0.75) scaleY(1.25)}60%{-webkit-transform:scaleX(1.15) scaleY(0.85);transform:scaleX(1.15) scaleY(0.85)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes rubberBand{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}30%{-webkit-transform:scaleX(1.25) scaleY(0.75);-ms-transform:scaleX(1.25) scaleY(0.75);transform:scaleX(1.25) scaleY(0.75)}40%{-webkit-transform:scaleX(0.75) scaleY(1.25);-ms-transform:scaleX(0.75) scaleY(1.25);transform:scaleX(0.75) scaleY(1.25)}60%{-webkit-transform:scaleX(1.15) scaleY(0.85);-ms-transform:scaleX(1.15) scaleY(0.85);transform:scaleX(1.15) scaleY(0.85)}100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(10px);transform:translateX(10px)}}@keyframes shake{0%,100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translateX(10px)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}100%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes swing{20%{-webkit-transform:rotate(15deg);-ms-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);-ms-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);-ms-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);-ms-transform:rotate(-5deg);transform:rotate(-5deg)}100%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}}.swing{-webkit-transform-origin:top center;-ms-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scale(1);transform:scale(1)}10%,20%{-webkit-transform:scale(0.9) rotate(-3deg);transform:scale(0.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg);transform:scale(1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg);transform:scale(1.1) rotate(-3deg)}100%{-webkit-transform:scale(1) rotate(0);transform:scale(1) rotate(0)}}@keyframes tada{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}10%,20%{-webkit-transform:scale(0.9) rotate(-3deg);-ms-transform:scale(0.9) rotate(-3deg);transform:scale(0.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg);-ms-transform:scale(1.1) rotate(3deg);transform:scale(1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg);-ms-transform:scale(1.1) rotate(-3deg);transform:scale(1.1) rotate(-3deg)}100%{-webkit-transform:scale(1) rotate(0);-ms-transform:scale(1) rotate(0);transform:scale(1) rotate(0)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:translateX(0%);transform:translateX(0%)}15%{-webkit-transform:translateX(-25%) rotate(-5deg);transform:translateX(-25%) rotate(-5deg)}30%{-webkit-transform:translateX(20%) rotate(3deg);transform:translateX(20%) rotate(3deg)}45%{-webkit-transform:translateX(-15%) rotate(-3deg);transform:translateX(-15%) rotate(-3deg)}60%{-webkit-transform:translateX(10%) rotate(2deg);transform:translateX(10%) rotate(2deg)}75%{-webkit-transform:translateX(-5%) rotate(-1deg);transform:translateX(-5%) rotate(-1deg)}100%{-webkit-transform:translateX(0%);transform:translateX(0%)}}@keyframes wobble{0%{-webkit-transform:translateX(0%);-ms-transform:translateX(0%);transform:translateX(0%)}15%{-webkit-transform:translateX(-25%) rotate(-5deg);-ms-transform:translateX(-25%) rotate(-5deg);transform:translateX(-25%) rotate(-5deg)}30%{-webkit-transform:translateX(20%) rotate(3deg);-ms-transform:translateX(20%) rotate(3deg);transform:translateX(20%) rotate(3deg)}45%{-webkit-transform:translateX(-15%) rotate(-3deg);-ms-transform:translateX(-15%) rotate(-3deg);transform:translateX(-15%) rotate(-3deg)}60%{-webkit-transform:translateX(10%) rotate(2deg);-ms-transform:translateX(10%) rotate(2deg);transform:translateX(10%) rotate(2deg)}75%{-webkit-transform:translateX(-5%) rotate(-1deg);-ms-transform:translateX(-5%) rotate(-1deg);transform:translateX(-5%) rotate(-1deg)}100%{-webkit-transform:translateX(0%);-ms-transform:translateX(0%);transform:translateX(0%)}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}50%{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05)}70%{-webkit-transform:scale(.9);transform:scale(.9)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)}50%{opacity:1;-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}70%{-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9)}100%{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}60%{opacity:1;-webkit-transform:translateY(30px);transform:translateY(30px)}80%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}60%{opacity:1;-webkit-transform:translateY(30px);-ms-transform:translateY(30px);transform:translateY(30px)}80%{-webkit-transform:translateY(-10px);-ms-transform:translateY(-10px);transform:translateY(-10px)}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}60%{opacity:1;-webkit-transform:translateX(30px);transform:translateX(30px)}80%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes bounceInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}60%{opacity:1;-webkit-transform:translateX(30px);-ms-transform:translateX(30px);transform:translateX(30px)}80%{-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}60%{opacity:1;-webkit-transform:translateX(-30px);transform:translateX(-30px)}80%{-webkit-transform:translateX(10px);transform:translateX(10px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes bounceInRight{0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}60%{opacity:1;-webkit-transform:translateX(-30px);-ms-transform:translateX(-30px);transform:translateX(-30px)}80%{-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translateX(10px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}60%{opacity:1;-webkit-transform:translateY(-30px);transform:translateY(-30px)}80%{-webkit-transform:translateY(10px);transform:translateY(10px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes bounceInUp{0%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}60%{opacity:1;-webkit-transform:translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px)}80%{-webkit-transform:translateY(10px);-ms-transform:translateY(10px);transform:translateY(10px)}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{0%{-webkit-transform:scale(1);transform:scale(1)}25%{-webkit-transform:scale(.95);transform:scale(.95)}50%{opacity:1;-webkit-transform:scale(1.1);transform:scale(1.1)}100%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}}@keyframes bounceOut{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}25%{-webkit-transform:scale(.95);-ms-transform:scale(.95);transform:scale(.95)}50%{opacity:1;-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}100%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)}}.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{0%{-webkit-transform:translateY(0);transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}}@keyframes bounceOutDown{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(20px);transform:translateX(20px)}100%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}}@keyframes bounceOutLeft{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}100%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}}@keyframes bounceOutRight{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(20px);transform:translateY(20px)}100%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}}@keyframes bounceOutUp{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}100%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}}@keyframes fadeOutDown{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}}@keyframes fadeOutDownBig{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}}@keyframes fadeOutLeft{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}}@keyframes fadeOutLeftBig{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}}@keyframes fadeOutRight{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}}@keyframes fadeOutRightBig{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}}@keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}}@keyframes fadeOutUpBig{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);transform:perspective(400px) translateZ(0) rotateY(0) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);-ms-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);transform:perspective(400px) translateZ(0) rotateY(0) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);-ms-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-ms-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);-ms-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);-ms-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;-ms-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-10deg);transform:perspective(400px) rotateX(-10deg)}70%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}100%{-webkit-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);-ms-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-10deg);-ms-transform:perspective(400px) rotateX(-10deg);transform:perspective(400px) rotateX(-10deg)}70%{-webkit-transform:perspective(400px) rotateX(10deg);-ms-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}100%{-webkit-transform:perspective(400px) rotateX(0deg);-ms-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1}}.flipInX{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-10deg);transform:perspective(400px) rotateY(-10deg)}70%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg)}100%{-webkit-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);opacity:1}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);-ms-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-10deg);-ms-transform:perspective(400px) rotateY(-10deg);transform:perspective(400px) rotateY(-10deg)}70%{-webkit-transform:perspective(400px) rotateY(10deg);-ms-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg)}100%{-webkit-transform:perspective(400px) rotateY(0deg);-ms-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);opacity:1}}.flipInY{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1}100%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px) rotateX(0deg);-ms-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1}100%{-webkit-transform:perspective(400px) rotateX(90deg);-ms-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);opacity:1}100%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px) rotateY(0deg);-ms-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);opacity:1}100%{-webkit-transform:perspective(400px) rotateY(90deg);-ms-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0}60%{-webkit-transform:translateX(-20%) skewX(30deg);transform:translateX(-20%) skewX(30deg);opacity:1}80%{-webkit-transform:translateX(0%) skewX(-15deg);transform:translateX(0%) skewX(-15deg);opacity:1}100%{-webkit-transform:translateX(0%) skewX(0deg);transform:translateX(0%) skewX(0deg);opacity:1}}@keyframes lightSpeedIn{0%{-webkit-transform:translateX(100%) skewX(-30deg);-ms-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0}60%{-webkit-transform:translateX(-20%) skewX(30deg);-ms-transform:translateX(-20%) skewX(30deg);transform:translateX(-20%) skewX(30deg);opacity:1}80%{-webkit-transform:translateX(0%) skewX(-15deg);-ms-transform:translateX(0%) skewX(-15deg);transform:translateX(0%) skewX(-15deg);opacity:1}100%{-webkit-transform:translateX(0%) skewX(0deg);-ms-transform:translateX(0%) skewX(0deg);transform:translateX(0%) skewX(0deg);opacity:1}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{0%{-webkit-transform:translateX(0%) skewX(0deg);transform:translateX(0%) skewX(0deg);opacity:1}100%{-webkit-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0}}@keyframes lightSpeedOut{0%{-webkit-transform:translateX(0%) skewX(0deg);-ms-transform:translateX(0%) skewX(0deg);transform:translateX(0%) skewX(0deg);opacity:1}100%{-webkit-transform:translateX(100%) skewX(-30deg);-ms-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}100%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateIn{0%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(-200deg);-ms-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}100%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}@keyframes rotateOut{0%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(200deg);-ms-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}}@keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}}@keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes slideInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}}@keyframes slideOutLeft{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}}@keyframes slideOutRight{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}}@keyframes slideOutUp{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}@-webkit-keyframes hinge{0%{-webkit-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}80%{-webkit-transform:rotate(60deg) translateY(0);transform:rotate(60deg) translateY(0);opacity:1;-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}100%{-webkit-transform:translateY(700px);transform:translateY(700px);opacity:0}}@keyframes hinge{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);-ms-transform:rotate(80deg);transform:rotate(80deg);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%{-webkit-transform:rotate(60deg);-ms-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}80%{-webkit-transform:rotate(60deg) translateY(0);-ms-transform:rotate(60deg) translateY(0);transform:rotate(60deg) translateY(0);opacity:1;-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}100%{-webkit-transform:translateY(700px);-ms-transform:translateY(700px);transform:translateY(700px);opacity:0}}.hinge{-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translateX(-100%) rotate(-120deg);transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg);transform:translateX(0px) rotate(0deg)}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translateX(-100%) rotate(-120deg);-ms-transform:translateX(-100%) rotate(-120deg);transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg);-ms-transform:translateX(0px) rotate(0deg);transform:translateX(0px) rotate(0deg)}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg);transform:translateX(0px) rotate(0deg)}100%{opacity:0;-webkit-transform:translateX(100%) rotate(120deg);transform:translateX(100%) rotate(120deg)}}@keyframes rollOut{0%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg);-ms-transform:translateX(0px) rotate(0deg);transform:translateX(0px) rotate(0deg)}100%{opacity:0;-webkit-transform:translateX(100%) rotate(120deg);-ms-transform:translateX(100%) rotate(120deg);transform:translateX(100%) rotate(120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}



/*Colorbox Core Style*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* project Style */
#cboxOverlay{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACCAYAAACZgbYnAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABNJREFUeNpiYGBg+M8EJG4BBBgABugB3ECUq4UAAAAASUVORK5CYII=) repeat 0 0;}
#colorbox{outline:0;}
    #cboxTopLeft{width:21px; height:21px;}
    #cboxTopRight{width:21px; height:21px;}
    #cboxBottomLeft{width:21px; height:21px;}
    #cboxBottomRight{width:21px; height:21px;}
    #cboxMiddleLeft{width:21px;}
    #cboxMiddleRight{width:21px;}
    #cboxTopCenter{height:21px; }
    #cboxBottomCenter{height:21px;}
    #cboxContent{background:#fff; overflow:hidden;}
    .cboxIframe{background:#fff;}
    #cboxError{padding:50px; border:1px solid #ccc;}
    #cboxLoadedContent{margin-bottom:0;}
    #cboxTitle{position:absolute; bottom:0; left:0; min-height: 50px;text-align:left;font-size:12pt;line-height: 14pt;padding: 20px 10px 10px 120px; width:100%;color:#fff;background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABhJREFUeNpilJKS2sGABJgY0ABhAYAAAwBDcAEOEOZD9AAAAABJRU5ErkJggg==) left top repeat;}
    #cboxTitle b {font-size:14pt;}
    #cboxCurrent{position:absolute; bottom:10px; right:10px; color:#949494;}
    #cboxLoadingOverlay{background: #fff;}
    #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
    #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}
		/* navigatie */
    #cboxSlideshow{position:absolute; bottom:10px; right:30px; color:#0092ef;}
    #cboxPrevious{position:absolute; bottom:25px; left:10px; background: #f60 url(/gfx/controls.png) no-repeat -42px 0; width:32px; height:32px; text-indent:-9999px;}
    #cboxPrevious:hover{background-position: -42px -42px;}
    #cboxNext{position:absolute; bottom:25px; left:52px; background: url(/gfx/controls.png) no-repeat -84px 0; width:32px; height:32px; text-indent:-9999px;}
    #cboxNext:hover{background-position:-84px -42px;}
    #cboxClose{position:absolute; top:10px; right:10px; background: url(/gfx/controls.png) no-repeat 0 0; width:32px; height:32px; text-indent:-9999px;}
		#cboxClose:hover {background-position: 0 -42px;}


/*
 * Bootstrap 4 Component - Chosen Version: 1.0.10 Copyright (c) 2017-18 Martin Haubek https://www.jqueryscript.net/form/Bootstrap-4-Chosen-Plugin.html
*/
.chosen-select,.chosen-select-deselect{width:100%}.chosen-container{display:inline-block;position:relative;width:100%!important;font-size:1rem;text-align:left;vertical-align:middle}.chosen-container .chosen-drop{background:#fff;border:1px solid #80bdff;border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem;margin-top:-1px;position:absolute;top:100%;left:-9000px;z-index:1060}.chosen-container.chosen-with-drop .chosen-drop{left:0;right:0}.chosen-container .chosen-results{margin:0;position:relative;max-height:15rem;padding:.5rem 0 0 0;color:#6c757d;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}.chosen-container .chosen-results li{display:none;line-height:1.5;list-style:none;margin:0;padding:.25rem .25rem .25rem 1.5rem}.chosen-container .chosen-results li em{font-style:normal;color:#6c757d}.chosen-container .chosen-results li.group-result{display:list-item;cursor:default;padding-left:.75rem;color:#adb5bd;font-weight:400;text-transform:uppercase}.chosen-container .chosen-results li.group-option{padding-left:1.5rem}.chosen-container .chosen-results li.active-result{cursor:pointer;display:list-item}.chosen-container .chosen-results li.result-selected{color:#495057}.chosen-container .chosen-results li.result-selected:before{display:inline-block;position:relative;top:.3rem;width:1.25rem;height:1.25rem;margin-left:-1.25rem;content:"";background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23495057' d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z'/%3E%3C/svg%3E");background-size:1.25rem 1.25rem;background-position:center center;background-repeat:no-repeat}.chosen-container .chosen-results li.highlighted{background-color:#007bff;background-image:none;color:#fff}.chosen-container .chosen-results li.highlighted:before{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z'/%3E%3C/svg%3E")}.chosen-container .chosen-results li.highlighted em{background:0 0;color:rgba(255,255,255,.8)}.chosen-container .chosen-results li.disabled-result{display:list-item;color:#ced4da}.chosen-container .chosen-results .no-results{display:list-item;padding:.25rem 0 1rem 1.065rem;color:#dc3545}.chosen-container .chosen-results-scroll{background:#fff;margin:0 .25rem;position:absolute;text-align:center;width:20rem;z-index:1}.chosen-container .chosen-results-scroll span{display:inline-block;height:1.5;text-indent:-5000px;width:.5rem}.chosen-container-single .chosen-single{background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-top-left-radius:.25rem;border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem;color:#6c757d;display:block;height:calc(2.25rem + 2px);overflow:hidden;line-height:calc(2.25rem + 2px);padding:0 0 0 .75rem;position:relative;text-decoration:none;white-space:nowrap}.chosen-container-single .chosen-single abbr{display:inline-block;position:absolute;top:.45rem;right:2.5rem;width:1.5rem;height:1.5rem;cursor:pointer;background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23dc3545' d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/%3E%3C/svg%3E");background-size:1.5rem 1.5rem;background-position:center center;background-repeat:no-repeat}.chosen-container-single .chosen-single abbr:hover{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23921925' d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/%3E%3C/svg%3E")}.chosen-container-single .chosen-single span{display:block;margin-right:1.5rem;text-overflow:ellipsis}.chosen-container-single .chosen-single.chosen-disabled .chosen-single abbr:hover{background-position:right 2px}.chosen-container-single .chosen-single div{display:block;position:absolute;top:0;right:0;width:2rem;height:100%;padding-left:.5rem;background-color:#fff}.chosen-container-single .chosen-single div:after{display:inline-block;position:relative;top:.25rem;left:-1rem;width:2rem;height:2rem;content:"";background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23adb5bd' d='M7.41 7.84L12 12.42l4.59-4.58L18 9.25l-6 6-6-6z'/%3E%3C/svg%3E");background-size:2rem 2rem;background-position:center center;background-repeat:no-repeat}.chosen-container-single .chosen-default{color:#adb5bd}.chosen-container-single a:not([href]):not([tabindex]){color:#6c757d!important}.chosen-container-single a:not([href]):not([tabindex]).chosen-single:not(.chosen-default){color:#6c757d!important}.chosen-container-single .chosen-search-input{display:none;border:none}.chosen-container-single .chosen-search{margin:0;padding:.5rem .5rem 0 .5rem;position:relative;white-space:nowrap;z-index:1000}.chosen-container-single .chosen-search:after{display:inline-block;position:relative;top:.365rem;left:-1.75rem;width:1.25rem;height:1.25rem;content:"";background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23adb5bd' d='M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z'/%3E%3C/svg%3E");background-size:1.25rem 1.25rem;background-position:center center;background-repeat:no-repeat}.chosen-container-single .chosen-search input[type=text]{background-color:#f8f9fa;border:1px solid #ced4da;outline:0;border-top-left-radius:.25rem;border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem;padding:.25rem 1rem .25rem .5rem;width:100%}.chosen-container-single .chosen-drop{margin-top:-1px;border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem;background-clip:padding-box}.chosen-container-single-nosearch .chosen-search{display:none}.chosen-container-multi .chosen-choices{background-color:#fff;border:1px solid #ced4da;border-top-left-radius:.25rem;border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem;cursor:text;height:auto!important;margin:0;overflow:hidden;padding:0;position:relative}.chosen-container-multi .chosen-choices li{float:left;list-style:none}.chosen-container-multi .chosen-choices .search-field{margin:0;padding:0;white-space:nowrap}.chosen-container-multi .chosen-choices .search-field input[type=text]{background:0 0!important;border:0!important;color:#6c757d;height:calc(2.25rem + 2px);margin:0;padding:0 0 0 .75rem;outline:0;}.chosen-container-multi .chosen-choices .search-field .default{color:#ced4da}.chosen-container-multi .chosen-choices .search-choice{background-clip:padding-box;position:relative;margin:.35rem 0 0 .5rem;padding:.25rem 1.5rem .25rem .25rem;border:1px solid #ced4da;background-color:#f8f9fa;border-top-left-radius:.25rem;border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem;cursor:default;font-size:.875rem;line-height:1;color:#6c757d}.chosen-container-multi .chosen-choices .search-choice .search-choice-close{display:inline-block;position:absolute;top:.2rem;right:.125rem;width:1rem;height:1rem;cursor:pointer;background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23dc3545' d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/%3E%3C/svg%3E");background-size:1rem 1rem;background-position:center center;background-repeat:no-repeat}.chosen-container-multi .chosen-choices .search-choice .search-choice-close:hover{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23921925' d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/%3E%3C/svg%3E")}.chosen-container-multi .chosen-choices .search-choice-focus{background:#dee2e6}.chosen-container-multi .chosen-choices .search-choice-focus .search-choice-close{background-position:right -11px}.chosen-container-multi .chosen-drop .result-selected{display:none}.chosen-container-active .chosen-single{border:1px solid #80bdff;transition:border linear 0s,box-shadow linear 0s}@media screen and (prefers-reduced-motion:reduce){.chosen-container-active .chosen-single{transition:none}}.chosen-container-active.chosen-with-drop .chosen-single{background-color:#fff;border:1px solid #80bdff;border-bottom-right-radius:0;border-bottom-left-radius:0;transition:border linear 0s,box-shadow linear 0s}@media screen and (prefers-reduced-motion:reduce){.chosen-container-active.chosen-with-drop .chosen-single{transition:none}}.chosen-container-active.chosen-with-drop .chosen-single div:after{display:inline-block;position:relative;top:.25rem;left:-1rem;width:2rem;height:2rem;content:"";background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23adb5bd' d='M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z'/%3E%3C/svg%3E");background-size:2rem 2rem;background-position:center center;background-repeat:no-repeat}.chosen-container-active .chosen-choices{border:1px solid #80bdff;border-bottom-right-radius:0;border-bottom-left-radius:0;transition:border linear 0s,box-shadow linear 0s}@media screen and (prefers-reduced-motion:reduce){.chosen-container-active .chosen-choices{transition:none}}.chosen-container-active .chosen-choices .search-field input[type=text]{color:#6c757d!important}.chosen-container-active.chosen-with-drop .chosen-choices{border-bottom-right-radius:0;border-bottom-left-radius:0}.chosen-container-active.chosen-with-drop .chosen-search-input{display:inline-block}.chosen-disabled{cursor:default;opacity:.5!important}.chosen-disabled .chosen-single{cursor:default}.chosen-disabled .chosen-choices .search-choice .search-choice-close{cursor:default}.chosen-container-optgroup-clickable li.group-result{text-transform:none!important}.chosen-container-optgroup-clickable li.group-result:hover{background-color:#007bff;color:#fff;cursor:pointer}.chosen-container.is-valid .chosen-choices,.chosen-container.is-valid .chosen-drop,.chosen-container.is-valid .chosen-single,.chosen-container:valid .chosen-choices,.chosen-container:valid .chosen-drop,.chosen-container:valid .chosen-single{border-color:#28a745}.chosen-container.is-invalid .chosen-choices,.chosen-container.is-invalid .chosen-drop,.chosen-container.is-invalid .chosen-single,.chosen-container:invalid .chosen-choices,.chosen-container:invalid .chosen-drop,.chosen-container:invalid .chosen-single{border-color:#dc3545}input[type=text].chosen-focus-input{position:absolute;top:-9000px;width:0;height:0;margin:0;padding:0;background:0 0!important;border:0!important;outline:0}.input-group:nth-of-type(1) .chosen-container .chosen-choices{border-top-left-radius:0;border-bottom-left-radius:0}.input-group:not(:nth-of-type(1)) .chosen-container .chosen-choices{border-top-right-radius:0;border-bottom-right-radius:0}.input-group:not(:nth-of-type(1)) .input-group-prepend .input-group-text{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.input-group .chosen-container{position:relative;-ms-flex:1 1 auto;flex:1 1 auto;width:1%!important}


/* overrule chosen */
.input-group-sm .chosen-container, .input-group-sm .chosen-single {
	height: calc(1.5em + .5rem + 2px);
	font-size: .875rem;
	line-height: 1.2rem;
}

.input-group-sm .chosen-single {
	height: calc(1.5em + .5rem + 2px);
	font-size: .875rem;
	line-height: 1.2rem;
	padding: .25rem .5rem;
}

.input-group-sm .chosen-container-single .chosen-single div::after {
	top: 0;
	background-size: 1.5rem 1.5rem;
}

/*
.chosen-container-multi .chosen-choices .search-field {width: 100%;}
*/
.chosen-container-multi.chosen-container .chosen-choices::after {
    width: 20px;
    height: 100%;
    position: absolute;
    right: 13px;
		top: 3px;
    background-color: white;
	 	font-family: "Font Awesome 5 Pro";
		font-size: 18px;
		content: "\f078"; 
}

.chosen-container .chosen-single {
	height: calc(1.5em + .5rem + 2px);
	font-size: .875rem;
	line-height: calc(1.5rem + 2px);
}

.chosen-single {
	height: calc(1.5em + .5rem + 2px);
	font-size: .875rem;
	line-height: 1.2rem;
	padding: .25rem .5rem;
}

.chosen-container-single .chosen-single div::after {
	top: 0;
	background-size: 1.5rem 1.5rem;
}

.input-group-text {
	display:table-cell;
	vertical-align: top;
	background: rgba(var(--bs-white-rgb), 0.6);
}

/*!
 * Bootstrap-select v1.14.0-beta2 (https://developer.snapappointments.com/bootstrap-select)
 *
 * Copyright 2012-2021 SnapAppointments, LLC
 * Licensed under MIT (https://github.com/snapappointments/bootstrap-select/blob/master/LICENSE)
 */@-webkit-keyframes bs-notify-fadeOut{0%{opacity:.9}100%{opacity:0}}@-o-keyframes bs-notify-fadeOut{0%{opacity:.9}100%{opacity:0}}@keyframes bs-notify-fadeOut{0%{opacity:.9}100%{opacity:0}}.bootstrap-select>select.bs-select-hidden,select.bs-select-hidden,select.selectpicker{display:none!important}.bootstrap-select{width:220px\0;vertical-align:middle}.bootstrap-select>.dropdown-toggle{position:relative;width:100%;text-align:right;white-space:nowrap;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.bootstrap-select>.dropdown-toggle:after{margin-top:-1px}.bootstrap-select>.dropdown-toggle.bs-placeholder,.bootstrap-select>.dropdown-toggle.bs-placeholder:active,.bootstrap-select>.dropdown-toggle.bs-placeholder:focus,.bootstrap-select>.dropdown-toggle.bs-placeholder:hover{color:#999}.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-danger,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-danger:active,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-danger:focus,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-danger:hover,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-dark,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-dark:active,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-dark:focus,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-dark:hover,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-info,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-info:active,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-info:focus,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-info:hover,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-primary,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-primary:active,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-primary:focus,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-primary:hover,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-secondary,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-secondary:active,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-secondary:focus,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-secondary:hover,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-success,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-success:active,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-success:focus,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-success:hover{color:rgba(var(--bs-white-rgb),.5)}.bootstrap-select>select{position:absolute!important;bottom:0;left:50%;display:block!important;width:.5px!important;height:100%!important;padding:0!important;opacity:0!important;border:none;z-index:0!important}.bootstrap-select>select.mobile-device{top:0;left:0;display:block!important;width:100%!important;z-index:2!important}.bootstrap-select.is-invalid .dropdown-toggle,.error .bootstrap-select .dropdown-toggle,.has-error .bootstrap-select .dropdown-toggle,.was-validated .bootstrap-select select:invalid+.dropdown-toggle{border-color:#b94a48}.bootstrap-select.is-valid .dropdown-toggle,.was-validated .bootstrap-select select:valid+.dropdown-toggle{border-color:#28a745}.bootstrap-select.fit-width{width:auto!important}.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){width:220px}.bootstrap-select .dropdown-toggle:focus,.bootstrap-select>select.mobile-device:focus+.dropdown-toggle{outline:thin dotted #333!important;outline:5px auto -webkit-focus-ring-color!important;outline-offset:-2px}.bootstrap-select.form-control{margin-bottom:0;padding:0;border:none;height:auto}:not(.input-group)>.bootstrap-select.form-control:not([class*=col-]){width:100%}.bootstrap-select.form-control.input-group-btn{float:none;z-index:auto}.form-inline .bootstrap-select,.form-inline .bootstrap-select.form-control:not([class*=col-]){width:auto}.bootstrap-select:not(.input-group-btn),.bootstrap-select[class*=col-]{float:none;display:inline-block;margin-left:0}.bootstrap-select.dropdown-menu-right,.bootstrap-select[class*=col-].dropdown-menu-right,.row .bootstrap-select[class*=col-].dropdown-menu-right{float:right}.form-group .bootstrap-select,.form-horizontal .bootstrap-select,.form-inline .bootstrap-select{margin-bottom:0}.form-group-lg .bootstrap-select.form-control,.form-group-sm .bootstrap-select.form-control{padding:0}.form-group-lg .bootstrap-select.form-control .dropdown-toggle,.form-group-sm .bootstrap-select.form-control .dropdown-toggle{height:100%;font-size:inherit;line-height:inherit;border-radius:inherit}.bootstrap-select.form-control-lg .dropdown-toggle,.bootstrap-select.form-control-sm .dropdown-toggle{font-size:inherit;line-height:inherit;border-radius:inherit}.bootstrap-select.form-control-sm .dropdown-toggle{padding:.25rem .5rem}.bootstrap-select.form-control-lg .dropdown-toggle{padding:.5rem 1rem}.form-inline .bootstrap-select .form-control{width:100%}.bootstrap-select.disabled,.bootstrap-select>.disabled{cursor:not-allowed}.bootstrap-select.disabled:focus,.bootstrap-select>.disabled:focus{outline:0!important}.bootstrap-select.bs-container{position:absolute;top:0;left:0;height:0!important;padding:0!important}.bootstrap-select.bs-container .dropdown-menu{z-index:1060}.bootstrap-select .dropdown-toggle .filter-option{position:static;top:0;left:0;float:left;height:100%;width:100%;text-align:left;overflow:hidden;-webkit-box-flex:0;-webkit-flex:0 1 auto;-ms-flex:0 1 auto;flex:0 1 auto}.bs3.bootstrap-select .dropdown-toggle .filter-option{padding-right:inherit}.input-group .bs3-has-addon.bootstrap-select .dropdown-toggle .filter-option{position:absolute;padding-top:inherit;padding-bottom:inherit;padding-left:inherit;float:none}.input-group .bs3-has-addon.bootstrap-select .dropdown-toggle .filter-option .filter-option-inner{padding-right:inherit}.bootstrap-select .dropdown-toggle .filter-option-inner-inner{overflow:hidden}.bootstrap-select .dropdown-toggle .filter-expand{width:0!important;float:left;opacity:0!important;overflow:hidden}.bootstrap-select .dropdown-toggle .caret{position:absolute;top:50%;right:12px;margin-top:-2px;vertical-align:middle}.bootstrap-select .dropdown-toggle .bs-select-clear-selected{position:relative;display:block;margin-right:5px;text-align:center}.bs3.bootstrap-select .dropdown-toggle .bs-select-clear-selected{padding-right:inherit}.bootstrap-select .dropdown-toggle .bs-select-clear-selected span{position:relative;top:-webkit-calc(((-1em / 1.5) + 1ex)/ 2);top:calc(((-1em / 1.5) + 1ex)/ 2);pointer-events:none}.bs3.bootstrap-select .dropdown-toggle .bs-select-clear-selected span{top:auto}.bootstrap-select .dropdown-toggle.bs-placeholder .bs-select-clear-selected{display:none}.input-group .bootstrap-select.form-control .dropdown-toggle{border-radius:inherit}.bootstrap-select[class*=col-] .dropdown-toggle{width:100%}.bootstrap-select .dropdown-menu{min-width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bootstrap-select .dropdown-menu>.inner:focus{outline:0!important}.bootstrap-select .dropdown-menu.inner{position:static;float:none;border:0;padding:0;margin:0;border-radius:0;-webkit-box-shadow:none;box-shadow:none}.bootstrap-select .dropdown-menu li{position:relative}.bootstrap-select .dropdown-menu li.active small{color:rgba(var(--bs-white-rgb),.5)!important}.bootstrap-select .dropdown-menu li.disabled a{cursor:not-allowed}.bootstrap-select .dropdown-menu li a{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.bootstrap-select .dropdown-menu li a.opt{position:relative;padding-left:2.25em}.bootstrap-select .dropdown-menu li a span.check-mark{display:none}.bootstrap-select .dropdown-menu li a span.text{display:inline-block}.bootstrap-select .dropdown-menu li small{padding-left:.5em}.bootstrap-select .dropdown-menu .notify{position:absolute;bottom:5px;width:96%;margin:0 2%;min-height:26px;padding:3px 5px;background:#f5f5f5;border:1px solid #e3e3e3;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);box-shadow:inset 0 1px 1px rgba(0,0,0,.05);pointer-events:none;opacity:.9;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bootstrap-select .dropdown-menu .notify.fadeOut{-webkit-animation:.3s linear 750ms forwards bs-notify-fadeOut;-o-animation:.3s linear 750ms forwards bs-notify-fadeOut;animation:.3s linear 750ms forwards bs-notify-fadeOut}.bootstrap-select .no-results{padding:3px;background:#f5f5f5;margin:0 5px;white-space:nowrap}.bootstrap-select.fit-width .dropdown-toggle .filter-option{position:static;display:inline;padding:0}.bootstrap-select.fit-width .dropdown-toggle .filter-option-inner,.bootstrap-select.fit-width .dropdown-toggle .filter-option-inner-inner{display:inline}.bootstrap-select.fit-width .dropdown-toggle .bs-caret:before{content:'\00a0'}.bootstrap-select.fit-width .dropdown-toggle .caret{position:static;top:auto;margin-top:-1px}.bootstrap-select.show-tick .dropdown-menu .selected span.check-mark{position:absolute;display:inline-block;right:15px;top:5px}.bootstrap-select.show-tick .dropdown-menu li a span.text{margin-right:34px}.bootstrap-select .bs-ok-default:after{content:'';display:block;width:.5em;height:1em;border-style:solid;border-width:0 .26em .26em 0;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}.bootstrap-select.show-menu-arrow.open>.dropdown-toggle,.bootstrap-select.show-menu-arrow.show>.dropdown-toggle{z-index:1061}.bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option:before{content:'';border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid rgba(204,204,204,.2);position:absolute;bottom:-4px;left:9px;display:none}.bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option:after{content:'';border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fff;position:absolute;bottom:-4px;left:10px;display:none}.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle .filter-option:before{bottom:auto;top:-4px;border-top:7px solid rgba(204,204,204,.2);border-bottom:0}.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle .filter-option:after{bottom:auto;top:-4px;border-top:6px solid #fff;border-bottom:0}.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle .filter-option:before{right:12px;left:auto}.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle .filter-option:after{right:13px;left:auto}.bootstrap-select.show-menu-arrow.open>.dropdown-toggle .filter-option:after,.bootstrap-select.show-menu-arrow.open>.dropdown-toggle .filter-option:before,.bootstrap-select.show-menu-arrow.show>.dropdown-toggle .filter-option:after,.bootstrap-select.show-menu-arrow.show>.dropdown-toggle .filter-option:before{display:block}.bs-actionsbox,.bs-donebutton,.bs-searchbox{padding:4px 8px}.bs-actionsbox{width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bs-actionsbox .btn-group{display:block}.bs-actionsbox .btn-group button{width:50%}.bs-donebutton{float:left;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bs-donebutton .btn-group{display:block}.bs-donebutton .btn-group button{width:100%}.bs-searchbox+.bs-actionsbox{padding:0 8px 4px}.bs-searchbox .form-control{margin-bottom:0;width:100%;float:none}
 
.bootstrap-select .dropdown-menu {
	border: 1px solid #ddd;
	box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);

}

 .bootstrap-select > .dropdown-toggle.bs-placeholder, .bootstrap-select > .dropdown-toggle.bs-placeholder:active, .bootstrap-select > .dropdown-toggle.bs-placeholder:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder:hover {
	color: #444;
	background: #fff;
	border: 1px solid #ced4da;
}

.btn-light {
	color: #444;
	background: #fff;
	border: 1px solid #ced4da;
}

.badge-select {
	font-size: 9pt;
	margin: 3px 0 0 0;
	width: 25px;
	float: right;
}

/*jQuery Bar Rating Plugin v1.2.1
 * http://github.com/antennaio/jquery-bar-rating*/
.rating-box{
	position: relative;
	margin: 1rem 0 2em  0;
	padding:  0;
}
.br-theme-fontawesome-stars .br-widget {
  position: relative;
  white-space: nowrap;
}
.br-theme-fontawesome-stars .br-widget a {
  font-size: 70px;
	line-height: 1;
  text-rendering: auto;
	font-weight: bold;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  margin: 0;
	padding: 10px 5px 10px 0;
	text-shadow: 0.1px 0.1px 2.1px rgba(0, 0, 0, 0.051), 0.3px 0.3px 5.1px rgba(0, 0, 0, 0.073), 0.6px 0.6px 9.5px rgba(0, 0, 0, 0.09), 1.1px 1.1px 17px rgba(0, 0, 0, 0.107), 2.1px 2.1px 31.8px rgba(0, 0, 0, 0.129), 5px 5px 76px rgba(0, 0, 0, 0.18);
}

.br-theme-fontawesome-stars .br-widget a:hover {
	text-shadow: none;
}

.br-theme-fontawesome-stars .br-widget a:after {
  content: '\2605';
  color: rgba(var(--bs-green-l-rgb),0.7);
}
.br-theme-fontawesome-stars .br-widget a.br-active:after {
  color: var(--bs-green);
	font-weight: bold;
}
.br-theme-fontawesome-stars .br-widget a.br-selected:after {
  color: var(--bs-green);
	font-weight: bold;
} 
.br-theme-fontawesome-stars .br-widget .br-current-rating {
	display: none;
	position: relative;
	width: 100%;
	margin: 1rem 0;
	white-space: normal;
	text-align: left;
	color: var(--bs-green);
	font-size: 14pt;
	min-height: 38px;
	line-height: 20pt;
	font-weight: normal;
	padding: 2px 5px 3px 25px;
}

.br-theme-fontawesome-stars .br-widget .br-current-rating:before {
	position: absolute;
	left: 10px;
	color: var(--bs-green-m);
	font-weight: 400;
	font-size: 14px;
	content: '\2605';
	padding: 0;
}

.br-theme-fontawesome-stars .br-readonly a {
  cursor: default;
}
@media print {
  .br-theme-fontawesome-stars .br-widget a:after {
    content: '\f006';
    color: black;
  }
  .br-theme-fontawesome-stars .br-widget a.br-active:after,
  .br-theme-fontawesome-stars .br-widget a.br-selected:after {
    content: '\f005';
    color: black;
  }
}


/* bootstrap carousel*/	
.hero-image {
	position: relative;
	overflow: hidden;
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
}


.bg-home{
	padding: 6em 0 6em 0 !important;
}

.carousel-inner{
	max-width: 1440px;
	margin: auto;
}

.home-caption {
	z-index: 10;
	position: relative;
	padding: 1rem 0;
	width: 60%;
}

.home-caption.bg-zwart {
	background: rgba(3, 10, 16,.6);
}

.home-caption.bg-wit {
	background: rgba(255, 255, 255,.85);
}

.home-caption h1  {
	margin: 1rem 0 2rem 0;
	font-size: 30pt;
	line-height: 34pt;
	font-weight: 400;
	color: #fff;
}

.home-caption .chapeau {
	font-size: 20pt;
	line-height: 22pt;
	color: var(--bs-green-l);
}

.home-caption .chapeau a, .home-caption .chapeau a:visited {
	display: inline-block;
	font-size: 18pt;
	line-height: 20pt;
	font-weight: 400;	
	padding: 0 0;
	margin: 0;
	opacity: 0.75;
}

.home-caption .leesverder {padding-top: 25px;}

.carousel-caption {
	position: absolute;
  left: 6%;
  right: 35%;
	bottom: 10%;
	top: 15%;
	text-align: left;
	padding:0;
}

.carousel-intro {
	font-size: 18pt;
  line-height: 1.33;
	text-align: left;
}

.carousel-caption h1 a, .carousel-caption h1 a:visited, .carousel-caption h1 {
	margin: 1.2rem 0;
	font-size: 28pt;
	line-height: 26pt;
	font-weight: 500;
	text-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
	text-shadow: none;
}

.carousel-caption .chapeau a, .carousel-caption .chapeau a:visited {
	display: inline-block;
	font-size: 18pt;
	line-height: 20pt;
	font-weight: 400;	
	padding: 0 0;
	margin: 0;
	color: var(--bs-green-m);
	opacity: 0.75;
}

.carousel-counter{
	margin: 1rem 0 2rem 0;
	color:#fff;
	font-size: 18pt;
	line-height: 22pt;
	width: 90%;
}

.carousel-indicators li, .carousel-indicators .active  {
  cursor: pointer;
  display: inline-block;
  height: 38px;
	width: 38px;
  margin: 1px 8px;
	text-indent: 0;
	-webkit-border-radius: 100%;
		 -moz-border-radius: 100%;
				  border-radius: 100%;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

.carousel-indicators-numbers li {
  text-indent: 0;
	text-align: center;
  margin: 0 3px;
  width: 38px;
  height: 38px;
  border: none;
  line-height: 38px;
  color: #fff;
  background-color: var(--bs-green-m);
	-webkit-border-radius: 100%;
		 -moz-border-radius: 100%;
				  border-radius: 100%;
  -webkit-transition: all 0.25s ease;
  				transition: all 0.25s ease;
}

.carousel-indicators-numbers li.active, .carousel-indicators-numbers li:hover {
  margin: 0 3px;
  height: 38px;
	width: 38px;
  background-color: #fff;
	color:#212121;
}

.carousel-indicators .active {
  background-color: #ffd451;
}


.carousel-caption .leesverder {padding-top: 25px;}

.carousel-indicators .active {
  background-color: #ffd451;
}

.carousel-control {
  opacity: 0.5;
}


.carousel-control .icon-prev:before, .carousel-control .icon-next:before {
  color:#fff;
	font-family: "Font Awesome 5 Pro";
  font-size: 18px;
	line-height: 16px;
	content: "\f053"; 
}

.carousel-control .icon-next:before {
  content: "\f054";
}

.bg-searchbar{
	margin: 0;
	padding: 1rem 0;
	background: rgba(0,0,0,0.1);
}
.bg-searchbar .container{padding:0;}
.bg-searchbar .form-control {border-radius:0;}
.bg-searchbar .input-group-text {background-color: #fff;color:#666;border-radius:0}
.bg-searchbar .form-control::-webkit-input-placeholder {color:#999;}
.bg-searchbar .form-control::-moz-placeholder {color:#999;}
.bg-searchbar .form-control::-ms-input-placeholder {color:#999;}

.bg-searchresult{
	margin: 1rem 0 1rem 0;
	padding: 0;
	font-size: 12pt;
	letter-spacing: -0.025em;
}
.bg-searchresult .search-facet:after {
	padding: 0 0 0 10px;
	color: var(--orange);
	font-size: 14px;
	content: "\276f"; 
}

.chevron-start:before, .left-chevron:before {
	display: inline-block;
	padding: 0 5px;
	color: var(--orange);
	font-size: 14px;
	content: "\276f"; 
}

.chevron-end:after, .right-chevron:after {
	display: inline-block;
	padding: 0 5px;
	color: var(--orange);
	font-size: 14px;
	content: "\276f"; 
}


.introText {position: relative;text-align: center;padding: 1rem 2rem;}
.introText h3 {margin-top: 20px;}
.introText .svg-inline--fa {font-size: 60px;line-height: 60px;color: var(--bs-green);}

.pagePart{
	padding: 2rem 0;
	margin: auto;
}

.pagepart-1{
	padding: 3rem 0;
}

.pagepart-3{
	padding: 3rem 0 0 0;
}
.pagepart-3a{
	padding: 1rem 0 3rem 0;
}
.pagepart-3 h2 a, .part-3 h2 a:visited {color: var(--bs-a);} 
.pagepart-3 h2 a:hover {color: var(--bs-a-hover);} 

.pagePartFooter{
	padding: 1.2rem 0;
}

/* validation engine*/

#registrationError {
	margin: 5px 0 0 0;
	font-size: 11pt;
	background: #bb271c;
	color:#fff;
	padding: 3px 10px;
	border-color:#bc271c;
}

#registrationError a, #registrationError a:visited {
	font-weight: bold;
}

.inputContainer {
	position: relative;
	float: left;
}

.formError {
	position: absolute;
	top: 300px;
	left: 300px;
	display: block;
	z-index: 5000;
	cursor: pointer;
}

.ajaxSubmit {
	padding: 20px;
	background: #55ea55;
	border: 1px solid #999;
	display: none
}

.formError .formErrorContent {
	width: 100%;
	min-width: 20em;
	background: #bb271c;
	position:relative;
	z-index:5001;
	color: #fff;
	font-family: Arial;
	font-size: 12pt;
	border: 1px solid #ddd;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
	padding: 4px 10px 4px 10px;
	-webkit-border-radius: 0;
		 -moz-border-radius: 0;
					border-radius: 0;
	
}

.rating-error{
	background: #bb271c;
	position: absolute;
	z-index:5001;
	color: #fff;
	font-family: Arial;
	font-size: 12pt;
	line-height: 14pt;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
	padding: 4px 10px 4px 10px;
	-webkit-border-radius: 0;
		 -moz-border-radius: 0;
					border-radius: 0;
}


.greenPopup .formErrorContent {
	background: #33be40;
}

.blackPopup .formErrorContent {
	background: #393939;
	color: #FFF;
}

.formError .formErrorArrow {
	width: 15px;
	margin: 0 0 0 13px;
  position:relative;
  z-index: 5006;
}

.formError .formErrorArrowBottom {
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
	margin: 0px 0 0 12px;
  top:2px;
}

.formError .formErrorArrow div {
	box-shadow: 0 2px 3px #444;
	-moz-box-shadow: 0 2px 3px #444;
	-webkit-box-shadow: 0 2px 3px #444;
	font-size: 0px;
	height: 1px;
	background: #bb271c;
	margin: 0 auto;
	line-height: 0;
	font-size: 0;
	display: block;
}

.formError .formErrorArrowBottom div {
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
}

.greenPopup .formErrorArrow div {
	background: #33be40;
}

.blackPopup .formErrorArrow div {
	background: #393939;
	color: #FFF;
}

.formError .formErrorArrow .line10 {
	width: 15px;
	border: none;
}

.formError .formErrorArrow .line9 {
	width: 13px;
	border: none;
}

.formError .formErrorArrow .line8 {
	width: 11px;
}

.formError .formErrorArrow .line7 {
	width: 9px;
}

.formError .formErrorArrow .line6 {
	width: 7px;
}

.formError .formErrorArrow .line5 {
	width: 5px;
}

.formError .formErrorArrow .line4 {
	width: 3px;
}

.formError .formErrorArrow .line3 {
	width: 1px;
}

.formError .formErrorArrow .line2 {
	width: 3px;
	border: none;
}

.formError .formErrorArrow .line1 {
	width: 1px;
	border: none;
}

/* typeahead*/
.twitter-typeahead {
	margin: 0 !important;
	padding: 0 !important;
}

.tt-query,
.tt-hint {
	width: 100%;
}
.tt-explain {
	color: #333;
	font-size: 12pt;
	line-height: 16pt;
	margin: 10px 0 0 0;
	padding: 3px 10px;
	border: 1px solid rgba(var(--bs-green-m-rgb),0.2);
	background-color: rgba(var(--bs-green-m-rgb),0.1);
}

.input-group > .twitter-typeahead {
     position: relative;
     -ms-flex: 1 1 auto;
     -webkit-box-flex: 1;
     flex: 1 1 auto;
     width: 1%;
     margin-bottom: 0;
 }
 .input-group>.twitter-typeahead:not(:last-child) {
     border-top-right-radius: 0;
     border-bottom-right-radius: 0;
 }
 .input-group>.twitter-typeahead>.tt-input {
     border-top-right-radius: 0;
     border-bottom-right-radius: 0;
 }
 .form-control.tt-input:focus {
     z-index: 3
 }

.tt-query {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.tt-highlight {
  color: #000;
	background: #b1e59b;
	padding: 0 3px;
}

.tt-dataset {
	cursor: pointer;
	max-height: 300px;
	color: #333;
  overflow-y: auto;
  width: 550px;
  margin-top: 1px;
  padding: 0;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
     -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
          box-shadow: 0 5px 10px rgba(0,0,0,.2);
}


.tt-suggestion {
	display: block;
	width: 100%;
	color: #333;
  padding: 5px 10px;
  font-size: 12pt;
  line-height: 16pt;
	border-bottom: 1px solid #ddd;
}

.tt-suggestion:hover {
	background-color: #f4f4f4;
}

.tt-suggestion.tt-cursor {
  color: #333;
  background-color: #fff;
}

.tt-empty {
	font-size: 12pt;
  line-height: 16pt;
	padding: 20px;
}

.tt-results {
	position: relative;
	padding: 5px 10px;
}

.tt-company {
	font-weight: bold;
	position: relative;
	width: 98%;
	overflow:hidden !important;
  text-overflow: ellipsis;
}

.tt-address {
	clear: both;
	position: relative;
	width: 98%;
	overflow:hidden !important;
  text-overflow: ellipsis;
}

.tt-postcode {
	position: relative;
	float: right;
	width: 25%;
	overflow:hidden !important;
  text-overflow: ellipsis;
	text-align: right;
	text-transform: uppercase;
}

.tt-city {
	position: relative;
	float: left;
	width: 70%;
	overflow:hidden !important;
  text-overflow: ellipsis;
	text-align: left;
	text-transform: uppercase;
}

.no-gutters {
	--bs-gutter-y: 0;
	--bs-gutter-x: 0;
}

.card-deck {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  margin: 0;
}

.card-deck > .card {
	-ms-flex: 1 0 0%;
	flex: 0 1 auto;
	width: calc(33.333333% - 1%);
	max-width:calc(33.333333% - 1%);
	margin: 0 1% 2% 0 !important;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

.card-deck.card-deck-6 .card {
	width: calc(16.6666666667% - 1%);
	max-width: calc(16.6666666667% - 1%);
}
.card-deck.card-deck-5 .card {
	width: calc(20% - 1%);
	max-width: calc(20% - 1%);
}

.card-deck.card-deck-4 .card {
	width: calc(25% - 1%);
	max-width:calc(25% - 1%);
}

.card-deck.card-deck-3 .card {
	max-width: calc((100%/3) - 1%);
	width: calc((100%/3) - 1%);
}
.card-deck.card-deck-2 .card {
	max-width: calc(25% - 1%);
	width: calc(50% - 1%);
}

.card-deck.card-deck-1 .card {
	width: 100%;
	max-width:100%;
	margin: 0 0 1% 0;
}

.card-deck .card-info {
 	border: 0;
	background: var(--bs-gray-100);
}

.card-deck .card-info .card-body {
	padding:.5rem 1rem 1rem 1rem;
}

.card-deck .card-round {
 	border: 0;
	background: none;
}

.card-header {
	margin-bottom: 0;
	background: rgba(var(--bs-green-m-rgb),.25);
	border-bottom: none;
}

.card-footer {
	background: rgba(204,219,207,.7);
	border-top: none;
}

.card-img-16-9 img{
	object-fit: cover;
	height: 207px;
}

.card-deck .card-list .card-body {
	padding:.5rem 1rem 1rem 1rem;
}

.card-icon .svg-inline--fa {
	color: var(--bs-green);
}

.card-deck > .card.card-list:hover .svg-inline--fa {
	box-shadow: none;
	color: var(--bs-primary-hover);
}


.bg-logo{
	position: relative;
	padding: 2rem 3rem;
	background: var(--bs-white);
	text-align: center;
}

.bg-logo .card-deck{
	max-width: 1440px;
	margin: auto;
}

.bg-logo h3{
	margin-bottom: 2rem;
	color: var(--bs-green);
}

.card-logo {
	padding: 0 1.3rem 1.5rem 1.3rem;
	border: none;
	background: none;
}


.card-logo img {
	mix-blend-mode: luminosity;
}

.scorecard {
	font-family: 'Heebo', arial, sans-serif;
}
.scorecard .card-header{
	padding: .35rem .25rem !important;
	font-size: 12pt;
	line-height: 13pt;
	height: 45px;
	background: rgba(204,219,207,.7);
}

.scorecard .card-body{
	padding: 0;
	font-size: 11pt;
}

.scorecard .card-body .row{
	padding: .3rem .5rem;
	border-bottom: 1px solid rgba(207, 212, 224,1);
}
.scorecard .card-body .row.no-border{
	border: none !important;
}	

.scorecard .chosen-container-single .chosen-single {
	font-size: 10.5pt;
	border: none;
}

.scorecard .badge {
	font-size: 11pt;
}


.card-deck .card-course {
 	border: 0;
	background: none;
}

.card-deck .card-info .card-body {
	padding:.5rem 1rem 1rem 1rem;
}

	

/* scan styles*/
.question-box .formError .formErrorContent {
	background: rgba(187, 39, 28,1) !important;
	font-family: 'Heebo', arial, sans-serif;
	font-weight: 300;
	opacity: 1;
	font-size: 13.5pt;
	line-height: 14pt;
	min-width: 250px !important;
	max-width: 75% !important;
	padding: 3px 10px;
	color: #fff !important;
	-webkit-border-radius: 4px;
		 -moz-border-radius: 4px;
				  border-radius: 4px;
	-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, .4);
          box-shadow: 1px 1px 2px rgba(0, 0, 0, .4);
	}

.bg-box {
		background: #ddd;
	}
	
.scan-box{
	font-family: 'Heebo', arial, sans-serif;
	position: relative;
  padding: 1em 2em;
  margin-bottom: 20px;
	font-size: 1.2em;
  line-height: 1.4em;	
  -webkit-border-radius: 0;
		 -moz-border-radius: 0;
				  border-radius: 0;
}

.scan-box h1{
  font-size: 1.8em;
  letter-spacing: -0.025em;
  line-height: 1.2em;
}

.scan-chapeau{
	color: var(--bs-green);
  font-size: 1.2em;
  letter-spacing:-0.025em;
  line-height: 1.2em;
  margin-bottom: 0;
}
.result-chapeau{
	font-size: 1.2em;
	color: var(--bs-green);
  margin: 1rem 0;
}
.scan-intro{
	padding: 1em 1em 3em 0;
	 font-size: 16pt;
  letter-spacing: -0.025em;
  line-height: 20pt;
}

.group-box, .learningpath-finish-box {
	position: relative;
  padding: 1em 2em 3em 2em;
  margin-bottom: 0;
}

.group-text {
	position: relative;
  margin-bottom: 20px;
  color: #333;
	
}

.finish-box {
	position: relative;
  padding: 1em 1em 1em 1em;
  margin: 1em auto 5em auto;
  -webkit-border-radius: 0;
		 -moz-border-radius: 0;
				  border-radius: 0;
}

.bg-scan{
	padding: 4em 0 2em 0;
	background-color: rgba(var(--bs-green-m-rgb),0.2);
	background-image: var(--bs-body-bg-image); 
	min-height: 100vh;
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	-webkit-background-size: cover;
		 -moz-background-size: cover;
			 -o-background-size: cover;
					background-size: cover;
}

.bg-scan-intro{
	padding: 6em 0 6em 0;
}

.bg-group, .bg-finish, .bg-learningpath, .bg-learningpath-finish {
	padding: 3em 0 3em 0;
	margin:0;
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	-webkit-background-size: cover;
		 -moz-background-size: cover;
			 -o-background-size: cover;
					background-size: cover;
}

.bg-infographic {
	background-color: #fff;
	padding: 0;
	margin:0;
}

.container-infographic{
	max-width: 1440px;
	margin: auto;
}

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

.top-header {
	height: 6px;
}

.bg-group-1, .bg-group-3, .bg-group-5, .bg-group-7, .bg-group-9, .bg-group-11, .bg-group-13, .bg-group-15 {
	background-color: rgba(var(--bs-green-m-rgb),0.2);
}

.bg-group-2, .bg-group-4, .bg-group-6, .bg-group-8, .bg-group-10, .bg-group-12, .bg-group-14 {
	background-color: rgba(var(--bs-green-m-rgb),0.1);
}

.learningpath-group-1, .learningpath-group-3, .learningpath-group-5, .learningpath-group-7, .learningpath-group-9, .learningpath-group-11, .learningpath-group-13, .learningpath-group-15 {
	background-color: rgba(var(--bs-green-m-rgb),0.2);
}

.learningpath-group-2, .learningpath-group-4, .learningpath-group-6, .learningpath-group-8, .learningpath-group-10, .learningpath-group-12, .learningpath-group-14 {
	background-color: rgba(var(--bs-green-m-rgb),0.1);
}

.bg-learningpath .card-footer a.btn-secondary {
	color: #212529;
	background: rgba(var(--bs-white-rgb),.4) !important;
	border-color: rgba(207, 212, 224,.2);
}

.group-image {
	z-index: 0;
	margin: 0; 
	padding: 0; 
	position: absolute; 
	left: 0; 
	top: 0; 
	width: 100%; 
	height: 100%;
}

.bg-registration {
	padding: 3em 0 3em 0;
	font-size: 1em;
	background-color: rgba(var(--bs-green-m-rgb),0.25);
	/*
background-image: url(/gfx/ogImage.jpg);
*/
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	-webkit-background-size: cover;
		 -moz-background-size: cover;
			 -o-background-size: cover;
					background-size: cover;
	}
	

.bg-registration label{
	font-size: 1em;
	}
	
.bg-registration .input-group-addon {
	vertical-align: top;
	padding: 9px 12px 6px 12px;
	}

.bg-registration h1,  .bg-registration h2,.bg-registration h3 {color: var(--bs-green)}

/* progressie */
.scan-progress{
	margin: 0 0 0 0;
	position: relative;
	z-index: 10;
	left: 0;
	right: 0;
	top: 0;
	background-color: rgba(var(--bs-green-m-rgb),0.2);
	-webkit-border-radius: 0;
		 -moz-border-radius: 0;
				  border-radius: 0;
}

.scan-progress-bar {	
	position: relative;
	height: 5px;
	transition: width .6s ease;

}

.scan-progress-badge {
	font-size: 10px;
	height: 18px;
	width: 32px;
	line-height: 16px;
	letter-spacing: -0.045em;
	padding: 0;
	background-color: var(--bs-green-m);
	color: #fff;
	display: block;
	position: absolute;
	text-align: center;
	margin: 0 0 0 0;
	right: -5px;
	top: 0;
	-webkit-border-radius: 0 0 50% 50%;
		 -moz-border-radius: 0 0 50% 50%;
				  border-radius: 0 0 50% 50%;
}

.progress-badge-done{
	font-size: 10px;
	height: 18px;
	width: 32px;
	line-height: 16px;
	letter-spacing: -0.045em;
	padding: 0;
	background-color: var(--bs-green-m);
	color: #fff;
	display: block;
	position: absolute;
	text-align: center;
	margin: 0 0 0 0;
	right: 48%;
	top: 0;
	-webkit-border-radius: 0 0 50% 50%;
		 -moz-border-radius: 0 0 50% 50%;
				  border-radius: 0 0 50% 50%;
}

/*IE 11 hack */
*::-ms-backdrop, .scan-progress-badge { margin-top:-15px;} 


.progress-bar.bg-success {
	background: #f59f39 !important;
	
}

.loginbox{right: 2em;max-width: 200px;position: absolute;font-size: 14pt;line-height:1em;z-index: 10;}


/* vragen*/
.question-box {
	position: relative; 
	font-size: 13.8pt;
	margin: 1rem 0 3rem 0;
	padding: 0 1rem 0 2rem;
	border-left: 3px solid rgba(var(--bs-green-m-rgb),0.3);
	}

.question-picture {
	position: relative;
	margin-bottom: 15px;
	}
	
.question-box h3{
	margin: 0 0 .3rem 0;
	color: var(--bs-green);
	}
	
/*
.question-box label{
	font-size: 16pt;
	}
*/
.question-intro{
	padding: 0.5em 0 0.8em 0;
}	
	
/* antwoorden*/
.radio-vertical-label, .checkbox-vertical-label {
	font-weight: normal;
	padding: 0 0 0 35px;
	line-height: 20px;
	vertical-align: top; 
}
	
.button-vertical-box {
	position: relative;
	margin: 0.5em 0 0.5em  0;
}

.answer-box{
	padding: 0 0 1em 0;
}

.feedback-box {
	position: relative; 
	margin: 1em 0;
	padding: 0.5rem 0.7rem;
	border: 1px solid rgba(var(--bs-green-m-rgb),1);
	background-color: rgba(var(--bs-green-m-rgb),0.2);
	-webkit-border-radius: 3px;
		 -moz-border-radius: 3px;
				  border-radius: 3px;
	}
	
.feedback-box .textArticle, .feedback-box .spaceline {
	border-bottom: 1px solid var(--bs-green);
	}
	
.feedback-box > h3, 
.feedback-box .matrix h3{
	color: #333 !important;
	}
	
.feedback-box.feedback-error {
	border: 1px solid rgba(187, 39, 28,1);
	background-color: rgba(187, 39, 28,0.2);
	}
	
.feedback-box.feedback-error > .chapeau, .feedback-box.feedback-error > h3, 
.feedback-box.feedback-error .matrix h3{
	color: rgba(187, 39, 28,1) !important;
	}
	
.feedback-box.feedback-error .textArticle, .feedback-box.feedback-error .spaceline {
	border-bottom: 1px solid #d11241;
	}

.btn-start, .btn-next {
	letter-spacing: -0.025em;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	-webkit-border-radius: 0;
		 -moz-border-radius: 0;
				  border-radius: 0;
}

.btn-finish {
	letter-spacing: -0.025em;
	margin: 1em 0;
	font-size: 18pt;
	width: auto;
	line-height: 20pt;
	width: 100%;
	-webkit-border-radius: 4px;
		 -moz-border-radius: 4px;
				  border-radius: 4px;
	-webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, .4);
          box-shadow: 2px 2px 4px rgba(0, 0, 0, .4);
}

.btn-start i, .btn-next i, .btn-finish i {
	font-size: 18pt !important;
}

.button-vertical-box > .btn-group > .button-radio{text-align: left;}

.off-canvas{position: absolute;left: -9999px;line-height: 0;height:0;}


/* results*/
section.result {
	min-height: 25%;
	width: 100%;
	margin:0;
	padding: 3rem 0 0 0;
	position: relative;
	overflow-x: hidden;
}

.bg-result {
	margin:0;
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	-webkit-background-size: cover;
		 -moz-background-size: cover;
			 -o-background-size: cover;
					background-size: cover;
}

section.bg-result-intro {
	padding: 6rem 0;
}


.bg-result-1, .bg-result-3, .bg-result-5, .bg-result-7, .bg-result-9, .bg-result-11, .bg-result-13, .bg-result-15 {
	background-color: rgba(var(--bs-green-m-rgb),0.2);
}

.bg-result-2, .bg-result-4, .bg-result-6, .bg-result-8, .bg-result-10, .bg-result-12, .bg-result-14 {
	background-color: rgba(var(--bs-green-m-rgb),0.1);
}

.bg-result-box {position: relative;}

section.bg-result-general{
	min-height: 100vh;
	background-color: rgba(var(--bs-green-rgb),1);
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	-webkit-background-size: cover;
		 -moz-background-size: cover;
			 -o-background-size: cover;
					background-size: cover;
}
.result-box {
	position: relative;
  padding: 2em 3em ;
  margin-bottom: 20px;
  -webkit-border-radius: 2px;
		 -moz-border-radius: 2px;
				  border-radius: 2px;
}

.result-intro {
	margin: 10px 0;
	font-size: 1.2em;
}

.result-text a:not(.btn), .result-text a:not(.btn):visited  {
	color: #3b60ac;
	text-decoration: none;
  border-bottom: 1px solid var(--bs-green);
  box-shadow: 0 -1px 0 var(--bs-green) inset;
  color: inherit;
	padding: 1px 2px;
  transition: background 0.55s cubic-bezier(0.33, 0.66, 0.66, 1) 0s;
}

.result-text a:not(.btn):hover, .result-text a:not(.btn):active {
	text-decoration: none;
	background: rgba(0, 0, 0, 0.4);
}

.question-answer-box {
	font-size: 14pt;
	margin: 1em 0;
	padding: 1em;
	border: 1px solid #d1d1d1;
	background:#fff;
	color:#333;
	}
	
.question-answer-box h3{
	margin: 0 0 20px 0;
	}

.question-answer-box .row{
	border-bottom: 1px solid #d1d1d1;
	padding: 0.2em 0;
	}
	
.question-answer-box i.fa, .question-answer-box i.far, .question-answer-box i.fas, .question-answer-box i.fal {
	font-size:20px;
	line-height: 20px;
	}
	
/*tips tricky matrix*/
.matrix{
	margin: 20px 0;
	
}
.matrix-row{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
}

.matrix-item{
	position: relative;
	flex: 0 1 auto;
	margin: 0;
	padding: 0;
	flex-basis: 33.3333%;
	max-width: 33.3333%;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.5);
}

.matrix-title{
	color:#fff;
	padding:10px 10px 10px 10px;
}

.matrix-text{
	color:#fff;
	padding:0 10px 55px 10px;
	max-height: 250px;
}

.matrix a, .matrix a:visited{
	color:#fff;
}

.matrix-margin{margin: 0 15px;}

.matrix-link {
	position: absolute;
	bottom: 10px;
	right: 0;
	float: right;
	padding: 5px 15px;
}

	
	
/* learningpath */

.bg-learningpath{
	padding: 3em 0;
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	-webkit-background-size: cover;
		 -moz-background-size: cover;
			 -o-background-size: cover;
					background-size: cover;
}
.learningpath .group-intro > p {
	margin: 20px 0 0 0;
	}
	
.learningpath {
	background: #f4f4f4;
	}

.learningpath .group-box {
	position: relative;
  padding: 1em 3em 1em 2em;
  margin-bottom: 20px;
  -webkit-border-radius: 10px;
		 -moz-border-radius: 10px;
				  border-radius: 10px;
}

.learningpath-finish-box {
	position: relative;
  padding: 1em 3em 5em 2em;
  margin: 0 0 20px 0;
  -webkit-border-radius: 10px;
		 -moz-border-radius: 10px;
				  border-radius: 10px;
}

/* einde scan css*/

.corner {
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
			    border-radius: 4px;
}

.breakpoint{
	position: fixed;
	bottom: 15px;
	right: 15px;
	width: 100px;
	z-index: 1050;
}
	
.breakpoint::before{
	content: 'Large';
}

.nav-beheer{
	padding-left: 1rem;
}


/* small phones */
@media (max-width: 320px) {
	
	.breakpoint::before{content: 'phone S';}
	
	h1 {font-size: 22pt;letter-spacing: -0.025em;font-weight: 400;}	
	h2 {font-size: 20pt;letter-spacing: -0.025em;font-weight: 400;}
	h3 {font-size: 18pt;letter-spacing: -0.025em;font-weight: 400;}
	h4 {font-size: 14pt;letter-spacing: -0.025em;font-weight: 400;}
	h5 {font-size: 12pt;letter-spacing: 0;}
	h6 {font-size: 10pt;letter-spacing: 0;}
	
	.headerWrapper {background-size: auto 90%;}
	.esFilter .input-small {margin:0 0 3px 0;}
	.outerSearchBox {
		width: 100%;
	}
	
	.navWrapper.stuck .logo-small {
		display: block ;
	}
	
	.home-caption {
		width: 80%;
	}
	.home-caption h1 {
		font-size: 24pt;
		line-height: 26pt;
	}

	.navbar-collapse {background: var(--bs-body-bg);}
	.navbar-categories, .navbar-scan {margin-left: 0;}
	.nav-categories > li > a, .nav-scan > li > a {
		display: block;
		border-bottom: 1px solid var(--bs-gray-500);
	}

	.navbar-collapse {
	 margin-top: 6px;
	 padding-left: 10px;
	}
	

	.color-mode__btn {
		padding: 15px ;
	}
	
	.bg-home {
		padding: 2em 0 2em 0 !important;
	}
	.scan-box {
		padding: 0.5em 1em;
		font-size: 1em;
		line-height: 1.2em;
	}
	.scan-intro {
		padding: 10px 0 2em 0;
		font-size: 16pt;
		letter-spacing: -0.025em;
		line-height: 20pt;
	}
	.br-theme-fontawesome-stars .br-widget a {
		font-size: 40px;
	}
	.question-box {
		margin: 1rem 0 1rem 0;
		padding: 0;
		border-left: none;
	}

	.card-deck .card, 
	.card-deck.card-deck-1 .card, 
	.card-deck.card-deck-2 .card,
	.card-deck.card-deck-3 .card,
	.card-deck.card-deck-4 .card,
	.card-deck.card-deck-5 .card{
		width: 100%;
		max-width:100%;
		margin: 0 0 1% 0;
	}
	
	.bg-logo {
		padding: 2rem 0;
	}
	
	.card-deck.card-deck-6 > .card  {
		width: 50%;
		max-width:50%;
		margin: 0 0 1% 0 !important;
	}
	
	.card-deck > .card.card-logo:nth-child(n+7) {
		display: none;
	}
		
	.card-logo {
		padding: 0 1rem 1rem 1rem;
		border: none;
		background: none;
	}
	
	.address-box {
		width: 100%;
		margin: 0 1rem 0 0;
	}
	.padding40 {
		padding: 20px 0;
	}
	.crumb {
		padding: 10px 0 10px 0;
	}
	.list-group-navigation {
		margin-bottom: 15px;
	}
	
	.text-right {text-align: left;}
	.catPic {margin: 10px 0 0;}

	.f_nav {
		position: absolute;
		top: -2px;
		right: 0;
	}

	.color-mode__btn svg.svg-inline--fa.fa-fw {
		font-size: 22px;
		line-height: 22px;
	}
	.flag {
		width: 24px;
		height: auto;
		margin-right: 3px;
	}
	
	.social {
		margin: 1rem 1.5rem;
	}
	
	.group-box, .learningpath-finish-box {
		padding: 1em;
	}

	.hidden-tablet, .hidden-portrait, .breadcrumb > li.hidden-phone, .hidden-phone,  
	.about-box, .allcats-box, .hidden-md-down, .hidden-sm-down, .f_nav, .outerSearchBox.stuck {display: none !important;}


}

 
/* medium phones */
@media (min-width: 321px) and (max-width: 480px) {
	
	.breakpoint::before{content: 'phone M';}
	
	h1 {font-size: 22pt;letter-spacing: -0.025em;font-weight: 400;}	
	h2 {font-size: 20pt;letter-spacing: -0.025em;font-weight: 400;}
	h3 {font-size: 18pt;letter-spacing: -0.025em;font-weight: 400;}
	h4 {font-size: 14pt;letter-spacing: -0.025em;font-weight: 400;}
	h5 {font-size: 12pt;letter-spacing: 0;}
	h6 {font-size: 10pt;letter-spacing: 0;}
	
	.headerWrapper {background-size: auto 90%;}
	.esFilter .input-small {margin:0 0 3px 0;}
	.outerSearchBox {
		width: 100%;
	}
	
	.navWrapper.stuck .logo-small {
		display: block ;
	}
	
	.home-caption {
		width: 80%;
	}
	.home-caption h1 {
		font-size: 24pt;
		line-height: 26pt;
	}

	.navbar-collapse {background: var(--bs-body-bg);}
	.navbar-categories, .navbar-scan {margin-left: 0;}
	.nav-categories > li > a, .nav-scan > li > a {
		display: block;
		border-bottom: 1px solid var(--bs-gray-500);
	}

	.navbar-collapse {
	 margin-top: 6px;
	 padding-left: 10px;
	}
	

	.color-mode__btn {
		padding: 15px ;
	}
	
	.bg-home {
		padding: 2em 0 2em 0 !important;
	}
	
	.scan-box {
		padding: 0.5em 1em;
		font-size: 1em;
		line-height: 1.2em;
	}
	.scan-intro {
		padding: 10px 0 2em 0;
		font-size: 16pt;
		letter-spacing: -0.025em;
		line-height: 20pt;
	}
	.br-theme-fontawesome-stars .br-widget a {
		font-size: 50px;
	}
	.question-box {
		margin: 1rem 0 1rem 0;
		padding: 0;
		border-left: none;
	}

	.card-deck .card, 
	.card-deck.card-deck-1 .card, 
	.card-deck.card-deck-2 .card,
	.card-deck.card-deck-3 .card,
	.card-deck.card-deck-4 .card,
	.card-deck.card-deck-5 .card{
		width: 100%;
		max-width:100%;
		margin: 0 0 1% 0;
	}
	
	.bg-logo {
		padding: 2rem 0;
	}
	
	.card-deck.card-deck-6 > .card  {
		width: 50%;
		max-width:50%;
		margin: 0 0 1% 0 !important;
	}
	
	.card-deck > .card.card-logo:nth-child(n+7) {
		display: none;
	}
	
	.card-logo {
		padding: 0 1rem 1rem 1rem;
		border: none;
		background: none;
	}
	
	.address-box {
		width: 100%;
		margin: 0 1rem 0 0;
	}
	.padding40 {
		padding: 20px 0;
	}
	.crumb {
		padding: 10px 0 10px 0;
	}
	.list-group-navigation {
		margin-bottom: 15px;
	}
	
	.text-right {text-align: left;}
	.catPic {margin: 10px 0 0;}

	.f_nav {
		position: absolute;
		top: -2px;
		right: 0;
	}

	.color-mode__btn svg.svg-inline--fa.fa-fw {
		font-size: 22px;
		line-height: 22px;
	}
	.flag {
		width: 24px;
		height: auto;
		margin-right: 3px;
	}
	
	.social {
		margin: 1rem 1.5rem;
	}
	
	.group-box, .learningpath-finish-box {
		padding: 1em;
	}

	.hidden-tablet, .hidden-portrait, .breadcrumb > li.hidden-phone, .hidden-phone,  
	.about-box, .allcats-box, .hidden-md-down, .hidden-sm-down, .f_nav, .outerSearchBox.stuck {display: none !important;}


}

  

/* Landscape phone */
@media (min-width: 481px) and (max-width: 767.97px) {

	.breakpoint::before{content: 'phone l';}
	
	h1 {font-size: 22pt;letter-spacing: -0.025em;font-weight: 400;}	
	h2 {font-size: 20pt;letter-spacing: -0.025em;font-weight: 400;}
	h3 {font-size: 18pt;letter-spacing: -0.025em;font-weight: 400;}
	h4 {font-size: 14pt;letter-spacing: -0.025em;font-weight: 400;}
	h5 {font-size: 12pt;letter-spacing: 0;}
	h6 {font-size: 10pt;letter-spacing: 0;}

	.headerWrapper {background-size: auto 90%;}
	.esFilter .input-small {margin:0 0 3px 0;}
	.outerSearchBox {
		width: 100%;
	}
	
	.navWrapper.stuck .logo-small {
		display: block ;
	}
	
	.home-caption {
		width: 80%;
	}
	.home-caption h1 {
		font-size: 24pt;
		line-height: 26pt;
	}

	.navbar-collapse {background: var(--bs-body-bg);}
	.navbar-categories, .navbar-scan {margin-left: 0;}
	.nav-categories > li > a, .nav-scan > li > a {
		display: block;
		border-bottom: 1px solid var(--bs-gray-500);
	}

	.navbar-collapse {
	 margin-top: 6px;
	 padding-left: 10px;
	}
	

	.color-mode__btn {
		padding: 15px ;
	}
	
	.bg-home {
		padding: 2em 0 2em 0 !important;
	}
	.scan-box {
		padding: 0.5em 1em;
		font-size: 1em;
		line-height: 1.2em;
	}
	.scan-intro {
		padding: 10px 0 2em 0;
		font-size: 16pt;
		letter-spacing: -0.025em;
		line-height: 20pt;
	}
	.br-theme-fontawesome-stars .br-widget a {
		font-size: 50px;
	}
	.question-box {
		margin: 1rem 0 1rem 0;
		padding: 0;
		border-left: none;
	}

	.card-deck .card, 
	.card-deck.card-deck-1 .card, 
	.card-deck.card-deck-2 .card,
	.card-deck.card-deck-3 .card,
	.card-deck.card-deck-4 .card,
	.card-deck.card-deck-5 .card{
		width: 100%;
		max-width:100%;
		margin: 0 0 1% 0;
	}
	
	.bg-logo {
		padding: 2rem 0;
	}
	
	.card-deck.card-deck-6 > .card  {
		width: calc(100%/4);
		max-width: calc(100%/4);
		margin: 0 0 1% 0 !important;
	}
	
	.card-deck > .card.card-logo:nth-child(n+7) {
		display: none;
	}
	
	.card-logo {
		padding: 0 1.5rem 1.5rem 1.5rem;
		border: none;
		background: none;
	}
	
	.address-box {
		width: 100%;
		margin: 0 1rem 0 0;
	}
	.padding40 {
		padding: 20px 0;
	}
	.crumb {
		padding: 10px 0 10px 0;
	}
	.list-group-navigation {
		margin-bottom: 15px;
	}
	

	.catPic {margin: 10px 0 0;}

	.f_nav {
		position: absolute;
		top: -2px;
		right: 0;
	}

	.color-mode__btn svg.svg-inline--fa.fa-fw {
		font-size: 22px;
		line-height: 22px;
	}
	.flag {
		width: 24px;
		height: auto;
		margin-right: 3px;
	}
	
	.text-right {text-align: left;}
	
	.social {
		margin: 1rem 1.5rem;
	}
	
	.group-box, .learningpath-finish-box {
		padding: 1em;
	}

	.hidden-tablet, .hidden-portrait, .breadcrumb > li.hidden-phone, .hidden-phone,  
	.about-box, .allcats-box, .hidden-md-down, .hidden-sm-down, .f_nav, .outerSearchBox.stuck {display: none !important;}

}


  
/* Portrait tablet */
@media (min-width: 767.98px) and (max-width: 991.97px) {
	
	.breakpoint::before{content: 'Tablet P';}
	
	
	.headerWrapper {background-size: auto 90%;}
	.esFilter .input-small {margin:0 0 3px 0;}
	.outerSearchBox {
		width: 100%;
	}
	
	.navWrapper.stuck .logo-small {
		display: block ;
	}

	.navbar-collapse {background: var(--bs-body-bg);}
	.navbar-categories, .navbar-scan {margin-left: 0;}
	.nav-categories > li > a, .nav-scan > li > a {
		display: block;
		border-bottom: 1px solid var(--bs-gray-500);
	}

	.navbar-collapse {
	 margin-top: 6px;
	 padding-left: 10px;
	}
	

	.color-mode__btn {
		padding: 15px ;
	}
	
	.bg-home {
		padding: 2em 0 2em 0 !important;
	}
	
	.home-caption {
		width: 75%;
	}


	.card-deck .card, 
	.card-deck.card-deck-2 .card,
	
	.card-deck.card-deck-4 .card,
	.card-deck.card-deck-5 .card{
		width: calc(100% / 2 - 1%);
		max-width:  calc(100% / 2 - 1%);
		margin: 0 1% 1% 0;
	}
	
	.bg-logo {
		padding: 2rem 0;
	}
	
	.card-course .card-body {
		padding: .5rem 0;
	}
	
	.introText {
		text-align: left;
		padding: 1rem .8rem;
	}
	
	.card-deck.card-deck-6 > .card  {
		width: calc(100%/4);
		max-width: calc(100%/4);
		margin: 0 0 1% 0 !important;
	}
	
	.card-logo {
		padding: 0 1.5rem 1.5rem 1.5rem;
		border: none;
		background: none;
	}
	
	.address-box {
		width: 100%;
		margin: 0 1rem 0 0;
	}
	.padding40 {
		padding: 20px 0;
	}
	.crumb {
		padding: 10px 0 10px 0;
	}
	.list-group-navigation {
		margin-bottom: 15px;
	}
	

	.catPic {margin: 10px 0 0;}

	.f_nav {
		position: absolute;
		top: -2px;
		right: 0;
	}

	.color-mode__btn svg.svg-inline--fa.fa-fw {
		font-size: 22px;
		line-height: 22px;
	}
	.flag {
		width: 24px;
		height: auto;
		margin-right: 3px;
	}

	.hidden-tablet, .hidden-portrait, .text-article, 
	.about-box, .allcats-box, .f_nav, .outerSearchBox.stuck {display: none !important;}



}
 

 
/* landscape tablet */
@media (min-width: 991.98px) and (max-width: 1199.98px) {
	
	.breakpoint::before{content: 'Tablet L';}

	.navWrapper.stuck .mode-switch {
		margin-right: 50px;
	}
	
	.f_nav {
		padding-right: 30px;
	}
	
	.home-caption {
		width: 75%;
	}
	

}
 
/* desktop */
@media (min-width: 1200px) {
	
	body {
		overflow-y:scroll;
	}
	

}

/* large desktop */
@media (min-width: 1441px) {
	
	body {
		overflow-y:scroll;
	}
	
	.bg-home {height: 75vh;}
		

	
}



:root[data-bs-theme="dark"] {
	--bs-blue 									: #99df49;
  --bs-indigo									: #6610f2;
  --bs-purple									: #6f42c1;
  --bs-pink										: #d63384;
  --bs-red										: #dc3545;
  --bs-orange									: #fd7e14;
  --bs-yellow									: #ffc107;
	--bs-white									: #343139;
	
  --bs-green									: #99df49;
	--bs-green-hover						: #86c440;
	--bs-green-m								: #4b953a;
	--bs-green-l								: #86c440;
	
	--bs-green-rgb							: 134, 196, 64;
	--bs-green-m-rgb						: 24, 24, 26;
	--bs-green-l-rgb						: 134, 196, 64;
	
  --bs-teal										: #20c997;
  --bs-cyan										: #0dcaf0;
  --bs-gray										: #6c757d;
  --bs-gray-dark							: #343a40;
	
  --bs-gray-100								: #343139;
  --bs-gray-200								: #e9ecef;
  --bs-gray-300								: #2d2e30;
  --bs-gray-400								: #6c757d;
  --bs-gray-500								: #6c757d;
  --bs-gray-600								: #6c757d;
  --bs-gray-700								: #495057;
  --bs-gray-800								: #343a40;
  --bs-gray-900								: #05090e;
	
  --bs-primary 								: #4b953a;
	--bs-primary-hover 					: #106735;
	
	--bs-info 									: #106735;
	--bs-info-hover 						: #4b953a;
	
  --bs-secondary 							: #aab7c1;
	--bs-secondary-hover 				: #6c757d;
  --bs-success 								: #198754;
	
  --bs-warning 								: #ffc107;
  --bs-danger 								: #dc3545;
  --bs-light 									: #f8f9fa;
  --bs-dark 									: #cecece;
	
  --bs-primary-rgb 						: 13, 110, 253;
  --bs-secondary-rgb 					: 108, 117, 125;
  --bs-success-rgb 						: 25, 135, 84;
  --bs-info-rgb 							: 13, 202, 240;
  --bs-warning-rgb 						: 255, 193, 7;
  --bs-danger-rgb 						: 220, 53, 69;
	
  --bs-light-rgb 							: 248, 249, 250;
  --bs-dark-rgb 							: 33, 37, 41;
  --bs-white-rgb 							: 39, 36, 42;
  --bs-black-rgb 							: 0, 0, 0;
  --bs-body-color-rgb 				: 33, 37, 41;
  --bs-body-bg-rgb 						: 45, 42, 48;
	
	--bs-link-color 						: #99df49;
	--bs-link-color-hover 			: #86c440;
	
  --bs-font-sans-serif 				: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-font-monospace 				: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-gradient 							: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --bs-body-font-family 			: var(--bs-font-sans-serif);
  --bs-body-font-size 				: 1rem;
  --bs-body-font-weight 			: 400;
  --bs-body-line-height 			: 1.5;
	
	--light 										: #99df49;
	--dark 											: #cecece;

	--bs-a 											: #fff;
	--bs-a-hover								: #cecece;
  --bs-body-color							: #cecece;
	--bs-header-bg							: #27242a;
  --bs-body-bg								: #18181a;
	--bs-body-bg-image					: url(/gfx/bg-scan-default-dark.jpg);
	--logo 											: url(/gfx/logo.diap.png);
	
	}
	
	:root[data-bs-theme="dark"] .navbar-nav .nav-link.active, :root[data-bs-theme="dark"] .navbar-nav .show > .nav-link {
		--bs-navbar-active-color: white;
	}

	:root[data-bs-theme="dark"] .navWrapper.stuck {
		background: var(--bs-body-bg);
	}

	:root[data-bs-theme="dark"]  .img-fluid {
		filter: brightness(.75) ;
  }
	
	:root[data-bs-theme="dark"] .card-logo img {
		filter: invert(80%);
		mix-blend-mode: luminosity;
	}
	
	:root[data-bs-theme="dark"] .layerHome h4, :root[data-bs-theme="dark"] .layerHome h3 {
		color: var(--bs-blue);
	}
	
	:root[data-bs-theme="dark"] .whiteBg, :root[data-bs-theme="dark"] .bg-fff, :root[data-bs-theme="dark"] .bg-wit {
		background: var(--bs-header-bg);
		color: var(--bs-body-color);
	}
	
	:root[data-bs-theme="dark"]  .card {
		background: none;
  }
	

	:root[data-bs-theme="dark"] .raised-large{
		box-shadow:
		  0 0.2px 2.2px rgba(255, 255, 255, 0.02),
		  0 0.4px 5.3px rgba(255, 255, 255, 0.028),
		  0 0.8px 10px rgba(255, 255, 255, 0.035),
		  0 1.3px 17.9px rgba(255, 255, 255, 0.042),
		  0 2.5px 33.4px rgba(255, 255, 255, 0.05),
		  0 6px 80px rgba(255, 255, 255, 0.07);
	}