/* Minification failed. Returning unminified contents.
(180,17): run-time error CSS1039: Token not allowed after unary operator: '-hovercolor'
 */
/****************************************************************************************************************************************************************/
/****  COMMON  **************************************************************************************************************************************************/
/****************************************************************************************************************************************************************/

body {
	font-family: 'Lato', Arial, sans-serif;
	color: #1D1D1D;
	background-color: #FAFAFA;
	font-size: 18px;
	line-height: 30px;
}

a,
a:hover,
a:focus,
a:visited {
	text-decoration: underline;
	color: #78B900;
}

h1 {
	font-size: 72px;
	line-height: 80px;
	font-family: 'Mirador-Bold', Georgia, serif;
	font-weight: normal;
	letter-spacing: -1px;
	margin-top: 10px;
	margin-bottom: 10px;
}

h2 {
	font-size: 36px;
	line-height: 40px;
	font-family: 'Mirador-Bold', Georgia, serif;
	font-weight: normal;
	letter-spacing: -0.4px;
	margin-top: 20px;
	margin-bottom: 20px;
}

.container-centered h2 {
	margin-bottom: 33px
}

h3 {
	font-family: 'Lato', Arial, sans-serif;
	font-size: 21px;
	line-height: 33px;
	font-weight: bold;
}

h4 {
	font-family: 'Lato', Arial, sans-serif;
	font-size: 14px;
	line-height: 17px;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-weight: 900;
}

@media(max-width: 768px) {
	body {
		font-size: 16px;
		line-height: 28px;
	}

	h1 {
		font-size: 36px;
		letter-spacing: -0.4px;
		line-height: 40px;
	}

	h2 {
		font-size: 28px;
		letter-spacing: -0.31px;
		line-height: 32px;
	}

	h3 {
		font-size: 16px;
		line-height: 28px;
	}

	h4 {
		font-size: 12px;
		letter-spacing: 1.71px;
		line-height: 15px;
	}
}

label {
	font-size: 14px;
	font-weight: 900;
	letter-spacing: 2px;
	line-height: 17px;
	text-transform: uppercase;
	margin-left: 5px;
}

/****************************************************************************************************************************************************************/
/****  FOOTER  **************************************************************************************************************************************************/
/****************************************************************************************************************************************************************/

footer {
	margin-top: 120px;
	background-color: #FFFFFF;
	border-top: 1px solid #E1E1E1;
	font-size: 16px;
	line-height: 28px;
}

	footer a,
	footer a:link,
	footer a:visited,
	footer a:hover {
		text-decoration: none;
		color: #1D1D1D;
	}

	footer .Contact {
		text-align: center;
		margin-top: -55px;
		margin-bottom: 50px;
		margin-left: 0;
		margin-right: 0;
	}

		footer .Contact img {
			width: 115px;
		}

	footer .Copyright {
		text-align: center;
		color: #747474;
		font-size: 14px;
		padding: 20px 0;
		margin-left: 0;
		margin-right: 0;
	}

	footer .Content {
		margin-left: 0;
		margin-right: 0;
	}

		footer .Content h3 {
			margin-bottom: 18px;
		}

		footer .Content .More ul {
			list-style: none;
			padding: 0px;
			columns: 2;
			-webkit-columns: 2;
			-moz-columns: 2;
		}

		footer .Content .More {
			text-align: left;
		}

		footer .Content .Social {
			text-align: center;
		}

			footer .Content .Social .fa-stack {
				font-size: 1.1em;
				vertical-align: top;
			}

			footer .Content .Social .fa-stack .fa-stack-1x {
				color: #FFFFFF;
			}

			footer .Content .Social .fa-stack .fa-stack-2x {
				color: #414141;
			}

			footer .Content .Social .fa-stack:hover .fa-stack-2x {
				color: var(--hovercolor);
			}

		footer .Content .Certificates {
			text-align: right;
		}

	footer h4 {
		margin-bottom: 20px;
	}

	footer .Certificates > div {
		position: relative;
		overflow: hidden;
		width: 100%;
		height: 75px;
	}

		footer .Certificates > div > a {
			position: absolute;
			top: 0;
			left: 100%;
			display: flex;
			justify-content: flex-end;
			align-items: center;
			padding: 5px;
			margin: 0;
			height: 75px;
			width: 100%;
			overflow: hidden;
			transition: left linear 0.5s;
		}

			footer .Certificates > div > a.Hidden {
				display: none;
			}

			footer .Certificates > div > a.NoneCertificate {
				left: -100%;
			}

			footer .Certificates > div > a.VisibleCertificate {
				left: 0%;
			}

	footer .Certificates a img {
		filter: grayscale(100%);
		-webkit-filter: grayscale(100%);
		opacity: 0.8;
		max-height: 100%;
		max-width: 175px;
		height: auto;
		width: auto;
	}

