/**
 * default.css
 *
 * This file adds all the default styles to the website and set's
 * an standard for the programmers to work with.
 *
 * @author    Mark de Mol
 * @version   1.0
 */

	body {
		margin:0;
		padding:0;	
		line-height: 24px;
		-webkit-font-smoothing: antialiased;
	}

	
	/*
	*	LET OP
	*
	*	Padding van .row > div moet gelijk zijn aan .row > div > .group > .margin > .padding > .article > .margin > .padding
	*	
	*	Als je de padding aanpast, moet je de margin ook in layout.css aanpassen op de volgende regel: 
	*	.row .ms-anim-layers > div > div
	*
	*	En in de default de volgende regels:
	*	.article.item-image > .margin > .padding > .item-image-wrapper.text-location-2 > .item-image-text
	*	.article.item-image > .margin > .padding > .item-image-wrapper.text-location-3 > .item-image-text
	*	.article.item-image > .margin > .padding > .item-image-wrapper.text-location-4 > .item-image-text
	*
	*/
	.row > div{
		padding: 0px 10px 0px 10px;
	}
		
	.row > div > .group > .margin > .padding > .article > .margin > .padding{
		padding:20px;
	}



	h1,h2,h3,h4,h5,h6 {
		margin:0;
		padding:0;	
	}

	body.static {
		overflow:hidden;
		-ms-overflow-y:scroll;/* fix for Windws phone 8.1 */
		height:100%; /* fix for Windws phone 8.1 */
	}
	
	.bold {
		font-weight: bold;
	}

	.italic {
		font-style: italic;
	}

	*[data-toggle="tooltip"] {
		cursor: help;
	}

	#devicegrade {
		position: fixed; 
		z-index:100;
		border:none;
		bottom: 120px;
		left: 20px;
		display: none;
		font-family: Verdana;
		font-size: 12px;
		font-weight:bold;
		text-align: center;		
	}
	
	#devicegrade > div {
		position:fixed;
		width: 40px;
		height: 40px;
		line-height: 40px;
		color: #fff;
		background-color: #602272;
		border-radius: 50px;
	}
	
	#devicegrade.active {
		display:block;	
	}
	
	#template-message {
		padding:10px;
		text-align:center;
		background-color:#C75D5F;
		color:#fff;
		width:100%;
	} 

	.scroll-div {
		position:fixed;
		right:50px;
		bottom:50px;
		margin:0 auto;
		text-align:center;
		opacity:0;
		z-index:10;
		border-radius:5px;
	}
	
	.scroll-div > i {
		font-size:24px;	
		line-height:40px;
		display:block;
		position:fixed;
		width:40px;
		height:40px;
	}
	
	.scroll-div > i:hover {
		cursor:pointer;	
		border-radius:5px;
		opacity:0.8;
	}
	
	img {
		height: auto;
		max-width: 100%;
	}

	table th,
	table td {
		white-space: normal;
		padding:5px 5px 5px 5px;
		vertical-align:top;
	}
	
	label[for] {
		cursor:pointer;	
	}
	
/*
* Force to keep childeren within the parent.
*/

	*,
	*:before,
	*:after {
	  -webkit-box-sizing: border-box;
		 -moz-box-sizing: border-box;
			  box-sizing: border-box;
	}
	

/*
*	Default a tags
*/
	a:focus {
		outline: none;
	}
	

/*
* Allow us to float & clear easily.
*/

	.float-left {
		float:left;	
	}
	
	.float-right {
		float:right;	
	}
	
	.clear {
		clear:both;
	}	
	
	.clear-left{
		clear:left;
	}	
	
	.clear-right{
		clear:right;
	}	
/*
*	Navigation
*/
 .navigation-wrap {
	clear:both;	
	width:100%;
	text-align:right;
	float:left;
}

 .navigation-wrap > a {
	display:inline-block;
	width: 40px;
	line-height:40px;
	text-align:center;
	background-color:#5E5E5E;
	border-radius:3px;
}

.navigation-wrap > a:not(.disabled):hover {
	background-color:#434343;
}

 .navigation-wrap > a > i {
	color:#fff; 
 }
 
.navigation-wrap > a.disabled {
   	cursor:default;
   	background-color:#B0B0B0;
	color: #757575;
}
   
.navigation-wrap > span {
	color:#727272 ;
	padding:0px 15px 0px 0px;
}

