/*
Theme Name: Escape Room Maasmechelen
Theme URI:
Description: theme by SixtyThree.
Author: SixtyThree
Author URI:
Version: 6.3
Tags: SixtyThree framework
.
Copyrighted work.
.
*/

/*!
 * SlickNav Responsive Mobile Menu v1.0.10
 * (c) 2016 Josh Cope
 * licensed under MIT
 */
.slicknav_btn {
	position:relative;
	display:block;
	vertical-align:middle;
	float:right;
	padding:.438em .625em;
	line-height:1.125em;
	cursor:pointer;
}

.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar {
	margin-top:5px;
}

.slicknav_menu {
	*zoom:1;
}

.slicknav_menu .slicknav_menutxt {
	display:block;
	line-height:1.188em;
	float:left;
}

.slicknav_menu .slicknav_icon {
	float:left;
	width:1.125em;
	height:.875em;
	margin:.188em 0 0 .438em;
}

.slicknav_menu .slicknav_icon:before {
	background:transparent;
	width:1.125em;
	height:.875em;
	display:block;
	content:"";
	position:absolute;
}

.slicknav_menu .slicknav_no-text {
	margin:0;
}

.slicknav_menu .slicknav_icon-bar {
	display:block;
	width:25px;
	height:3px;
	-webkit-border-radius:1px;
	-moz-border-radius:1px;
	border-radius:1px;
	-webkit-box-shadow:0 1px 0 rgba(0,0,0,0.25);
	-moz-box-shadow:0 1px 0 rgba(0,0,0,0.25);
	box-shadow:0 1px 0 rgba(0,0,0,0.25);
}

.slicknav_menu:before {
	content:" ";
	display:table;
}

.slicknav_menu:after {
	content:" ";
	display:table;
	clear:both;
}

.slicknav_nav {
	clear:both;
}

.slicknav_nav ul {
	display:block;
}

.slicknav_nav li {
	display:block;
}

.slicknav_nav .slicknav_arrow {
	font-size:.8em;
	margin:0 0 0 .4em;
}

.slicknav_nav .slicknav_item {
	cursor:pointer;
}

.slicknav_nav .slicknav_item a {
	display:inline;
}

.slicknav_nav .slicknav_row {
	display:block;
}

.slicknav_nav a {
	display:block;
}

.slicknav_nav .slicknav_parent-link a {
	display:inline;
}

.slicknav_brand {
	float:left;
}

.slicknav_menu {
	box-sizing:border-box;
	background:#620000;
	padding:5px;
	position: fixed;
	left: 0; top: 0;
	width: 100%;
	z-index: 9999;
	display: none;
}

.slicknav_menu * {
	box-sizing:border-box;
}

.slicknav_menu .slicknav_menutxt {
	color:#fff;
	font-weight:700;
	text-shadow:0 1px 3px #000;
}

.slicknav_menu .slicknav_icon-bar {
	background-color:#fff;
}

.slicknav_btn {
	margin:5px 5px 6px;
	margin-right: 15px;
}

.slicknav_nav {
	color:#fff;
	margin:0;
	padding:0;
	font-size:.875em;
	list-style:none;
	overflow:hidden;
}

.slicknav_nav ul {
	list-style:none;
	overflow:hidden;
	padding:0;
	margin:0 0 0 20px;
}

.slicknav_nav .slicknav_row {
	padding:5px 10px;
	margin:2px 5px;
}

.slicknav_nav .slicknav_row:hover {
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
	background:#ccc;
	color:#fff;
}

.slicknav_nav a {
	padding:5px 10px;
	margin:2px 5px;
	text-decoration:none;
	color:#fff;
}

.slicknav_nav a:hover {
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
	background:#ccc;
	color:#222;
}

.slicknav_nav .slicknav_txtnode {
	margin-left:15px;
}

.slicknav_nav .slicknav_item a {
	padding:0;
	margin:0;
}

.slicknav_nav .slicknav_parent-link a {
	padding:0;
	margin:0;
}

.slicknav_brand {
	color:#fff;
	font-size:18px;
	line-height:30px;
	padding:7px 12px;
	height:44px;
}