@media(max-width: 992px) {
	footer .Content .More {
		text-align: center;
		margin-bottom: 40px;
	}

		footer .Content .More ul {
			text-align: center;
		}

	footer .Content .Social {
		text-align: center;
		margin-bottom: 50px;
	}

	footer .Content .Certificates {
		text-align: center;
	}

	footer .Certificates > div > a {
		justify-content: center;
	}
}

@media(max-width: 768px) {
	footer .footer-text-right {
		text-align: right;
	}

	footer .Certificates > div > a {
		justify-content: center;
	}
}


/****************************************************************************************************************************************************************/
/****  NAV  *****************************************************************************************************************************************************/
/****************************************************************************************************************************************************************/

nav {
	height: 80px;
	background-color: #FFFFFF;
	box-shadow: 0 2px 32px 0 rgba(0, 0, 0, 0.1);
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 100;
}

.b2b-button-discrete {
	margin-top: 10px
}

	.b2b-button-discrete i, .b2b-button-discrete-mob i {
		font-size: 24px
	}

@media(max-width:768px) {
	nav .container {
		text-align: left;
		padding-left: 10px;
		padding-right: 10px
	}

	nav .ma-logo-small {
		margin-left: 0px;
	}

	.b2b-button-discrete {
		display: none
	}

	.b2b-button-discrete-mob {
		display: block;
		margin-bottom: 60px
	}
}

@media(min-width:768px) {
	nav .container {
		text-align: center
	}

	b2b-button-discrete {
		display: block
	}

	.b2b-button-discrete-mob {
		display: none
	}
}

@media(min-width: 992px) {
	nav .menu {
		flex-grow: 1;
		padding-right: 10px;
		border-right: 1px solid #D1D1D1;
	}

		nav .menu .menuItems {
			display: flex;
			align-items: center;
			justify-content: flex-end;
			margin: auto;
		}

			nav .menu .menuItems .menuItem {
				list-style-type: none;
				margin: 0 15px;
				cursor: pointer;
				position: relative;
			}

				nav .menu .menuItems .menuItem .menuItemContent {
					display: flex;
					align-items: center;
				}

				nav .menu .menuItems .menuItem .menuItemText {
					text-transform: uppercase;
					font-size: 14px;
					letter-spacing: 1.75px;
					line-height: 20px;
				}

				nav .menu .menuItems .menuItem a.menuItemText {
					color: #1D1D1D;
				}

				nav .menu .menuItems .menuItem i {
					color: #B0E566;
				}

				nav .menu .menuItems .menuItem .subMenuItems {
					display: none;
				}

				nav .menu .menuItems .menuItem:hover .subMenuItems {
					display: inline-block;
					position: absolute;
					padding-top: 32px;
					top: 18px;
					left: -30px;
					padding-left: 0;
				}

				nav .menu .menuItems .menuItem .subMenuItems .menuItem {
					background-color: #FFFFFF;
					width: 100%;
					min-width: 250px;
					border-top: 1px solid #D1D1D1;
					margin: 0;
				}

					nav .menu .menuItems .menuItem .subMenuItems .menuItem:hover .menuItemText {
						color: #FFFFFF;
						background-color: #1D1D1D;
					}

					nav .menu .menuItems .menuItem .subMenuItems .menuItem .menuItemText {
						display: block;
						width: 100%;
						padding: 15px 30px;
						text-align: left;
					}
}


