/*! HTML5 Boilerplate v5.2.0 | MIT License | https://html5boilerplate.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */


#instafeed {
    width:90%;
	margin:0 auto;
    height: 100%;
    -moz-column-count:4;
    -webkit-column-count:4;
    column-count: 4;
    column-gap: 2.5%;
    -moz-column-gap: 2.5%;
    -webkit-column-gap: 2.5%;
}
.tile {
    margin-bottom:5px;
	height: auto;
	display:inline-block;
    position:relative;
}

.tile img {
    width:100%;
	max-height: 100%;
    display:block;

}

.text {
	display:block;
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    box-sizing:border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
   	text-align:center;
    color:#CA1237;
    padding:10px;
    background-color:rgba(255,255,255,.8);
	font-family:Arial, Helvetica, sans-serif;
    font-size:15px;
}

.title {
	font-family:Arial, Helvetica, sans-serif;
    font-size:35px;
	color:#fff;
	text-align:center;
	padding:10px;
}

html {
    color: #707070;
    font-size: 1em;
    line-height: 1.5;
    font-family: "Open Sans", sans-serif;
}

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 2px solid #ececec;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
    /* width: 100%; */
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Font Import
   ========================================================================== */

@font-face {
    font-family: 'brandon_grotesquebold';
    src: url('../fonts/brandongrotesque_bold-webfont.eot');
    src: url('../fonts/brandongrotesque_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/brandongrotesque_bold-webfont.woff2') format('woff2'),
         url('../fonts/brandongrotesque_bold-webfont.woff') format('woff'),
         url('../fonts/brandongrotesque_bold-webfont.ttf') format('truetype'),
         url('../fonts/brandongrotesque_bold-webfont.svg#brandon_grotesquebold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'brandon_grotesqueregular';
    src: url('../fonts/brandongrotesque_regular-webfont.eot');
    src: url('../fonts/brandongrotesque_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/brandongrotesque_regular-webfont.woff2') format('woff2'),
         url('../fonts/brandongrotesque_regular-webfont.woff') format('woff'),
         url('../fonts/brandongrotesque_regular-webfont.ttf') format('truetype'),
         url('../fonts/brandongrotesque_regular-webfont.svg#brandon_grotesquebold') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

body.front {
	background: url("../images/DM_body.jpg");
	background-position: 0px 480px;
    background-repeat: repeat-x;
}

body.front figure#knight {
	background: url("../images/DM_schild_faded.png");
	background-position: center center;
    background-size: 100% auto;
    background-repeat: no-repeat;
    height: 100%;
    left: 12.5%;
    max-height: 880px;
    max-width: 880px;
    position: absolute;
    top: 350px;
    width: 80%;
    z-index: -10;
}

body.not-front {
	background: url("../images/DM_body.jpg");
	background-position: 0px 360px;
    background-repeat: repeat-x;
}

body.node-type-pioneers, body.node-type-testimonial {
	background: none !important;
}

.region {
    margin: 80px auto 0;
    max-width: 1480px;
    width: 100%;
}

img.left {float:left;}

a {
	color: #ca1238;
}
a:focus {
	outline: none;
}

.field-name-field-weight {
	display: none;
}

/* Extra classes for text & image editing */
p.center {text-align: center;}
img.left {
	float: left;
	margin: 5px 15px 5px 0;
}
img.right {
	float: right;
	margin: 5px 0 5px 15px;
}

ul.language-switcher-locale-url li a, ul.language-switcher-locale-url li span {
  transition: all .3s ease-out;
}
/* Shade on banners & images */
#block-views-banner-block-1 .views-field-field-banner, #block-views-banner-block-2 .views-field-field-banner {
    background-image: url("../images/banner_bg.png");
    background-position: left bottom;
    background-repeat: repeat-x;
    width: 100%;
    overflow: hidden;
}
.views-field-field-banner {
    background-image: url("../images/img_bg.png");
    background-position: left bottom;
    background-repeat: repeat-x;
    width: 100%;
    overflow: hidden;
}
#block-views-banner-block-1 .views-field-field-banner img, #block-views-banner-block-2 .views-field-field-banner img, #block-views-banner-block-3, .views-field-field-banner img {
	width: 100%;
	z-index: -10;
	position: relative;
	height: auto;
	/*max-height: 400px;*/
}

.page-node-18 #block-views-banner-block-1, .page-node-124 #block-views-banner-block-1, .page-node-155 #block-views-banner-block-1 {display: none;}

#block-views-banner-block-1 .view-id-banner .views-field-body, #block-views-banner-block-4 .view-id-banner .views-field-body {
	width: 100%;
	max-width: 1060px;
	margin: 0 auto;
}

/* Intro-text with red line */
#block-views-banner-block-1 .view-id-banner .views-field-body p, #block-views-banner-block-4 .view-id-banner .views-field-body p{
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	line-height: 26px;
	margin: 10px auto;
	color: #353535;
	padding: 0 90px;
	font-weight: 600;
}
#block-views-banner-block-1 .view-id-banner .views-field-body p:after, #block-views-banner-block-4 .view-id-banner .views-field-body p:after {
    border: 2px solid transparant;
    content: " ";
    display: block;
    margin: 20px auto 30px;
    width: 100px;
}

.node-type-pioneers #block-views-banner-block-1 .view-id-banner .views-field-body p{
	font-family: 'brandon_grotesqueregular', sans-serif;
	font-size: 30px;
	line-height: 36px;
	margin: 0 auto 15px;
	color: #353535;
	padding: 0;
	font-weight: 400;
}

.field-name-field-subtitle {
	margin: 0 auto 15px;
	font-family: 'brandon_grotesquebold', sans-serif;
	font-size: 30px;
	color: #353535;
	text-transform: uppercase;
}
.field-item p {
	margin: 0 auto 20px;
	padding: 0 90px;
}
.field-name-field-subtitle {
	padding: 0 90px;
}

#block-system-main {
	max-width: 1060px;
	width: 100%;
	margin: 0 auto;
}
#block-system-main .search-form {
	display: none;
}

h1, h2, h3, h4 {
	font-family: 'brandon_grotesquebold', sans-serif;
	color: #353535;
	font-weight: normal;
}
h2 {
	font-size: 30px;
	line-height: 34px;
	text-transform: uppercase;
	margin: 30px 90px 10px;
}
h2 span {
	color: #ca1238;
}
h3 {
	font-size: 18px;
	text-transform: uppercase;
	margin: 30px 90px 15px;
	text-transform: uppercase;
}
ul li.leaf {
	list-style-type: none;
	list-style-image: none;
}
ul li.expanded {
    list-style-image: none;
    list-style-type: none;
}

ul{
	margin: 20px 90px;
	padding: 0;
	list-style-position: inside;
}

/* HEADER */
header {
    margin: 0 auto;
    padding: 0;
    position: absolute;
    top: 0; left: 0; right: 0;
    font-family: 'brandon_grotesquebold', sans-serif;
    width: 100%;
    max-width: 1480px;
    z-index: 5;
    background-image: url("../images/DM_header_40.jpg");
    background-position: center top;
    background-repeat: no-repeat;

	/*
	box-shadow: 2px -1px 10px rgba(35, 34, 35, 0.4);
	*/

}
header div {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    max-width: 1600px;
}
header a#logo {
    background-image: url("../images/DuvelMoortgat_logo.svg");
    background-position: left bottom;
    background-repeat: no-repeat;
    background-size: 100% auto;
    display: block;
    float: left;
    height: 100px;
    margin: 15px 0 0 20px;
    padding: 0;
    text-indent: -9999px;
    width: 325px;
}
.no-svg header a#logo {
    background-image: url("../images/DuvelMoortgat_logo.png");
    background-position: left bottom;
    background-repeat: no-repeat;
    background-size: 325px 85px;
    display: block;
    float: left;
    height: 100px;
    margin: 15px 0 0 20px;
    padding: 0;
    text-indent: -9999px;
    width: 325px;
}

.region-nav {
    max-width: 1480px;
    height: 40px;
    width: auto;
    font-family: 'brandon_grotesquebold', sans-serif;
    margin: 0 auto;
    clear: both;
    display: block;
    position: relative;
    z-index: 6;
}

a.webshop-btn-header {
	height: 40px;
	line-height: 42px;
	text-transform: uppercase;
	text-decoration: none;
	padding: 0 15px 0 40px;
	background: #fff;
	float: right;
	background: url("../images/cart_button_red.svg");
	background-position: 0 -40px;
    background-repeat: no-repeat;
    border-left: 1px solid #fff;
    color: #828282;
}
a:hover.webshop-btn-header {
	color: #ca1238;
	background: url("../images/cart_button_red.svg");
	background-position: 0 0;
    background-repeat: no-repeat;
}
ul.language-switcher-locale-url  {
	height: 40px;
	width: 124px;
	margin: 0;
	padding: 0;
	list-style-type: none;
	float: right;
}
ul.language-switcher-locale-url li a, ul.language-switcher-locale-url li span {
	float: left;
	display: inline-block;
	width: 40px;
	height: 40px;
	text-align: center;
	border-right: 1px solid #fff;
	color: #828282;
	font-size: 16px;
	line-height: 40px;
	text-decoration: none;
}
ul.language-switcher-locale-url li.first {
	border-left: 1px solid #fff;
	height: 40px;
	float: left;
}
ul.language-switcher-locale-url  li a:hover {
	background: #dedede;
}
ul.language-switcher-locale-url li a.active {
	background: #ca1238;
	color: #fff;
}

nav#block-system-main-menu ul.menu {
	display: block;
	list-style-type: none;
	float: right;
	padding: 0;
	margin: 64px 10px 30px 0;
}
nav#block-system-main-menu ul.menu.active {
	display: block;
}
nav#block-system-main-menu ul.menu li {
	float:left;
	text-align: center;
	color: #828282;
	font-size: 18px;
	line-height: 36px;
	text-decoration: none;
	margin: 0;
	padding: 0 9px;
	text-transform: uppercase;
	display: block;
}
nav#block-system-main-menu ul.menu li a {
	text-decoration: none;
	color: #828282;
	padding: 0;
  transition: all .3s ease-out;
}
nav#block-system-main-menu ul.menu li a:hover {
  color: #ca1238;
}
nav#block-system-main-menu ul.menu li a.active, nav#block-system-main-menu ul.menu li a.active-trail {
	border-bottom: 3px solid #ca1237;
	color: #ca1238;
}
nav#block-system-main-menu ul.menu .expanded ul {
	display: none;
}
nav#block-system-main-menu ul.menu .active-trail ul {
	background: #fff;
	margin: 5px 0 0;
	padding: 0 3px;
	display: block;
	position: absolute;
	top: 100px;
	right: 20px;
}
nav#block-system-main-menu ul.menu .active-trail ul li a.active, nav#block-system-main-menu ul.menu .active-trail ul li a.active-trail {
	border-bottom: none;
}

nav#block-system-main-menu ul.menu .active-trail ul li, nav#block-system-main-menu ul.menu .active-trail ul li {
	font-size: 14px;

}
nav#block-system-main-menu ul.menu .expanded ul li a {
	display: inline-block;
	float: left;
}

nav#block-system-main-menu ul.menu .expanded li ul {
	display: none;
}

/* EXPANDING SEARCHFORM */

.block-search figure {
	float: right;
	background-image: url("../images/magnify.svg");
	background-position: center center;
    background-repeat: no-repeat;
    background-size: 35px 35px;
	width: 40px;
	height: 40px;
	cursor: pointer;
}
.no-svg .block-search figure {
	float: right;
	background-image: url("../images/magnify.png");
	background-position: center center;
    background-repeat: no-repeat;
    background-size: 40px 40px;
	width: 40px;
	height: 40px;
	cursor: pointer;
}

.block-search form .container-inline {
	display: none;
	position: absolute;
	top: 42px;
	right: 0;
	z-index: 1000;
	padding: 30px;
	background: #ca1238;
	width: 45%;
	-webkit-box-shadow: 0 8px 6px -6px rgba(0,0,0,0.75);
	-moz-box-shadow: 0 8px 6px -6px rgba(0,0,0,0.75);
	box-shadow: 0 4px 2px -2px rgba(0,0,0,0.75);
}
.block-search form .container-inline:before{
    width: 0;
    height: 0;
    content:"";
    display:block;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #ca1238;
    margin: 0;
    position: absolute;
    right: 10px;
    top: -10px;
    float: right;
}
.block-search h2, .block-search label {
	display: none;
}
.block-search input[type="text"] {
    color: #999999;
    font-size: 18px;
    height: 45px;
    line-height: 22px;
    border: none;
    width: 65%;
    padding: 0 1.5%;
    margin: 0;
    background: #fff;
    outline: 0;
    float: left;
}
.block-search input[type="submit"] {
    background: #353535;
    color: #fff;
    outline: 0;
    border: none;
    height: 46px;
	font-family: 'brandon_grotesquebold', sans-serif;
	text-align: center;
	text-transform: uppercase;
	padding: 0;
	width: 30%;
}
.search-form label{
	font-family: 'brandon_grotesquebold', sans-serif;
	font-size: 18px;
	color: #ca1238;
	text-transform: uppercase;
	margin: 0 0 10px;
	font-weight: normal;
	display: none;
	clear: both;
}
.search-form input[type="text"] {
    background: #fff none repeat scroll 0 0;
    border: medium none;
    color: #999999;
    float: left;
    font-size: 18px;
    height: 35px;
    margin: 0;
    outline: 0 none;
    padding: 0 1.5%;
    width: 65%;
    border: 1px solid #eaeaea;
}
.search-form input[type="submit"] {
    background: #353535 none repeat scroll 0 0;
    border: medium none;
    color: #fff;
    font-family: "brandon_grotesquebold",sans-serif;
    height: 37px;
    outline: 0 none;
    padding: 0;
    text-align: center;
    text-transform: uppercase;
    width: 28%;
}

.search-advanced {display: none;}