/*
* Style the rows by default
*/
	.relative {
		position:relative;	
	}
	
	.row {
		width: 100%;
		max-width:100%;
		float:left;
	}
		
	.row > div {
		margin: 0 auto;
		max-width: 1200px;  
		position:relative;
	}
	
	.row.full-site-width > div {
		max-width:100%;
		padding:0;
	}
	
	.row.full-container-width > div .padding {
		padding:0;
	}
	
	.row.full-site-width > div > .group > .margin > .padding,
	.row.full-site-width > div > .group > .margin > .padding > .article > .margin > .padding {
		padding:0;
	}
		
	.group{
		float:left;	
	}
	
	noscript.error-message {
		width:100%;
		text-align:center;
		display:block;
		padding:7px;
		color:#fff;
		background-color:#C75E5F;	
	}
	
	.select-wrap {
		position:relative;	
	}
	
	.row.webdesign {
			
	}
	
	.row.webdesign > div > div.group > .margin > .padding > ul > li {
		display:inline-block;
		list-style:none;
	}
	
	.row.webdesign > div > div.group > .margin > .padding > ul > li > a {
		
	}	

	.loading-time {
		position:fixed; 
		bottom:0;
		left:17px; 
		color:#5C5C5C; 
		z-index:9999; 
		font-size:10px;
	}
/*
* Style the width's 
*/	
	
	.width-100{
		float:left;
		width:100%;
	}
	.width-95{
		float:left;
		width:95%;
	}
	.width-90{
		float:left;
		width:90%;
	}
	.width-85{
		float:left;
		width:85%;
	}
	.width-80{
		float:left;
		width:80%;
	}
	.width-75{
		float:left;
		width:75%;
	}
	.width-70{
		float:left;
		width:70%;
	}
	.width-66{
		float:left;
		width:66.6%;
	}
	.width-65{
		float:left;
		width:65%;
	}
	.width-60{
		float:left;
		width:60%;
	}
	.width-55{
		float:left;
		width:55%;
	}
	.width-50{
		float:left;
		width:50%;
	}
	.width-45{
		float:left;
		width:45%;
	}
	.width-40{
		float:left;
		width:40%;
	}
	.width-35{
		float:left;
		width:35%;
	}
	.width-33{
		float:left;
		width:33.3%;
	}
	.width-30{
		float:left;
		width:30%;
	}
	.width-25{
		float:left;
		width:25%;
	}
	.width-20{
		float:left;
		width:20%;
	}
	.width-15{
		float:left;
		width:15%;
	}
	.width-10{
		float:left;
		width:10%;
	}
	.width-5{
		float:left;
		width:5%;
	}
	
	
	/*
	* Style the menu's 
	*/
	.row > div > div.group > .margin > .padding >.article > .margin > .padding ul.menu {
		padding:0;
		margin:0;
	}
	
	.row > div > div.group > .margin > .padding >.article > .margin > .padding ul.menu li {
		list-style:none;	
	}
	
	.row > div > div.group > .margin > .padding >.article > .margin > .padding ul.menu > li {
		display:inline-block;	
	}

	.row > div > div.group > .margin > .padding > .article.basic-menu > .margin > .padding ul.menu > li {
		position: relative;
	}
	
	.row > div > div.group > .margin > .padding >.article > .margin > .padding ul.menu li a {
		text-decoration:none;	
		padding:10px 15px;
		display:block;
	}
	
	.row > div > div.group > .margin > .padding >.article > .margin > .padding ul.menu li .drop-down {
		display:none;	
	}
	
	.row > div > div.group > .margin > .padding >.article > .margin > .padding ul.menu li.currentpath a {
		color:#000;
	}
	
	.row > div > div.group > .margin > .padding >.article > .margin > .padding ul.menu > li ul {
			
	}
	

	
	.row > div > div.group > .margin > .padding >.article > .margin > .padding ul.menu > li:hover > a {
		color:#000;	
	}
	
	.row > div > div.group > .margin > .padding >.article > .margin > .padding > ul.menu > li:hover  ul {
		display:block;	
	}
	
	.row > div > div.group > .margin > .padding >.article > .margin > .padding > ul.menu > li > ul { /* first submenu*/
		position:absolute;
		z-index:10;
		background-color:#C8C8C8;
		left:0;
		right:0;
		display: none;
	}
	
	.row > div > div.group > .margin > .padding > .article.basic-menu > .margin > .padding > ul.menu > li > ul {
		width: 250px;
		left: auto;
	}

	.row > div > div.group > .margin > .padding > .article.basic-menu > .margin > .padding > ul.menu > li > ul > li {
		width: 100%;
	}

	.row > div > div.group > .margin > .padding >.article > .margin > .padding ul.menu > li > ul > li:hover > a {
		color:#000;	
	}
	
	.row > div > div.group > .margin > .padding >.article > .margin > .padding ul.menu > li > ul > li > ul  { /* second submenu*/
		position:absolute;
		top:0;
		left:150px;
		background-color:#BBBBBB;
	}
	
	.row > div > div.group > .margin > .padding >.article > .margin > .padding ul.menu > li > ul > li:hover > ul {
		display:block;
		min-width:150px;
	}
	
	.row > div > div.group > .margin > .padding >.article > .margin > .padding ul.menu > li > ul > li > ul > li > ul {/* third submenu*/
		position:absolute;
		top:0;
		left:150px;
		background-color:#ACACAC;
	}
	
	.row > div > div.group > .margin > .padding >.article > .margin > .padding ul.menu > li > ul > li > ul > li:hover > ul {
		display:block;
		min-width:150px;
	}
	
	.row > div > div.group > .margin > .padding .article.item-image .image-background-wrap {
		display:none;
	}
	
	.row > div > div.group > .margin > .padding .article.item-image .image-background.item-image {
		height:150px;	
		width:100%;
		background-repeat:no-repeat;
		background-size:cover;
		background-position:center 10%;
		position:relative;
	}
	
	.row > div > div.group > .margin > .padding .article.item-image .image-background.item-image > i {
		color:#fff;
		position:absolute;
		right:10px;
		bottom:10px;
		font-size:20px;
	}	

	.n-popup .content{
		background-color:#000!important;
		
	}
		.n-popup  .content .title{
			display:none;
		}
	.n-popup > .padding > .content > .buttons > .btn.ok{
		color:#fff;	
	}

	.article.item-image > .margin > .padding > .item-image-wrapper {
		position:relative;
	}
	
	.article.item-image > .margin > .padding > .item-image-wrapper > .image {
		position:relative;
		z-index:3;	
	}

	.article.item-image > .margin > .padding > .item-image-wrapper > .image > img {
		display:block;
	}

	.article.item-image > .margin > .padding > .item-image-wrapper > .item-image-text {
	}
	
	.article.item-image > .margin > .padding > .item-image-wrapper.text-location-0 > .item-image-text {
		display:none;
	}
	
	.article.item-image > .margin > .padding > .item-image-wrapper.text-location-1 > .image {
		position:relative;
		z-index:3;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
	}

	.article.item-image > .margin > .padding > .item-image-wrapper.text-location-1 > .image img {
		visibility: hidden;
	}

	.article.item-image > .margin > .padding > .item-image-wrapper.text-location-1 > .image > a {
		display: block;
	}
	
	.article.item-image > .margin > .padding > .item-image-wrapper.text-location-1 > .item-image-text {
		position:absolute;
		z-index:5;
		background-color: rgba(0,0,0,0.5);
		color:#fff;
		left:3%;
		max-width:94%;
		bottom:3%;
		padding:20px;
		max-height: 94%;
		overflow: hidden;
	}
	
	.article.item-image > .margin > .padding > .item-image-wrapper.text-location-1 > .item-image-text > a {
		text-decoration:none;
		font-weight:normal;
		color:#000;
	}
	
	.article.item-image > .margin > .padding > .item-image-wrapper.text-location-1 > .item-image-text > a:hover {
		color:#000;
		cursor:pointer;
	}
	
	.article.item-image > .margin > .padding > .item-image-wrapper.text-location-2 > .image {
		float:right;
		width:40%;
	}
	
	.article.item-image > .margin > .padding > .item-image-wrapper.text-location-2 > .item-image-text {
		float:left;
		width:60%;
		padding-right: 20px;
		padding-top: 0;
	}
	
	.article.item-image > .margin > .padding > .item-image-wrapper.text-location-3 > .image {
		float:left;
		width:40%;
	}
	
	.article.item-image > .margin > .padding > .item-image-wrapper.text-location-3 > .item-image-text {
		float:left;
		width:60%;
		padding-left: 20px;
		padding-top: 0;
	}
	
	.article.item-image > .margin > .padding > .item-image-wrapper.text-location-4 > .image {
		
	}
	
	.article.item-image > .margin > .padding > .item-image-wrapper.text-location-4 > .item-image-text {
		padding-top: 20px
	}