nav .mobileMenu {
	padding: 0 10px;
	display: none;
}

	nav .mobileMenu .mobileMenuIcon {
		width: 30px;
		height: 23px;
		position: relative;
		cursor: pointer;
		float: right;
	}

		nav .mobileMenu .mobileMenuIcon .line {
			position: absolute;
			height: 3px;
			width: 30px;
			background: #000000;
			border-radius: 3px;
			display: block;
			transition: 0.5s;
			transform-origin: center;
		}

			nav .mobileMenu .mobileMenuIcon .line:nth-child(2) {
				top: 10px;
			}

			nav .mobileMenu .mobileMenuIcon .line:nth-child(3) {
				top: 20px;
			}

		nav .mobileMenu .mobileMenuIcon.checked .line:nth-child(1) {
			transform: translateY(10px) rotate(-45deg);
		}

		nav .mobileMenu .mobileMenuIcon.checked .line:nth-child(2) {
			opacity: 0;
		}

		nav .mobileMenu .mobileMenuIcon.checked .line:nth-child(3) {
			transform: translateY(-10px) rotate(45deg);
		}

@media(max-width: 991px) {
	nav .mobileMenu {
		display: block;
		flex-grow: 1;
	}

	nav .menuItems,
	nav .languageSwitch {
		display: none;
	}

		nav .languageSwitch.visible {
			display: block;
			position: fixed;
			top: 0;
			left: 35%;
			line-height: 80px;
			height: 80px;
			z-index: 50;
		}

	nav .menu.visible {
		display: block;
		background-color: rgba(0, 0, 0, 0.3);
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		transition: background-color 0.5s ease;
	}

		nav .menu.visible .menuItems {
			display: block;
			background-color: #FFFFFF;
			position: absolute;
			top: 0;
			bottom: 0;
			right: 0;
			width: 65%;
			height: 100%;
			padding-top: 80px;
			list-style-type: none;
			padding-left: 0;
		}

			nav .menu.visible .menuItems .subMenuItems {
				list-style-type: none;
				padding-left: 0;
				display: none;
			}

				nav .menu.visible .menuItems .subMenuItems.visible {
					display: block;
				}

				nav .menu.visible .menuItems .subMenuItems .menuItem {
					margin-left: -30px;
					margin-right: -15px;
					background-color: #F4F4F4;
				}

			nav .menu.visible .menuItems .menuItem {
				border-top: 1px solid #D1D1D1;
				padding-left: 30px;
				padding-right: 15px;
				cursor: pointer;
			}

			nav .menu.visible .menuItems > .menuItem:last-child {
				border-bottom: 1px solid #D1D1D1;
			}

			nav .menu.visible .menuItems .menuItem .menuItemContent {
				min-height: 56px;
				display: flex;
				align-items: center;
			}

				nav .menu.visible .menuItems .menuItem .menuItemContent .menuItemText {
					flex-grow: 1;
					display: block;
					color: #1D1D1D;
					text-align: left;
				}

			nav .menu.visible .menuItems .subMenuItems .menuItem {
				padding: 0;
			}

				nav .menu.visible .menuItems .subMenuItems .menuItem .menuItemContent .menuItemText {
					padding: 14px 30px 14px 55px;
				}
}

/****************************************************************************************************************************************************************/
/****  MAIN  ****************************************************************************************************************************************************/
/****************************************************************************************************************************************************************/

main {
	margin: 40px 0;
}

@media(max-width: 1200px) {
	main {
		margin: 0px 0;
	}
}

main img {
	padding: 0px;
	background-color: white;
	box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.13);
}


/****************************************************************************************************************************************************************/
/****  HEADER  **************************************************************************************************************************************************/
/****************************************************************************************************************************************************************/