ol.search-results {
	margin: 0 auto;
	padding: 0 90px;
}
ol.search-results li {
	margin: 0 0 10px;
	padding: 0 0 10px;
	border-bottom: 2px solid #ececec;
}
ol.search-results li:last-child {
	border-bottom: none;
}
ol.search-results li h3{
	margin: 10px 0 5px;
}
ol.search-results li.search-result h3 a {
	font-family: 'brandon_grotesquebold', sans-serif;
	font-size: 18px;
	color: #ca1238;
	text-transform: uppercase;
	font-weight: normal;
}
ol.search-results li .search-snippet-info {
	padding: 0;
}
ol.search-results li .search-snippet-info p.search-info {
	display: none;
}
ol.search-results li.search-result .search-info {
    font-size: 0.85em;
    font-style: italic;
    color: #999;
}
ul.pager {
	margin: 20px auto 0;
	padding: 0;
	max-width: 880px;
	width: 100%;
	text-align: center !important;
}
ul.pager:after{
	visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
}
ul.pager li {
	margin: 0;
	padding: 0 !important;
	display: inline-block;
	width: 35px;
	height: 35px;
}
ul.pager li a {
	background: #d9d9d9;
	font-family: 'brandon_grotesquebold', sans-serif;
	font-size: 16px;
	line-height: 25px;
	color: #777;
	text-decoration: none;
	display: inline-block;
	outline: none;
	text-transform: uppercase;
	font-weight: normal;
	width: 25px;
	height: 25px;
	padding: 5px;
}
ul.pager li a:hover {
	background: #eaeaea;
}
ul.pager li.pager-current {
	background: #ca1238;
	font-family: 'brandon_grotesquebold', sans-serif;
	font-size: 16px;
	line-height: 25px;
	color: #fff;
	text-decoration: none;
	display: inline-block;
	font-weight: normal;
	width: 25px;
	height: 25px;
	padding: 5px !important;
}
ul.pager li.pager-next a {
	background-image: url("../images/arrow_next.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 65% 65%;
	text-indent: -9999px;
}
ul.pager li.pager-previous a {
	background-image: url("../images/arrow_prev.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 65% 65%;
	text-indent: -9999px;
}
ul.pager li.pager-last a {
	background-image: url("../images/arrow_last.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 65% 65%;
	text-indent: -9999px;
}
ul.pager li.pager-first a {
	background-image: url("../images/arrow_first.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 65% 65%;
	text-indent: -9999px;
}

.no-svg ul.pager li.pager-next a {
	background-image: url("../images/arrow_next.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 30px 30px;
	text-indent: -9999px;
}
.no-svg ul.pager li.pager-previous a {
	background-image: url("../images/arrow_prev.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 30px 30px;
	text-indent: -9999px;
}
.no-svg ul.pager li.pager-last a {
	background-image: url("../images/arrow_last.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 30px 30px;
	text-indent: -9999px;
}
.no-svg ul.pager li.pager-first a {
	background-image: url("../images/arrow_first.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 30px 30px;
	text-indent: -9999px;
}

/* OWL Slider */

#block-views-slider-block-1 {
	margin: 0;
	padding: 0;
	position: relative;
}
#block-views-slider-block-1 .owl-item {
	position: relative;
	max-height: 600px;
}
#block-views-slider-block-1 .views-field-path {
	position: absolute;
	bottom: 0; left: 0; right: 0;
	margin: 0;
	padding: 0 40px 40px;
	/*background-image: url("../images/gradient_owl.png");*/
	background-position: bottom left;
	background-repeat: repeat-x;
	z-index: 1;
}
#block-views-slider-block-1 .views-field-path a {
	text-transform: uppercase;
	color: #fff;
	font-family: 'brandon_grotesquebold', sans-serif;
	text-align: center;
	text-decoration: none;
}
#block-views-slider-block-1 .views-field-path a h2{
	text-transform: uppercase;
	color: #fff;
	font-size: 42px;
	line-height: 46px;
	font-family: 'brandon_grotesquebold', sans-serif;
	text-align: center;
	margin: 0 0 10px;
	width: 95%;
	margin: 0px auto;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.65);
}
#block-views-slider-block-1 .views-field-path a h3 {
	text-transform: uppercase;
	color: #fff;
	font-size: 18px;
	font-family: 'brandon_grotesqueregular', sans-serif;
	text-align: center;
	margin: 10px 0 0;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.65);
}
#block-views-slider-block-1 .views-field-field-video {
	position: relative;
	z-index: -5;
    top: 0;
    width: 100%;
    /* min-height: 600px; - slides height not good */
}
#block-views-slider-block-1 .views-field-field-video img, #block-views-slider-block-1 .views-field-field-banner img {
	display: inline;
    position: relative;
    width: 100%;
    max-width: 1480px;
    height: auto;
}

#block-views-slider-block-1 .owl-theme .owl-controls .owl-buttons {
	display: none;
}
#block-views-slider-block-1 .owl-theme .owl-controls .owl-pagination {
	margin: 0;
	display: inline-block;
	width: 24px;
	position: absolute;
	top: 50%;
	bottom: 50%;
	margin-top: -68px;
	right: 20px;
}
#block-views-slider-block-1 .owl-theme .owl-controls .owl-page span {
    background: #f5f5f5;
    border-radius: 20px;
	border: 2px solid #fff;
    display: block;
    height: 18px;
    margin: 0 0 10px !important;
    width: 18px;
    opacity: 0.95;
    line-height: 18px;
}
#block-views-slider-block-1 .owl-theme .owl-controls .owl-page span.owl-numbers {
    color: #777;
    font-size: 12px;
    padding: 0;
}
#block-views-slider-block-1 .owl-theme .owl-controls .active span.owl-numbers {
    color: #fff;
    font-size: 12px;
    font-weight: bold;
}
#block-views-slider-block-1 .owl-theme .owl-controls .owl-page span:last-child {
    margin: 0;
}
#block-views-slider-block-1 .owl-theme .owl-controls .active span {
    background: #ca1238;
    border: 2px solid #fff;
}

/* BEERS SILHOUETTE */

#block-views-beers-block .owl-item .views-field-field-silhouette{
	position: relative;
	overflow: hidden;
}

#block-views-beers-block .owl-item .views-field-field-silhouette .trans{
	width: 100%;
	height: auto;
}

#block-views-beers-block .owl-item .views-field-field-silhouette .silhouette img {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 200%;
}

#block-views-beers-block .owl-item:hover .views-field-field-silhouette .silhouette img {
	top: -100%;
}


.wrapper-vedett img.vedett_green {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  opacity: 0;
  max-width: 100%;
  height: auto;
}

.wrapper-vedett img.vedett_white {
  position: relative;
  margin-top: -403px;
  left: 0;
  display: none;
  opacity: 0;
  max-width: 100%;
  height: auto;
}

.wrapper-vedett img.vedett_ipa {
  position: relative;
  margin-top: -403px;
  left: 0;
  display: none;
  opacity: 0;
  max-width: 100%;
  height: auto;
}

.wrapper-liefmans img.liefmans1 {
  position: relative;
  margin-top: -100px;
  left: 0;
  display: block;
  opacity: 0;
  max-width: 100%;
  height: auto;
}

.wrapper-liefmans img.liefmans2 {
  position: relative;
  margin-top: -478px;
  left: 0;
  display: none;
  opacity: 0;
  max-width: 100%;
  height: auto;
}

.wrapper-liefmans img.liefmans3 {
  position: relative;
  margin-top: -478px;
  left: 0;
  display: none;
  opacity: 0;
  max-width: 100%;
  height: auto;
}

.wrapper-liefmans img.liefmans4 {
  position: relative;
  margin-top: -478px;
  left: 0;
  display: none;
  opacity: 0;
  max-width: 100%;
  height: auto;
}


.circle {
	border-radius: 50%;
	width: 20px;
	height: 20px;
	background: #eee;
}
#block-views-beers-block-1 > div.content > div > div > div > div.owl-wrapper-outer > div > div > div > div.views-field.views-field-field-instagram {
	display: inline-block;
}
.instagram > img {
	margin-left: 10px;
}

#block-views-beers-block-1 .owl-item .views-field-field-facebook .field-content {
	display: block;
	margin-top: 40px;
}





/* FOOTER */
footer {
	background-image: url("../images/DM_footer.jpg");
    background-position: top left;
    background-repeat: repeat-x repeat-y;
	max-width: 1480px;
	width: 100%;
	margin: 60px auto 0;
	padding: 0;
	display: block;
	z-index: 20;
	position: relative;
	text-align: center;
}
footer ul.menu  {
	margin: -30px auto -10px;
	padding: 0;
	width: 100%;
	max-width: 1060px;
	display: inline-block;
	float: none;
}
footer ul.menu li.expanded ul {
	border:none;
	height: 2;
	margin: 0;
	padding: 0;
}
footer ul.menu li.expanded {
	float: left;
	display: inline-block;
	margin: 0;
	padding: 0;
	border-right: 1px solid #fff;
	width: 21.9%;
	display: block;
	overflow: auto;
}
footer ul.menu li.beers {
	float: left;
	display: inline-block;
	margin: 0;
	padding: 0;
	width: 33.666%;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
}
footer ul.menu li.beers ul li a.be:before, footer ul.menu li.beers ul li a.vs:before, footer ul.menu li.beers ul li a.cz:before, footer ul.menu li.beers ul li a.e-u:before, footer ul.menu li.beers ul li a.us:before, footer ul.menu li.beers ul li a.nl:before   {
	content: "BE";
	background: #999999;
	width: 20px;
	height: 20px;
	font-size: 10px !important;
	font-weight: bold;
	border-radius: 50%;
	padding: 4px;
	color: #fff;
	position: relative;
	top: -2px;
	margin: 0 5px 0 0;
	text-decoration: none !important;
}
footer ul.menu li.beers ul li a.vs:before  { content: "VS"; }
footer ul.menu li.beers ul li a.cz:before  { content: "CZ"; }
footer ul.menu li.beers ul li a.e-u:before  { content: "ÉU"; }
footer ul.menu li.beers ul li a.us:before  { content: "US"; }
footer ul.menu li.beers ul li a.nl:before  { content: "NL"; }

footer ul.menu li.expanded a,footer ul.menu li.expanded span.nolink {
	display: block;
	text-transform: uppercase;
	color: #fff;
    font-family: 'brandon_grotesquebold', sans-serif;
    background: #999999;
    padding: 15px 20px;
    margin: 0 0 5px;
    font-size: 16px;
    text-decoration: none;
}
footer ul.menu li ul {
	margin: 0;
	padding: 0;
	height: 240px;
}
footer ul.menu li ul li {
	padding: 0;
	margin: 0;
}
footer ul.menu li.beers ul {
	width: 100%;
}
footer ul.menu li.beers ul li {
	width:50%;
	float: left;
}
footer ul.menu li.expanded ul li span.nolink, footer ul.menu li.expanded ul li a {
	margin: 0;
	padding: 8px 15px;
	background: none;
	font-family: 'Open Sans', sans-serif;
	text-transform: none;
	color: #5f5f5f;
	font-size: 15px;
	display: inline-block;
	text-decoration: none;
}
footer ul.menu li.expanded ul li a:hover {
	text-decoration: underline;
}
footer #block-menu-menu-footer-sub-menu {
	display: block;
	margin: 0;
	padding: 0;
	background: #fff;
	width: 100%;
	height: 40px;
}
footer #block-menu-menu-footer-sub-menu ul.menu{
	margin: 0;
	padding: 0;
	display: inline-block;
	max-width: none;
	width: auto;
	height: 40px;
}
footer #block-menu-menu-footer-sub-menu ul.menu li {
	float: left;
	font-size: 12px;
	padding: 0;
	margin: 0;
	text-align: center;
	font-weight: normal;
	color: #999999;
	line-height: 40px;
}

footer #block-menu-menu-footer-sub-menu ul.menu li.first {
	float: left;
	font-size: 12px;
	padding: 0;
	margin: 0;
	text-align: center;
	margin: 0;
}
footer #block-menu-menu-footer-sub-menu ul.menu li a {
	text-decoration: none;
	color: #ca1238;
	border-right: 1px solid #eaeaea;
	padding: 0 10px;
}
footer #block-menu-menu-footer-sub-menu ul.menu li span.nolink {
	border-right: 1px solid #eaeaea;
	padding: 0 10px;
}
footer #block-menu-menu-footer-sub-menu ul.menu li a.no-border {
	border-right: none;
}
footer #block-menu-menu-footer-sub-menu ul.menu li a:hover {
	text-decoration: underline;
}

footer #block-menu-menu-footer-sub-menu ul.menu li.last {
	padding: 0;
}
footer #block-menu-menu-footer-sub-menu ul.menu li.first {
	text-align: left;
	/* max-width: 57.75%; */
	color: #999999;
}
footer #block-menu-menu-footer-sub-menu ul.menu li#webshop a {
	color: #fff;
	padding: 0 15px;
	line-height:40px;
	margin: 0;
	text-decoration: none;
	text-transform: uppercase;
	font-family: 'brandon_grotesquebold', sans-serif;
	font-size: 14px;
	background: #ca1238;
	/*
	background: #ca1238 url("../images/cart_button_red_new.svg");
	background-position: 0 0;
    background-repeat: no-repeat;
    */
    display: block;
}

footer div.content {
	margin: 0;
	padding: 0;
	display: block;
	width: 100%;
	text-align: center;
}
#block-menu-menu-footer div.content {
	border-top: 2px solid #cdcdcd;
}
footer figure {
	height: 250px;
	width: 100%;
	margin: 0;
	background-image: url("../images/footer_img.jpg");
	background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    position: relative;
}
#block-menu-menu-footer {
	width: 100%;
	margin: 0;
	padding: 0;
}
#block-menu-menu-footer-sub-menu {
	width: 100%;
	margin: 0;
	padding: 0;
}
footer .footer-text {
    bottom: 0;
    text-align: center;
    margin: 0;
    padding-top: 25px;
    max-width: 1060px;
    width: 100%;
}
footer .footer-text p {
	color: #fff;
	font-size: 11px;
	padding: 3px 10px;
	margin: 0;
	background: #999;
	display: inline-block;
	float: right;
}

#webshop-btn {
	position: absolute;
	bottom: 80px;
	z-index: 10;
	left: 0; right: 0;
	width: 200px;
	margin: 0 auto;
	text-align: center;
}
#webshop-btn a {
	color: #ca1238;
	border: 2px solid #ca1238;
	padding: 8px 13px 8px 40px;
	height:20px;
	margin: 0;
	text-decoration: none;
	text-transform: uppercase;
	font-family: 'brandon_grotesquebold', sans-serif;
	font-size: 16px;
	background-image: #fff url("../images/cart_button_red.svg");
	background-position: 4px 0;
    background-repeat: no-repeat;
}

/* CONTENT */

/* ISOTOPE */

/* Pioneeren */



#block-views-pioneers-block {
	display: block;
	clear: both;
	width: 100%;
	margin: 30px auto;
	max-width: 1060px;
	width: 95%;
	margin: 0 auto;
}
#block-views-pioneers-block .view-pioneers .views-row {
	position: relative;
}
#block-views-pioneers-block .view-pioneers .views-row .views-field-field-banner {
    background-image: url("../images/img_bg_small.png");
    background-position: left bottom;
    background-repeat: repeat-x;
    background-size: 100% 80px;
    width: 100%;
}
#block-views-pioneers-block .view-pioneers .views-row:hover, #block-views-pioneers-block-2 .view-pioneers .views-row:hover {
    opacity: 0.75;
}
#block-views-pioneers-block .view-pioneers .views-row .views-field-field-video a span {
	text-transform: uppercase;
	color: #fff;
    font-family: 'brandon_grotesquebold', sans-serif;
    font-size: 18px;
    line-height: 22px;
    text-decoration: none;
    position: absolute;
	bottom: 15px;
	left: 0;
	right: 0;
	text-align: center;
	display: block;
	font-weight: normal;
}
#block-views-pioneers-block .view-pioneers .views-row .views-field-field-video a {
	text-transform: uppercase;
	color: #fff;
    font-family: 'brandon_grotesquebold', sans-serif;
    font-size: 18px;
    line-height: 22px;
    text-decoration: none;
    position: absolute;
	bottom: 0;
	top: 0;
	left: 0;
	right: 0;
	height: 100%;
	width: 100%;
	text-align: center;
	display: block;
	text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.85);
}
#block-views-pioneers-block .view-pioneers .fourth {
	width: 25%;
	height: 170px;
}
#block-views-pioneers-block .view-pioneers .fourth img {
	width: 100%;
	height: auto;
}
#block-views-pioneers-block .view-pioneers.view-display-id-block .third {
	width: 37.5%;
	height: 170px;
}