/**
 *
 * This is the css style for the submenu
 *
 * @author    Kosmas ntokos
 * @version   1.0
 */

	.row > div { /* this let the div.submenu-wrap be full website width */
		position: inherit;
	}

	.row > div > div.group > .margin > .padding > .article.slide:not(.small-list-onder-parent-li) > .margin > .padding ul.menu > li  div.submenu-wrap { /* first submenu*/
		position:absolute;
		z-index: 99;
		background-color:#E5E5E5;
		left:0;
		right:0;
		margin-top: 0px;
		padding-top: 0px !important;
		overflow:hidden;
		display: none;
	}

	.row > div > div.group > .margin > .padding > .article.fade:not(.small-list-onder-parent-li) > .margin > .padding ul.menu > li  div.submenu-wrap { /* first submenu*/
		position:absolute;
		z-index: 99;
		background-color:#E5E5E5;
		left:0;
		right:0;
		margin-top: 30px;
		opacity: 0;
		visibility: hidden;
		padding-top: 0px !important;
		overflow:hidden;
		z-index: -1;
		padding: 0px 0px 0px !important;
		transition: all 0.20s ease-out;
		-moz-transition: all 0.20s ease-out;
		-webkit-transition: all 0.20s ease-out;
		-o-transition: all 0.20s ease-out;
	}

	.row > div > div.group > .margin > .padding > .article.fade:not(.small-list-onder-parent-li) > .margin > .padding ul.menu > li  div.submenu-wrap.fade-in { /* first submenu*/
		position:absolute;
		z-index: 99;
		background-color:#E5E5E5;
		left:0;
		right:0;
		margin-top: 0px;
		opacity: 1;
		visibility: visible;
		z-index: 9;
		padding-top: 0px !important;
		overflow:hidden;
		display: block !important;;
		padding: 0px 0px 0px !important;
		transition: all 0.30s ease-out;
		-moz-transition: all 0.30s ease-out;
		-webkit-transition: all 0.30s ease-out;
		-o-transition: all 0.30s ease-out;
	}

	.row > div > div.group > .margin > .padding > .article:not(.small-list-onder-parent-li) > .margin > .padding ul.menu div.submenu-wrap ul{
		margin-top: -20px !important;
		opacity: 0;
		visibility: hidden;
		padding: 0px 0px 25px !important;
		transition: all 0.20s ease-out;
		-moz-transition: all 0.20s ease-out;
		-webkit-transition: all 0.20s ease-out;
		-o-transition: all 0.20s ease-out;
	}

	.row > div > div.group > .margin > .padding > .article.fade:not(.small-list-onder-parent-li) > .margin > .padding ul.menu div.submenu-wrap ul{
		margin-top: 0px !important;
	}

	.row > div > div.group > .margin > .padding >.article.fade > .margin > .padding ul.menu > li  div.submenu-wrap.fade-in ul,
	.row > div > div.group > .margin > .padding >.article.slide > .margin > .padding ul.menu > li  div.submenu-wrap.active ul{
		margin-top: 0px !important;
		opacity: 1 !important;
		visibility: visible;
		transition: all 0.35s ease-out;
		-moz-transition: all 0.35s ease-out;
		-webkit-transition: all 0.35s ease-out;
		-o-transition: all 0.35s ease-out;
	}

	.row.shrink > div > div.group > .margin > .padding > .article > .margin > .padding ul.menu > li div.submenu-wrap {
		top: 57px;

	}

	.row > div > div.group > .margin > .padding > .article > .margin > .padding ul.menu > li > div.submenu-wrap > div { 
		width: 100%;
		max-width: 100%;
		float: left;
		padding:0px 0px;
	}
	
	.row > div > div.group > .margin > .padding > .article:not(.small-list-onder-parent-li) > .margin > .padding ul.menu > li > div.submenu-wrap > div > ul {
		margin: 0 auto;
		max-width: 1160px;
		position: relative;
		float:none !important;
	}
	
	.row > div > div.group > .margin > .padding >.article > .margin > .padding ul.menu > li > div.submenu-wrap ul > li {
		width:30%;
		margin:25px 0px;
		position:relative;
		float:left;
	}

	.row > div > div.group > .margin > .padding > .article:not(.small-list-onder-parent-li):not(.big-list) > .margin > .padding ul.menu > li > div.submenu-wrap ul > li:nth-child(3n+2) {
		margin-right: 4.5% !important;
		margin-left: 4.5% !important;
	}
	
	.row > div > div.group > .margin > .padding > .article:not(.small-list-onder-parent-li):not(.big-list) > .margin > .padding ul.menu > li > div.submenu-wrap ul > li > a {
		color:#00AEEF;
		padding: 30px 18px;
		text-align: center;
		padding-right: 60px;
		transition: all 0.25s ease-out;
		-moz-transition: all 0.25s ease-out;
		-webkit-transition: all 0.25s ease-out;
		-o-transition: all 0.25s ease-out;
	}

	.row > div > div.group > .margin > .padding >.article > .margin > .padding > ul.menu > li > div.submenu-wrap > div > ul > li.currentpath > a,
	.row > div > div.group > .margin > .padding >.article > .margin > .padding > ul.menu > li > div.submenu-wrap > div > ul > li > ul > li.currentpath a,
	.row > div > div.group > .margin > .padding > .article > .margin > .padding ul.menu > li > div.submenu-wrap ul > li > a:hover {
		color:red!important;
		transition-duration: 0.2s;
	}

	.row > div > div.group > .margin > .padding > .article:not(.small-list-onder-parent-li):not(.big-list) > .margin > .padding ul.menu > li > div.submenu-wrap ul > li:hover::after {
		right: 15px;
		transition: all 0.25s ease-out;
		-moz-transition: all 0.25s ease-out;
		-webkit-transition: all 0.25s ease-out;
		-o-transition: all 0.25s ease-out;
	}

	.row > div > div.group > .margin > .padding > .article:not(.small-list-onder-parent-li):not(.big-list) > .margin > .padding ul.menu > li > div.submenu-wrap ul > li::after {
		content: "\f054";
		font-family: "Font Awesome 5 Pro"; 
		font-style: normal;
		font-weight: normal;
		text-decoration: inherit;
		color: #00AEEF;
		font-size: 16px;
		padding-right: 0.5em;
		position: absolute;
		top: 50%;
		margin-top: -11px;
		right: 30px;
		transition: all 0.25s ease-out;
		-moz-transition: all 0.25s ease-out;
		-webkit-transition: all 0.25s ease-out;
		-o-transition: all 0.25s ease-out;
	}



	.row > div > div.group > .margin > .padding >.article > .margin > .padding ul.menu > li > div.submenu-wrap ul > li > a > p {
		color: #000;
		font-weight: 300;
		padding-top:2px;
		font-size:16px !important;
		transition: all 0.25s ease-out;
		-moz-transition: all 0.25s ease-out;
		-webkit-transition: all 0.25s ease-out;
		-o-transition: all 0.25s ease-out;
	}

	.submenu-wrap.hidden{
		display: none !important;
	}