header {
	background-color: #B0E566;
	margin-top: 70px;
	padding-top: 60px;
	padding-bottom: 60px;
	overflow: hidden;
	padding-left: 10px;
	padding-right: 10px;
}

	header #HeaderContainer {
		display: flex;
		align-items: center;
		padding-left: 40px;
		padding-right: 40px;
	}

		header #HeaderContainer #HeaderContent {
			flex-grow: 1;
			padding-right: 30px;
		}

			header #HeaderContainer #HeaderContent .SubHeader {
				margin-top: 30px;
			}

			header #HeaderContainer #HeaderContent .Navigation {
				margin-left: -40px;
				margin-bottom: 40px;
			}

				header #HeaderContainer #HeaderContent .Navigation a {
					display: flex;
					align-items: center;
					font-size: 14px;
					font-weight: 900;
					letter-spacing: 2px;
					line-height: 17px;
					text-transform: uppercase;
				}

					header #HeaderContainer #HeaderContent .Navigation a,
					header #HeaderContainer #HeaderContent .Navigation a:link,
					header #HeaderContainer #HeaderContent .Navigation a:visited {
						color: white;
						text-decoration: none;
					}

		header #HeaderContainer #HeaderIcon {
			margin-right: -150px;
		}

			header #HeaderContainer #HeaderIcon img {
				max-height: 275px;
				max-width: 275px;
				width: 100%;
			}

@media(max-width: 768px) {

	header {
		margin-top: 70px;
		padding-top: 30px;
		padding-bottom: 30px;
	}

		header #HeaderContainer {
			padding: 0 15px;
		}

			header #HeaderContainer #HeaderContent {
				padding: 0;
				width: 100%;
			}

			header #HeaderContainer #HeaderIcon {
				display: none;
			}

			header #HeaderContainer #HeaderContent .Navigation {
				margin-left: -15px;
				margin-bottom: 20px;
			}
}


/****************************************************************************************************************************************************************/
/****  CONTROLS  ************************************************************************************************************************************************/
/****************************************************************************************************************************************************************/

/**************************************************************************************************************************/
/****  BUTTON  ************************************************************************************************************/
/**************************************************************************************************************************/

input[type=button],
button,
.btn-ma {
	text-transform: uppercase;
	background-color: #B0E566;
	font-weight: 900;
	font-size: 16px;
	line-height: 22px;
	text-align: center;
	letter-spacing: 2px;
	border: 3px solid transparent;
	border-bottom: 3px solid #78B900;
	min-height: 64px;
	padding-left: 50px;
	padding-right: 50px;
	outline: 0;
	color: black;
}

.btn-ma {
	line-height: 52px;
	color: black !important;
	text-decoration: none;
	border-radius: 0;
}

.button-inverted {
	text-transform: uppercase;
	background-color: #FFFFFF;
	font-weight: bold;
	font-size: 16px;
	line-height: 22px;
	text-align: center;
	letter-spacing: 2px;
	border: 0;
	border: 3px solid #78B900;
	color: #78B900;
	min-height: 64px;
	padding-left: 50px;
	padding-right: 50px;
	outline: 0;
}

.button-inverted-black {
	color: #1D1D1D;
	border: 3px solid #1D1D1D;
}

.button-inverted-pink {
	color: #1D1D1D;
	border: 3px solid #E64150;
}

.button-pink {
	color: #FFFFFF;
	background-color: #E64150
}

.button-white {
	color: #000000;
	background-color: #FFFFFF
}

.button-v-group {
	display: inline-flex;
}
.button-h-group {
	display: inline-flex;
	width: 300px;
}

/*** Switch for touch-devices, smartphones ***/
@media (pointer:none), (pointer:coarse), (max-width: 800px) {
	.button-v-group {
		display: block;
	}

	.button-allcookies {
		margin-right: 0px !important;
	}
}

