/* ==========================================================================
   Android Nv - Jeroen De Groof - Palm 2014 Main
   ========================================================================== */

/* main brown: #af8b23 */

/* 
   GENERAL STYLE
--------------------------- */

body { font-family: 'latoregular'; overflow: hidden;}
h1, h2, h3, h4, h5, b, strong { font-family: 'latobold'; }

span.highlight, p.highlight { color: #af8b23; }
.fancybox-title-float-wrap .child { background: #af8b23;}
img.fullwidth { width: 100%; }


/* 
   LEEFTIJDCHECK
--------------------------- */
div#leeftijdcheck {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: #fff;
   z-index: 99999; 
   display: table;
   width: 100%;
   height: 100%;
   background-color: rgba(255, 255, 255, 0.9);
   display: none;
}

div#leeftijdcheck .content{
   display: table-cell;
   width: 100%;
   vertical-align: middle;
}

div#leeftijdcheck .content a{
   display: block;
   text-decoration: none;
   color: #af8b23;
   margin-bottom: 10px;
   padding: 10px;
   text-align: center;
   border: 2px solid #af8b23;
}
div#leeftijdcheck .content a:hover{

   color: #fff;
   background-color: #af8b23;
}

/* 
   BODY
--------------------------- */
section.mainwrap {margin-top: 110px; position: relative;}