#block-views-pioneers-block .view-pioneers .views-field-field-banner,
#block-views-pioneers-block .view-pioneers .views-field-field-banner > div {
	width: 100%;
	height: 100%;
	overflow: hidden;
	background: none;
}
#block-views-pioneers-block .view-pioneers .fourth-double {
	width: 25%;
	height: 340px !important;
	display: inline-block;
	left: -50%;
}

#block-views-pioneers-block .view-pioneers .fourth img {
	height: 100%;
}
#block-views-pioneers-block .view-pioneers .fourth-double img, #block-views-pioneers-block-1 .view-pioneers .third img, #block-views-pioneers-block-1 .view-pioneers .third-double img {
	width: auto;
	height: 100%;
	margin-left: -50%;
}

/* Kwaliteit & Passie */
#block-views-pioneers-block-1 {
	display: block;
	clear: both;
	width: 100%;
	margin: 20px auto 40px;
	max-width: 1060px;
	width: 95%;
	margin: 30px auto;
}
#block-views-pioneers-block-1 .view-pioneers .views-row {
	position: relative;
	width: 33.333%;
	float: left;
}
#block-views-pioneers-block-1 .view-pioneers .third {
	height: 230px;
}
#block-views-pioneers-block-1 .view-pioneers .third-double {
	height: 460px !important;
}
#block-views-pioneers-block-1 .view-pioneers .third img,
#block-views-pioneers-block-1 .view-pioneers .third-double img {
	width: auto;
	height: 100% !important;
	margin: 0 auto;
}
#block-views-pioneers-block-1 .view-pioneers .views-field-field-banner-1,
#block-views-pioneers-block-1 .view-pioneers .views-field-field-banner-1 > div {
	width: 100%;
	height: 100%;
	overflow: hidden;
}

#block-views-pioneers-block-1 .view-pioneers .third-double .views-field-field-banner-1 .low {
	display: none;
}

#block-views-pioneers-block-1 .view-pioneers .third .views-field-field-banner-1 .high {
	display: none;
}

#block-views-pioneers-block-1 .view-pioneers .views-row .views-field-title {
    position: absolute;
	bottom: 0;
	top: 0;
	left: 0;
	right: 0;
	height: 100%;
	width: 100%;
	display: block;
	text-align: center;
}
#block-views-pioneers-block-1 .view-pioneers .views-row .views-field-title span {
    position: absolute;
	bottom: 20px;
	left: 0;
	right: 0;
	display: block;
}
#block-views-pioneers-block-1 .view-pioneers .views-row .views-field-title span h3, #block-views-pioneers-block-1 .view-pioneers .views-row .views-field-title span h4  {
    font-family: 'brandon_grotesquebold', sans-serif;
    font-size: 21px;
    line-height: 24px;
    color: #fff;
    padding: 0;
    margin: 0;
    text-transform: uppercase;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.85);
}
#block-views-pioneers-block-1 .view-pioneers .views-row .views-field-title span h4 {
	text-transform: none;
	color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
	top: 10px;
	text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.85);
	font-weight: normal;
	margin: 0;
	padding: 0;
}
#block-views-pioneers-block-1 .view-pioneers .views-row .views-field-body {
	background: rgba(0,0,0,0.80);
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 90%;
	height: 100%;
	padding: 0 5%;
	text-align: center;
	color: #fff;
	font-size: 18px;
	display: table;
	opacity: 0;
	cursor: pointer;
	transition: opacity 0.5s ease-in-out;
}
#block-views-pioneers-block-1 .view-pioneers .views-row .views-field-body:hover {
	opacity: 1.0;
}

#block-views-pioneers-block-1 .view-pioneers .views-row .views-field-body .field-content {
	display: table-row;
}
#block-views-pioneers-block-1 .view-pioneers .views-row .views-field-body p {
	color: #fff;
    font-family: 'brandon_grotesqueregular', sans-serif;
    font-size: 20px;
    line-height: 24px;
    display: table-cell;
	vertical-align: middle;
  	text-align: center;
}
#block-views-pioneers-block-1 .view-pioneers .views-row .views-field-body p:before {
  color: #ca1238;
  content: open-quote;
  position: relative;
  top: 10px;
  left: -5px;
  font-size: 48px;
  line-height: 18px;
}
#block-views-pioneers-block-1 .view-pioneers .views-row .views-field-body p:after {
  color: #ca1238;
  content: close-quote;
  position: relative;
  bottom: -28px;
  right: -5px;
  font-size: 48px;
  line-height: 12px;
}

/* Werken Bij */

#block-views-pioneers-block-2 {
	display: block;
	clear: both;
	width: 100%;
	margin: 20px auto 40px;
	max-width: 1060px;
	width: 100%;
	margin: 15px auto 30px;
}
#block-views-pioneers-block-2 .view-pioneers .views-row {
	position: relative;
}

#block-views-pioneers-block-2 .view-pioneers .views-row .views-field-title a span {
	text-transform: uppercase;
	color: #fff;
    font-family: 'brandon_grotesquebold', sans-serif;
    font-size: 16px;
    text-decoration: none;
    position: absolute;
	bottom: 20px;
	left: 0;
	right: 0;
	text-align: center;
	display: block;
	padding: 0 5px;
}

#block-views-pioneers-block-2 .view-pioneers .views-row .views-field-field-video a {
	text-transform: uppercase;
	color: #fff;
    font-family: 'brandon_grotesquebold', sans-serif;
    font-size: 16px;
    text-decoration: none;
    position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	text-align: center;
	display: block;
	font-weight: normal;
}
#block-views-pioneers-block-2 .view-pioneers .views-row .views-field-field-video a span {
    position: absolute;
	bottom: 15px;
	left: 0;
	right: 0;
	text-align: center;
}

#block-views-pioneers-block-2 .view-pioneers .views-row .views-field-field-banner {
    background-image: url("../images/img_bg_small.png");
    background-position: left bottom;
    background-repeat: repeat-x;
    width: 100%;
}

#block-views-pioneers-block-2 .view-pioneers .fourth {
	width: 25%;
	/* height: 170px; */
	display: block;
	float: left;
}

#block-views-pioneers-block-2 .view-pioneers .views-field-field-banner,
#block-views-pioneers-block-2 .view-pioneers .views-field-field-banner > div {
	width: 100%;
	height: 100%;
	overflow: hidden;
}
#block-views-pioneers-block-2 .view-pioneers .fourth-double {
	width: 25%;
	height: 340px !important;
	display: inline-block;
}

#block-views-pioneers-block-2 .view-pioneers .fourth img,#block-views-pioneers-block-2 .view-pioneers .fourth-double img {
	width: 100%;
	height: auto;
}

/* Vacatures */

#block-views-vacancies-block-1 {
	display: block;
	margin: 0 auto 30px;
	padding: 0 20px;
	max-width: 1060px;
}
#block-views-vacancies-block-1 h2 {
	margin: 30px 0 10px;
}
#block-views-vacancies-block-1 h2, #block-views-vacancies-block-1 p {
	display: block;
	padding: 0 100px;
}
#block-views-vacancies-block-1:after {
	content: " ";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden;
}

#block-views-vacancies-block-1 .view-vacancies .views-row {
	width: 32.666%;
	margin: 0 1% 1% 0;
	padding: 0;
	position: relative;
	float: left;
}
#block-views-vacancies-block-1 .view-vacancies .views-row:nth-child(3n+3) {
	margin: 0 0 1% 0;
}
#block-views-vacancies-block-1 .view-vacancies .views-row .views-field-title a {
	color: #ca1238;
    font-family: 'brandon_grotesquebold', sans-serif;
    font-size: 21px;
    text-transform: uppercase;
    text-decoration: none;
	text-align: left;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 15px;
}
#block-views-vacancies-block-1 .view-vacancies .views-row .views-field-title a span {
    font-family: 'brandon_grotesquebold', sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    text-decoration: none;
	color: #353535;
}
#block-views-vacancies-block-1 .view-vacancies .views-row .views-field-title a h3 {
    margin: 0;
    color: #ca1238;
    font-family: 'brandon_grotesquebold', sans-serif;
    font-size: 18px;
    text-decoration: underline;
}
#block-views-vacancies-block-1 .view-vacancies .views-row .views-field-title a:hover span, #block-views-vacancies-block-1 .view-vacancies .views-row .views-field-title a:hover h3  {
	color: #353535 !important;
}
#block-views-vacancies-block-1 .view-vacancies .views-row a {
	background: rgba(236, 236, 236, 0.45);
	display: block;
}
#block-views-vacancies-block-1 .view-vacancies .views-row a:hover {
	background: none;
}
#block-views-vacancies-block-1 .view-vacancies .views-row a img {
	width: 100%;
}

#block-views-vacancy-body-block-1 {
	margin: 0 auto;
	display: block;
	max-width: 880px;
	text-align: center;
}
#block-views-vacancy-body-block-1 .views-field-body {
	background: #eaeaea;
	margin: 0 0 15px;
	padding: 0;
	width: 35%;
	float: right;
	display: inline-block;
}
#block-views-vacancy-body-block-1 .views-field-body h2 {
	margin: 15px 0 0;
}
#block-views-vacancy-body-block-1 .views-field-body h3 {
	margin: 15px 15px 0;
	padding: 0;
	text-align: left;
	line-height: 28px;
}
#block-views-vacancy-body-block-1 .views-field-body p {
	text-align: left;
	padding: 5px 15px 15px;
	margin:0;
}
#block-views-vacancy-body-block-1 .views-field-title h2 {
	font-size: 36px;
    margin: 30px 0 30px;
    text-transform: uppercase;
    display: block;
    text-align: left;
}
#block-views-vacancy-body-block-1 .views-field-field-profile, #block-views-vacancy-body-block-1 .views-field-field-your-profile {
	background: none;
	margin: 0 0 15px;
	width: 60%;
	float: left;
	display: inline-block;
	text-align: left;
}
#block-views-vacancy-body-block-1 .views-field-field-profile span {
	font-family: 'brandon_grotesquebold', sans-serif;
    font-size: 21px;
    text-transform: uppercase;
    font-weight: normal;
    color: #353535;
    text-align: left;
    background-image: url("../images/glass_icon.svg");
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: auto 40px;
    padding: 10px 0 0 45px;
}
#block-views-vacancy-body-block-1 .views-field-field-your-profile span {
	font-family: 'brandon_grotesquebold', sans-serif;
    font-size: 21px;
    text-transform: uppercase;
    font-weight: normal;
    color: #353535;
    text-align: left;
    background-image: url("../images/hop_icon.svg");
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: auto 40px;
    padding: 10px 0 0 45px;
}
.no-svg #block-views-vacancy-body-block-1 .views-field-field-profile span {
	font-family: 'brandon_grotesquebold', sans-serif;
    font-size: 21px;
    text-transform: uppercase;
    font-weight: normal;
    color: #353535;
    text-align: left;
    background-image: url("../images/glass_icon.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 40px 55px;
    padding: 10px 0 0 45px;
}
#block-views-vacancy-body-block-1 .views-field-field-your-profile span {
	font-family: 'brandon_grotesquebold', sans-serif;
    font-size: 21px;
    text-transform: uppercase;
    font-weight: normal;
    color: #353535;
    text-align: left;
    background-image: url("../images/hop_icon.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 40px 55px;
    padding: 10px 0 0 45px;
}

#block-views-vacancy-body-block-1 .views-field-field-profile ul, #block-views-vacancy-body-block-1 .views-field-field-your-profile ul {
	margin: 10px 0;
	padding: 0;
	list-style: none;
}
#block-views-vacancy-body-block-1 .views-field-field-profile li, #block-views-vacancy-body-block-1 .views-field-field-your-profile li {
	margin: 0 0 15px;
	padding: 0;
}
#block-views-vacancy-body-block-1 .views-field-field-profile li:before, #block-views-vacancy-body-block-1 .views-field-field-your-profile li:before {
    content: "• ";
    color: #ca1238;
    font-size: 21px;
}

#block-views-vacancy-body-block-1 .views-field-body p {
    text-align: left;
}
#block-views-vacancy-body-block-1 .views-field-body a.applynow, #block-views-vacancy-body-block-1 .views-field-body a, .views-field-field-your-profile a  {
	background-image: url("../images/arrow_button_red.png");
    background-position: 5px -8px;
    background-repeat: no-repeat;
    border: 2px solid #ca1238;
    clear: both;
    color: #ca1238;
    display: inline-block;
    font-family: "brandon_grotesquebold",sans-serif;
    font-size: 14px;
    height: 20px;
    margin: 0 0 15px;
    padding: 6px 10px 6px 40px;
    text-decoration: none;
    text-transform: uppercase;
}
#block-views-vacancy-body-block-1 .views-field-body  a:hover.applynow, .views-field-field-your-profile a:hover {
    background-image: url("../images/arrow_button_red.png");
    background-position: 5px -38px;
    background-repeat: no-repeat;
    border: 2px solid #999999;
    color: #999999;
}
#block-views-vacancy-body-block-1 .views-field-body img {
	width: 100%;
	height: auto;
	max-width: 308px;
}

#block-views-vacancy-body-block-1 .views-field-body span {
	background: #b4b4b4;
	padding: 0;
	margin: 0;
	color: #fff;
    background-image: url("../images/pdf_icon.gif");
    background-position: left center;
    background-repeat: no-repeat;
    height: 45px;
    display: block;
    border-top: 10px solid #fff;
}
#block-views-vacancy-body-block-1 .views-field-body span img {
	display: none;
}
#block-views-vacancy-body-block-1 .views-field-body span a {
	color: #fff;
    font-family: 'brandon_grotesqueregular', sans-serif;
    text-transform: uppercase;
    font-size: 14px;
    border: none;
    background: none;
    margin: 0;
    padding: 3px 0 30px 40px;
    line-height: 40px;
}
.node-type-vacancy #block-system-main {
    margin: 0 auto;
    max-width: 880px;
    width: 100%;
}