/*** Some custom definitions for the large green Accept All Button ***/
.button-allcookies {
	width: 300px;
	margin-bottom: 20px;
	padding-top: 0px;
	margin-right: 20px;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	white-space: nowrap;
	color: black;
}

/*** Cookie Image's green button right of the button text ***/
.button-allcookies img {
	vertical-align: middle;
	margin: 0px;
	padding: 0px;
	text-align: center;
	display: flex;
	justify-content: center;
}

/*** The mandatory and choose cookies buttons. They fit together in an HBox... ***/
/*** ... and fold under the Accept all cookies Button which is in the VBox.    ***/
.small-button-choose {
	color: #000000;
	background-color: #FFFFFF;
	width: 140px !important;
	padding-left: 5px;
	padding-right: 5px;
	margin-top: 0px;
	margin-bottom: 5px;
	margin-left: 20px;
	overflow-wrap: break-word;
	text-transform: none;
	font-size: 14px;
	font-weight: 600;
	text-align: center;
	vertical-align: middle;
}

.small-button-mandatory {
	color: #000000;
	background-color: #FFFFFF;
	width: 140px !important;
	padding-left: 5px;
	padding-right: 5px;
	margin-top: 0px;
	margin-bottom: 5px;
	overflow-wrap: break-word;
	text-transform: none;
	font-size: 14px;
	font-weight: 600;
	text-align: center;
	vertical-align: middle;
}

.arrow {
	border: solid whitesmoke;
	border-width: 0 4px 4px 0;
	display: inline-block;
	padding: 5px;
	margin-right: 7px;
	margin-left: 7px;
}

.downArrow {
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}

.upArrow {
	transform: rotate(225deg);
	-webkit-transform: rotate(225deg);
}

input[type=button]:hover,
button:hover,
.btn-ma,
.button-inverted {
	cursor: pointer;
}

/*** Custom definitions for Save and Cancel Btn in CustomCookies ***/

.button-save,
.button-cancel {
	padding-left: 10px;
	padding-right: 10px;
	font-weight: 600;
	font-size: 14px;
	line-height: 20px;
	
	min-height: 44px;
	min-width: 140px;
}

/**************************************************************************************************************************/
/***  TEXTBOX  ************************************************************************************************************/
/**************************************************************************************************************************/

input[type=text],
input[type=number],
input[type=email],
input[type=date],
input[type=password],
select,
textarea {
	display: block;
	width: 100%;
	height: 63px;
	padding-left: 25px;
	padding-right: 25px;
	border: 1.5px solid #BBBBBB;
	background-color: #F7F7F7;
	outline: 0;
	color: #1D1D1D;
	font-family: Lato, Arial, sans-serif;
	font-size: 18px;
}

textarea {
	padding-top: 15px;
	padding-bottom: 15px;
	height: auto;
}

input[type=text]:-webkit-autofill,
input[type=number]:-webkit-autofill,
input[type=email]:-webkit-autofill,
input[type=password]:-webkit-autofill {
	-webkit-box-shadow: inset 0 0 0px 9999px #F7F7F7;
}

nav select {
	padding-left: 10px;
	padding-right: 10px;
	height: 41px;
	color: #1D1D1D;
	font-family: Lato, Arial, sans-serif;
	font-size: 18px;
	line-height: 26px;
	float: right !important;
	margin-top: 20px;
	border: 1.5px solid #78B900;
}

	nav select:focus {
		border: 1.5px solid #78B900;
	}

@media(max-width:500px) {
	nav select {
		font-size: 14px;
		width: auto;
	}
}

@media(min-width:501px) {
	nav select {
		font-size: 18px;
		width: 196px;
	}
}


input[type=text]:focus,
input[type=number]:focus,
input[type=email]:focus,
input[type=date]:focus,
input[type=password]:focus,
select:focus {
	border: 1.5px solid #6F6F6F;
	background-color: #FFFFFF;
	outline: 0;
}