.picker{font-size:16px;text-align:left;line-height:1.2;color:#000;position:absolute;z-index:10000;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.picker__input{cursor:default}.picker__input.picker__input--active{border-color:#0089ec}.picker__holder{width:100%;overflow-y:auto;-webkit-overflow-scrolling:touch;position:fixed;transition:background .15s ease-out,-webkit-transform 0s .15s;transition:background .15s ease-out,transform 0s .15s;-webkit-backface-visibility:hidden}/*!
 * Default mobile-first, responsive styling for pickadate.js
 * Demo: http://amsul.github.io/pickadate.js
 */.picker__frame,.picker__holder{top:0;bottom:0;left:0;right:0;-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%)}.picker__frame{position:absolute;margin:0 auto;min-width:256px;max-width:666px;width:100%;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-moz-opacity:0;opacity:0;transition:all .15s ease-out}.picker__wrap{display:table;width:100%;height:100%}@media (min-height:33.875em){.picker__frame{overflow:visible;top:auto;bottom:-100%;max-height:80%}.picker__wrap{display:block}}.picker__box{background:#fff;display:table-cell;vertical-align:middle}@media (min-height:26.5em){.picker__box{font-size:1.25em}}@media (min-height:33.875em){.picker__box{display:block;font-size:1.33em;border:1px solid #777;border-top-color:#898989;border-bottom-width:0;border-radius:5px 5px 0 0;box-shadow:0 12px 36px 16px rgba(0,0,0,.24)}}@media (min-height:40.125em){.picker__frame{margin-bottom:7.5%}.picker__box{font-size:1.5em;border-bottom-width:1px;border-radius:5px}}.picker--opened .picker__holder{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);zoom:1;background:rgba(0,0,0,.32);transition:background .15s ease-out}.picker--opened .picker__frame{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);-moz-opacity:1;opacity:1}@media (min-height:33.875em){.picker--opened .picker__frame{top:auto;bottom:0}}

.picker__footer,.picker__header,.picker__table{text-align:center}.picker__day--highlighted,.picker__select--month:focus,.picker__select--year:focus{border-color:#0089ec}.picker__box{padding:0 1em}.picker__header{position:relative;margin-top:.75em}.picker__month,.picker__year{font-weight:500;display:inline-block;margin-left:.25em;margin-right:.25em}.picker__year{color:#999;font-size:.8em;font-style:italic}.picker__select--month,.picker__select--year{border:1px solid #b7b7b7;height:2em;padding:.5em;margin-left:.25em;margin-right:.25em}.picker__select--month{width:35%}.picker__select--year{width:22.5%}.picker__nav--next,.picker__nav--prev{position:absolute;padding:.5em 1.25em;width:1em;height:1em;box-sizing:content-box;top:-.25em}.picker__nav--prev{left:-1em;padding-right:1.25em}.picker__nav--next{right:-1em;padding-left:1.25em}@media (min-width:24.5em){.picker__select--month,.picker__select--year{margin-top:-.5em}.picker__nav--next,.picker__nav--prev{top:-.33em}.picker__nav--prev{padding-right:1.5em}.picker__nav--next{padding-left:1.5em}}.picker__nav--next:before,.picker__nav--prev:before{content:" ";border-top:.5em solid transparent;border-bottom:.5em solid transparent;border-right:.75em solid #000;width:0;height:0;display:block;margin:0 auto}.picker__nav--next:before{border-right:0;border-left:.75em solid #000}.picker__nav--next:hover,.picker__nav--prev:hover{cursor:pointer;color:#000;background:#b1dcfb}.picker__nav--disabled,.picker__nav--disabled:before,.picker__nav--disabled:before:hover,.picker__nav--disabled:hover{cursor:default;background:0 0;border-right-color:#f5f5f5;border-left-color:#f5f5f5}.picker--focused .picker__day--highlighted,.picker__day--highlighted:hover,.picker__day--infocus:hover,.picker__day--outfocus:hover{color:#000;cursor:pointer;background:#b1dcfb}.picker__table{border-collapse:collapse;border-spacing:0;table-layout:fixed;font-size:inherit;width:100%;margin-top:.75em;margin-bottom:.5em}@media (min-height:33.875em){.picker__table{margin-bottom:.75em}}.picker__table td{margin:0;padding:0}.picker__weekday{width:14.285714286%;font-size:.75em;padding-bottom:.25em;color:#999;font-weight:500}@media (min-height:33.875em){.picker__weekday{padding-bottom:.5em}}.picker__day{padding:.3125em 0;font-weight:200;border:1px solid transparent}.picker__day--today{position:relative}.picker__day--today:before{content:" ";position:absolute;top:2px;right:2px;width:0;height:0;border-top:.5em solid #af1829;border-left:.5em solid transparent}.picker__day--disabled:before{border-top-color:#aaa}.picker__day--outfocus{color:#ddd}.picker--focused .picker__day--selected,.picker__day--selected,.picker__day--selected:hover{background:#0089ec;color:#fff}.picker--focused .picker__day--disabled,.picker__day--disabled,.picker__day--disabled:hover{background:#f5f5f5;border-color:#f5f5f5;color:#ddd;cursor:default}.picker__day--highlighted.picker__day--disabled,.picker__day--highlighted.picker__day--disabled:hover{background:#bbb}.picker__button--clear,.picker__button--close,.picker__button--today{border:1px solid #fff;background:#fff;font-size:.8em;padding:.66em 0;font-weight:700;width:33%;display:inline-block;vertical-align:bottom}.picker__button--clear:hover,.picker__button--close:hover,.picker__button--today:hover{cursor:pointer;color:#000;background:#b1dcfb;border-bottom-color:#b1dcfb}.picker__button--clear:focus,.picker__button--close:focus,.picker__button--today:focus{background:#b1dcfb;border-color:#0089ec;outline:0}.picker__button--clear:before,.picker__button--close:before,.picker__button--today:before{position:relative;display:inline-block;height:0}.picker__button--clear:before,.picker__button--today:before{content:" ";margin-right:.45em}.picker__button--today:before{top:-.05em;width:0;border-top:.66em solid #0059bc;border-left:.66em solid transparent}.picker__button--clear:before{top:-.25em;width:.66em;border-top:3px solid #e20}.picker__button--close:before{content:"\D7";top:-.1em;vertical-align:top;font-size:1.1em;margin-right:.35em;color:#777}.picker__button--today[disabled],.picker__button--today[disabled]:hover{background:#f5f5f5;border-color:#f5f5f5;color:#ddd;cursor:default}.picker__button--today[disabled]:before{border-top-color:#aaa}

.picker--focused .picker__list-item--highlighted,.picker__list-item--highlighted:hover,.picker__list-item:hover{background:#b1dcfb;cursor:pointer;color:#000}.picker__list{list-style:none;padding:.75em 0 4.2em;margin:0}.picker__list-item{border-bottom:1px solid #ddd;border-top:1px solid #ddd;margin-bottom:-1px;position:relative;background:#fff;padding:.75em 1.25em}@media (min-height:46.75em){.picker__list-item{padding:.5em 1em}}.picker__list-item--highlighted,.picker__list-item:hover{border-color:#0089ec;z-index:10}.picker--focused .picker__list-item--selected,.picker__list-item--selected,.picker__list-item--selected:hover{background:#0089ec;color:#fff;z-index:10}.picker--focused .picker__list-item--disabled,.picker__list-item--disabled,.picker__list-item--disabled:hover{background:#f5f5f5;color:#ddd;cursor:default;border-color:#ddd;z-index:auto}.picker--time .picker__button--clear{display:block;width:80%;margin:1em auto 0;padding:1em 1.25em;background:0 0;border:0;font-weight:500;font-size:.67em;text-align:center;text-transform:uppercase;color:#666}.picker--time .picker__button--clear:focus,.picker--time .picker__button--clear:hover{background:#e20;border-color:#e20;cursor:pointer;color:#fff;outline:0}.picker--time .picker__button--clear:before{top:-.25em;color:#666;font-size:1.25em;font-weight:700}.picker--time .picker__button--clear:focus:before,.picker--time .picker__button--clear:hover:before{color:#fff;border-color:#fff}.picker--time .picker__frame{min-width:256px;max-width:320px}.picker--time .picker__box{font-size:1em;background:#f2f2f2;padding:0}@media (min-height:40.125em){.picker--time .picker__box{margin-bottom:5em}}

html, body{
	width: 100%; height: 100%;
}
body{
	background: #280000;
	color: #fff;
	font-family: "proxima-nova",sans-serif;
	font-weight: normal;
}
h1, h2{
	font-family: "Raleway",sans-serif;
	margin-bottom: 30px;
}
h2{
	font-size: 3.5em;
	text-transform: uppercase;
}
h3{
	font-size: 2em;
	font-family: "Raleway",sans-serif;
	margin-bottom: 20px;
	margin-top: 20px;
	font-weight: bold;
}
h3.room{
	background: #fafafa;
	color: #646464;
	text-align: center;
	padding: 10px;
	margin: 0;
}
a{
	-webkit-transition: 1s cubic-bezier(0.19, 1, 0.22, 1);
    -moz-transition: 1s cubic-bezier(0.19, 1, 0.22, 1);
    -ms-transition: 1s cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: 1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: 1s cubic-bezier(0.19, 1, 0.22, 1);
	color: #fff;
}
ul, li{
	list-style: none;
	padding: 0;
	margin: 0;
}
p{
	margin-bottom: 20px;
}
a:visited{
	color: #fff;
	text-decoration: none;
}
a:hover, a:focus{
	color: #000;
	text-decoration: none;
}
a:active{
	color: #000;
	text-decoration: none;
}
select{
	-webkit-appearance: none;
	appearance: none;
}
.t-center{
	display: table;
	height: 100%;
}
.v-center{
	display: table-cell;
	vertical-align: middle;
	width: 100%; height: 100%;
}
input, textarea, select{
	width: 100%;
	padding: 15px 35px;
	border: 2px solid #fff;
	color: #fff;
	text-transform: uppercase;
	background: transparent;
	border-radius: 0;
	-webkit-transition: 1s cubic-bezier(0.19, 1, 0.22, 1);
    -moz-transition: 1s cubic-bezier(0.19, 1, 0.22, 1);
    -ms-transition: 1s cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: 1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: 1s cubic-bezier(0.19, 1, 0.22, 1);
	background: transparent;
}

input[type=radio], input[type=radio]{
	width: auto;
}
textarea{
	resize: none;
}
.container-fluid{
	padding: 0;
}
.button{
	display: inline-block;
	padding: 15px 35px;
	background: #620000;
	color: #fff;
	width: auto;
	border: 1px solid transparent;
	text-transform: uppercase;
	font-weight: bold;
}
.button.lined{
	background: transparent;
	border: 1px solid #fff;
	color: #fff;
	margin-right: 20px;
}
.button.lined:hover{
	background: #fff;
	color: #af1829;
}
.button.lined.colored{
	border: 1px solid #620000;
	color: #620000;
}
.button.lined.icon:hover{
	background: #af1829;
	color: #fff;
}
.button:hover, .button:focus, .button:active, .button:visited{
	background: #8f0e1d;
	color: #fff;
}
.button.icon img{
	width: 15px;
	position: relative;
	top: -2px;
	display: inline-block;
	margin-right: 10px;
}
.row-centered {
    text-align:center;
}
.col-centered {
    display:inline-block;
    float:none;
}
header[role="banner"]{
	position: absolute;
	z-index: 9999;
	left: 0; bottom: 0;
	width: 100%;
	background: #620000;
	box-shadow: 0px 0px 15px rgba(0,0,0, .4);
}
.branding{
	position: absolute;
	top: 30px; right: 50px;
	display: block;
	width: 400px;
	z-index: 10;
}
.branding img{
	display: block;
	width: 100%;
	height: auto;
}
.hoofdmenu {
	text-align: center;
}
.hoofdmenu ul li {
	display: inline-block;
	margin-left: -4px;
}

.hoofdmenu ul li a {
    padding: 33px;
    display: block;
    background: transparent;
}
.hoofdmenu ul li a:hover{
	background: #8f0e1d;
	color: #fff;
}
.hoofdmenu ul li:last-child a{
	background: #8f0e1d;
	font-weight: bold;
}
.hoofdmenu ul li.current-menu-item a{
	background-color: #280000;
	font-weight: bold;
}
#home{
	position: relative;
	overflow: hidden;
	width: 100%; height: 100vh;
	/*text-align: center;*/
	background-position: center;
    background-attachment: fixed;
    background-repeat: no-repeat;
}
#home .button.top-left{
	position: absolute;
	left: 15px; top: 5px;
	z-index: 10;
}
#home.page{
	height: 500px;
	background: url("images/home.jpg") 0px 650px;
	background-attachment: fixed;
}
#home h1{
	color: #fff;
	font-size: 3em;
	margin-bottom: 10px;
}