.node-vacancy {
	margin: 0;
	display: none;
	width: 60%;
	border: 1px solid red;
}
#block-views-vacancy-body-block-1 .field-name-field-your-profile  {
	width: 100%;
	float: left;
	margin: 0 0 30px;
}
#block-views-vacancy-body-block-1  .field-name-field-profile .field-label, #block-views-vacancy-body-block-1 .field-name-field-your-profile .field-label {
    font-family: 'brandon_grotesquebold', sans-serif;
    font-size: 21px;
    text-transform: uppercase;
    font-weight: normal;
    color: #353535;
}
#block-views-vacancy-body-block-1 .field-name-field-profile .field-item, #block-views-vacancy-body-block-1 .field-name-field-your-profile .field-item {
    margin: 0 0 15px 0;
    padding-left: 15px;
}
#block-views-vacancy-body-block-1 .field-name-field-profile .field-item:before, #block-views-vacancy-body-block-1 .field-name-field-your-profile .field-item:before {
    content:"•";
    color: #ca1238;
	font-size: 30px;
	line-height: 1.0em;
	position: relative;
    top: 5px;
    left: -5px;
    margin: 0 0 0 -10px;
}

.node-vacancy .field-type-text-with-summary {
	background: #ececec;
	padding: 1.5%;
	width: 32%;
	margin: 0 0 10px;
	display: block;
	clear: both;
}

.node-vacancy .field-name-field-file a:hover {
	border: none;
	background: none;
	color: #fff;
}
.node-vacancy .field-name-field-file img.file-icon {
	display: none;
}

.node-vacancy .field-type-text-with-summary p {
	padding: 0 !important;
}

.node-vacancy a {
	display: inline-block;
	clear: both;
	background-image: url("../images/arrow_button_red.png");
    background-position: 5px -8px;
    background-repeat: no-repeat;
    border: 2px solid #ca1238;
    color: #ca1238;
    font-family: "brandon_grotesquebold",sans-serif;
    font-size: 14px;
    height: 20px;
    margin: 0;
    padding: 6px 10px 6px 40px;
    text-decoration: none;
    text-transform: uppercase;
}
.node-vacancy a:hover {
    background-image: url("../images/arrow_button_red.png");
    background-position: 5px -38px;
    background-repeat: no-repeat;
    border: 2px solid #999999;
    color: #999999;
}

/* Immo */

#block-views-immo-block, #block-views-immo-block-1 {
	width: 95%;
	max-width: 880px;
	margin: 0 auto;
}
#block-views-immo-block .view-immo .view-header, #block-views-immo-block-1 .view-immo .view-header {
	font-size: 30px;
	text-transform: uppercase;
	margin: 0;
	color: #353535;
    font-family: 'brandon_grotesquebold', sans-serif;
}
#block-views-immo-block .view-immo .view-header ul, #block-views-immo-block-1 .view-immo .view-header ul {
    margin: 30px auto 0;
    padding: 0;
    text-align: center;
    width: 100%;
    list-style-type: none;
}
#block-views-immo-block .view-immo .view-header ul:after, #block-views-immo-block-1 .view-immo .view-header ul:after {
    clear: both;
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
}
#block-views-immo-block .view-immo .view-header ul li, #block-views-immo-block-1 .view-immo .view-header ul li {
    display: inline-block;
}
#block-views-immo-block .view-immo .view-header ul li a, #block-views-immo-block-1 .view-immo .view-header ul li a {
    background: #d9d9d9 none repeat scroll 0 0;
    color: #777;
    display: inline-block;
    font-family: "brandon_grotesquebold",sans-serif;
    font-size: 16px;
    margin: 0 2px;
    outline: medium none;
    padding: 7px 14px;
    text-decoration: underline;
    text-transform: uppercase;
    color: #777;
}
#block-views-immo-block .view-immo .view-header ul li a:hover, #block-views-immo-block-1 .view-immo .view-header ul li a:hover {
    background: #ca1238;
    color: #fff;
}
#block-views-immo-block .view-immo .view-header li.active a, #block-views-immo-block-1 .view-immo .view-header li.active a {
    display: inline-block;
    color: #fff;
    text-decoration: none;
    background: #ca1238 none repeat scroll 0 0;
    color: #fff;
    font-family: "brandon_grotesquebold",sans-serif;
    font-size: 16px;
    text-decoration: none;
}
#block-views-immo-block .view-immo .view-header li.active:after, #block-views-immo-block-1 .view-immo .view-header li.active:after {
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #ca1238;
    content: "";
    display: block;
    height: 0;
    margin: 5px auto 0;
    text-align: center;
    width: 0;
}

#block-views-immo-block .views-row, #block-views-immo-block-1 .views-row {
	display: block;
	border-bottom: 2px solid #ececec;
	padding: 0 0 20px;
	margin: 0 0 20px;
}

#block-views-immo-block .views-row:after, #block-views-immo-block-1 .views-row:after {
	content: " ";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden;
}
#block-views-immo-block .views-field-field-banner, #block-views-immo-block-1 .views-field-field-banner {
    background-image: url("../images/img_bg.png");
    background-position: left bottom;
    background-repeat: repeat-x;
    width: 100%;
    overflow: inherit;
}
#block-views-immo-block .views-field-field-banner a, #block-views-immo-block-1 .views-field-field-banner a {
    width: 30%;
    height: auto;
    background: none;
    float: left;
    margin: 0;
    display: block;
    float: left;
}
#block-views-immo-block .views-field-field-banner a img, #block-views-immo-block-1 .views-field-field-banner a img {
    width: 100%;
}
#block-views-immo-block .views-field-field-banner a span, #block-views-immo-block-1 .views-field-field-banner a span {
    background: #ca1238;
	color: #fff;
	text-align: center;
	width: 95%;
	padding: 3.5% 2.5%;
	font-size: 14px;
	background-image: url("../images/arrow_button_white.png");
    background-position: 2px -6px;
    background-repeat: no-repeat;
}
#block-views-immo-block .views-field-field-banner a span:hover, #block-views-immo-block-1 .views-field-field-banner a span:hover {
    background: #999999;
    background-image: url("../images/arrow_button_white.png");
    background-position: 2px -6px;
    background-repeat: no-repeat;
}

#block-views-immo-block .views-field-title span.field-content, #block-views-immo-block-1 .views-field-title span.field-content {
	float: left;
	padding:0 0 0 5%;
	width: 65%;
}
#block-views-immo-block .views-field-title span.field-content a, #block-views-immo-block-1 .views-field-title span.field-content a {
   	color: #ca1238;
    font-family: 'brandon_grotesquebold', sans-serif;
    font-size: 18px;
    text-transform: uppercase;
    margin: 0;
    display: inline-block;
    float: left;
}
#block-views-immo-block .views-field span, #block-views-immo-block-1 .views-field span {
   	font-weight: bold;
   	float: left;
}

#block-views-immo-block span.field-content span.images figure, #block-views-immo-block-1 span.field-content span.images figure {
	cursor: pointer;
	display: inline-block;
	margin: 0 10px;
	width: 35px;
	height: 30px;
    background-image: url("../images/photo-count.png");
    background-position: top right;
    background-repeat: no-repeat;
    position: relative;
    top: -8px;

}
#block-views-immo-block span.field-content span.images figure figcaption, #block-views-immo-block-1 span.field-content span.images figure figcaption {
	display: inline-block;
    font-size: 11px;
    color: #fff;
    font-weight: bold;
    float: right;
    width: 16px;
    height: 16px;
    text-align: center;
}
#block-views-immo-block .views-field-title span.field-content .item-list, #block-views-immo-block-1 .views-field-title span.field-content .item-list {
	display: none;
}

#block-views-immo-block span.field-content span.address, #block-views-immo-block span.field-content span.desc, #block-views-immo-block span.field-content span.surf, #block-views-immo-block span.field-content span.price, #block-views-immo-block span.field-content span.takeover {
	margin: 6px 0 0;
	display: block;
	width: 100%;
	font-weight: normal;
}
#block-views-immo-block-1 span.field-content span.address, #block-views-immo-block-1 span.field-content span.desc, #block-views-immo-block-1 span.field-content span.surf, #block-views-immo-block-1 span.field-content span.price, #block-views-immo-block span.field-content span.takeover {
	margin: 6px 0 0;
	display: block;
	width: 100%;
	font-weight: normal;
}
#block-views-immo-block span.field-content span.address strong, #block-views-immo-block span.field-content span.desc strong, #block-views-immo-block span.field-content span.surf strong, #block-views-immo-block span.field-content span.price strong, #block-views-immo-block span.field-content span.takeover strong {
	margin: 0 5px 0;
	color: #343434;
}
#block-views-immo-block-1 span.field-content span.address strong, #block-views-immo-block-1 span.field-content span.desc strong, #block-views-immo-block-1 span.field-content span.surf strong, #block-views-immo-block-1 span.field-content span.price strong, #block-views-immo-block-1 span.field-content span.takeover strong {
	margin: 0 5px 0;
	color: #343434;
}

/* BEER CAROUSEL */
#block-views-beers-block {
	display: block;
	clear: both;
}
#block-views-beers-block .view-beers .owl-carousel {
	display: block;
	clear: both;
	width: 100%;
	margin: 20px auto -15%;
}
#block-views-beers-block .view-beers .owl-theme .owl-controls {
    height: 28px;
    margin: 0 auto;
    position: absolute;
    top: 35%;
    width: 100%;
    padding: 0;
}
#block-views-beers-block .view-beers .owl-theme .owl-controls .owl-buttons div {
    background: rgba(0, 0, 0, 0) url("../images/next-prev.svg") repeat scroll 0 0;
    display: block;
    height: 28px;
    left: 0;
    margin: 0;
    opacity: 1;
    padding: 0;
    position: absolute;
    text-indent: -9999px;
    width: 16px;
}
#block-views-beers-block .view-beers .owl-theme .owl-controls .owl-buttons div:hover {
    background-position: 0 -28px;
}
.no-svg #block-views-beers-block .view-beers .owl-theme .owl-controls .owl-buttons div {
    background-image: url("../images/next-previous.png");
}
#block-views-beers-block .view-beers .owl-theme .owl-controls .owl-buttons div.owl-next {
    background-position: -16px top;
    left: auto;
    right: 20px;
}
#block-views-beers-block .view-beers .owl-theme .owl-controls .owl-buttons div.owl-prev {
    left: 20px;
}
#block-views-beers-block .view-beers .owl-theme .owl-controls .owl-buttons div.owl-next:hover {
    background-position: -16px -28px;
}
#block-views-beers-block .view-beers .owl-carousel .owl-item {
	max-width: 248px;
	height: auto;
	position: relative;
	z-index: 1;
	width: 100%;
}
#block-views-beers-block .view-beers .owl-carousel .owl-item a {
	position: absolute;
	left: 0; right: 0; top: 0; bottom: 0;
	margin: 0;
	padding: 0;
	text-align: center;
	width: 100%;
	height: 100%;
	z-index: 2;
	text-indent: -9999px;
}
#block-views-beers-block .view-beers .owl-carousel .owl-item img {
	width: 100%;
}
#block-views-beers-block .view-beers .owl-carousel .owl-item .item-0 {
    margin: 20px 0 0;
    width: 135%;
}
#block-views-beers-block .view-beers .owl-carousel .owl-item .item-1 {
    margin: 10px 0 0 10px;
    width: 130%;
}
#block-views-beers-block .view-beers .owl-carousel .owl-item .item-2 {
    margin: 0 0 0 5px;
    width: 145%;
}
#block-views-beers-block .view-beers .owl-carousel .owl-item .item-3 {
    margin: 30px 0 0 -2px;
    width: 145%;
}
#block-views-beers-block .view-beers .owl-carousel .owl-item .item-4 {
    margin: 0 0 0 -10px;
    width: 140%;
}
#block-views-beers-block .view-beers .owl-carousel .owl-item .item-5 {
    margin: -30px 0 0 -5px;
    width: 150%;
}
#block-views-beers-block .view-beers .owl-carousel .owl-item .item-6 {
    margin: 0 0 0 7px;
    width: 140%;
}
#block-views-beers-block .view-beers .owl-carousel .owl-item .item-7 {
    margin: 0 0 0 -10px;
    width: 150%;
}
#block-views-beers-block .view-beers .owl-carousel .owl-item .item-8 {
    margin: 0 0 0 -5px;
    width: 135%;
}
#block-views-beers-block .view-beers .owl-carousel .owl-item .item-9 {
    margin: 0 0 0 -30px;
    width: 135%;
}

/* ONZE BIEREN */
#block-views-beers-block-1 .view-beers .owl-carousel {
	display: block;
	width: 100%;
	margin: 0 auto 60px;
}

/* Navigation Beer slider */

#block-views-beers-block-1  .owl-theme .owl-controls .owl-pagination {
	display: none;
}
#block-views-beers-block-1 .owl-theme .owl-controls .owl-buttons {
	display: block;
	position: absolute;
	top: 22%;
	width: 100%;
}
#block-views-beers-block-1 .owl-theme .owl-controls .owl-buttons:after{
	visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
}
#block-views-beers-block-1  .owl-theme .owl-controls .owl-buttons div{
    color: #fff;
    display: inline-block;
    zoom: 1;
    margin: 0;
    padding: 0;
    font-size: 12px;
    background: none;
    opacity: 1.0;
    border-radius: 0;
    width: 55px;
    height: 55px;
    text-indent: -9999px;
}
#block-views-beers-block-1 .owl-theme .owl-controls .owl-buttons .owl-next {
	background: #ca1238 url("../images/arrow_beer_next.svg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: auto 35px;
	float: right;
	display: inline-block;
}
#block-views-beers-block-1 .owl-theme .owl-controls .owl-buttons .owl-prev {
	background: #ca1238 url("../images/arrow_beer_prev.svg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: auto 35px;
	float: left;
	display: inline-block;
	margin: 0;
}
#block-views-beers-block-1 .owl-theme .owl-controls .owl-buttons .owl-next:hover {
	background: #999999 url("../images/arrow_beer_next.svg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: auto 35px;
}
#block-views-beers-block-1 .owl-theme .owl-controls .owl-buttons .owl-prev:hover {
	background: #999999 url("../images/arrow_beer_prev.svg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: auto 35px;
}

.no-svg #block-views-beers-block-1 .owl-theme .owl-controls .owl-buttons .owl-next {
	background: #ca1238 url("../images/arrow_beer_next.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: auto 35px;
	float: right;
	display: inline-block;
}
.no-svg #block-views-beers-block-1 .owl-theme .owl-controls .owl-buttons .owl-prev {
	background: #ca1238 url("../images/arrow_beer_prev.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: auto 35px;
	float: left;
	display: inline-block;
	margin: 0;
}
.no-svg #block-views-beers-block-1 .owl-theme .owl-controls .owl-buttons .owl-next:hover {
	background: #999999 url("../images/arrow_beer_next.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: auto 35px;
}
.no-svg #block-views-beers-block-1 .owl-theme .owl-controls .owl-buttons .owl-prev:hover {
	background: #999999 url("../images/arrow_beer_prev.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: auto 35px;
}