input[type=text]:invalid,
input[type=text].invalid,
input[type=number]:invalid,
input[type=number].invalid,
input[type=email]:invalid,
input[type=email].invalid,
input[type=date]:invalid,
input[type=date].invalid,
input[type=password]:invalid,
input[type=password].invalid,
select:invalid,
select.invalid,
textarea:invalid,
textarea.invalid {
	border-color: #E64150;
}

	input:invalid::placeholder,
	textarea:invalid::placeholder {
		color: #E64150;
		opacity: 1;
	}

	input:invalid:-ms-input-placeholder,
	textarea:invalid:-ms-input-placeholder {
		color: #E64150;
	}

	input:invalid::-ms-input-placeholder,
	textarea:invalid::-ms-input-placeholder {
		color: #E64150;
	}

input.input-validation-error,
input.input-validation-error:focus,
textarea.input-validation-error,
textarea.input-validation-error:focus {
	color: #E64150;
	border: 1.5px solid #E64150;
}

.field-validation-error {
	display: block;
	font-weight: bold;
	visibility: visible;
	color: #E64150;
	font-family: Lato, Arial, sans-serif;
}


/**************************************************************************************************************************/
/****  CHECKBOX  **********************************************************************************************************/
/**************************************************************************************************************************/

input[type=checkbox] {
	appearance: none;
	-webkit-appearance: none;
	background-color: #F7F7F7;
	border: 2px solid #BBBBBB;
	display: inline-block;
	position: relative;
	padding: 18px;
	outline: 0 !important;
	margin: 4px;
}

	input[type=checkbox]:checked {
		background-color: #e9ecee;
		border: 2px solid #adb8c0;
	}

	input[type=checkbox]:focus {
		border: 2px solid #333;
	}

	input[type=checkbox]:checked:after {
		content: '\f00c';
		font-family: 'FontAwesome' !important;
		position: absolute;
		top: 1px;
		color: #78B900;
		font-size: 35px;
		left: 3px;
	}


/**************************************************************************************************************************/
/****  RADIO  *************************************************************************************************************/
/**************************************************************************************************************************/

input[type=radio] {
	appearance: none;
	-webkit-appearance: none;
	background-color: #F7F7F7;
	border: 2px solid #BBBBBB;
	border-radius: 20px;
	display: inline-block;
	position: relative;
	padding: 18px;
	outline: 0;
}

	input[type=radio]:checked {
		background-color: #e9ecee;
		padding: 16px;
		border: 4px solid #78B900;
	}

		input[type=radio]:checked:after {
			content: '\f111';
			font-family: 'FontAwesome' !important;
			position: absolute;
			top: 6px;
			color: #78B900;
			font-size: 20px;
			left: 6px;
		}

/**************************************************************************************************************************/
/****  List  **************************************************************************************************************/
/**************************************************************************************************************************/
main ul {
	list-style: none !important; /* Remove default bullets */
}

	main ul li::before {
		content: "\2022";
		color: #B0E566;
		font-weight: bold;
		display: inline-block;
		width: 1em;
		margin-left: -1em;
		font-size: 1.3em;
	}

	main ul li {
		margin-bottom: 12px;
	}
/****************************************************************************************************************************************************************/
/**** Jquery Counter ********************************************************************************************************************************************/
/****************************************************************************************************************************************************************/
.jcpo-counter {
	background-color: transparent;
	color: #B0E566
}

	.jcpo-counter p {
		color: #78B900;
		font-family: Lato, Arial, sans-serif;
		font-size: 32px;
		font-weight: bold;
		letter-spacing: 2px;
		line-height: 39px;
	}

	.jcpo-counter .counter-caption {
		background-color: transparent;
		text-align: left;
		font-weight: bold;
		color: #1D1D1D;
		font-family: Lato, Arial, sans-serif;
		font-size: 14px;
		font-weight: 900;
		letter-spacing: 2px;
		line-height: 17px;
	}


/****************************************************************************************************************************************************************/
/****  Layout Classes********************************************************************************************************************************************/
/****************************************************************************************************************************************************************/

.container {
	padding-left: 0px;
	padding-right: 0px;
}