.intro-block {
	padding-left: 50px;
	border-bottom: 5px solid #620000;
}
b{
	color: #af1829;
	pointer-events: none;
	-webkit-pointer-events:none;
	-webkit-user-select: none; /* Chrome/Safari */
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+ */
	-o-user-select: none;
	user-select: none;
}
#home p{
	color: #fff;
	font-size: 1.25em;
	margin-bottom: 20px;
	font-style: italic;
}

#home .button {
	float: right;
    margin-top: 20px;
}
#carousel{
	width: 100%; height: 100%;
	position: absolute;
	left: 0; top: 0;
	z-index: -1;
}
#home #scroll{
    display: block;
    position: absolute;
    bottom: 20px;
    left: 50%;
    margin-left: -17.5px;
    width: 35px;
    -webkit-animation: down 2s infinite;
    animation: down 2s infinite;
}
@keyframes down {
	0% { transform:translateY(0px) }
	50% { transform:translateY(-10px) }
	100% { transform:translateY(0px) }
}
@-webkit-keyframes down {
	0% { -webkit-transform:translateY(0px) }
	50% { -webkit-transform:translateY(-10px) }
	100% { -webkit-transform:translateY(0px) }
}
.heading{
	font-size: 1.25em;
}
.heading h2{
	text-transform: none;
	font-weight: bold;
	margin-bottom: 10px;
	margin-top: 0;
}
.heading p{
	display: inline-block;
	padding-bottom: 30px;
}
.container-fluid{
	padding: 0;
}
.light{
	background: #620000;
}
.dark{
	background: #340000;
}
#working .col-md-6{
	padding-left: 0;
	padding-right: 0;
}
#working .light{
	text-align: center;
	padding: 100px;
	position: relative;
}
#working .light img{
	position: absolute;
	width: 150px;
	left: 50%; margin-left: -75px;
	bottom: -75px;
	z-index: 10;
}
#working .dark{
	padding: 100px;
	text-align: center;
}
#working .dark ul{
	font-size: 1.75em;
	display: inline-block;
	line-height: 3em;
}
#working .dark ul li{
	text-align: left;
}
#working .dark ul li span{
	display: inline-block;
	margin-right: 20px;
	color: #AA1B1B;
}
#working figure{
	background: url("images/working.jpg") no-repeat center;
	background-size: cover;
	position: relative;
}
#working figure .button{
	position: absolute;
	right: 30px;
	bottom: 30px;
}
#challenge{
	text-align: center;
	width: 100%;
	position: relative;
	background: url("images/challenge.jpg") no-repeat center;
	background-size: cover;
	  overflow-y: scroll; /* has to be scroll, not auto */
	  -webkit-overflow-scrolling: touch;
}
#challenge.groups{
	background-image: url("images/teambuilding.jpg");
}
#challenge .content{
	background: rgba(171, 27, 27, 0.85);
	color: #fff;
	display: inline-block;
	padding: 100px;
	padding-top: 150px;
	transform-style: preserve-3d;
	box-shadow: 0 0 50px 0 rgba(51, 51, 51, 0.3);
	  -webkit-overflow-scrolling: touch;

}
#challenge .content h2, #challenge .content p{
	text-shadow: 0px 0px 15px rgba(0, 0, 0, 0.3);
}
#challenge .content .button{
	box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.3);
}
#challenge .content p{
	margin-bottom: 50px;
}
#challenge .heading, #challenge .button{
	transform: translateZ(100px);
	-webkit-transform: translateZ(200px);
}
.ios #challenge .heading, .ios #challenge .button{
	transform: none;
	-webkit-transform: none;
}
#challenge img {
    display: block;
    position: absolute;
    left: 50%;
    width: 100px;
    margin-left: -75px;
    top: -80px;
    z-index: 9998;
}
#who{
	text-align: center;
	padding: 100px;
	background: url("images/logo-who.svg") no-repeat 110%, url("images/rectangle.svg") no-repeat right, #fafafa;
	background-size: 400px, contain;
}
#who .heading h2{
	color: #620000;
}
#who .heading p{
	color: #620000;
}
#who ul li{
	display: inline-block;
	margin: 0 20px;
	font-size: 2em;
	color: #AA1B1B;
	font-weight: bold;
	margin-bottom: 50px;
}
#rooms .head{
	background: url("images/head-bg.svg") no-repeat center center, #620000;
	background-size: contain;
}
#rooms .rooms{
	padding: 0;
}
#rooms .rooms li a{
	display: block;
	background: #AA1B1B;
	color: #fff;
	padding: 75px;
	position: relative;
	padding-left: 100px;
}
#rooms .rooms li:nth-child(2) a{
	background: #A20000;
}
#rooms .rooms li a img{
	display: block;
	width: 50px;
	position: absolute;
	top: 50%;
	right: 50px;
	margin-top: -17.5;
	-webkit-transition: 1s cubic-bezier(0.19, 1, 0.22, 1);
    -moz-transition: 1s cubic-bezier(0.19, 1, 0.22, 1);
    -ms-transition: 1s cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: 1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: 1s cubic-bezier(0.19, 1, 0.22, 1);
}
#rooms .rooms li a h3{
	font-size: 3em;
	font-weight: bold;
}
#rooms .rooms li a span{
	float: left;
	font-size: 10em;
	font-weight: bold;
	color: #A20000;
	display: block;
	width: 90px;
	top: -23px; left: -20px;
	position: relative;
}
#rooms .rooms li:nth-child(2) a span{
	color: #AA1B1B;
}
#rooms .rooms li a:hover{
	background: #620000;
}
#rooms .rooms li a:hover img{
	transform: translateX(20%);
}
footer .widgets{
	padding: 100px 50px;
	padding-bottom: 20px;
	background: #620000;
	line-height: 2.5em;
	color: #fff;
}
footer .widgets a{
	color: #eeeeee;
}
footer .widgets h4{
	text-transform: capitalize;
	font-family: "Raleway",sans-serif;
	margin-bottom: 20px;
	font-size: 1.75em;
	font-weight: bold;
}
footer .fa-stack-2x{
	color: #fff;
}
footer .fa-inverse{
	color: #af1829;
}
footer #logo-block{
	background: #fafafa;
}
footer #logo-block .t-center{
	width: 100%;
}
footer #logo-block img{
	width: 80%;
	display: block;
	margin: 0 auto;
}