/* ========================================================================================================================================/

										                menu-foto-page-name

/* ========================================================================================================================================*/
	.row > div > div.group > .margin > .padding > .article.menu-foto-page-name > .margin > .padding > ul.menu > li .image {
		min-height: 50px;
	}
/* ========================================================================================================================================/

										                menu-text-page-name

/* ========================================================================================================================================*/

	.row > div > div.group > .margin > .padding > .article.menu-text-page-name > .margin > .padding > ul.menu .no-text{
		opacity: 0;
		visibility: hidden;
	}

/* ========================================================================================================================================/

										                menu-foto-page-name-text

/* ========================================================================================================================================*/

	.row > div > div.group > .margin > .padding > .article.menu-foto-page-name-text > .margin > .padding > ul.menu .no-text{
		opacity: 0;
		visibility: hidden;
	} 
 
/* ========================================================================================================================================/

										                big-list
 
/* ========================================================================================================================================*/



 	.row > div > div.group > .margin > .padding > .article.big-list > .margin > .padding ul.menu div.submenu-wrap ul{
		margin-top: 0px !important;
		opacity: 1;
		visibility: visible;
	}

	.row > div > div.group > .margin > .padding > .article.big-list > .margin > .padding ul.menu > li > div.submenu-wrap ul > li {
		width: 25%;
		margin: 25px 0px;
		position: relative;
		float: left;
	}

	.row > div > div.group > .margin > .padding > .article.big-list > .margin > .padding ul.menu > li > div.submenu-wrap ul > li > ul > li {
		width: 100%;
		margin: 0px 0px;
		position: relative;
		float: left;
	} 

	.row > div > div.group > .margin > .padding > .article.big-list > .margin > .padding > ul.menu > li > div.submenu-wrap > div > ul > li a{
		font-weight: bold;
		color: #00AEEF;
		padding: 0px 0px;
	}

	.row > div > div.group > .margin > .padding > .article.big-list > .margin > .padding > ul.menu > li > div.submenu-wrap > div > ul > li > ul li a{
		font-weight: 300;
		color: #000;
		padding: 0px 0px;
		transition-duration: 0.2s;
	}