#block-views-beers-block-1 .owl-item {
	text-align: center;
}
#block-views-beers-block-1 .owl-item .views-field-title:after {
    background: #fff;
    content: " ";
    display: block;
    margin: 10px auto 15px;
    width: 100px;
    height: 4px;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.45);
}
#block-views-beers-block-1 .owl-item .views-field-title {
	text-transform: uppercase;
	color: #fff;
	font-size: 60px;
	line-height: 64px;
	font-family: 'brandon_grotesquebold', sans-serif;
	text-align: center;
	margin: 0;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.65);
	text-decoration: none;
	width: 100%;
	max-width: 1060px;
	margin: -170px auto 0;
	text-align: center;
}
#block-views-beers-block-1 .owl-item .views-field-field-subtitle {
	width: 95%;
	max-width: 1060px;
	margin: 0 auto;
	text-align: center;
	font-size: 30px;
	line-height: 34px;
	font-family: 'brandon_grotesqueregular', sans-serif;
	text-transform: none;
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.65);
}
#block-views-beers-block-1 .owl-item .views-field-body {
	margin: 50px 15% 0 0;
	text-align: left;
	padding: 0;
	overflow: hidden;
	display: block;
}
#block-views-beers-block-1 .owl-item .views-field-body:after{
	visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
}
#block-views-beers-block-1 .owl-item .views-field-body p strong {
	color: #353535;
	font-size: 1.2em;
}
#block-views-beers-block-1 .owl-item .views-field-field-packshot {
	width: 300px;
	float: left;
	margin: 0px 60px 0 15%;
	padding: 0;
}
#block-views-beers-block-1 .owl-item .views-field-field-packshot img {
	width: 100%;
	height: auto;
}
#block-views-beers-block-1 .owl-item .views-field-field-facebook span.url a, #block-views-beers-block-1 .owl-item .views-field-field-facebook span.visit a {
	background-image: url("../images/arrow_button_red.png");
    background-position: 5px -5px;
    background-repeat: no-repeat;
    border: 2px solid #ca1238;
    color: #ca1238;
    font-family: "brandon_grotesquebold",sans-serif;
    font-size: 14px;
    height: 20px;
    margin: 0 20px 0 0;
    padding: 8px 10px 8px 40px;
    text-decoration: none;
    text-transform: uppercase;
    display: inline-block;
}

#block-views-beers-block-1 .owl-item .views-field-field-facebook span.url a:hover, #block-views-beers-block-1 .owl-item .views-field-field-facebook span.visit a:hover {
	background-image: url("../images/arrow_button_red.png");
    background-position: 5px -35px;
    background-repeat: no-repeat;
    border: 2px solid #999999;
    color: #999999;
}

.views-field-title-1 {
	text-align: center;
	font-family: 'brandon_grotesquebold', sans-serif;
	font-size: 48px;
	line-height: 52px;
	text-transform: uppercase;
	color: #fff;
	margin: -100px 0 65px;
	text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.75);
}
#block-views-beers-block-1 .owl-item .views-field-field-facebook {
	display: block;
	text-align: center;
}
#block-views-beers-block-1 .owl-item .views-field-field-facebook .field-content {
	display: inline-block;
}
#block-views-beers-block-1 .owl-item .views-field-field-facebook a.facebook {
	background-image: url("../images/facebook_square.svg");
    background-position: center center;
    background-repeat: no-repeat;
    color: #ca1238;
    font-family: "brandon_grotesquebold",sans-serif;
    font-size: 14px;
    height: 40px;
    width:40px;
    padding: 0;
    border: none;
    text-decoration: none;
    text-transform: uppercase;
    display: inline-block;
    text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	vertical-align: bottom;
}
.no-svg #block-views-beers-block-1 .owl-item .views-field-field-facebook a.facebook {
	background-image: url("../images/facebook_square.png");
    background-position: center center;
    background-repeat: no-repeat;
    color: #ca1238;
    font-family: "brandon_grotesquebold",sans-serif;
    font-size: 14px;
    height: 40px;
    width:40px;
    padding: 0;
    border: none;
    text-decoration: none;
    text-transform: uppercase;
    display: inline-block;
    text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	float: left;
}

#block-views-beers-block-1 .owl-item .views-field-field-facebook a:hover.facebook {
	opacity: 0.75;
}
#block-views-beers-block-1 .owl-item .views-field-field-url , #block-views-beers-block-1 .owl-item .views-field-field-visit, #block-views-beers-block-1 .owl-item .views-field-field-facebook {
	display: inline-block;
	margin: 0;
}

/* GOOGLE MAPS */
.google-maps {
    position: relative;
    padding-bottom: 660px;
    height: 0;
    overflow: hidden;
}
.google-maps iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/* SOCIAL PROJECTS */

#block-views-projects-block-1, #block-views-projects-block-2 {
	max-width: 1060px;
	width: 100%;
	margin: 30px auto 40px;
}

#block-system-main .view-projects-slider .owl-item .views-field-field-video {
	height: auto;
    position: relative;
    width: 95%;
    max-width: 640px;
    margin: 0 auto 20px;
}

#block-system-main .view-projects-slider .owl-item .views-field-field-video .field-content {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 Aspect Ratio */
	padding-top: 25px;
	height: 0;
}

#block-system-main .view-projects-slider .owl-item .views-field-field-video .field-content iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%!important;
	height: 100%!important;
}

#block-system-main .view-projects-slider .owl-item .views-field-field-video img {
	height: auto;
    width: 100%;
}
#block-system-main .view-projects-slider {
	text-align: center;
}
.view-projects-slider .owl-buttons {
	display: none;
}
.view-projects-slider .owl-theme .owl-controls .owl-page span {
    background: #bbb none repeat scroll 0 0;
    border-radius: 20px;
    display: block;
    height: 15px;
    margin: 5px;
    width: 15px;
    border: 2px solid #fff;
}
.view-projects-slider .owl-theme .owl-controls .owl-page.active span {
    background: #ca1238 none repeat scroll 0 0;
}
.view-projects:after {
	content: " ";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden;
}
.view-projects .view-content {
	margin: 0 auto;
}
.view-projects .view-content ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.view-projects .view-content ul li {
	display: block;
	margin: 0;
}

/* Show Social Projects per 2 */
#block-views-projects-block-1 .view-projects .views-row, #block-views-projects-block-2 .view-projects .views-row {
	margin: 0;
	width: 50%;
	text-align: center;
	float: left;
}
#block-views-projects-block-1 .view-projects .views-row .views-field-field-images, #block-views-projects-block-2 .view-projects .views-row .views-field-field-images, #block-views-projects-block-1 .view-projects .views-row .views-field-field-video, #block-views-projects-block-2 .view-projects .views-row .views-field-field-video {
	margin: 0;
	width: 90%;
	margin: 0 auto;
	float: none;
}
#block-views-projects-block-1 .view-projects .views-row .views-field-field-subtitle, #block-views-projects-block-2 .view-projects .views-row .views-field-field-subtitle {
	font-size: 18px;
	text-transform: uppercase;
	padding: 0;
	margin: 10px auto 30px;
	width: 90%;
}

/* Show per 3 on Social detail page */
#block-views-projects-block-4 {
	max-width: 1060px;
	width: 100%;
	margin: 0 auto;
}
#block-views-projects-block-4 .view-projects .views-row {
	margin: 0;
	width: 33.333%;
	text-align: center;
	float: left;
}
#block-views-projects-block-1 .view-projects .views-row .views-field-field-image img, #block-views-projects-block-2 .view-projects .views-row .views-field-field-image img, #block-views-projects-block-4 .view-projects .views-row .views-field-field-image img  {
	margin: 0;
	width: 90%;
	margin: 0 auto;
	float: none;
}
#block-views-projects-block-4 .view-projects .views-row .views-field-field-subtitle {
	color: #353535;
    font-family: "brandon_grotesquebold",sans-serif;
    font-size: 18px;
    line-height: 28px;
    margin: 15px 0 30px;
    text-transform: uppercase;
}
#block-views-projects-block-4 .view-projects .views-row .views-field-field-subtitle::after {
    display: none;
}

.view-projects .views-field-body {
	width: 100%;
	max-width: 880px;
	margin: 0 auto;
}

.view-projects .views-row img {
	width: 100%;
	height: auto;
  transition: opacity .3s ease-out;
}
.view-projects .views-row img:hover {
  opacity: 0.7;
}
.view-projects .views-row .views-field-field-subtitle {
	font-family: 'brandon_grotesquebold', sans-serif;
	font-size: 20px;
	line-height: 24px;
	color: #353535;
	text-transform: uppercase;
	margin: 20px 0;
}

.view-projects .views-row-last .views-field-field-subtitle:after {
	display: none;
}
#block-views-projects-block-3 .view-projects .views-row {
	max-width: 100%;
	width: 100%;
	text-align: left;
}
#block-views-projects-block-3 .views-field-body .field-content {
	width: 100%;
	margin: 0 auto;
	display: block;
	clear: both;
}
#block-views-projects-block-3 .views-field-body .field-content p {
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	line-height: 22px;
}
#block-views-projects-block-3 .views-field-body .field-content p .half_left {width: 45%; float: left; border: 1px solid red;}
#block-views-projects-block-3 .views-field-body .field-content p .half_right {width: 45%; float: right; border: 1px solid red;}


#block-views-projects-block-3 .field-content img {
	float: right;
	max-width: 250px;
	display: block;
	margin: 0 0 15px 20px;
}
#block-views-projects-block-3 .views-field .field-content h3{
	font-family: 'brandon_grotesquebold', sans-serif;
	font-size: 24px;
	line-height: 36px;
	text-transform: uppercase;
}
#block-views-projects-block-3 .views-field-field-quote {
	background: #eaeaea;
	width: 100%;
	display: block;
	font-family: 'brandon_grotesqueregular', sans-serif;
	font-size: 24px;
	line-height: 36px;
	color: #ca1238;
	margin: 20px 0;
	padding: 30px 0;
}
#block-views-projects-block-3 .field-content {
	width: 100%;
	max-width: 880px;
	margin: 0 auto;
}
#block-views-projects-block-3 .field-content div {
	width: 55%;
	float: left;
	text-align: center;
	font-family: 'brandon_grotesqueregular', sans-serif;
	font-size: 24px;
	line-height: 30px;
	color: #ca1238;
	position: relative;
	text-indent: 50px;
	padding: 0 2.5%;
}
#block-views-projects-block-3 .views-field-field-quote .field-content div:before {
  color: #b6b6b6;
  content: open-quote;
  font-size: 72px;
  position: absolute;
  top: 10px;
  text-indent: -40px;
}
#block-views-projects-block-3 .views-field-field-quote .field-content div:after {
  color: #b6b6b6;
  content: close-quote;
  font-size: 72px;
  position: absolute;
  bottom: -25px;
  text-indent: 10px;
}

#block-views-projects-block-3 .views-field-field-quote .field-content .quoteimage:before, #block-views-projects-block-3 .views-field-field-quote .field-content .quoteimage:after {
  display: none;
}

#block-views-projects-block-3 .views-field-field-quote .field-content .quoteimage {
	width: 35%;
	float: left;
	text-align: center;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	line-height: 20px;
	color: #353535;
	padding: 0 2.5%;
}
#block-views-projects-block-3 .field-content .quoteimage img{
	border: 4px solid #a18d6c !important;
	border-radius: 50%;
	width: 150px;
	height: 150px;
	display: block !important;
	clear: both;
	margin: 0 auto 10px;
	float: none;
}
#block-views-projects-block-3 .views-field-field-quote:after, #block-views-projects-block-3 .views-field-field-quote-image:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

/* SUB MENU IN PAGE */

#block-menu-menu-history ul, #block-menu-menu-sub-menu ul{
	margin: 30px auto 15px;
	padding: 0;
	width: 100%;
	text-align: center;
}
#block-menu-menu-history ul:after{
	visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
}
#block-menu-menu-history ul li.active-trail, #block-menu-menu-history ul li, #block-menu-menu-sub-menu ul li.active-trail, #block-menu-menu-sub-menu ul li {
	display: inline-block;
	margin: 0;
	padding: 0 0 15px;
}
#block-menu-menu-history ul li a, #block-menu-menu-sub-menu ul li a {
	background: #d9d9d9;
	padding: 7px 14px;
	margin: 0 2px;
	font-family: 'brandon_grotesquebold', sans-serif;
	font-size: 16px;
	color: #777;
	text-decoration: none;
	display: block;
	outline: none;
	text-transform: uppercase;
  transition: all .3s ease-out;
}
#block-menu-menu-history ul li a:hover, #block-menu-menu-sub-menu ul li a:hover {
	background: #ca1238;
  color: #fff;
}
#block-menu-menu-history ul li.active-trail a.active, #block-menu-menu-sub-menu ul li.active-trail a.active {
	background: #ca1238;
	font-family: 'brandon_grotesquebold', sans-serif;
	font-size: 16px;
	color: #fff;
	text-decoration: none;
	display: block;
}
#block-menu-menu-history ul li.active-trail:after, #block-menu-menu-sub-menu ul li.active-trail:after{
    width: 0;
    height: 0;
    content:"";
    display:block;
	  border-left: 10px solid transparent;
	  border-right: 10px solid transparent;
	  border-top: 10px solid #ca1238;
    margin: 5px auto 0;
    text-align: center;
}

#block-views-durability-menu-select {
	width: 27.5%;
	float: left;
	margin: 40px 0 40px 5%;
	font-family: 'brandon_grotesqueregular', sans-serif;
	font-size: 14px;
	text-transform: uppercase;
	text-indent: 10%;
	position: relative;
	line-height: 25px;
	cursor: pointer;
}
#block-views-durability-menu-select:after {
	content: " ";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden;
}
#block-views-durability-menu-select .active {
	background: #ca1238 !important;
	color: #fff;
	font-family: 'brandon_grotesquebold', sans-serif;
	position: relative;
}
#block-views-durability-menu-select .active:after {
	border-bottom: 22px solid transparent;
    border-left: 22px solid #ca1238;
    border-top: 22px solid transparent;
    content: "";
    display: block;
    height: 0;
    margin: 0;
    position: absolute;
    right: -22px;
    text-align: right;
    top: 0;
    width: 0;
}
#block-views-durability-menu-select .views-row {
	background: #eaeaea;
	margin-bottom: 5px;
	width: 100%;
	height: 25px;
	display: block;
	padding: 10px 0;
}
#block-views-durability-content {
	width: 57.5%;
	float: left;
	margin: 40px 5% 40px 0;
	padding: 0 0 0 5%;
}
#block-views-durability-content:after {
	content: " ";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden;
}
#block-views-durability-content h3 {
	font-family: 'brandon_grotesquebold', sans-serif;
	font-size: 21px;
	text-transform: uppercase;
	margin: 15px 0 20px;
}

#block-views-durability-content .views-row-1 {display: block;}

#block-views-durability-content .views-row-2, #block-views-durability-content .views-row-3, #block-views-durability-content .views-row-4, #block-views-durability-content .views-row-5, #block-views-durability-content .views-row-6, #block-views-durability-content .views-row-7, #block-views-durability-content .views-row-8, #block-views-durability-content .views-row-9 {display: none;}