footer .widgets span{
	display: inline-block;
	color: #fff;
	font-size: 1em;
	width: auto; height: auto;
	line-height: normal;
}
footer #copy{
	display: block;
	margin-left: 15px;
	margin-top: 50px;
}
footer .fa.fa-paper-plane{
	font-size: 1.6em;
}
ul li.social a {
    font-size: 1.5em;
    display: inline-block;
    margin-right: 15px;
    margin-top: 25px;
    color: #fff;
}
.fa{
	width: 30px;
	margin-right: 5px;
}
main.container{
	padding-top: 75px;
	padding-bottom: 75px;
	font-size: 1.25em;
	line-height: 2em;
}
.page h1{
    text-transform: uppercase;
    font-size: 5em;
    font-weight: bold;
}
.page{
	background: #75001f;
	padding: 100px;
}
#home.page p{
	font-size: .85em;
	line-height: 1.5em;
}
label{
	color: #c4c4c4;
	cursor: pointer;
}
body .booked-form .field label.field-label,
body .booked-modal .bm-window p i.fa{
	color: #646464 !important;
}
body .booked-modal .bm-window{
	width: 50vw !important;
}
body #booked-profile-page h4{
	color: #646464;
}
body #booked-plugin-page p.booked-form-notice, body #booked-profile-page p.booked-form-notice{
	color: #646464;
}
body #booked-profile-page .booked-profile-header .booked-logout-button{
	color: #fff;
}
body #booked-profile-page .booked-tabs li a[href="#edit"]{
	display: none;
}
body main.page table.booked-calendar td:hover .date span{
	background: #af1829 !important;
}
body main.page table.booked-calendar td.today .date span{
	border-color: #af1829 !important;
}
html body .booked-modal .bm-window .booked-scrollable p.booked-title-bar{
	background: #af1829 !important;
}
[placeholder]:focus::-webkit-input-placeholder {
  color: transparent;
}
[placeholder]:focus::-webkit-input-placeholder {
  transition: opacity 0.5s 0.5s ease;
  opacity: 0;
}
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #fff;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #fff;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #fff;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #fff;
}
::-ms-input-placeholder { /* Microsoft Edge */
   color:    #fff;
}

