/**
 * 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:10px;
	}



	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;
	}
	
	.scroll-div > i {
		font-size:24px;	
		line-height:40px;
		display:block;
		position:fixed;
		border-radius:5px;
		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;
}
   
.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 {
		text-align: center;
		font-size: 12px;
	}
	
	.row.webdesign > div > div.group > .margin > .padding > ul > li {
		display:inline-block;
		list-style:none;
		margin: 0 5px;
	}
	
	.row.webdesign > div > div.group > .margin > .padding > ul > li > a {
		color: #7d8f94;
		font-weight: normal;
	}	

	.row.webdesign > div > div.group > .margin > .padding > ul > li > a:hover {
		color: #1e2a2d;
	}

	.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%;
	}
	
	/*
	* start of sidebar + hamburger menu
	*/
	.toggle-wrap {
		padding: 10px 10px 9px 10px;
		cursor: pointer;
		float: left;
		z-index:9001;
		position:absolute;
	  
	  	/*disable selection*/
	  	-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}

	.menu-list-wrap.right > .toggle-wrap {
		right: 0;
	}

	.menu-list-wrap.active .toggle-wrap {
		background-color: #fff;	
	}
	
	.toggle-bar,
	.toggle-bar::before,
	.toggle-bar::after,
	.toggle-wrap.active .toggle-bar,
	.toggle-wrap.active .toggle-bar::before,
	.toggle-wrap.active .toggle-bar::after {
		-webkit-transition: all .2s ease-in-out;
		-moz-transition: all .2s ease-in-out;
		-o-transition: all .2s ease-in-out;
		transition: all .2s ease-in-out;
	}

	.toggle-bar {
		width: 30px;
		margin: 14px 0;
		position: relative;
		border-top: 3px solid #454545; /* color & strength middle bar */
		display: block;
	}
	
	.toggle-bar,
	.toggle-bar::before,
	.toggle-bar::after {
		width:30px;	
	}
	
	.toggle-bar::before,
	.toggle-bar::after {
		content: "";
		display: block;
		background: #454545;
		height: 3px;
		position: absolute;
		top: -10px;
		-ms-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
		-ms-transform-origin: 17%;
		-webkit-transform-origin: 17%;
		transform-origin: 17%;
	}
	
	.toggle-bar::after {
	  top: 4px;
	}
	
	.menu-list-wrap.active .toggle-wrap .toggle-bar {
	  border-top: 3px solid transparent;
	}
	
	.menu-list-wrap.active .toggle-wrap .toggle-bar::before {
		-ms-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	
	.menu-list-wrap.active .toggle-wrap .toggle-bar::after {
		-ms-transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	/*
	* end of sidebar + hamburger menu
	*/
	
	
	/*
	* 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 > .margin > .padding ul.menu > li > a {
		font-weight: 500;
		padding: 10px 30px !important;
	}

	.row > div > div.group > .margin > .padding >.article > .margin > .padding ul.menu > li:last-child > a {
		padding-right: 0 !important;	
	}

	.row > div > div.group > .margin > .padding >.article > .margin > .padding ul.menu li a {
		text-decoration:none;	
		padding:10px 15px;
		display:inline-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.has-children > a::after {
		font-family: fontAwesome;
		content: "\f107 ";
		display: inline-block;
		position: absolute;
		padding-left: 10px;
		
	}
	
	.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,
	.row > div > div.group > .margin > .padding >.article > .margin > .padding > ul.menu > li > ul > li:hover::after { 
		color:#0083a9;	
	}
	
	.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;
		display: none;
		background-color: #fff;
		text-align:left;
	}

	.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 > li:first-child {
		border-top: solid 1px #ebf9fc;
	}
	.row > div > div.group > .margin > .padding >.article > .margin > .padding > ul.menu > li > ul > li {
		display: block;
		border-bottom: solid 1px #ebf9fc;
		position: relative;
		padding-right: 10px;
	}

	.row > div > div.group > .margin > .padding >.article > .margin > .padding > ul.menu > li > ul > li > a {
		padding: 20px 35px 20px 20px !important;
		-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
	}

	.row > div > div.group > .margin > .padding >.article > .margin > .padding > ul.menu > li > ul > li::after {
		content: "\f105 ";
		display: inline-block;
		font-family: fontAwesome;
		position: absolute;
		right: 15px;
		top: 20px;
		color: #D0D0D0;
		font-size: 18px;
	}

	.row > div > div.group > .margin > .padding >.article > .margin > .padding > ul.menu > li > ul > li > a {
		background-color: #fff;
		color: #1e2a2d;
	}
	
	.row > div > div.group > .margin > .padding >.article > .margin > .padding ul.menu > li > ul > li:hover > a {
		color:#0083a9;	
	}
	
	.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;
	}	
	
	
	.menu-list-wrap {
		position:absolute;
		width:50px;
		height:50px;
		overflow:hidden;
		display:none;
	}

	.menu-list-wrap.right {
		right: 0;
	}
	
	.menu-list-wrap.active {
		position:fixed;
		height:100%;
		width:100%;
		top:0;
		bottom:0;
		left:0;
		right:0;
		z-index:9999;
		
	}
	
	.menu-list-wrap > .overlay {
		background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;
		cursor: pointer;
		width:100%;
		height:100%;
		opacity:0;
		position:fixed;
		z-index:-1;
		-webkit-transition: all .3s ease-in-out;
		-moz-transition: all .3s ease-in-out;
		-o-transition: all .3s ease-in-out;
		transition: all .3s ease-in-out;
		overflow:hidden;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
	}
	
	.menu-list-wrap.active > .overlay {
		opacity:1;	
		z-index: 7000;
		-webkit-transition: all .3s ease-in-out;
		-moz-transition: all .3s ease-in-out;
		-o-transition: all .3s ease-in-out;
		transition: all .3s ease-in-out;
		overflow:hidden;
	}

	
	.menu-list-wrap > .menu-list {
		position:fixed;
		background-color:#fff;
		margin-left:-85%;
		width:85%;
		height:100%;
		overflow-y:auto;
		z-index:8000;

		-webkit-transition: all .4s ease-in-out;
		-moz-transition: all .4s ease-in-out;
		-o-transition: all .4s ease-in-out;
		transition: all .4s ease-in-out;
	}
	
	.menu-list-wrap.active .menu-list {
		margin-left:0;	
		z-index:9000;
	}

	.menu-list-wrap.right > .menu-list {
		margin-left: auto;
		right: -85%;
	}
	
	.menu-list-wrap.right.active > .menu-list {
		right: 0px;
	}
	
	.menu-list-wrap.active .toggle-wrap.active {
	
		background-color:#fff;	
	}
	
	.menu-list-wrap.active .toggle-bar::before,
	.menu-list-wrap.active .toggle-bar::after {
		background-color:#009abc;
	}
	
	.menu-list-wrap .menu-list .static-wrap ul {
		padding:0;
		margin:0;	
	}
	
	.menu-list-wrap .menu-list .static-wrap ul > li ul {
		display:none;	
	}
	
	.menu-list-wrap .menu-list .static-wrap ul > li.active > ul,
	.menu-list-wrap .menu-list .static-wrap ul > li.active > div > div > ul,
	.menu-list-wrap .menu-list .static-wrap ul > li.active > .submenu-wrap.hidden{
		display:block !important;	
	}
	
	.menu-list-wrap .menu-list .static-wrap {
		position:static; 
		left:0; 
		right:0; 
		top:0; 
		bottom:0; 
		overflow:hidden;
	}
	
	.menu-list-wrap .menu-list  .static-wrap > .article {
		margin-top:50px;
	}
	
	.menu-list-wrap .menu-list  .static-wrap > .article > .margin > .padding {
		padding:0;	
	}
	
	
	.menu-list-wrap .menu-list  .static-wrap ul li {
		list-style:none;
		list-style-image:none;	
		position:relative;
	}

	
	.menu-list-wrap .menu-list  .static-wrap ul li > a {
		text-decoration:none;
		color:#000;
		border-bottom: 1px solid #f5f5f2;
		
		line-height: 28px;
		padding:10px 50px 10px 15px;
		display:block;
		font-family:16px;
		font-weight: normal;
	}
	
	

	.menu-list-wrap .menu-list .static-wrap ul li span.drop-down{
		display:block;
		position:absolute;
		right:0;
		top:0;
		width:50px;
		height:50px;
		text-align:center;
		line-height:50px;
	}
	.menu-list-wrap .menu-list .static-wrap ul li span.drop-down {
		display:none;
	}
	
	.menu-list-wrap .menu-list .static-wrap ul li.has-children > span.drop-down {
		display:block;
		cursor:pointer
	}
	
	.menu-list-wrap > .menu-list .static-wrap ul li span.drop-down > i {
		font-size:22px;	
		color:#494949;
		
	}
	
	.menu-list-wrap > .menu-list .static-wrap ul li:hover > a,
	.menu-list-wrap > .menu-list .static-wrap ul li:hover::after {
		color:#009abc;	

	}
	
	
	.menu-list-wrap > .menu-list .static-wrap ul li ul {
		background-color:#F1F1F1;
	}
	
	.menu-list-wrap > .menu-list .static-wrap ul li ul li ul {
		background-color:#F8F8F8;
		padding-left:20px;
	}
	
	.menu-list-wrap > .menu-list .static-wrap > ul > li > ul,
	.menu-list-wrap > .menu-list .static-wrap > ul > li > ul > li > ul {
		display:none;	
	}
	
	.menu-list-wrap > .menu-list .static-wrap > ul > li.active > ul,
	.menu-list-wrap > .menu-list .static-wrap > ul > li.active > ul > li.active > ul {
		display:block;
	}
	
	.menu-list-wrap > .menu-list a:hover {
		color:#1986CB;	
	}

	.menu-list-wrap > .menu-list .static-wrap ul li.currentpath > a {
		font-weight: bold;
	}
	.menu-list-wrap > .menu-list .static-wrap ul li.currentpath a,
	.menu-list-wrap > .menu-list .static-wrap ul li.currentpath::after {
		color:#009abc;	
		background-color:#ebf9fc;
	}
	
	.menu-list-wrap > .menu-list .static-wrap ul li.currentpath .drop-down i {
		color:#009abc;
	}
	
	.menu-list-wrap > .menu-list .static-wrap ul li ul > li > a {
		padding-left:30px;	
		border-bottom:none;
	}
	
	.menu-list-wrap > .menu-list .icon-bar {
		position:fixed;
		overflow:hidden;
		height:50px;
		background-color:#fff;
		z-index:1000;
		width:85%;
		top:0;
	}

	.menu-list-wrap > .menu-list .icon-bar.shadow {
		-webkit-box-shadow: -13px -10px 20px 5px #8F8F8F;
		box-shadow: -13px -10px 20px 5px #8F8F8F;
	}
	
	.menu-list-wrap > .menu-list .icon-bar > div {
		float:right;
		width:50px;
		height:50px;
		line-height:50px;
		margin:0 auto;
		display:none;
	}
	
	.menu-list-wrap > .menu-list .icon-bar > div i{
		font-size:22px;
		cursor:pointer;
	}

	
	.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 > a {
		display: block;
	}
	.article.item-image > .margin > .padding > .item-image-wrapper > .image img {
		display:block;
	}

	.article.item-image > .margin > .padding > .item-image-wrapper > .item-image-text {
		/*padding:10px;*/
	}
	
	.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;
	}
	
	.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:50%;
		padding-right: 16px;
	}
	
	.article.item-image > .margin > .padding > .item-image-wrapper.text-location-3 > .item-image-text {
		float:left;
		width:50%;
		padding-left: 16px;
		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: "\f105";
		font-family: FontAwesome;
		font-style: normal;
		font-weight: normal;
		text-decoration: inherit;
		color: #00AEEF;
		font-size: 34px;
		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;
	padding: 
}

.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;
}