.container-centered {
	max-width: 1100px
}


/****************************************************************************************************************************************************************/
/****  CLASSES  *************************************************************************************************************************************************/
/****************************************************************************************************************************************************************/
.ma-green {
	color: #B0E566;
}

.ma-red {
	color: #E64150;
}

.ma-bg-green {
	background-color: #B0E566;
}

.ma-bg-red {
	background-color: #E64150;
}

.ma-form {
	background-color: white;
	box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.13);
	padding: 10px;
	text-align: center;
}

nav .ma-logo-small {
	margin-top: 30px;
}

.modal-label {
	color: #525e6a;
	font-size: 16pt;
	display: block;
	padding: 5px 10px;
	line-height: 21px;
}

.modal-subtitle {
	color: #525e6a;
	font-size: 12pt;
	font-weight: bold;
}

.modal-header {
	background-color: #b0e566;
}

	.modal-header h3 {
		padding: 5px 10px;
		line-height: 21px;
	}

	.modal-header .close {
		margin-right: 4px;
		min-height: inherit;
	}

.modal-header {
	background-color: #b0e566;
}

	.modal-header button {
		height: 100%
	}

.modal-body {
	padding: 15px;
}

	.modal-body h1, .modal-body h2, .modal-body h3, .modal-body h4 {
		margin-top: 0px;
	}

	.modal-body .container-content {
		font-size: 11pt;
		line-height: 19px;
		font-family: 'Lato', Arial, sans-serif;
		padding: 15px
	}

.ma_cookie_popover {
	color: #FFFFFF;
	position: fixed;
	z-index: 1050;
	bottom: 0px;
	left: 0px;
	right: 0px;
	border-top: 2px solid #edeef0;
	height: 100%;
	width: 100%;
	background: rgba(29, 29, 29, 0.5);
	overflow: auto
}

.ma_cookie_content {
	position: fixed;
	padding: 0px 10px 0px 10px;
	background-color: #1D1D1D;
	overflow: auto;
	bottom: 0px;
	height: 17%;
	-ms-overflow-style: none !important; /* Internet Explorer 10+ */
	scrollbar-width: none !important; /* Firefox */
}

.ma_cookie_title {
	padding: 5px 30px 5px 30px;
	text-transform: uppercase;
	background-color: #B0E566;
	font-weight: 900;
	font-size: 16px;
	line-height: 22px;
	text-align: center;
	letter-spacing: 2px;
	border: 3px solid transparent;
	border-bottom: 3px solid #78B900;
	min-height: 64px;
	padding-left: 50px;
	padding-right: 50px;
	outline: 0;
	color: black;
}

.ma_cookie_modal {
	
	margin-top: 100px;
	width: 720px;

}

.ma_cookie_modal_content {
	/*background-color: #1D1D1D;*/
	padding: 20px 20px 20px 20px;
	background-color: white;
	color: black;
}

.ma_cookie_content::-webkit-scrollbar {
	display: none !important; /* Safari and Chrome */
}

.ma_cookie_modal_content li {
	margin-top: 20px;
	margin-bottom: 10px;
	margin-right: 20px;
}

.custom_cookies,
.auto-accepted {
	transform: scale(0.5) !important;
}

@media (max-width: 1595px), (max-height: 900px) {
	.ma_cookie_content {
		height: 21%;
	}
}

@media(max-width: 1000px) {
	.ma_cookie_content {
		position: fixed;
		padding: 22px 30px 22px 30px;
		background-color: #1D1D1D;
		height: 40%;
		bottom: 0px;
	}

	.ma_cookie_spacer {
		height: 60%
	}
}

@media(max-width: 800px) {
	.ma_cookie_modal {
		width: 600px;
	}
}

@media(max-width: 650px) {
	.ma_cookie_modal {
		width: 100%;
		padding: 0px 0px 0px 0px;
	}

	.ma_cookie_modal_content ul {
		margin-left: -20px;
	}

	.ma_cookie_modal_content li {
		margin-right: 10px;
	}
}