::placeholder { /* Most modern browsers support this now. */
   color:    #fff;
}
.mark, mark{
	background: #af1829;
	color: #fff;
	font-size: 1.75em;
	font-weight: bold;
	text-transform: uppercase;
	display: block;
	text-align: center;
	padding: 10px;
}
.wpcf7 input, .wpcf7 select, .wpcf7 textarea{
	margin-top: 10px;
}
.wpcf7 div.wpcf7-response-output{
	padding: 15px;
	color: #fff;
	border:0 !important;
}
.screen-reader-response{
	display: none !important;
}
body .booked-modal .bm-window p{
	color: #646464;
}
.wpcf7 div.wpcf7-mail-sent-ok {
	background: #398f14;
}

.wpcf7 div.wpcf7-mail-sent-ng,
.screen-reader-response[role="alert"]{
	background: #de0000;
	margin-bottom: 10px;
}

.wpcf7 div.wpcf7-spam-blocked {
	background: #ffa500;
}

.wpcf7 div.wpcf7-validation-errors {
	background: #F79400;
}

body .booked-form .field .checkbox-radio-block{
	display: inline-block !important;
}
/* Base for label styling */
[type="radio"]:not(:checked),
[type="radio"]:checked {
  position: absolute;
  left: -9999px;
}
[type="radio"]:not(:checked) + label,
[type="radio"]:checked + label {
  position: relative;
  padding-left: 25px !important;
  cursor: pointer;
}