/*TODO*/
/* ========================================================================================================================================/

										                small-list-onder-parent-li

/* ========================================================================================================================================*/

.row > div > div.group > .margin > .padding > .article.small-list-onder-parent-li > .margin > .padding ul.menu li {
    list-style: none;
    position: relative;
}

.row > div > div.group > .margin > .padding > .article.small-list-onder-parent-li > .margin > .padding > ul.menu > li div.submenu-wrap {
    position: absolute;
	z-index: 99;
	opacity: 0;
	visibility: hidden;
    margin-top: 0px;
    padding-top: 0px !important;
    overflow: hidden;
	margin-right: -30%;
	right: 0px;
	top: 60px;
	transition-duration: 0.3s;
}

.row > div > div.group > .margin > .padding > .article.small-list-onder-parent-li > .margin > .padding > ul.menu > li:hover .submenu-wrap{
	display: block !important;
	top: 40px;
	opacity: 1;
	visibility: visible;
	z-index: 99;
	transition-duration: 0.3s;
}

.row > div > div.group > .margin > .padding > .article.small-list-onder-parent-li > .margin > .padding ul.menu > li div.submenu-wrap::before {
    content: "";
    position: absolute;
    border-style: solid;
    border-width: 0px 13px 13px;
    display: block;
    width: 0px;
    z-index: 99;
    top: 8px;
	right: 0;
	left: 0;
	display: block;
	margin: 0 auto;
    border-color: #E5E5E5 transparent;
}
 