/* 
   HEADER
--------------------------- */
.navbar { height: 110px; background: #fff; margin: 0; -webkit-box-shadow: none;-moz-box-shadow: none ;box-shadow:none; border: none; filter: none;}
.navbar-inner { background: none !important; -webkit-box-shadow: none;-moz-box-shadow: none ;box-shadow:none; border: none; filter: none;}

.navbar-brand { margin: 0 25px; padding-top: 15px;}
.navbar-brand img { width: 75px; height: auto;}

.navbar .navbar-nav > li { padding-top: 10px;}
.navbar .navbar-nav > li > a { max-width: 250px; color: #000; margin-right: 20px; padding-bottom: 0;}
.navbar .navbar-nav > li:last-child > a { margin-right: 0; }
.navbar .navbar-nav > li > a > span { font-size: 16px; display: block; }
.navbar .navbar-nav > li > a > span.brand { display: block; font-family: 'latobold'; font-size: 16px; margin: 0 0 5px 0; text-transform: uppercase;}
.navbar .navbar-nav > li > a > span.location { display: block; font-size: 14px; border-top: 2px solid #fff; }

.navbar .navbar-nav > li.active > a, .nav > li > a:hover, .navbar .navbar-nav > li > a:focus  { background-color: #fff; color: #af8b23;}
.navbar .navbar-nav > li.active > a > span.location, .navbar .navbar-nav > li > a:hover > span.location,.navbar .navbar-nav > li > a:focus > span.location { border-top: 2px solid #af8b23; }

.navbar .lang-nav { position: absolute; top: 0 ; right: 30px;}
.navbar .lang-nav > li { float: left;}
.navbar .lang-nav > li > a { color: #000; text-transform: uppercase; font-family: 'latobold'; font-size: 12px; padding:10px 5px 5px 5px;}
.navbar .lang-nav > li.active > a, .navbar .lang-nav > li > a:hover { color: #fff; background-color: #af8b23; }

/* 
   BROUWERIJ SLIDER
--------------------------- */
.intro-item { height: 100%; width: 20%; float: left; padding: 0 5px; position: relative;}
.intro-item .imgLiquidFill { height: 100%; }


.intro-item .overlay { position: absolute; top: 0; left: 5px; right: 5px; background-color:rgba(175, 139, 35, 0.5); height: 100%;  zoom: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#7FAF8B23,endColorstr=#7FAF8B23)"; /* IE8 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7FAF8B23,endColorstr=#7FAF8B23);   /* IE6 & 7 */ }
.intro-item.active .overlay { display: none;  -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}

.intro-item .caption { display: none; position: absolute; bottom: 5%; right:5%; width: 0; background-color:rgba(0,0,0, 0.5); zoom: 1; padding-left:5%; padding-right: 5%; max-height: 400px; 
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#7FAF8B23,endColorstr=#7FAF8B23)"; /* IE8 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7FAF8B23,endColorstr=#7FAF8B23);   /* IE6 & 7 */
}

.intro-item.active .caption { display: block; width: 60%;}
.intro-item .caption h1 { color: #fff; margin-top: 5px; text-transform: uppercase; }
.intro-item .caption h2 { color: #fff; font-family: 'latolight'; margin-bottom: 0px; margin-top: 40px;}
.intro-item .caption p { color: #fff; font-size: 14px; font-family: 'latolight';}
.intro-item .caption a { color: #fff; background-color: #af8b23; padding: 10px 15px; margin-right: 10px; display: block; float: left; margin-bottom: 40px;}
.intro-item .caption a:hover { text-decoration: none;  background-color: #fff; color: #af8b23; }
.intro-item .caption a.cornet { color: #af8b23; background-color: #fff; padding: 10px 15px; margin-right: 10px; display: block; float: left; margin-bottom: 40px;}
.intro-item .caption a.cornet:hover { text-decoration: none;  background-color: #af8b23; color: #fff; }
/*****************************************************/

/* 
   BROUWERIJEN
--------------------------- */
section.mainwrap > div, section.mainwrap > div > div {height: 100%;}

.blok { background-size: cover; background-position: center; width: 100%; height: 100%; cursor: pointer;}
.blok > img{ display: none;}

.blok .overlay { background-color:rgba(175, 139, 35, 0.5); width: 100%; height: 100%; display: none; zoom: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#7FAF8B23,endColorstr=#7FAF8B23)"; /* IE8 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7FAF8B23,endColorstr=#7FAF8B23);   /* IE6 & 7 */ }
.blok:hover .overlay { display: block;}
.blok .caption { position: absolute;color: #fff;}
.blok .caption a { text-decoration: none; color: #fff;}
.blok .caption a h1, .blok .caption h1  { color: #fff; margin: 0; font-family: 'latoregular'; font-size: 24px; text-shadow: 2px 3px 3px rgba(0, 0, 0, 0.75); margin-top: 5px;
-webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
.blok .caption a h2 { margin: 0; font-family: 'latolight'; font-size: 16px; text-shadow: 2px 3px 3px rgba(0, 0, 0, 0.75);
-webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
.blok .caption a h2 > span{ text-transform: uppercase;}

.blok:hover .caption h1 {  font-size: 32px; margin-left: -20px;}
.blok:hover .caption h2 { font-size: 24px; margin-left: 20px;}

.contact { height: 45%; padding: 0 5px 5px 5px;}
.contact .caption { right: 10%; bottom: 10%;}
.assortiment {  height: 45%; padding: 0 5px 5px 5px ;}
.assortiment .caption {  left: 10%; bottom: 50%;}
.geschiedenis { height: 65%; padding: 0 5px 5px 0;}
.geschiedenis .caption {  left: 15%; top: 30%;}
.proces { height: 35%; padding: 5px 5px 0 0;}
.proces .caption {  left: 10%; bottom: 20%;}
.bezoek { height: 55%; float: right; padding: 5px 0 0 5px;}
.bezoek .caption {  left: 33%; bottom: 35%;}

/* 
   BIEREN
--------------------------- */
.blok.bier { }
.blok.bier .caption {opacity: 0; filter: alpha(opacity=0);
	-webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
.blok.bier:hover .caption {opacity: 1; filter: alpha(opacity=100); }

.column-left { height: 100%; padding: 0 5px 0 0;}
.column-right { height: 100%; padding: 0 0 0 5px;}
.column-center { height: 100%; padding: 0;}
.column { height: 100%; padding: 0;}
/* 
   BIEREN PALM
--------------------------- */
.dobbel-palm { height: 45%; float: left; padding: 0 0 5px 0; position: relative; }
.dobbel-palm .caption { right: 10%; bottom: 10%;}
.palm-royal { height: 55%; float: left; padding: 5px 0 0 0; position: relative;}
.palm-royal .caption {  left: 45%; bottom: 30%;}
.palm-hopselect { height: 100%; padding: 0 5px 0 5px; position: relative;}
.palm-hopselect .caption {  left: 35%; bottom: 25%;}
.palm { height: 55%; float: left; padding: 0 0 5px 0; position: relative;}
.palm .caption {  left: 33%; bottom: 25%;}
.palm-na { height: 45%; float: left; padding: 5px 5px 0 0; position: relative;}
.palm-na .caption {  left: 33%; bottom: 65%;}
.palm-sauvin { height: 45%; float: left; padding: 5px 0 0 5px; position: relative;}
.palm-sauvin .caption {  left: 33%; bottom: 35%;}

/* 
   BIEREN RODENBACH
--------------------------- */
.grand-cru {  height: 100%; padding:  0px 5px 0px 0; position: relative;}
.grand-cru .caption {  left: 40%; bottom: 45%;}
/*.rosso {  height: 100%; padding:  0px 5px 0px 0; position: relative;}
.rosso .caption {  left: 40%; bottom: 45%;}*/
.rodenbach {  height: 50%; padding:  0px 5px 0px 0; position: relative;}
.rodenbach .caption {  left: 40%; bottom: 45%;}
.vintage {  height: 60%; padding: 0 5px 0px 0; position: relative;}
.vintage .caption { left: 24%; bottom: 35%; }
.char-rouge {  height: 60%; padding: 0 0 0 5px; position: relative;}
.char-rouge .caption { left: 24%; bottom: 35%; }
/*.rodenbach{  height: 40%; float: right; padding: 10px 0 0 0; position: relative;}
.rodenbach .caption { left: 33%; bottom: 35%; }*/
.rosso{  height: 40%; float: right; padding:  0 0 10px 0; position: relative;}
.rosso .caption { left: 33%; bottom: 35%; }
.alexander{  height: 50%; float: right; padding: 10px 5px 0 0; position: relative;}
.alexander .caption { left: 33%; bottom: 35%; }

/* 
   BIEREN BOON
--------------------------- */
.oude-kriek {  height: 100%; padding:  0px 5px 0px 0; position: relative;}
.oude-kriek .caption {  left: 45%; bottom: 35%;}
.oude-geuze { height: 100%; padding:  0 0px 0px 0; position: relative; }
.oude-geuze .caption { right: 45%; bottom: 45%;}
.framboise { height: 100%; padding:  0px 0 0 5px; position: relative;}
.framboise .caption {  left: 45%; top: 65%;}

/* 
   BIEREN DEGOUDENBOOM
--------------------------- */
.brugge-tripel {  height: 100%; padding:  0 5px 0 0; position: relative;}
.brugge-tripel .caption {  left: 30%; bottom: 45%;}
.steenbrugge-blond { height: 33.33%; padding:  0 0 5px 0; position: relative; }
.steenbrugge-blond .caption { right: 25%; bottom: 35%;}
.steenbrugge-dubbel { height: 33.33%; padding:  5px 0 5px 0; position: relative;}
.steenbrugge-dubbel .caption {  left: 25%; top: 35%;}
.steenbrugge-wit { height: 33.33%; padding:  5px 5px 0 0; position: relative; }
.steenbrugge-wit .caption { right: 25%; bottom: 35%; }
.steenbrugge-tripel {  height: 50%; padding:  0 5px 5px 0; position: relative;}
.steenbrugge-tripel .caption {  left: 20%; bottom: 35%;}
.steenbrugge-abdijbock {height: 50%; padding:  5px 5px 0 0; position: relative; }
.steenbrugge-abdijbock .caption { left: 20%; top: 65%; }

/* 
   BIEREN DEHOORN
--------------------------- */
.cornet {  height: 100%; padding:  0; position: relative;}
.cornet .caption {  left: 45%; bottom: 45%;}
.estaminet { height: 100%; padding:  0 5px 0 0; position: relative;}
.estaminet .caption {  left: 40%; top: 60%;}
.arthurs-legacy {  height: 100%; padding:  0 0 0 5px; position: relative;}
.arthurs-legacy .caption {  left: 45%; bottom: 45%;}

/* 
   BIEREN DETAIL
--------------------------- */
.content-box { height: 100%; width: 80%; position: absolute; top: 0; left: 10%; background-color: #fff; z-index: 999;  display: none; padding: 30px; overflow: hidden;
-webkit-box-shadow: 0px -9px 15px 0px rgba(50, 50, 50, 0.75); -moz-box-shadow:    0px -9px 15px 0px rgba(50, 50, 50, 0.75); box-shadow: 0px -9px 15px 0px rgba(50, 50, 50, 0.75);}
.magicbox { margin-bottom: 50px;}

.content-box .img { position: relative; }
.content-box .img img { position: fixed; bottom: 50px; max-width: 28%; width: auto; max-height: 75%; display: none;}
.content-box .txt { height: 95%; overflow: hidden;}
.content-box .txt h1 { color: #af8b23; font-size: 40px; text-transform: uppercase; margin: 40px 0; }
.content-box .txt h1 span { color: #af8b23; font-size: 40px; font-family: 'latolight'; text-transform: capitalize; }
.content-box .txt .procesimg { margin-top: 40px; margin-bottom: 40px; }
.content-box .txt h2 { color: #af8b23; font-size: 18px; font-family: 'latolight';}
.content-box .txt p { margin-bottom: 30px; }
.content-box .txt ul { }
.content-box .txt ul li { color: #000; font-size: 14px; }
.content-box .txt  a {color: #af8b23; text-decoration: underline;}

.content-box .txt ul.rabbithole { -webkit-padding-start: 0; position: fixed; top: 130px; width: 40%; background-color:#fff; z-index: 9999;}
.content-box .txt ul.rabbithole li {float: left; list-style: none; color: #af8b23;}
.content-box .txt ul.rabbithole li:nth-child(2){ margin-left: 3px; }
.content-box .txt ul.rabbithole li a {color: #af8b23; font-size: 11px; font-family: 'latolight';}
.content-box .txt ul.rabbithole li a span{ text-transform: uppercase; font-family: 'latobold';  }

.content-box .btns { margin-top: 40px; margin-bottom: 10px; }
.content-box .btns .links { padding-left: 0; margin-top: 8px;}
.content-box .btns .links a { color: #fff; background-color: #af8b23; padding: 10px 15px; margin-right: 10px;}
.content-box .btns .links a:hover { text-decoration: none;  background-color: #fff; color: #af8b23;  border: 2px solid #af8b23; padding: 8px 13px; }
.content-box .btns .links a.with-arrow { margin-right: 0; background-image: url('/bundles/androidwebsite/img/download-btn.png'); background-repeat: no-repeat; background-size: 35px; background-position: 0 center; padding-left: 35px; }
.content-box .btns .links a.with-arrow:hover {  margin-right: 0; background-image: url('/bundles/androidwebsite/img/download-btn-hover.png');}
.content-box .btns .social { }
.content-box .btns .social a { width: 35px; height: 35px; display: block; background-size: cover; float: left;}
.content-box .btns .social a img { display: none;}
.content-box .btns .social a:hover { text-decoration: none; border: 2px solid #af8b23; -webkit-border-radius: 50%;
-moz-border-radius: 50%; border-radius: 50%;}
.content-box .btns .social a.fb { background-image: url('/bundles/androidwebsite/img/social-fb.png'); margin-right: 5px;}
.content-box .btns .social a.tweet { background-image: url('/bundles/androidwebsite/img/social-twitter.png'); }
.content-box .btns .social a.fb:hover { background-image: url('/bundles/androidwebsite/img/social-fb-hover.png'); }
.content-box .btns .social a.tweet:hover { background-image: url('/bundles/androidwebsite/img/social-twitter-hover.png'); }
.content-box a.close-btn { width: 35px; height: 35px; position: fixed; top: 120px; z-index: 9999; background-image: url('/bundles/androidwebsite/img/close-btn.png'); background-size: cover; -webkit-transition: all 0.2s ; -moz-transition: all 0.2s ; -o-transition: all 0.2s  transition: all 0.2s ; }
.content-box a.close-btn:hover { background-image: url('/bundles/androidwebsite/img/close-btn-hover.png'); -webkit-transition: all 0.2s ; -moz-transition: all 0.2s ; -o-transition: all 0.2s ; transition: all 0.2s ;}
.beer-label { display: block; float: right; width:50px; height: 50px; background-size: 50px; margin-right: 10px; margin-bottom: 30px;}
.beer-label.belgianbeer { background-image: url('/bundles/androidwebsite/img/belgianbeer.jpg'); }
.beer-label.erkendbelgischabdijbier { background-image: url('/bundles/androidwebsite/img/erkendbelgischabdijbier.jpg'); }
.beer-label.authentictrapistproduct { background-image: url('/bundles/androidwebsite/img/authentictrappistproduct.jpg'); }
.beer-label.vlaamsstreekproduct { background-image: url('/bundles/androidwebsite/img/vlaamsstreekproduct.jpg'); }
.beer-label.belgianhops { background-image: url('/bundles/androidwebsite/img/belgianhop.jpg'); }
.beer-label.belgianfamilybrewers { background-image: url('/bundles/androidwebsite/img/belgianfamilybrewers.jpg'); }
.beer-label.bob { background-image: url('/bundles/androidwebsite/img/bob.jpg'); }
.beer-label.bga { background-image: url('/bundles/androidwebsite/img/bga.jpg'); }
.beer-label.gts { background-image: url('/bundles/androidwebsite/img/gts.jpg'); }



/* 
   BROUWERIJ DETAIL
--------------------------- */
.content-box.brewery { }
.content-box.brewery .img img { position: fixed; bottom: 25%; max-width: 28%; width: auto; max-height:50%; display: none;}
.content-box.brewery #map { margin-top: 30px; -webkit-transform: initial !important;}
.content-box.brewery #map .gm-style { z-index: auto !important;}

section.mainwrap #map {height: 200px;}

form { }
input[type="submit"] { color: #fff; background-color: #af8b23; padding: 10px 15px; margin-right: 10px; border: none;}
input[type="submit"]:hover { text-decoration: none;  background-color: #fff; color: #af8b23;  border: 2px solid #af8b23; padding: 8px 13px; }

/* 
   BROUWERIJ TIMELINE
--------------------------- */
#storyjs-timeline { }
#storyjs-timeline .content { }
#storyjs-timeline .content p { font-size: 12px !important; line-height: 14px !important; }
#storyjs-timeline .content h3 {line-height: 18px !important; }
#storyjs-timeline .flag-content { }
#storyjs-timeline .flag-content h3 { font-size: 12px !important;}
/* 
   TEXTPAGE
--------------------------- */
/* algemeen */
section.mainwrap > div#intro-img {height: 20%; position: relative; z-index: 1;}
section.mainwrap > div#text-content {padding-top: 40px; }
section.mainwrap > div#text-content h1 {color: #af8b23; font-size: 50px; font-family: 'latolight'; margin-bottom: 30px;  margin-top: 30px;}
section.mainwrap > div#text-content h1:first-child { margin-top: 0;}
section.mainwrap > div#text-content h2 {color: #af8b23; font-size: 21px; margin-bottom: 20px;}
section.mainwrap > div#text-content h3 {color: #af8b23; font-size: 16px; margin-bottom: 10px;}
section.mainwrap > div#text-content h4 {color: #af8b23; font-size: 14px; margin-bottom: 10px; font-style: italic;}
section.mainwrap > div#text-content a {color: #af8b23; text-decoration: underline;}
section.mainwrap > div#text-content ul {padding-left: 15px; margin-bottom: 30px; }
section.mainwrap > div#text-content a.fixed-img { position: fixed; width: 20%; }
section.mainwrap > div#text-content .img p, section.mainwrap > div#text-content .img li, section.mainwrap > div#text-content label, section.mainwrap > div#text-content .form-control {font-size: 12px;}
.specialwrap { background: #eee; font-size: 12px; padding: 10px 30px; margin-bottom: 30px;margin-top: 30px; }
.specialwrap h2 { margin-top: 5px; color: #af8b23; font-size: 21px; margin-bottom: 20px;}
.specialwrap h3 {color: #af8b23; font-size: 16px; margin-bottom: 10px;}
.specialwrap h4 {color: #af8b23; font-size: 14px; margin-bottom: 10px; font-style: italic;}
.specialwrap a {color: #af8b23; text-decoration: underline;}

section.mainwrap > div#text-content .btns { margin-top: 20px; margin-bottom: 20px; }
section.mainwrap > div#text-content .btns .links { padding-left: 0; margin-top: 8px;}
section.mainwrap > div#text-content .btns .links a { color: #fff; background-color: #af8b23; padding: 10px 15px; margin-right: 10px; text-decoration: none;}
section.mainwrap > div#text-content .btns .links a:hover { text-decoration: none;  background-color: #fff; color: #af8b23;  border: 2px solid #af8b23; padding: 8px 13px; }
section.mainwrap > div#text-content .btns .links a.with-arrow { margin-right: 0; background-image: url('/bundles/androidwebsite/img/download-btn.png'); background-repeat: no-repeat; background-size: 35px; background-position: 0 center; padding-left: 35px; }
section.mainwrap > div#text-content .btns .links a.with-arrow:hover {  margin-right: 0; background-image: url('/bundles/androidwebsite/img/download-btn-hover.png');}

section.mainwrap > div#text-content ul.rabbithole { -webkit-padding-start: 0; position: fixed; background-color:#fff;}
section.mainwrap > div#text-content ul.rabbithole li {float: left; list-style: none; color: #af8b23; margin-right: 3px;}
section.mainwrap > div#text-content ul.rabbithole li:nth-child(2){ margin-left: 1px; }
section.mainwrap > div#text-content ul.rabbithole li a {color: #af8b23; font-size: 11px; font-family: 'latolight'; text-decoration: none;}
section.mainwrap > div#text-content ul.rabbithole li a span{ text-transform: uppercase; font-family: 'latobold';  }

section.mainwrap > div#text-content .blok.corp .imgLiquidFill { height: 150px;position: relative; cursor: pointer; margin-bottom: 30px; }
section.mainwrap > div#text-content .blok.corp a { margin: 0; padding-bottom: 20px; background-color: #fff; color: #af8b23; border-bottom: 1px solid #af8b23; position: relative; display: block; font-size: 20px; width: 100%; text-align: center; margin-bottom: 20px; text-decoration: none; }
section.mainwrap > div#text-content .blok.corp img.open-icon { display: block !important; position: absolute; top: 50%; left: 50%; margin-top: -50px; margin-left: -50px; opacity: 0.8; filter: alpha(opacity=80); }
section.mainwrap > div#text-content .blok.corp .overlay { position: absolute; top: 0; left: 0; z-index: 0;
   background-color:rgba(175, 139, 35, 0.7); width: 100%; height: 100%; display: none; zoom: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#7FAF8B23,endColorstr=#7FAF8B23)"; /* IE8 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7FAF8B23,endColorstr=#7FAF8B23);   /* IE6 & 7 */ }

/* onzebieren - masterbeers */
section.mainwrap > div#text-content.bieren.corp .content-box.onzebieren .img { position: relative; }
section.mainwrap > div#text-content.bieren.corp .content-box.onzebieren .img img { position: fixed; bottom: 100px; max-width: 12%; width: auto; max-height: 75%; display: none;}

section.mainwrap > div#text-content .blok.corp.beer { margin-bottom: 30px; }
section.mainwrap > div#text-content .blok.corp.beer .imgLiquidFill { height: 250px; background-size: contain !important; margin-bottom: 0;}
section.mainwrap > div#text-content .blok.corp.beer .master-detail { display: none; }
section.mainwrap > div#text-content .blok.corp.beer  ul li {text-align: center; list-style: none;}
section.mainwrap > div#text-content .blok.corp.beer  a { margin: 0; padding: 0; border-bottom: none; border-top: 1px solid #af8b23; padding-top: 10px;}

/* corporate - pers */
section.mainwrap > div#text-content .pers-row { border-bottom: 1px solid #af8b23; padding-top: 15px; padding-bottom: 15px; cursor: pointer;}
section.mainwrap > div#text-content .pers-row  h2 { font-size: 14px; margin: 0; font-weight: 100;}
section.mainwrap > div#text-content .pers-row .date { font-style: italic; font-size: 12px; text-align: center; }
section.mainwrap > div#text-content .pers-row .content { display: none; margin-top: 30px;}
section.mainwrap > div#text-content .pers-row .content strong { font-weight: 700; }

/* foodpairing - gastronomie */
section.mainwrap > div#text-content.gastronomie .blok.corp p { display: none; color: #fff; position: relative; z-index: 1; text-align: center; padding-top: 40px; }
section.mainwrap > div#text-content.gastronomie .blok.corp:hover a {  text-decoration: none; }
section.mainwrap > div#text-content.gastronomie .blok.corp:hover p { display: block; }
section.mainwrap > div#text-content.gastronomie .blok.corp:hover .overlay { display: block; }
section.mainwrap > div#text-content.gastronomie .infobox { background: #eee; padding: 0 30px;}
section.mainwrap > div#text-content.gastronomie .recept { margin-bottom: 20px; background: #eee; }
section.mainwrap > div#text-content.gastronomie .recept h3 { padding-bottom: 20px;  border-bottom: 1px solid #af8b23; text-align: center; margin-bottom: 20px;  }
section.mainwrap > div#text-content.gastronomie .recept p { padding: 0 10px; text-align: left;}
section.mainwrap > div#text-content.gastronomie .recept span { font-size: 12px; font-style: italic;}
section.mainwrap > div#text-content.gastronomie ul.filter { list-style: none; -webkit-padding-start: 0px; }
section.mainwrap > div#text-content.gastronomie ul.filter li { padding: 10px 0; color: #eee; border-bottom: 1px solid #af8b23; position: relative; font-size: 16px; text-align: center; cursor: pointer; }
section.mainwrap > div#text-content.gastronomie ul.filter li.active { color: #af8b23;}

section.mainwrap > div#text-content.gastronomie a.btn { background-color: #af8b23; color:white; text-decoration: none; padding:15px 20px; margin:10px 0; text-transform: uppercase; border:2px solid white;} 
section.mainwrap > div#text-content.gastronomie a.btn:hover { background-color: white; color:#af8b23; text-decoration: underline; border:2px solid #af8b23;}
/* foodpairing - schenken */
section.mainwrap > div#text-content .blok.corp.schenk-optie .imgLiquidFill { height: 720px; }
section.mainwrap > div#text-content .blok.corp.schenk-optie h1 { text-align: center; padding-bottom: 20px;}
section.mainwrap > div#text-content .blok.corp.schenk-optie.active h1 { border-bottom: 1px solid #af8b23; }

section.mainwrap > div#text-content #tappenenserveren, section.mainwrap > div#text-content #schenkenenserveren {
display: none;
}

/* foodpairing - matrix */
section.mainwrap > div#text-content #pairing-filter {margin-top:30px; margin-bottom: 30px;}
section.mainwrap > div#text-content #pairing-filter .legende-box { padding: 5px 0; margin-top: 62px; text-align: center; background-color: rgba(175, 139, 35, 0.3);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#7FAF8B23,endColorstr=#7FAF8B23)"; /* IE8 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7FAF8B23,endColorstr=#7FAF8B23); }
section.mainwrap > div#text-content #pairing-filter .legende-box > img { margin-left: 15px; margin-right: 5px;}

section.mainwrap > div#text-content #pairing-wrap { padding: 20px 0; margin-left: 15px;}
section.mainwrap > div#text-content #pairing-wrap .isotope-item { height: 95px; margin-bottom: 30px; }
section.mainwrap > div#text-content #pairing-wrap .isotope-item .imgLiquidFill{ height: 100%; }
section.mainwrap > div#text-content #pairing-wrap .isotope-item .label { position: absolute; top: 0; left: 0; color:#af8b23; border-bottom: 1px solid #af8b23; width: 60%; text-align: left;}
section.mainwrap > div#text-content #pairing-wrap .isotope-item .label img { margin-bottom:20px; }
section.mainwrap > div#text-content #pairing-wrap .isotope-item .label p { max-width: 50%; line-height: 12px; margin: 0; }

/* foodpairing - ambassadors */
section.mainwrap > div#text-content .blok.corp.ambassador { margin-bottom: 0px; }
section.mainwrap > div#text-content .blok.corp.ambassador h2 { font-size: 18px; margin-top: 0;}
section.mainwrap > div#text-content .blok.corp.ambassador a {border:none; font-size: 14px; display: inline;}
section.mainwrap > div#text-content .blok.corp.ambassador .imgLiquidFill { height: 175px; }
section.mainwrap > div#text-content .blok.corp.ambassador .imgLiquidFill a { height: 100%; width: 100%; background: none; }

/* arrangementen - eventlocaties */
section.mainwrap > div#text-content #palm.optie, section.mainwrap > div#text-content #rodenbach.optie { display: none; }
section.mainwrap > div#text-content #palm.optie .row, section.mainwrap > div#text-content #rodenbach.optie .row { margin-top: 20px; margin-bottom: 20px; }

/* professioneel - immo */
section.mainwrap > div#text-content .immo-list { border-bottom: 1px solid #af8b23; }
section.mainwrap > div#text-content .blok.corp.immo { margin-bottom: 0px; }
section.mainwrap > div#text-content .blok.corp.immo .imgLiquidFill { height: 125px; }
section.mainwrap > div#text-content .blok.corp.immo .imgLiquidFill a { height: 100%; width: 100%; background: none; }

/* erfgoed - kasteel */
section.mainwrap > div#text-content.erfgoed #adelijk p { font-size: 11px;}
section.mainwrap > div#text-content.erfgoed #bouwfasen.keuze .row { margin-top: 20px; margin-bottom: 20px; min-height: 0;}
section.mainwrap > div#text-content.erfgoed #bouwfasen.keuze .row h3 { margin-top: 0px; }

/* erfgoed - stoeterij */
section.mainwrap > div#text-content.erfgoed .blok.corp.keuze-optie:hover { opacity: 1 !important; filter: alpha(opacity=100) !important;}
section.mainwrap > div#text-content.erfgoed .keuze .row { margin-top: 20px; margin-bottom: 20px; min-height: 200px;}
section.mainwrap > div#text-content a.fancybox { overflow: hidden;max-height: 300px; display: block; border: 1px solid;
box-shadow: 0px 0px 5px 0px #888888; -webkit-box-shadow: 0px 0px 5px 0px #888888; -moz-box-shadow: 0px 0px 5px 0px #888888; -o-box-shadow: 0px 0px 5px 0px #888888;}

/* contact - vacatures */
section.mainwrap > div#text-content.vacatures { }
section.mainwrap > div#text-content.vacatures ul.sollicitatie-type { list-style: none; margin-top: 20px; -webkit-padding-start: 0px; }
section.mainwrap > div#text-content.vacatures ul.sollicitatie-type li { padding: 20px 0; color: #af8b23; border-bottom: 1px solid #af8b23; position: relative; font-size: 16px; text-align: center; cursor: pointer; }

section.mainwrap > div#text-content.vacatures .sollicitatieform { display: none;}
section.mainwrap > div#text-content.vacatures .sollicitatieform.active { display: block;}

/* 
   CUSTOM SCROLLER
--------------------------- */
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar  { background-color:  #af8b23 !important; -webkit-border-radius: 0px;
-moz-border-radius: 0px; border-radius: 0px; width: 10px; }
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { width: 15px; }
.mCSB_scrollTools .mCSB_draggerRail { background-color: #eee; width: 5px;}

/* 
   FOOTER
--------------------------- */
footer { position: fixed; bottom: 0; width: 100%; height: 60px; z-index: 8000;}
footer.active {  height: 120px; }
footer ul, footer ul li  { list-style: none; -webkit-padding-start: 0;}

footer .footer-top { background-color: #af8b23; height: 60px; padding: 0 50px; position: relative; }
footer .footer-top ul { }
footer .footer-top ul li { float: left; width: 11.1%; margin-top: 15px; text-align: center; }
footer .footer-top ul li:last-child { margin-right:0; }
footer .footer-top ul li > a { color: #fff; text-transform: uppercase; font-size: 12px;  }
footer .footer-top ul li > a:hover, footer ul li > a:focus { color: #fff; text-decoration: none; }
footer .footer-top ul > a { display: block;float: left;width: 11.1%;margin-top: 17px;text-align: center;color: #fff;text-transform: uppercase;font-size: 12px; text-decoration: none;}
footer .footer-top ul > a:hover { text-decoration: none;}
footer .footer-top ul li{	position: relative; }
footer .footer-top ul li:hover, footer .footer-top ul li.mi-selected {color: #000; }
footer .footer-top ul li.mi-selected:after, footer .footer-top ul li.mi-selected:before {
	content: ''; position: absolute;top: 25px;border: solid transparent;	height: 0;width: 0;	position: absolute;pointer-events: none;}
footer .footer-top ul li.mi-selected:after {border-color: transparent;border-bottom-color: #fff;border-width: 10px;left: 50%;margin-left: -10px; }

footer .open-close { position: absolute; top: 0px; left: 0px; cursor: pointer; display: none; padding: 20px 30px; }
footer.active .open-close  { display: block;}

.mi-slider {position: relative;	margin-top: 30px;height: 80px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.mi-slider ul {	list-style-type: none;	position: absolute;	left: 0; top: -30px; text-align: center; pointer-events: none; width: 100%;  }
.mi-slider ul.mi-current {	pointer-events: auto; width: 100%;  background: #fff;}
.mi-slider ul li {	float: left; padding: 20px; width: 16.5% !important;
	-webkit-transform: translateX(600%);	transform: translateX(600%);	-webkit-transition: opacity 0.2s linear;	transition: opacity 0.2s linear; }
.mi-slider ul li a {outline: none;	cursor: pointer; color:#af8b23; font-size: 14px; }
.mi-slider ul li.active a, .mi-slider ul li:hover a { text-decoration: none; border-bottom: 1px solid #af8b23; padding-bottom: 5px;}


/* Move classes and animations */
.mi-slider ul:first-child li, .no-js .mi-slider ul li {	-webkit-animation: scaleUp 350ms ease-in-out both;	animation: scaleUp 350ms ease-in-out both; }

@-webkit-keyframes scaleUp {
	0% { -webkit-transform: translateX(0) scale(0); }
	100% { -webkit-transform: translateX(0) scale(1); }
}

@keyframes scaleUp {
	0% { transform: translateX(0) scale(0); }
	100% { transform: translateX(0) scale(1); }
}

.mi-slider ul:first-child li:first-child {	-webkit-animation-delay: 90ms;	animation-delay: 90ms; }
.mi-slider ul:first-child li:nth-child(2) {	-webkit-animation-delay: 180ms;	animation-delay: 180ms; }
.mi-slider ul:first-child li:nth-child(3) {	-webkit-animation-delay: 270ms;	animation-delay: 270ms; }
.mi-slider ul:first-child li:nth-child(4) {	-webkit-animation-delay: 360ms;	animation-delay: 360ms; }
.mi-slider ul:first-child li:nth-child(5) {	-webkit-animation-delay: 450ms;	animation-delay: 450ms; }
.mi-slider ul:first-child li:nth-child(6) {	-webkit-animation-delay: 540ms;	animation-delay: 540ms; }
.mi-slider ul:first-child li:nth-child(7) {	-webkit-animation-delay: 650ms;	animation-delay: 650ms; }


/* moveFromRight */
.mi-slider ul.mi-moveFromRight li {	-webkit-animation: moveFromRight 350ms ease-in-out both;	animation: moveFromRight 350ms ease-in-out both; }

/* moveFromLeft */
.mi-slider ul.mi-moveFromLeft li {	-webkit-animation: moveFromLeft 350ms ease-in-out both;	animation: moveFromLeft 350ms ease-in-out both; }

/* moveToRight */
.mi-slider ul.mi-moveToRight li { -webkit-animation: moveToRight 350ms ease-in-out both; animation: moveToRight 350ms ease-in-out both; }

/* moveToLeft */
.mi-slider ul.mi-moveToLeft li { -webkit-animation: moveToLeft 350ms ease-in-out both; animation: moveToLeft 350ms ease-in-out both; }

/* Animation Delays */
.mi-slider ul.mi-moveToLeft li:first-child,
.mi-slider ul.mi-moveFromRight li:first-child,
.mi-slider ul.mi-moveToRight li:nth-child(6),
.mi-slider ul.mi-moveFromLeft li:nth-child(6) {	-webkit-animation-delay: 0ms; animation-delay: 0ms; }

.mi-slider ul.mi-moveToLeft li:nth-child(2),
.mi-slider ul.mi-moveFromRight li:nth-child(2),
.mi-slider ul.mi-moveToRight li:nth-child(3),
.mi-slider ul.mi-moveFromLeft li:nth-child(3) {	-webkit-animation-delay: 90ms; animation-delay: 90ms; }

.mi-slider ul.mi-moveToLeft li:nth-child(3),
.mi-slider ul.mi-moveFromRight li:nth-child(3),
.mi-slider ul.mi-moveToRight li:nth-child(2),
.mi-slider ul.mi-moveFromLeft li:nth-child(2) {	-webkit-animation-delay: 180ms;	animation-delay: 180ms; }

.mi-slider ul.mi-moveToLeft li:nth-child(4),
.mi-slider ul.mi-moveFromRight li:nth-child(4),
.mi-slider ul.mi-moveToRight li:nth-child(5),
.mi-slider ul.mi-moveFromLeft li:nth-child(5) {	-webkit-animation-delay: 270ms; animation-delay: 270ms; }

.mi-slider ul.mi-moveToLeft li:nth-child(5),
.mi-slider ul.mi-moveFromRight li:nth-child(5),
.mi-slider ul.mi-moveToRight li:nth-child(4),
.mi-slider ul.mi-moveFromLeft li:nth-child(4) {	-webkit-animation-delay: 360ms; animation-delay: 360ms; }

.mi-slider ul.mi-moveToLeft li:nth-child(6),
.mi-slider ul.mi-moveFromRight li:nth-child(6),
.mi-slider ul.mi-moveToRight li:first-child,
.mi-slider ul.mi-moveFromLeft li:first-child { -webkit-animation-delay: 450ms; animation-delay: 450ms; }

/* Animations */
@-webkit-keyframes moveFromRight {
	0% { -webkit-transform: translateX(600%); }
	100% { -webkit-transform: translateX(0%); }
}

@-webkit-keyframes moveFromLeft {
	0% { -webkit-transform: translateX(-600%); }
	100% { -webkit-transform: translateX(0%); }
}

@-webkit-keyframes moveToRight {
	0% { -webkit-transform: translateX(0%); }
	100% { -webkit-transform: translateX(600%); }
}

@-webkit-keyframes moveToLeft {
	0% { -webkit-transform: translateX(0%); }
	100% { -webkit-transform: translateX(-600%); }
}

@keyframes moveFromRight {
	0% { transform: translateX(600%); }
	100% { transform: translateX(0); }
}

@keyframes moveFromLeft {
	0% { transform: translateX(-600%); }
	100% { transform: translateX(0); }
}

@keyframes moveToRight {
	0% { transform: translateX(0%); }
	100% { transform: translateX(600%); }
}

@keyframes moveToLeft {
	0% { transform: translateX(0%); }
	100% { transform: translateX(-600%); }
}

/* Forms */

.form-control {
   /*border-radius: 0;*/
}

.form-control:focus {
   outline: none !important;
   border: 2px solid #AF8B23;
   box-shadow: none;
}

.form-control.checkbox-box {
   height: auto;
}

input[type="radio"], input[type="checkbox"] {
   margin: 4px 4px 0;
   float: left;
}

form img {margin-right:20px; margin-bottom:0px;}

input#android_websitebundle_visit_captcha,
input#android_websitebundle_application_captcha,
input#android_websitebundle_sponsorship_captcha {
   height: 34px;
   padding: 6px 12px;
   font-size: 14px;
   line-height: 1.428571429;
   color: #555;
   vertical-align: middle;
   background-color: #fff;
   border: 1px solid #ccc;
   border-radius: 4px;
   -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
   box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
   -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
   transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
   width: 50%;
}

input#android_websitebundle_application_captcha, input#android_websitebundle_sponsorship_captcha {width: 25%}

input#android_websitebundle_visit_captcha:focus,
input#android_websitebundle_application_captcha:focus,
input#android_websitebundle_sponsorship_captcha:focus {
   outline: none !important;
   border: 2px solid #AF8B23;
   box-shadow: none;
}

/*---------- Algemene aankoopvoorwaarden -------*/
table.voorwaarden tr td {vertical-align: top;}
table.voorwaarden tr td.bold {font-weight: bold;}
table.voorwaarden tr td ul {margin-bottom:0px !important;}


.ot-container--iframe {
   min-height: 100vh;
}