@media (pointer:none), (pointer:coarse) {
	.ma_cookie_content {
		position: fixed;
		padding: 22px 30px 22px 30px;
		background-color: #1D1D1D;
		height: 40%;
		bottom: 0px;
	}

	.ma_cookie_spacer {
		height: 60%
	}
}

.auto-accepted {
	opacity: 0.35
}

.ma_cookie_content > div:first-child {
	flex: 6 1 474px;
}

.ma_cookie_content > div:last-child {
	flex: 1 1 294px;
}

	.ma_cookie_content > div:last-child > div {
		text-align: center;
		margin: 15px;
	}

.ma_cookie_content p {
	line-height: 28px;
	font-family: Lato, Arial, sans-serif;
	font-size: 16px;
}

.ma_cookie_content button {
	height: 42px;
	line-height: 17px
}

.ma_cookie_content a,
.ma_cookie_content a:link,
.ma_cookie_content a:visited,
.ma_cookie_content a:hover {
	color: #B0E566;
}

.ma_cookie_modal_content > div:first-child {
	flex: 6 1 474px;
}

.ma_cookie_modal_content > div:last-child {
	flex: 1 1 294px;
}

	.ma_cookie_modal_content > div:last-child > div {
		text-align: center;
		margin: 15px;
	}

.ma_cookie_modal_content p {
	line-height: 28px;
	font-family: Lato, Arial, sans-serif;
	font-size: 16px;
}

.ma_cookie_modal_content button {
	height: 42px;
	line-height: 17px
}

.ma_cookie_modal a,
.ma_cookie_modal a:link,
.ma_cookie_modal a:visited,
.ma_cookie_modal a:hover {
	color: #B0E566;
}

/****************************************************************************************************************************************************************/
/****  TabControl  **********************************************************************************************************************************************/
/****************************************************************************************************************************************************************/
.TabControl {
	width: 100%;
	margin: 40px 0;
}

	.TabControl .TabNavigation {
		display: flex;
	}

		.TabControl .TabNavigation .TabNavigationItem {
			cursor: pointer;
			text-align: center;
			padding-left: 30px;
			padding-right: 30px;
			padding-top: 15px;
			padding-bottom: 15px;
			background-color: #F5F5F5;
			border-left: 1px solid #E2E2E2;
			border-top: 1px solid #E2E2E2;
			border-bottom: 1px solid #E2E2E2;
		}

			.TabControl .TabNavigation .TabNavigationItem:first-child.Active {
				border-left: 0;
			}

			.TabControl .TabNavigation .TabNavigationItem:last-child {
				border-right: 1px solid #E2E2E2;
			}

			.TabControl .TabNavigation .TabNavigationItem.Active {
				background-color: #FFFFFF;
				border-bottom: 0;
				border-top: 3px solid #B0E566;
				margin-top: -4px;
			}

			.TabControl .TabNavigation .TabNavigationItem .TabNavigationItemText {
				font-size: 14px;
				font-weight: 900;
				letter-spacing: 2px;
				text-transform: uppercase;
			}

	.TabControl .TabControlPages {
		background-color: #FFFFFF;
		box-shadow: 0 8px 32px 0 rgba(0,0,0,0.13);
		padding: 20px;
	}

		.TabControl .TabControlPages .TabControlPage.Hidden {
			display: none;
		}

@media(max-width: 768px) {
	.TabControl .TabNavigation {
		flex-wrap: wrap;
	}

		.TabControl .TabNavigation .TabNavigationItem {
			flex-grow: 1;
			border-bottom: 0;
		}

			.TabControl .TabNavigation .TabNavigationItem.Active {
				border-left: 0;
				border-right: 0;
			}
}

/****************************************************************************************************************************************************************/
/****  Multimedia  **********************************************************************************************************************************************/
/****************************************************************************************************************************************************************/
video {
	border: 7px solid #FFFFFF;
	box-shadow: 0 3px 32px 0 rgba(0,0,0,0.2);
}