/* CONTACT */

/* Hide header on contact page - to be fixed */
.node-type-webform #block-views-banner-block-1 {
	display: none;
}


#block-views-banner-block-2 .views-field-field-subtitle {
	max-width: 880px;
	width: 90%;
	margin: 30px auto 15px;
}



#block-views-address-block-1 {
	margin: 0 auto;
	max-width: 880px;
	width: 90%;
	text-align: center;
}
#block-views-address-block-1:after {
	content: " ";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden;
}
#block-views-address-block-1 h3 {
	margin: 0 0 5px;
	padding: 0;
	display: block;
	text-align: left;
	color: #a68b5e;
}
#block-views-address-block-1 .contactlocation {
	width: 50%;
	float: left;
	display: block;
	text-align: left;
	margin: 0;
}
#block-views-address-block-1 .contactlocation .views-row-1 {
	width: 95%;
}
#block-views-address-block-1 .views-row-first .views-field-field-addr span.views-label-field-addr, #block-views-address-block-1 .views-row-first .adr span.region, #block-views-address-block-1 .views-row-first .adr span.fn, #block-views-address-block-1 .views-row-first .adr span.geo, #block-views-address-block-1 .views-row-first .map-link .location {
	display: none;
}
#block-views-address-block-1 .views-row-first .views-field-field-telephone {
	margin: 10px 0;
}
#block-views-locations-block-1 .view-content {
	display: block;
	clear: both;
}
#block-views-locations-block-1 .view-footer {
	text-align: center;
}

#block-views-address-block-1 .view-footer a {
	background: transparent url("../images/arrow_button_red.png");
	background-position: 5px -4px;
	background-repeat: no-repeat;
    border: 2px solid #ca1238;
    color: #ca1237;
    display: inline-block;
    font-family: "brandon_grotesquebold",sans-serif;
    height: 40px;
    line-height: 40px;
    outline: 0 none;
    margin: 30px 0 0;
    padding: 0 15px 0 45px;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
}
#block-views-address-block-1 .view-footer a:hover {
	color: #999999;
	border: 2px solid #999999;
	background-image: url("../images/arrow_button_red.png");
	background-position: 5px -34px;
    background-repeat: no-repeat;
}


/* Button Beer Around The World - To be changed */
#block-views-map-block-1 .view-display-id-block_1 .view-footer {
    text-align: center;
}
#block-views-map-block-1 a.button_popup {
    background: transparent url("../images/arrow_button_red.png") no-repeat scroll 5px -4px;
    border: 2px solid #ca1238;
    color: #ca1237;
    display: inline-block;
    font-family: "brandon_grotesquebold",sans-serif;
    height: 40px;
    line-height: 40px;
    margin: 0;
    outline: 0 none;
    padding: 0 15px 0 45px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
}
#block-views-map-block-1 a:hover.button_popup  {
	color: #999999;
	border: 2px solid #999999;
	background-image: url("../images/arrow_button_red.png");
	background-position: 5px -34px;
    background-repeat: no-repeat;
}
#block-views-map-block-1 .view-display-id-block_1 .view-content:after {
    clear: both;
    content: " ";
    display: block;
    height: 0;
    overflow: hidden;
    visibility: hidden;
}
#block-views-map-block-1 .item-list {
    display: none;
}

.views-field-field-subtitle {
	font-family: 'brandon_grotesquebold', sans-serif;
	font-size: 30px;
	color: #353535;
	text-transform: uppercase;
	margin: 15px 0;
	font-weight: normal;
}
#block-views-map-block, #block-views-map-block-1 {
	display: block;
	margin: 0 auto;
	max-width: 1060px;
	width: 95%;
}
#block-views-map-block, #block-views-map-block-1 {
	display: block;
	margin: 0 auto;
	max-width: 1060px;
	width: 95%;
}
/* #block-views-map-block:before {
    border: 2px solid #ca1238;
    content: " ";
    display: block;
    margin: 40px auto;
    width: 100px;
} */
#block-views-map-block-1:after {
    border: 2px solid #ca1238;
    content: " ";
    display: block;
    margin: 40px auto 30px;
    width: 100px;
}

#block-views-locations-block-1 .views-field-name{
	font-family: 'brandon_grotesquebold', sans-serif;
	font-size: 18px;
	color: #a98d5d;
	text-transform: uppercase;
	margin: 0 0 7px;
	font-weight: normal;
}

#block-views-locations-block-1 .views-field-postal-code, #block-views-locations-block-1 .views-field-province{
	float: left;
	margin-right: 7px;
}
.view-map .views-row {
	margin-top: 2px;
}
.view-map:after {
	content: " ";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden;
}
.view-map .views-row {
	width: 16.666%;
	float: left;
}
.view-map .mapLocationLink {
	font-family: 'brandon_grotesquebold', sans-serif;
	font-size: 12px;
	float: left;
	padding: 15px 0;
	margin: 0 2px;
	background: #ececec;
	font-weight: normal;
	text-decoration: underline;
	text-transform: uppercase;
	text-align: center;
	width: 99%;
	cursor: pointer;
  transition: all .3s ease-out;
}
.view-map .mapLocationLink:first-child {
	margin: 0 2px 0 0;
}
.view-map .mapLocationLink:last-child {
	margin: 0 0 0 2px;
}
.view-map .mapLocationLink:hover {
	background: #f5f5f5;
	text-decoration: none;
}
.view-projects .views-row a img:hover {
  opacity: 0.7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}


/* Why Duvel */
#block-views-why-duvel-block-1 {
	max-width: 880px;
	margin: 0 auto;
	width: 90%;
}
#block-views-why-duvel-block-1 h2 {
	margin: 30px 0 10px;
}
#block-views-why-duvel-block-1 .view-id-why_duvel_ .views-row {
	float: left;
	margin: 0 1% 10px;
	display: block;
	padding: 1.5%;
	width: 45%;
}
#block-views-why-duvel-block-1 .view-id-why_duvel_ .views-row a {
	color: #777;
	text-decoration: none;
}
#block-views-why-duvel-block-1 .view-id-why_duvel_ .views-row-3, #block-views-why-duvel-block-1 .view-id-why_duvel_ .views-row-4, #block-views-why-duvel-block-1 .view-id-why_duvel_ .views-row-7, #block-views-why-duvel-block-1 .view-id-why_duvel_ .views-row-8 {
    background-color: #eaeaea;
}

/* Contact form */
.webform-client-form {
	width: 90%;
	max-width: 880px;
	margin: 0 auto 40px;
	display: block;
}
.webform-client-form:after {
	content: " ";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden;
}
.webform-client-form  .webform-component--titel{
	width: 100%;
	margin: 0 0 1% !important;
}
.webform-client-form  .webform-component--titel h2, .webform-client-form  .webform-component--title h2{
	margin: 0;
}
.webform-client-form  .webform-component-select{
	width: 95% !important;
	background: #ececec;
	padding: 1.5% 2.5%;
	text-align: center;
	margin: 0 0 10px;
}
.webform-client-form  .webform-component-select label{
	width: auto;
	padding: 0 10px 0 0;
	font-family: 'brandon_grotesquebold', sans-serif;
	color: #353535;
}
.webform-client-form  .webform-component-select select {
   margin: 0;
   border: 1px solid #d9d9d9;
   background: transparent;
   padding: 5px 45px 5px 5px;
   font-size: 16px;
   height: 35px;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
    background: url("../images/arrow_down_select.gif") 100% / 35px no-repeat #fff;
}
.webform-client-form  .webform-component-textarea{
	width: 100% !important;
	text-align: left;
}
.webform-client-form .webform-component {
    float: left;
    margin: 0 0 13px;
    width: 50%;
}
.webform-client-form label {
	font-family: 'brandon_grotesqueregular', sans-serif;
	font-size: 14px;
	font-weight: normal;
	width: 30%;
	padding: 0;
	margin: 0;
	text-transform: uppercase;
	color: #999;
	display: inline-block;
}
.webform-component--voornaam label, .webform-component--e-mail label, .webform-component--nr label, .webform-component--gemeente label, .webform-component--firstname label, .webform-component--town label, .webform-component--prenom label, .webform-component--ville label, .webform-component--numero label {
	font-family: 'brandon_grotesqueregular', sans-serif;
	font-size: 14px;
	font-weight: normal;
	width: 27.5%;
	padding: 0;
	margin: 0 0 0 2.5%;
	text-transform: uppercase;
	color: #999;
	display: inline-block;
}
.webform-client-form input[type="text"], .webform-client-form input[type="email"] {
    background: #fff none repeat scroll 0 0;
    border: medium none;
    color: #999999;
    font-size: 18px;
    height: 35px;
    margin: 0;
    outline: 0 none;
    padding: 0 1.5%;
    width: 65%;
    border: 1px solid #eaeaea;
}
.webform-client-form .webform-component-textarea label {
	width: 15%;
	padding: 0;
	margin: 0;
	text-transform: uppercase;
	color: #999;
	display: inline-block;
}
.webform-client-form .form-textarea-wrapper{
	width: 84%;
}
.webform-client-form textarea {
    background: #fff none repeat scroll 0 0;
    border: medium none;
    color: #999999;
    font-size: 18px;
    margin: 0;
    outline: 0 none;
    padding: 1.5%;
    border: 1px solid #eaeaea;
    float: left;
}
.webform-client-form .form-actions {
    width: 100%;
    display: block;
    clear: both;
    text-align: center;
}
.webform-client-form .form-actions input[type="submit"] {
    border: 2px solid #ca1238;
    color: #ca1237;
    background: #fff;
    outline: 0;
    height: 40px;
	font-family: 'brandon_grotesquebold', sans-serif;
	text-align: center;
	text-transform: uppercase;
	padding: 0 15px 0 45px;
	display: inline-block;
	background-image: url("../images/arrow_button_red.png");
    background-position: 5px -6px;
    background-repeat: no-repeat;
}

.webform-confirmation {
	max-width: 880px;
	width: 90%;
}
.webform-confirmation p {
	max-width: 880px;
	width: 90%;
	font-family: 'brandon_grotesquebold', sans-serif;
	text-align: center;
	font-size: 21px;
	font-weight: normal;
	text-transform: uppercase;
	color: #353535;
}

.page-node-done .links a {
	background-image: url("../images/arrow_button_red.png");
    background-position: 5px -8px;
    background-repeat: no-repeat;
    border: 2px solid #ca1238;
    color: #ca1238;
    font-family: "brandon_grotesquebold",sans-serif;
    font-size: 14px;
    height: 20px;
    margin: 0 auto;
    padding: 6px 10px 6px 40px;
    text-decoration: none;
    text-transform: uppercase;

}
.page-node-done .links a:hover {
    background-image: url("../images/arrow_button_red.png");
    background-position: 5px -38px;
    background-repeat: no-repeat;
    border: 2px solid #999999;
    color: #999999;
}


/* FANCYBOX */

.node-type-pioneers .region, .node-type-testimonial .region {
	margin: auto;
}
.node-type-pioneers .view-banner img, .node-type-testimonial .view-banner img   {
	width: 100%;
	height: auto;
	padding: 0;
}
.node-type-pioneers #block-views-banner-block-1 .views-field-field-banner, .node-type-testimonial #block-views-banner-block-1 .views-field-field-banner {
    background-image: none !important;
}
.node-type-pioneers .views-field-title-1, .node-type-testimonial .views-field-title-1 {
    color: #353535;
    font-family: "brandon_grotesquebold",sans-serif;
    font-size: 28px;
    line-height: 32px;
    margin: 20px 30px 0;
    text-align: left;
    text-shadow: 0 0 0 rgba(0, 0, 0, 0.75);
    text-transform: uppercase;
}
.node-type-pioneers .views-field-body, .node-type-testimonial .views-field-body  {
    margin: 0 30px;
}
.node-type-pioneers .views-field-body p, .node-type-testimonial .views-field-body p, .node-type-testimonial .views-field-body p  {
    font-size: 1em !important;
    line-height: 1.4 !important;
    font-family: "Open Sans",sans-serif !important;
    margin: 15px 30px !important;
    padding: 0 !important;
    font-weight: 400 !important;
	color: #707070 !important;
}
.node-type-pioneers #block-views-banner-block-1 .view-id-banner .views-field-body p:after, .node-type-testimonial #block-views-banner-block-1 .view-id-banner .views-field-body p:after {
    display: none;
}
.fancybox-close {
    cursor: pointer;
    height: 45px;
    position: absolute;
    right: 0;
    top: 0;
    width: 45px;
    z-index: 8040;
    background: #ca1238 url("../images/close_popup.png");
    background-repeat: no-repeat;
    background-size: 35px 35px;
    background-position: center center;
}
.fancybox iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 1px solid red;
}

.age .fancybox-skin {
    background-color: #ca1238;
    border-radius: inherit;
    box-shadow: none;
    color: #fff;
    text-align: center;
}
.age .fancybox-skin h5 {
    color: #fff;
    font-family: "brandon_grotesquebold",sans-serif;
    font-size: 16px;
    font-weight: 400;
    margin: 0 0 10px;
    text-transform: uppercase;
}
.age .fancybox-skin a {
    border: 1px solid #fff;
    color: #fff;
    display: inline-block;
    font-size: 13px;
    height: 20px;
    line-height: 1;
    margin: 0 10px;
    min-width: 40px;
    padding: 8px 5px 0;
    text-decoration: none;
}
.age .fancybox-skin a:hover {
    background-color: #fff;
    color: #ca1238;
}

/* Error Messages */
div.messages {
    background-position: 8px 8px;
    background-repeat: no-repeat;
    border: 1px solid;
    margin: 6px auto;
    padding: 10px 10px 10px 50px;
    width: 95%;
    max-width: 1060px;
}
.page-search-node div.messages {
    background-position: 8px 8px;
    background-repeat: no-repeat;
    border: 1px solid;
    margin: 6px auto;
    padding: 10px 10px 10px 50px;
    width: 95%;
    max-width: 1060px;
    display: none;
}
#block-views-banner-block-3 .views-field-title span{
	text-transform: uppercase;
	color: #fff;
	font-size: 48px;
	line-height: 52px;
	font-family: 'brandon_grotesquebold', sans-serif;
	text-align: center;
	margin: 0 0 10px;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.65);
	text-align: center;
	display: block;
	position: absolute;
	bottom: 60px;
	left: 0;
	right: 0;
}
#block-views-banner-block-3 .views-field-body{
	width: 90%;
	max-width: 880px;
	margin: 0 auto;
}

/* BG VIDEO cfr. Shop */
video#bgvid {
    background: #fbfbfb url("http://www.beergiftsbelgium.be/skin/frontend/duvel/default/images/video_fallback.png") no-repeat scroll 0 0 / cover ;
    bottom: 0;
    height: auto;
    min-height: 100%;
    min-width: 100%;
    position: fixed;
    right: 0;
    width: auto;
    z-index: -100;
}

