/*	HEADER
=======================*/
	
	.logo {
		position:absolute;
		padding:0 0 0;
		top:0;
		z-index:10;
		width:295px;
		margin-top: 20px;
	}

	.logo img {
		width: 100%;
	}
	
	.header {
		position:absolute;
        width:100%;
		padding-bottom:10px;
		padding-top:20px;
		height:150px;
		box-sizing:border-box;
		background:url(/images/layout/header_menu_bg.gif) no-repeat center bottom #FFF;
        z-index: 1002;
		box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
	}

	.header.coffee {
		background-image: url(/images/layout/header_menu_bg--coffee.png) ;
	}

	.header.coffee nav ul.menu::before {
		background: url(/images/layout/menu_bg_left--coffee.png) repeat-x;
	}

	.header.coffee ul.menu li {
		background: #362116;
	}
		.header.coffee ul.menu li a {
			color: #b49686;
		}

		.header.coffee ul.menu li:hover a,
		.header.coffee ul.menu li.selected a {
			color: #fff;
		}

		.header.coffee ul.menu li.products:hover a {
			color: #553e32;
		}
		
		.header.coffee ul.menu li::after {
			background: #553e32;
		}
			
		.header .flags {
			padding-top:25px;
			padding-left:20px;
			float:right;
		}
			
			.header .flags a {
				opacity:0.5;
				filter:alpha(opacity=50);
				display:block;
				float:left;
				margin-left:10px;
				-o-transition:.15s;
				-ms-transition:.15s;
				-moz-transition:.15s;
				-webkit-transition:.15s;
			}
			
				.header .flags a img {
					-webkit-border-radius: 3px;
					-moz-border-radius: 3px;
					border-radius: 3px;
					height:21px;
				}
			
				.header .flags a:hover,
				.header .flags a.selected {
					opacity:1;
					filter:alpha(opacity=100);
				}
				
		.header .beoordelingen{
			float:right;
			margin:0 120px 0 0;
			position: relative;
		}
		
			.header .beoordelingen .star {
				color:#fff;
				float:left;
				display:block;
				margin:0 2px 0 0;
				font-size:9px;
				line-height: 17px;
				text-align: center;
				border-radius: 50%;
				background-color: #dddddd;
				width:16px;
				height:16px;
			}
			
				.header .beoordelingen .star:before  {
					margin-left:0;
				}
			
			.header .beoordelingen .star.selected {
				background-color: #1fb05a;
			}
			
			.header .beoordelingen .stars-green {
				position:absolute;
				overflow:hidden;
				width:80px;
				height:16px;
				left: 0px;
			}
			
				.header .beoordelingen .stars-green-inner {
					width:90px;
					position:absolute;
				}
			
			.header .beoordelingen .text{
				color:#9b9c9b;
				font-family:"proxima-nova";
				float:left;
				display:block;
				margin:0 0 0 7px;
				padding:2px 0 0 0;
				font-size:13px;
			}
				
		.header .header-inner{
            position:relative;
		}
			
			.header .header-inner .header-brand-images{
				margin-left:410px;
				float:left;
			}
				
				.header .header-inner .header-brand-images img {
					margin-right: 15px;
					height: 40px;
				}
							
				.header.fixed .header-inner .header-brand-images img{
					width:110px;
				}
				
			.header .header-inner .social-media{
				float:right;
			}

			.header.fixed .header-brand-images {
				display:none;
			}
		
		.header .icons {
			padding-top:17px;
			float:right;
		}
				
		.header-text {
			position:absolute;
			top:85px;
			right:0;
			padding-right:10px;
			text-transform:uppercase;
			font-size:15px;
		}
		
			.header-text strong {
				padding-left:10px;
			}
			
			.header .icons ul {
				margin:0;
				padding:0;
				list-style:none;
			}
			
				.header .icons ul li {
					float:left;
					padding-left:10px;
				}
				
					.header .icons ul li a.icon {
						font-size:20px;
						line-height:40px;
						display:block;
						width:35px;
						height:35px;
						text-align:center;
						border:1px solid #e2e2e2;
						-webkit-border-radius: 60px;
						-moz-border-radius: 60px;
						border-radius: 60px;
						-o-transition:.15s;
						-ms-transition:.15s;
						-moz-transition:.15s;
						-webkit-transition:.15s;
						transition:.15s;
					}
				
					
		.head-holder {
			height:175px;
			text-align:center;
			margin-bottom:20px;
			color:#FFF;
			background-size:cover;
		}
		
			.head-holder h1 {
				font-size:30px;
				padding-top:50px;
				padding-bottom:0;
				margin-bottom:10px;
			}
			
				.head-holder h2 {
					font-weight:100;
					font-size:24px;
				}
		
	.head-line {
		font-weight:300;
		font-size:24px;
		text-align:center;
		padding:0 0 20px;
	}
	
	
		.head-line .border {
			display:block;
			width:103px;
			height:4px;
			margin:3px auto 0;
			/*opacity:0.5;
			filter:alpha(opacity=50);*/
			border-bottom-width:3px;
			border-bottom-style:solid;
		}
		
			.header .head-line .border {
				border-bottom:3px solid #FFF;
			}
		
		
	.header.fixed {
		position:fixed;
        top:0;
		width:100%;
		z-index:100;
        margin-top: -60px;
        height: 150px;
		background-color:#FFF;
		box-shadow: 10px 5px 5px rgba(0,0,0,0.25);
	}
	
		.header.fixed .header-inner {
			width:1200px;
			margin:0 auto;
		}				
		
			.header.fixed .header-inner .logo img{
				margin-top: 0;
				width: 100%;
			}
			
		.header.fixed .header-fade {
			top:50px;
		}
		
		.header.fixed .icons {
			top:15px;
		}
		
		.header.fixed .logo {
            overflow:hidden;
            height:70px;
			padding-top:39px;
		}
		
		.header.fixed .down {
			position:absolute;
			display:block;
		}

		
		.header.fixed #menu {
			right:250px;
			top:16px;
		}
		
			.header.fixed #menu ul,
			.header.fixed .icons,
			.header.fixed .logo {
				
			}
		
			.header.fixed #menu li a {
				font-size:16px;
			}
			
			.header.fixed .search-holder {
				display:none;
			}