.row > div > div.group > .margin > .padding > .article.small-list-onder-parent-li > .margin > .padding > ul.menu > li div.submenu-wrap > div{
    background-color: #E5E5E5;
	margin-top: 20px;
}

.row > div > div.group > .margin > .padding > .article.small-list-onder-parent-li > .margin > .padding ul.menu > li > div.submenu-wrap > div > ul {
	float: left;
	padding: 10px 0px;
}

.row > div > div.group > .margin > .padding > .article.small-list-onder-parent-li > .margin > .padding ul.menu > li div.submenu-wrap ul li{
	width: 100%;
	margin: 0;
}

.row > div > div.group > .margin > .padding > .article.small-list-onder-parent-li > .margin > .padding ul.menu > li > div.submenu-wrap ul > li > a {
    color: #00AEEF;
	text-align: center;
}

body.no-scroll {
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: fixed;
}

/* hamburger */
.mobile-menu-overlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(109,98,61,.15);
	z-index: 99;
}

.hamburger {
    overflow: hidden;
    margin: 0;
	position: relative;
	z-index: 100;
	font-size: 14px;
	height: 45px;
	width: 100%;
    padding: 10px;
	border-radius: 2px 2px 0 0;
    cursor: pointer;
    transition-timing-function: linear;
    transition-duration: .15s;
    transition-property: opacity,filter;
    text-transform: none;
    border: 0;
	-webkit-transition: background-color 0.3s ease-in-out;
	-moz-transition: background-color 0.3s ease-in-out;
	-o-transition: background-color 0.3s ease-in-out;
	transition: background-color 0.3s ease-in-out;
}

.hamburger {
	background: #5dc5e3;
	box-shadow: inset 0 -1px 0 0 #4ba7c2;
	color: #fff;
}

.hamburger ~ .mobile-menu {
	background-color: #fff;
}

.hamburger:hover{
	background-color: #36acce !important;
}

.hamburger.is-active {
	background-color: #fff !important;
	box-shadow:none;
	
}

.hamburger.is-active > span {
	color: #2F2F2F;
}

.hamburger > span {
	line-height: 24px;
	height: 24px;
	display: block;
	position: relative;
	top: -24px;
	left: 50px;
	right: 0;
	opacity: 1;
	-webkit-transition: all 0.15s ease-in-out;
	-moz-transition: all 0.15s ease-in-out;
	-o-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
}

.hamburger > span.close {
	opacity: 0;
}

.hamburger.is-active > span.close {
	opacity: 1;
	top: -48px;
}

.hamburger.is-active > span.open {
	opacity: 0;
	top: -50px;
}

.hamburger-box {
    position: relative;
    width: 40px;
	height: 24px;
}

.hamburger .hamburger-inner, 
.hamburger .hamburger-inner::after, 
.hamburger .hamburger-inner::before {
    background-color: #fff;
}

.hamburger.is-active .hamburger-inner, 
.hamburger.is-active .hamburger-inner::after, 
.hamburger.is-active .hamburger-inner::before {
    background-color: #2F2F2F;
}

.hamburger.hamburger-inner {
    transition-timing-function: cubic-bezier(.55,.055,.675,.19);
    transition-duration: 75ms;
}

.hamburger-inner::after, .hamburger-inner::before {
    display: block;
    content: "";
}

.hamburger-inner, 
.hamburger-inner::after, 
.hamburger-inner::before {
    position: absolute;
    width: 32px;
    height: 2.5px;
    transition-timing-function: ease;
    transition-duration: .3s;
    transition-property: transform;
    border-radius: 4px;
    background-color: #000;
}
 
.hamburger-inner {
    top: 0;
    display: block;
}

.hamburger > .hamburger-box > .hamburger-inner::before {
    top: 10px;
    transition-timing-function: ease;
    transition-duration: .15s;
    transition-property: transform,opacity;
}

.hamburger > .hamburger-box > .hamburger-inner::after {
    top: 20px;
}

/* active */
.hamburger.is-active .hamburger-inner {
    transform: translate3d(0,10px,0) rotate(45deg);
}

.hamburger.is-active .hamburger-inner::before {
    transform: rotate(-45deg) translate3d(-5.71429px,-6px,0);
    opacity: 0;
}

.hamburger.is-active .hamburger-inner::after {
    transform: translate3d(0,-20px,0) rotate(-90deg);
}