/* radio aspect */
[type="radio"]:not(:checked) + label:before,
[type="radio"]:checked + label:before {
  content: '';
  position: absolute;
  left:-5px; top: -2px;
  width: 25px; height: 25px;
  border-radius: 50%;
  border: 1px solid #aaa;
  background: transparent;
}
/* checked mark aspect */
[type="radio"]:not(:checked) + label:after,
[type="radio"]:checked + label:after {
  content: '✔';
  position: absolute;
  top: 1px; left: 2px;
  font-size: 22px;
  line-height: 0.8;
  color: #af1829;
  transition: all .2s;
}
/* checked mark aspect changes */
[type="radio"]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}
[type="radio"]:checked + label:after {
  opacity: 1;
  transform: scale(1);
}
/* disabled radio */
[type="radio"]:disabled:not(:checked) + label:before,
[type="radio"]:disabled:checked + label:before {
  box-shadow: none;
  border-color: #bbb;
  background-color: #ddd;
}
[type="radio"]:disabled:checked + label:after {
  color: #999;
}
[type="radio"]:disabled + label {
  color: #aaa;
}
/* accessibility */
[type="radio"]:checked:focus + label:before,
[type="radio"]:not(:checked):focus + label:before {
  border: 1px solid #af1829;
}
body .booked-form .field.booked-text-content{
	color: #646464;
	font-size: 1.25em;
}
.overlay-booking{
	position: absolute;
	left: 0; top: 0;
	width: 100%; height: 110%;
	color: #fff;
	text-align: center;
	padding: 50px;
	padding-top: 150px;
	z-index: 10;
	background: rgba(176, 25, 43, 0.9);
}
body .booked-modal .overlay-booking p{
	color: #fff;
}
body .booked-modal .bm-window a.button{
	color: #fff;
}
body .booked-modal .bm-window a.button:hover{
	color: #af1829;
}
body .booked-modal .bm-window a.button.closediv{
	position: absolute;
	left: 0; top: 0;
	background: #fff;
	color: #af1829;
	display: none;
}
body .booked-modal .bm-window a[href*="tel"]{
	color: #fff;
}
body .booked-modal p.booked-title-bar{
	background: #8f0e1d !important;
}
body .booked-modal .bm-window{
	padding-top: 0 !important;
}
body .booked-modal .bm-window{
	-webkit-overflow-scrolling: touch;
	-webkit-transform: translate3d(0,0,0);
	max-height: none !important;
}
body .booked-modal .bm-window .booked-scrollable{
	-webkit-overflow-scrolling: touch;
	-webkit-transform: translate3d(0,0,0);
}
body table.booked-calendar button{
	padding: 5px 15px !important;
}
#price{
	color: #af1829;
}
.pricelist tbody tr td,
.pricelist tbody tr th{
	padding: 13px;
	vertical-align: middle;
	text-align: center;
}
.pricelist tbody tr th{
	background: #8f0e1d;
	color: #fff;
	text-transform: uppercase;
}
.map-holder{
	border-radius: 45px;
}
#map_canvas{
	padding: 0;
	height: 700px;
	margin-top: 75px;
}
.woocommerce-shipping-fields{
	display: none;
}
.reserveren aside{
	background: #75001f;
	margin-bottom: 50px;
	padding-top: 50px;
	padding: 50px;
}
.reserveren aside h2{
	text-transform: none;
	font-weight: bold;
}
@media (min-width:1600px){
	.container{
		width: 1550px;
	}
}
*{
	outline: 0 !important;
	text-decoration: none !important;
}
@media (max-width:1200px){
	header .container{
		width: 100%;
	}
	.hoofdmenu ul li a{
		padding: 33px 15px;
	}
}
@media (max-width:992px){
	.slicknav_menu{
		display: block;
	}
	header{
		display: none;
	}
	.container{
		width: 100%;
	}
	.block ul li{
		display: block;
	}
}
@media (max-width:1024px){
	#rooms .head{
		width: 100%;
	}
	#logo-block{
		width: 100%;
		display: block;
	}
	#who {
	    background: url("images/logo-who.svg") no-repeat 136%, url("images/rectangle.svg") no-repeat right, #fafafa;
	    background-size: 400px, contain;
	}
}
@media (max-width:768px){
	#working figure{
		max-height: 300px;
	}
	#who ul li{
		display: block;
		margin-bottom: 20px;
		font-size: 1.5em;
	}
	.button, .button.lined{
		margin-bottom: 10px;
		margin-right: 0;
	}
	#logo-block{
		max-height: 300px;
	}
	.branding{
		left: 50%;
		margin-left: -150px;
		width: 300px;
		top: 100px;
	}
	.intro-block{
		padding-left: 0;
		margin-top: 50px;
	}
	#home .button.top-left{
		display: none;
	}
	body .booked-modal .bm-window{
		width: 95vw !important;
	}
	.heading h2{
		font-size: 2em;
	}
	.block ul li span{
		font-size: 1em;
	}
	.button{
		margin-bottom: 10px;
	}
	footer #logo-block{
		max-height: 300px;
	}
	.field.booked-text-content ul{
		font-size: .75em !important;
	}
	#who{
		background: #fafafa;
		padding: 30px 10px;
	}
	.branding{
		width: 250px;
		margin-left: -125px;
	}
	#home.page{
		padding: 10px;
	}
	main.container{
		padding: 30px 10px;
	}
	.intro-block{
		margin-top: 150px;
	}
	#home h1{
		font-size: 2em;
	}
	#working .light{
		padding: 30px 10px;
		padding-bottom: 50px;
	}
	#working .dark{
		padding: 30px 10px;
		padding-top: 100px;
	}
	#working .dark ul{
		font-size: 1em;
	}
	#working .dark ul li span{
		margin-right: 10px;
	}

	#rooms .head{
		height: auto !important;
		padding: 30px 10px;
	}
	#rooms .rooms li a{
		padding: 10px;
	}
	#rooms .rooms li a h3{
		font-size: 2em;
	}
	#rooms .rooms li a span{
		float: none;
		text-align: center;
		top: auto;
		left: auto;
		width: auto;
		font-size: 5em;
	}
	#rooms .rooms li a img{
		display: none;
	}
	#challenge img{
		margin-left: -50px;
	}
	#challenge .content{
		padding: 25px;
	}
	footer .widgets{
		padding: 50px 25px;
	}
	.block{
		padding: 25px;
	}
	#who.block{
		padding-bottom: 100px;
	}
	footer #copy{
		font-size: .7em;
		line-height: 1.5em;
	}
	.reserveren aside h2{
		font-size: 1.5em;
		word-wrap: break-word;
	}
	.reserveren aside{
		padding: 30px 10px;
	}
}
@media (max-width:767px){

}
@media (max-width:480px){
	#home{
		background-attachment: scroll;
	}
	body table.booked-calendar tr.days th{
		font-size: .7em !important;
	}
}

body .booked-form .cf-block ul{
	margin-left: 0 !important;
}
body .booked-form .cf-block select{
	color: grey;
}
body .booked-modal .bm-window .booked-scrollable{
	padding-top: 75px !important;
}
body .booked-modal .bm-window p.booked-title-bar{
	border-radius: 0 !important;
}
body .booked-calendar-wrap .booked-appt-list .timeslot .spots-available{
	display: none !important;
}
table.table > tbody > tr > td{
	vertical-align: middle;
}
table thead th{
	background: #620000;
}
#payment table tbody tr td{
	text-align: center;
}
#payment table tbody tr td input{
	left: auto;
	position: static;
}
body table.booked-calendar th .monthName,
body table.booked-calendar th .page-right,
body table.booked-calendar th .page-left{
	font-size: 2em !important;
}
body table.booked-calendar tr.days th{
	font-size: 1em !important;
}
body table.booked-calendar thead th{
	background: #280000 !important;
}
body table.booked-calendar thead tr:first-child th{
	height: 6em !important;
}
#unnamed-room{
	border-top: 30px solid #280000;
}