/* ==========================================================================
   LOGIN SCREEN
   ========================================================================== */

#user-login {
    background-color: #ca1238;
    height: 300px;
	margin: 0 auto;
    padding: 15px;
    text-align: left;
    width: 300px;
}
#user-login label {
    color: #fff;
    font-family: "Open Sans",sans-serif;
    font-size: 18px;
    font-weight: 400;
    text-transform: uppercase;
}
#user-login input {
    border: medium none;
    height: 30px;
    width: 95%;
    padding: 1.25% 2.5%;
}
#user-login input[type="submit"] {
    background-color: #010101;
    color: #fff;
    font-family: "Open Sans",sans-serif;
    font-size: 18px;
    font-weight: 400;
    height: 40px;
    width: 50%;
    padding: 10px 5px;
    float: right;
}
#user-login .description {
    color: #fff;
    margin-top: 5px;
}
#user-login .form-item, #user-login .form-actions {
    margin: 0 0 20px;
}


/* SLIDER */
#block-views-slider-block-1 .owl-item .views-field-field-banner {
  display: none;
}


/* AWARDS */

	#block-views-awards-2010-block,
	#block-views-awards-2011-block,
	#block-views-awards-2012-block,
	#block-views-awards-2013-block,
	#block-views-awards-2014-block,
	#block-views-awards-2015-block,
	#block-views-awards-2016-block  {
		width: 100%;
		max-width: 1200px;
		margin: 0px auto;
		clear: both;
	}
	.iss {
		list-style: none;
	}
	.awards li {
		position: relative;
		display: block;
    		width: 44%;
	    float: left;
	    margin-right: 4%;
	    background: #ddd;
	    padding: 2%;
	    min-height: 80px;
	    margin-bottom: 50px;
	}
	.awards li:nth-child(even) {
	    margin-right: 0;
	}

	#block-views-awards-2010-block > div.content > div > div > div > ul > li > img:nth-child(5),
	#block-views-awards-2010-block > div.content > div > div > div > ul > li > img:nth-child(6) {
		display: inline;
		position: absolute;
		bottom: 12px;
		right: 10px;
	}
	.awards div {
		display: block;
	}
	.container {
		width: 100%;
		position: relative;
		max-width: 1200px;
		margin: 0px auto;
	}
	.container .menu {
		margin: 0px auto;
	}
	.awards .award {
		font-family: 'brandon_grotesquebold', sans-serif;
		text-transform: uppercase;
		color: #353535;
		margin-bottom: 10px;
	}
	.awards .beer {
		font-family: 'brandon_grotesquebold', sans-serif;
		text-transform: uppercase;
		color: #ca1238;
	}
	.awards .beer a {
		text-decoration: none;
	}
	#block-views-awards-2010-block > h2,
	#block-views-awards-2011-block > h2,
	#block-views-awards-2012-block > h2,
	#block-views-awards-2013-block > h2,
	#block-views-awards-2014-block > h2,
	#block-views-awards-2015-block > h2,
	#block-views-awards-2016-block > h2 {
		margin-left: 160px;
		margin-top: 0;
	}
	.awards li > img:nth-of-type(1) {
		display: inline;
		position: absolute;
		bottom: 12px;
		right: 70px;
	}
	.awards li > img:nth-of-type(2) {
		display: inline;
		position: absolute;
		bottom: 12px;
		right: 10px;
	}
	.container .menu {
	    padding: 0;
	    text-align: center;
	    position: absolute;
	    top: -93px;
	    left: 50%;
	    margin: 0 -235px auto;
	    padding-bottom: 40px;
	    z-index: 40;
	}
	.container .menu li {
		display: inline;
	}
	.container .menu li a {
		background: #d9d9d9;
	    padding: 7px 14px;
	    margin: 0 2px;
	    font-family: 'brandon_grotesquebold', sans-serif;
	    font-size: 16px;
	    color: #777;
	    text-decoration: none;
	    outline: none;
	    text-transform: uppercase;
	    transition: all .3s ease-out;
	}
	.container .menu li a:hover,
	.container .menu li a.active {
		background: #ca1238;
		color: #fff;
	}
	.award-more {
		background: #ca1238;
		height: 40px;
		line-height: 40px;
		color: #fff;
		padding: 6px 12px;
		text-decoration: none;
		text-transform: capitalize;
	}
	.award-more:hover {
		text-decoration: underline;
	}
	.awards .last-li {
		padding: 0;
		min-height: 0;
		background: none;
		margin: -20px auto 0;
		margin-bottom: 20px;
		width: 100%;
		text-align: center;
	}



/* ==========================================================================
   COOKIE STATEMENT
   ========================================================================== */

#cookie-bar {background:#ca1238; height:auto; line-height:30px; color:#fff; text-align:center; padding:6px 0; font-size: 14px;}
#cookie-bar.fixed {position:fixed; top:0; left:0; width:100%;}
#cookie-bar.fixed.bottom {bottom:0; top:auto;}
#cookie-bar p {margin:0; padding:0;}
#cookie-bar a {color:#ffffff; display:inline-block; text-decoration:none; padding:0 6px; margin-left:8px;}
#cookie-bar .cb-enable {background:#000000;}
#cookie-bar .cb-enable:hover {background:#212121;}
#cookie-bar .cb-disable {background:#990000;}
#cookie-bar .cb-disable:hover {background:#bb0000;}
#cookie-bar .cb-policy {background:#fff; color:#ca1238;}
#cookie-bar .cb-policy:hover {background:#eee;}

/* ==========================================================================
   Resposiveness
   ========================================================================== */

@media (max-width: 1680px) {
	body.front figure#knight {
		left: -320px;
	}
}
@media (max-width: 1480px) {
	body.not-front {
		background: url("../images/DM_body.jpg");
		background-position: 0px 240px;
	    background-repeat: repeat-x;
	}
	body.front figure#knight {
		left: -380px;
	}
}
@media (max-width: 1018px) {
	nav#block-system-main-menu ul.menu li {
	    color: #828282;
	    display: block;
	    float: left;
	    font-size: 16px;
	    line-height: 36px;
	    margin: 0;
	    padding: 0 8px;
	    text-align: center;
	    text-decoration: none;
	    text-transform: uppercase;
	}
}
@media (max-width: 1080px) {
  	nav#block-system-main-menu ul.menu .active-trail ul li, nav#block-system-main-menu ul.menu .active-trail ul li {
	    font-size: 13px;
	    padding: 0 7px;
	}

}

@media (max-width: 1024px) {
	  #block-views-banner-block-1 .views-field-field-banner img {
	    max-height: 600px;
	  }
	.awards li > img:nth-of-type(1) {
  		transform: scale(0.7);
    	bottom: -3px;
    	right: 45px;
  	}
}

@media (max-width: 980px) {

  	nav#block-system-main-menu ul.menu .active-trail ul li, nav#block-system-main-menu ul.menu .active-trail ul li {
	    font-size: 12px;
	    padding: 0 7px;
	}
	nav#block-system-main-menu ul.menu .active-trail ul {
	    right: 10px;
	}

}

@media (max-width: 900px) {

	/* Start Hamburger Nav */
	header figure#hamburger {
	    background-image: url("../images/nav-figure.svg");
	    background-position: center center;
	    background-repeat: no-repeat;
	    background-size: 100% auto;
	    cursor: pointer;
	    float: right;
	    height: 40px;
	    margin: 0;
	    padding: 0;
	    position: absolute;
	    right: 15px;
	    top: 60px;
	    width: 40px;
	}
	.no-svg header figure#hamburger {
	    background-image: url("../images/nav-figure.png");
	    background-position: center center;
	    background-repeat: no-repeat;
	    background-size: 40px 40px;
	    cursor: pointer;
	    float: right;
	    height: 40px;
	    margin: 0;
	    padding: 0;
	    position: absolute;
	    right: 15px;
	    top: 60px;
	    width: 40px;
	}
	header figure.active {
	    background-image: url("../images/nav-figure-close.svg") !important;
	    background-position: center center;
	    background-repeat: no-repeat;
	    background-size: 100% auto;
	}
	.no-svg header figure.active {
	    background-image: url("../images/nav-figure-close.png") !important;
	    background-position: center center;
	    background-repeat: no-repeat;
	    background-size: 40px 40px;
	}
	nav#block-system-main-menu {
	    width: 100%;
	    display: block;
	    background: #ca1238;
	}
	nav#block-system-main-menu ul.menu {
	    display: none;
	    list-style-type: none;
	    margin: 0 0 20px;
	    padding: 1.75% 7.5%;
	    width: 85%;
	    text-align: center;
	    background: #ca1238;
	    box-shadow: 0 4px 2px -2px rgba(0, 0, 0, 0.75);
	}
	nav#block-system-main-menu ul.menu ul {
	    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.75);
	    background: none;
	}
	/* nav#block-system-main-menu ul.menu:before {
	    border-bottom: 10px solid #ca1238;
	    border-left: 10px solid transparent;
	    border-right: 10px solid transparent;
	    content: "";
	    display: block;
	    float: right;
	    height: 0;
	    margin: -20px -22px 10px 0;
	    width: 0;
	} */
	nav#block-system-main-menu ul.menu.active {
		display: block;
	}
	nav#block-system-main-menu ul.menu li {
	    color: #fff;
	    display: block;
	    font-size: 18px;
	    margin: 0 auto;
	    padding: 3px 0;
	    text-align: left;
	    text-decoration: none;
	    text-transform: uppercase;
	    width: 100%;
	    border-bottom: 1px solid #a00102;
	}
	nav#block-system-main-menu ul.menu li:last-child {
	    border-bottom: none;
	}
	nav#block-system-main-menu ul.menu li a {
	    color: #fff;
	    padding: 0;
	    text-decoration: none;
	    display: block;
	}
	nav#block-system-main-menu ul.menu li a.active, nav#block-system-main-menu ul.menu li a.active-trail {
	    border-bottom: none;
	    color: #fff;
	}
	nav#block-system-main-menu ul.menu .expanded {
		background-image: url("../images/arrow_down.svg");
		background-position: top 10px right 5px;
		background-repeat: no-repeat;
		background-size: 20px auto;
	}
	.no-svg nav#block-system-main-menu ul.menu .expanded {
		background-image: url("../images/arrow_down.png");
		background-position: top 10px right 5px;
		background-repeat: no-repeat;
		background-size: 30px 30px;
	}
	nav#block-system-main-menu ul.menu .expanded ul {
	    display: block;
	    list-style-type: none;
	    margin: 0;
	    padding: 0;
	    width: 100%;
	    text-align: center;
	    background: #ca1238;
	}
	nav#block-system-main-menu ul.menu .active-trail ul {
		position: relative;
		top: 0;
		right: 0;
	}
	nav#block-system-main-menu ul.menu .expanded ul li {
	    color: #fff;
	    display: block;
	    font-size: 14px;
	    margin: 0 auto 3px;
	    padding: 0;
	    text-align: left;
	    text-decoration: none;
	    text-transform: uppercase;
	    width: 95%;
	    border-bottom: none;
	}
	nav#block-system-main-menu ul.menu .expanded ul li a {
	    color: #fff;
	    display: block;
	    font-size: 14px;
	    margin: 0;
	    padding: 3px 2.5%;
	    text-align: left;
	    text-decoration: none;
	    text-transform: uppercase;
	    background: #aa1231;
		border-bottom: none;
		width: 100%;
	}
	nav#block-system-main-menu ul.menu .active-trail ul li a.active {
		border-bottom: none;
	}

	nav#block-system-main-menu ul.menu .active-trail ul li, nav#block-system-main-menu ul.menu .active-trail ul li {
		font-size: 14px;
	}
	nav#block-system-main-menu ul.menu .expanded ul li a {
		display: inline-block;
		float: left;
	}
	/* End Hamburger Nav */

	/* Our Beers */
	#block-views-beers-block-1 .owl-item .views-field-title {
		font-size: 36px;
		line-height: 40px;
		margin: -120px auto 0;
	}
	#block-views-beers-block-1 .owl-item .views-field-field-subtitle {
	    font-size: 21px;
	    line-height: 25px;
	}
	#block-views-beers-block-1 .owl-item .views-field-field-packshot {
	    clear: both;
	    display: block;
	    margin: 0 auto;
	    width: 300px;
	    float: none;
	}
	#block-views-beers-block-1 .owl-item .views-field-body {
	    display: inline-block;
	    margin: 0 auto;
	    padding: 0 90px;
	}

	.view-map .views-row {
	    width: 33.333%;
	}
	.webform-client-form .webform-component {
	    float: left;
	    margin: 0 0 5px;
	    width: 100%;
	}
	.webform-component--voornaam label, .webform-component--e-mail label, .webform-component--nr label, .webform-component--gemeente label {
	    margin: 0;
	    width: 30%;
	}
	.webform-client-form .webform-component-textarea label {
	    width: 30%;
	}
	.webform-client-form .form-textarea-wrapper {
	    width: 68%;
	}

	#block-views-slider-block-1 .views-field-path a h2 {
	    font-size: 38px;
	    line-height: 42px;
	}

	#block-views-beers-block .view-beers .owl-carousel {
	    margin: 0 auto -17.5%;
	}

	#block-views-durability-menu-select {
	    text-indent: 5%;
	}

	.google-maps {
    		padding-bottom: 800px;
	}
	.wrap {
		display: none;
	}

	#instafeed {
	    width:90%;
		margin:0 auto;
	    height: 100%;
	    -moz-column-count:2;
	    -webkit-column-count:2;
	    column-count: 2;
	    column-gap: 2.5%;
	    -moz-column-gap: 2.5%;
	    -webkit-column-gap: 2.5%;
	}


}