.hamburger ~ .mobile-menu {
	height: 0;
	position: fixed;
	top: 55px;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 1000;
	overflow-y: auto;
	font-size: 15px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.hamburger.is-active ~ .mobile-menu {
	height: calc(100% - 55px); /*minus top of row above */
}

.hamburger ~ .mobile-menu > ul.menu {
	padding: 15px 0 !important;
}

.hamburger ~ .mobile-menu > ul.menu li { 
	width: 100%;
	position: relative;
	list-style: none;
}

.hamburger ~ .mobile-menu > ul.menu > li:last-child,
.hamburger ~ .mobile-menu > ul.menu > li > ul > li:last-child {
	border-bottom: none;
}

.hamburger ~ .mobile-menu > ul.menu > li a {
	
	padding: 0;
	-webkit-transition: all 0.15s ease-in-out;
	-moz-transition: all 0.15s ease-in-out;
	-o-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
}

.hamburger ~ .mobile-menu > ul.menu > li a >span {
	/* border-bottom: inset 1px #f0f0f0; */
	display: block;
	/* padding: 10px 30px 10px 5px; */
	margin: 0 10px;
}

.hamburger ~ .mobile-menu > ul.menu li > a:hover {
	background-color: #EFEFEF;
}

.hamburger ~ .mobile-menu > ul.menu li:hover > ul {
	background-color: #fff;
}

.hamburger ~ .mobile-menu > ul.menu > li.currentpath {
	background-color: #542A94 !important;
}

.hamburger ~ .mobile-menu > ul.menu li.currentpath > ul {
	background-color: #fff;
}

.hamburger ~ .mobile-menu > ul.menu li.currentpath > a > span {
	border-bottom: none;
}

.hamburger ~ .mobile-menu > ul.menu li.currentpath > a > span {
	color: #fff;
}

.row > div > div.group > .margin > .padding > .article.widget-menu-list > .margin > .padding > .mobile-menu > ul.menu > li.currentpath > ul > li > ul {
	position: relative;
	left: unset;
	background: none;
}

.row > div > div.group > .margin > .padding > .article.widget-menu-list > .margin > .padding > .mobile-menu > ul.menu > li.currentpath > ul > li > ul > li > a {
	padding-left: 50px;
	color: #f7be00;
}

.hamburger ~ .mobile-menu > ul.menu > li.has-children > .drop-down {
	display: inline-block !important;
	height: 42px;
	width: 42px;
	position: absolute;
	right: 0;
	top: 0;
	text-align: center;
	line-height: 50px !important;
	cursor: pointer;
	
}

.hamburger ~ .mobile-menu > ul.menu > li.has-children > .drop-down > i {
	font-size: 22px;
	-webkit-transition: all 0.15s ease-in-out;
	-moz-transition: all 0.15s ease-in-out;
	-o-transition: all 0.15s ease-in-out;
	-ms-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
}

.hamburger ~ .mobile-menu > ul.menu > li.has-children.currentpath > .drop-down > i {
	color: #fff;
}

.hamburger ~ .mobile-menu > ul.menu > li.has-children > .drop-down.open > i {
	-webkit-transform: rotate(180deg);     /* Chrome and other webkit browsers */
	-moz-transform: rotate(180deg);        /* FF */
	-o-transform: rotate(180deg);          /* Opera */
	-ms-transform: rotateX(180deg);         /* IE9 */
	transform: rotate(180deg);             /* W3C compliant browsers */
}

.hamburger ~ .mobile-menu > ul.menu > li > ul {
	display: none;
}

.hamburger ~ .mobile-menu > ul.menu > li > ul > li > a > span {
	padding-left: 15px !important;
}

.hamburger ~ .mobile-menu > .top-items {
	margin: 0 15px;
	padding: 15px 0;
	border-bottom:  solid 1px #f0f0f0;
	display: flex;
}

.hamburger ~ .mobile-menu > .top-items > .item {
	flex: 1;
	-webkit-transition: all 0.15s ease-in-out;
	-moz-transition: all 0.15s ease-in-out;
	-o-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
}

.hamburger ~ .mobile-menu > .top-items > .item:last-child {
	/*text-align: right;*/
}

.hamburger ~ .mobile-menu > .top-items > .item:hover {

}

.hamburger ~ .mobile-menu > .top-items > .item > i {
	font-size: 13px;
	color: #2D2D2D;
}

.hamburger ~ .mobile-menu > .top-items > .item > span {
	color: #2D2D2D;
	padding-left: 3px;
	cursor: pointer;
}

.hamburger ~ .mobile-menu > .mobile-menu-social-media {
	margin: 0 15px;
	padding: 15px 0;
	margin-bottom: 100px;
}

.hamburger ~ .mobile-menu > .mobile-menu-social-media > div {
	display: inline-block;
	padding: 0 5px;
}

.hamburger ~ .mobile-menu > .mobile-menu-social-media > div:first-child {
	padding-left: 0;
}

.hamburger ~ .mobile-menu > .mobile-menu-social-media > div:last-child {
	padding-right: 0;
}

.hamburger ~ .mobile-menu > .mobile-menu-social-media > div > a {
	
}

.hamburger ~ .mobile-menu > .mobile-menu-social-media > div > a > i {
	font-size: 30px;
	opacity: 0.8;
	color: #240335;
	-webkit-transition: all 0.15s ease-in-out;
	-moz-transition: all 0.15s ease-in-out;
	-o-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
}

.hamburger ~ .mobile-menu > .mobile-menu-social-media > div > a > i:hover {
	opacity: 1;
}

.hamburger ~ .mobile-menu > .mobile-menu-social-media > div.item.facebook > a > i {

}

.hamburger ~ .mobile-menu > .mobile-menu-social-media > div.item.twitter > a > i {

}

.hamburger ~ .mobile-menu > .mobile-menu-social-media > div.item.instagram > a > i {

}

.hamburger ~ .mobile-menu > .mobile-menu-social-media > div.item.pinterest > a > i {
	
}

/* cookieBot */
.CookieDeclarationType {
	overflow: auto;
	border-right: 2px dotted #333333 !important;
}

.CookieDeclarationTable {
	width:auto !important;
}

/* tooltip */
[rel="tooltip"] {	
	position: relative;
   cursor: pointer; 
}

[rel="tooltip"]:after {
	 filter: alpha(opacity=0);
	 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	 -moz-opacity: 0;
	 -khtml-opacity: 0;
	 opacity: 0;
	 pointer-events: none;
	 -webkit-transition: all 0.18s ease-out 0.18s;
	 -moz-transition: all 0.18s ease-out 0.18s;
	 -ms-transition: all 0.18s ease-out 0.18s;
	 -o-transition: all 0.18s ease-out 0.18s;
	 transition: all 0.18s ease-out 0.18s;
	 font-family: sans-serif !important;
	 font-weight: normal !important;
	 font-style: normal !important;
	 text-shadow: none !important;
	 font-size: 12px !important;
	 background: rgba(17, 17, 17, 0.9);
	 border-radius: 4px;
	 color: #fff;
	 content: attr(data-tooltip);
	 padding: .5em 1em;
	 position: absolute;
	 white-space: nowrap;
	 z-index: 10; 
}

[rel="tooltip"]:before {
	 background: no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba(17, 17, 17, 0.9)%22%20transform%3D%22rotate(0)%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E");
	 background-size: 100% auto;
	 width: 18px;
	 height: 6px;
	 filter: alpha(opacity=0);
	 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	 -moz-opacity: 0;
	 -khtml-opacity: 0;
	 opacity: 0;
	 pointer-events: none;
	 -webkit-transition: all 0.18s ease-out 0.18s;
	 -moz-transition: all 0.18s ease-out 0.18s;
	 -ms-transition: all 0.18s ease-out 0.18s;
	 -o-transition: all 0.18s ease-out 0.18s;
	 transition: all 0.18s ease-out 0.18s;
	 content: '';
	 position: absolute;
	 z-index: 10; 
}
[rel="tooltip"]:hover:before, 
[rel="tooltip"]:hover:after {
	 filter: alpha(opacity=100);
	 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	 -moz-opacity: 1;
	 -khtml-opacity: 1;
	 opacity: 1;
	 pointer-events: auto; 
}

[rel="tooltip"]:after {
	 left: 50%;
	 margin-top: 11px;
	 top: 100%;
	 -webkit-transform: translate(-50%, -10px);
	 -moz-transform: translate(-50%, -10px);
	 -ms-transform: translate(-50%, -10px);
	 transform: translate(-50%, -10px); 
}

[rel="tooltip"]:before {
	 background: no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba(17, 17, 17, 0.9)%22%20transform%3D%22rotate(180 18 6)%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E");
	 background-size: 100% auto;
	 width: 18px;
	 height: 6px;
	 left: 50%;
	 margin-top: 5px;
	 top: 100%;
	 -webkit-transform: translate(-50%, -10px);
	 -moz-transform: translate(-50%, -10px);
	 -ms-transform: translate(-50%, -10px);
	 transform: translate(-50%, -10px); 
}

[rel="tooltip"]:hover:after{
	 -webkit-transform: translate(-50%, 0);
	 -moz-transform: translate(-50%, 0);
	 -ms-transform: translate(-50%, 0);
	 transform: translate(-50%, 0); 
}

[rel="tooltip"]:hover:before {
	 -webkit-transform: translate(-50%, 0);
	 -moz-transform: translate(-50%, 0);
	 -ms-transform: translate(-50%, 0);
	 transform: translate(-50%, 0); 
}

[rel="tooltip"]:after {
   white-space: normal;
   width: 200px;
}