@media (max-width: 840px) {

	.views-field-title-1 {
	    font-size: 36px;
	    line-height: 38px;
	    margin: -60px 0 40px;
	}
	#block-views-slider-block-1 .views-field-path {
	    padding: 0 40px 20px;
	}
	#block-views-banner-block-1 .view-id-banner .views-field-body p {
	    padding: 0 20px;
	    font-size: 20px;
		line-height: 26px;
	}
	h2, h3 {
	    margin: 30px 20px 10px;
	}
	ul {
	    margin: 20px 20px;
	}
	.field-name-field-subtitle {
	    padding: 0 20px;
	}
	.field-item p {
	    padding: 0 20px;
	}
	#block-views-banner-block-1 .view-id-banner .views-field-body p, #block-views-banner-block-4 .view-id-banner .views-field-body p {
	    padding: 0 20px;
	}

	#block-views-slider-block-1 .views-field-path a h2{
		font-size: 30px;
		line-height: 36px;
	}

	/* Isotope */
	#block-views-pioneers-block, #block-views-pioneers-block-1, #block-views-pioneers-block-2 {
	    width: 95%;
	}
	#block-views-pioneers-block-2 .view-pioneers .fourth img,#block-views-pioneers-block-2 .view-pioneers .fourth-double img, #block-views-pioneers-block .view-pioneers .fourth img, #block-views-pioneers-block .view-pioneers .fourth-double img, #block-views-pioneers-block .view-pioneers img{
		height: 100% !important;
	    margin: 0 auto;
	    width: auto;
	}

	/* Environment */
	#block-views-durability-menu-select {
	    font-size: 14px;
	    line-height: 30px;
	    text-indent: 5%;
	    width: 30%;
	    margin: 40px 0 40px 2.5%;
	}
	#block-views-durability-content {
	    width: 60%;
	    margin: 40px 2.5% 40px 0;
	}
	#block-views-durability-content img {
	    width: 100%;
	    height: auto;
	}
	/* Social Projects */
	#block-views-projects-block-3 .views-field-body .field-content p {
		margin: 1em 20px;
	}
	#block-views-projects-block-3 .views-field-field-url .field-content a {
		margin: 1em 20px ;
	}
	#block-views-projects-block-3 .views-field-body .field-content h3 {
		margin: 30px 20px 15px;
	}
	#block-views-projects-block-4 .view-projects .views-row .views-field-field-subtitle {
	    font-size: 14px;
	    line-height: 20px;
	}
	#block-views-projects-block-3 .field-content div {
	    width: 95%;
	    margin: 0 auto;
	}
	#block-views-projects-block-3 .views-field-field-quote .field-content .quoteimage {
	    width: 95%;
		padding: 20px 2.5px 0;
	}

	/* Vacatures */
	#block-views-vacancies-block-1 h2, #block-views-vacancies-block-1 p {
	    padding: 0 20px;
	    margin: 0;
	}
	#block-views-vacancies-block-1 p {
	    margin: 0 0 20px;
	}
	#block-views-vacancy-body-block-1 {
	    padding: 0 30px;
	}
	#block-views-vacancies-block-1 .view-vacancies .views-row {
	    width: 49%;
	    margin: 0 2% 2% 0;
	}
	#block-views-vacancies-block-1 .view-vacancies .views-row:nth-child(2n+2) {
	    margin: 0 0 2%;
	}
	#block-views-vacancy-body-block-1 .views-field-body {
	    display: block;
	    width: 100%;
	}
	#block-views-vacancy-body-block-1 .views-field-body img {
	    display: none;
	}
	#block-views-vacancy-body-block-1 .views-field-field-profile, #block-views-vacancy-body-block-1 .views-field-field-your-profile {
	    display: block;
	    width: 100%;
	}
	#block-views-vacancies-block-1 .view-vacancies .views-row .views-field-title a h3 {
	    font-size: 16px;
	}

	/* Footer */
	footer ul.menu {
	    max-width: none;
	    width:85%;
	    border-left: 1px solid #fff;
	}
	footer ul.menu li.expanded ul {
	    height: auto;
	    margin: 0 auto;
	    width: 100%;
	}
	footer ul.menu li.expanded, footer ul.menu li.beers {
	    width: 49.777%;
	    min-height: 275px;
	    border-right: 1px solid #fff;
	    border-left: none;
	}
	footer ul.menu li.expanded ul li span.nolink, footer ul.menu li.expanded ul li a {
	    font-size: 14px;
	}
	footer figure {
		background-size: auto 100%;
	}

	/* Fancybox */
	.node-type-pioneers .views-field-title-1, .node-type-testimonial .views-field-title-1 {
	    font-size: 24px;
	    line-height: 28px;
	}
	.node-type-pioneers .views-field-body p, .node-type-testimonial .views-field-body p, .node-type-testimonial .views-field-body p, .node-type-testimonial .view-id-banner .views-field-body p  {
	    margin: 15px 30px !important;
	    padding: 0 !important;
	}
	.awards li > img:nth-of-type(1) {
  		transform: scale(0.5);
    	bottom: -9px;
    	right: 35px;
  	}
  	.awards .price {
  		width: 200px;
  	}
}

@media (max-width: 768px) {
	#block-views-awards-2010-block > h2,
	#block-views-awards-2011-block > h2,
	#block-views-awards-2012-block > h2,
	#block-views-awards-2013-block > h2,
	#block-views-awards-2014-block > h2,
	#block-views-awards-2015-block > h2,
	#block-views-awards-2016-block > h2 {
		margin-left: 21px;
	}
}

@media (max-width: 667px) {

	#block-views-slider-block-1 .owl-item .views-field-field-video {
		display: none;
	}
	#block-views-slider-block-1 .owl-item .views-field-field-banner {
		display: block;
	}
	.views-field-title-1 {
	    font-size: 24px;
	    line-height: 28px;
	    margin: -50px 0 45px;
	}

	#block-views-slider-block-1 .views-field-path a h2 {
	    font-size: 24px;
	    line-height: 26px;
	}
	.field-name-field-subtitle {
	    font-size: 20px;
	    line-height: 22px;
	}
	.block-search form .container-inline {
	    width: 65%;
	}
	footer ul.menu {
	    width: 97.5%;
	}
	#block-views-beers-block-1 .owl-item .views-field-body {
	    display: inline-block;
	    margin: 0 auto;
	    padding: 0 20px;
	}


	/* Isotope */
	#block-views-pioneers-block-2 .view-pioneers .fourth img, #block-views-pioneers-block-2 .view-pioneers .fourth-double img, #block-views-pioneers-block .view-pioneers .fourth img, #block-views-pioneers-block .view-pioneers .fourth-double img, #block-views-pioneers-block .view-pioneers img {
	    width: 100%;
	    height: auto;
	}

	/* Quotes */
	#block-views-pioneers-block-2 .view-pioneers .views-row, #block-views-pioneers-block-1 .view-pioneers .views-row, #block-views-pioneers-block .view-pioneers .views-row {
		width: 50%;
	}

	/* Environment */
	#block-views-durability-menu-select {
	    width: 95%;
	    margin: 0 2.5%;
	    float: left;
	    text-align: center;
	}
	#block-views-durability-menu-select .views-row {
		text-align: left;
		float: left;
	    height: 25px;
	    margin:0 1% 5px 0;
	    padding: 10px 0;
	    width: 49%;
	}
	#block-views-durability-content {
	    width: 95%;
	    margin: 0 2.5%;
	    padding: 0;
	}
	#block-views-durability-menu-select .active::after {
	    display: none;
	}


	/* Footer */
	footer #block-menu-menu-footer-sub-menu ul.menu {
	    float: none;
	}
	footer #block-menu-menu-footer-sub-menu ul.menu li.last {
	    margin: 0 auto;
	}

	#block-views-slider-block-1 .views-field-field-video img, #block-views-slider-block-1 .views-field-field-banner img {
		max-width: 100%;
	}

	#block-views-beers-block .view-beers .owl-carousel {
	    margin: 20px auto -22.5%;
	}

	footer #block-menu-menu-footer-sub-menu {
		padding: 10px 0 0;
		height: auto;
		line-height: normal;
	}
	footer #block-menu-menu-footer-sub-menu ul.menu {
		width: 95%;
		margin: 0 auto;
	}
	footer #block-menu-menu-footer-sub-menu ul.menu li.first, footer #block-menu-menu-footer-sub-menu ul.menu li {
		width: 100%;
		text-align: center;
		margin: 0 auto;
		padding: 0 !important;
		float: left;
		line-height: 16px;
	}
	footer #block-menu-menu-footer-sub-menu ul.menu li {
		width: 50%;
		line-height: 50px;
	}
	footer #block-menu-menu-footer-sub-menu ul.menu li#webshop {
	    line-height: 50px;
	}
	footer .footer-text {
	    bottom: 0;
	    position: absolute;
	}
	.awards li {
  		width: 100%;
  		margin-bottom: 80px;
  	}

	#block-views-beers-block {
		display: none;
	}
}

@media (max-width: 580px) {

	/* Our Beers */
	#block-views-banner-block-1 .views-field-field-banner img, #block-views-banner-block-2 .views-field-field-banner img, #block-views-banner-block-3, .views-field-field-banner img {
	    width: 175%;
	    margin: 0 auto;
	}
	#block-views-beers-block-1 .owl-item .views-field-field-subtitle {
	    font-size: 16px;
	    line-height: 20px;
	}
	#block-views-beers-block-1 .owl-item .views-field-title {
	    margin: -130px auto 0;
	}

	#block-views-vacancies-block-1 .view-vacancies .views-row {
	    width: 100%;
	}

	/* FOOTER */
	footer ul.menu li.expanded, footer ul.menu li.beers {
	    width: 99.777%;
	    border-right: 1px solid #fff;
	    border-left: none;
	}
	#block-views-beers-block .view-beers .owl-carousel {
	    margin: 20px auto -31.5%;
	}

}

@media (max-width: 480px) {

	body.not-front {
		background: url("../images/DM_body.jpg");
		background-position: 0px 200px;
	    background-repeat: repeat-x;
	}
	body.front {
		background: url("../images/DM_body.jpg");
		background-position: 0px 300px;
	    background-repeat: repeat-x;
	}
	.block-search form .container-inline {
	    width: 87%;
	}
	header a#logo {
	    height: 78px;
	    margin: 40px 0 0 10px;
	    width: 250px;
	}

	.views-field-title-1 {
	    font-size: 30px;
	    line-height: 32px;
	    margin: -40px 0 20px;
	}

	#block-views-slider-block-1 .views-field-path a h2 {
	    font-size: 18px;
	    line-height: 22px;
	}
	#block-views-slider-block-1 .views-field-path a h3 {
	    color: #fff;
	    font-family: "brandon_grotesqueregular",sans-serif;
	    font-size: 16px;
	    margin: 10px 0 0;
	    text-align: center;
	    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.65);
	    text-transform: uppercase;
	}
	#block-views-slider-block-1 .views-field-path {
	    padding: 10px 15px 20px;
	}
	#block-views-slider-block-1 .owl-theme .owl-controls .owl-pagination {
	    bottom: 0;
	    display: block;
	    margin: 0;
	    position: relative;
	    right: 0;
	    top: 0;
	    width: 100%;
	}
	#block-views-slider-block-1 .owl-theme .owl-controls .owl-page span {
	    margin: 0 5px !important;
	}
	#block-views-projects-block-1 .view-projects .views-row, #block-views-projects-block-2 .view-projects .views-row {
	    width: 100%;
	}
	#block-views-projects-block-1 .view-projects .views-row .views-field-field-subtitle, #block-views-projects-block-2 .view-projects .views-row .views-field-field-subtitle {
	    font-size: 18px;
	    line-height: 20px;
	}

	/* BEER PAGE */
	#block-views-beers-block-1 .owl-item .views-field-title {
	    font-size: 30px;
	    line-height: 32px;
		margin: -120px auto 0;
	}
	block-views-beers-block-1 .owl-item .views-field-field-subtitle {
	    font-size: 14px;
	    line-height: 16px;
	}
	#block-views-beers-block-1 .owl-theme .owl-controls .owl-buttons {
	    top: 14.5%;
	}
	#block-views-beers-block-1 .owl-item .views-field-body {
	    padding: 0 20px;
	}
	#block-views-beers-block-1 .owl-item .views-field-field-facebook span.url a, #block-views-beers-block-1 .owl-item .views-field-field-facebook span.visit a {
	    display: block;
	    float: none;
	    margin: 0 0 10px 0;
	}
	#block-views-beers-block-1 .owl-item .views-field-field-facebook a.facebook {
	    display: block;
	    float: none;
	}
	#block-views-beers-block-1 .owl-theme .owl-controls .owl-buttons div {
	    height: 50px;
	    width: 100px;
	}
	.vedett_

	/* Quotes */
	#block-views-pioneers-block-2 .view-pioneers .views-row, #block-views-pioneers-block-1 .view-pioneers .views-row, #block-views-pioneers-block .view-pioneers .views-row {
		width: 100%;
	}
	#block-views-pioneers-block-1 .view-pioneers .third img, #block-views-pioneers-block-1 .view-pioneers .third-double img {
	    height: auto !important;
	    width: 100%;
	}
		#block-views-pioneers-block-2 .view-pioneers .views-row, #block-views-pioneers-block-1 .view-pioneers .views-row, #block-views-pioneers-block .view-pioneers .views-row {
		width: 100%;
	}
	#block-views-address-block-1 .contactlocation {
	    display: block;
	    float: left;
	    margin: 0 0 20px;
	    text-align: left;
	    width: 100%;
	}
	.view-map .views-row {
	    width: 49.999%;
	}

	#block-views-durability-menu-select .views-row {
	    margin:0 0 5px 0;
	    width: 100%;
	    height: 20px;
	}
	#block-views-durability-menu-select {
	    line-height: 20px;
	}

	#block-views-immo-block .views-field-field-banner a, #block-views-immo-block-1 .views-field-field-banner a {
	    width: 60%;
	    padding: 0 20%;
	    margin: 0 0 30px;
	}
	#block-views-immo-block .views-field-title span.field-content, #block-views-immo-block-1 .views-field-title span.field-content {
		padding:0 2.5%;
		width: 95%;
	}

  .owl-theme .owl-controls {
		margin-top: 30px;
	}

	#block-views-projects-block-4 .view-projects .views-row {
	    float: left;
	    margin: 0;
	    text-align: center;
	    width: 100%;
	}
	footer #block-menu-menu-footer-sub-menu ul.menu li {
		margin: 4px 0 0 0;
		line-height: 16px;
	}

	.awards li > img:nth-of-type(1) {
	    display: inline;
	    position: absolute;
	    bottom: -9px;
	    right: 40px;
	    transform: scale(0.6);
	}
	.container .menu {
	    padding: 0;
	    text-align: center;
	    position: absolute;
	    top: -93px;
	    left: 0;
	    margin: 0 7px auto;
	}
	.awards li {
		margin-bottom: 75px;
	}
	.awards .price {
		width: 170px;
	}
	.container .menu li a {
		margin: 0;
		padding: 2px 3px;
		display: inline;
	}
	#block-views-awards-2010-block > h2,
	#block-views-awards-2011-block > h2,
	#block-views-awards-2012-block > h2,
	#block-views-awards-2013-block > h2,
	#block-views-awards-2014-block > h2,
	#block-views-awards-2015-block > h2 {
		margin-left: 20px;
	}



/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Hide visually and from screen readers:
 */

.hidden {
    display: none !important;
}



.video-js {padding-top: 56.25%}
.vjs-fullscreen {padding-top: 0px}

/*
 * Hide only visually, but have it available for screen readers:
 * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screen readers, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

.hide {
  display: none !important;
}
.show {
  display: block !important;
}
/*.maxheight {
  max-height: 540px !important;
}*/

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */



@media only screen and (max-width:599px) {
    .vjs-default-skin .vjs-big-play-button {left:25%;top:25%;width:50%;height:50%;}
}
@media only screen and (min-width:600px) and (max-width:768px) {
    .vjs-default-skin .vjs-big-play-button {left:25%;top:25%;width:50%;height:50%;font-size:5em;}
}


@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 1.25dppx),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   http://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important; /* Black prints faster:
                                   http://www.sanbeiji.com/archives/953 */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}