body {
    background: #2f2f2f;
    font-family: brandon-grotesque, sans-serif !important;
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    line-height: 1.5em;
    color: #000;
}

/* Headings
-------------------------------------------------------*/
h1,
h2.muy-grid-title,
.page-header h1,
.page-header h2,
.formResponsive h2 {
    font-size: 42px;
    line-height: 48px;
    color: #2f2f2f;
    text-align: center;
    margin: 0 0 50px 0;
    padding: 0;
    text-transform: uppercase;
}

h2,
h3, 
h3.muy-panel-title,
.jv-book-form h4,
.blog .page-header h2 {
    text-align: left;
    font-size: 26px;
    font-weight: 500;
    line-height: 32px;
    color: #000;
    margin: 0 0 20px 0;
    padding: 0;
}

.jv-book-form h4 {
    margin: 0 0 40px 0;
}

h3,h4,h5,h6 {
    font-weight: 500;
}

h3 {
    font-size: 18px;
    margin-bottom: 20px;
}

h4 {
    margin-bottom: 20px;
}

.muy-big-title h1,
.muy-big-title h2 {
    text-transform: uppercase;
    font-size: 42px;
    line-height: 48px;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    color: inherit;
    text-decoration: none;
}

p {
    margin-bottom: 20px;
}

a {
    text-decoration: none;
    color: #008ad1;
}

a:hover {
    color: #263289;
}

p > a {
    font-weight: 500;
}

strong {
    font-weight: 500;
}

em {
    font-style: italic;
}

select,
input {
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
}

.muy-medium-text {
    font-size: 26px;
    line-height: 32px;
}

.muy-medium-text h3,
.muy-medium-text h4,
.muy-medium-text h5,
.muy-medium-text h6 {
    font-size: 26px;
    line-height: 32px;
    font-weight: 500;
    padding: 0;
    margin: 0;
}

.muy-block-dark a,
.muy-block-contrast a,
.muy-block-dark h3.muy-panel-title,
.muy-block-contrast h3.muy-panel-title,
.muy-block-dark h2.muy-grid-title,
.muy-block-contrast h2.muy-grid-title {
    color: #FFF;
}

.muy-block-dark a:hover,
.muy-block-contrast a:hover {
    font-weight: 500;
}

ul,
ol {
    margin: 20px 0 20px 30px;
}

ul {
    list-style: disc;
}

ol {
    list-style: decimal;
}

.muy-footer ul,
.muy-footer ol {
    list-style: none;
    margin: 0;
}

.bz-button,
.bz-button-primary,
.bz-button-secondary,
.controls .btn,
.jvsearchbutton,
.jvbutton,
.jvpagination-link,
.muy-block-dark .jvbutton {
    font-family: brandon-grotesque, sans-serif; 
    display: inline-block;
    height: 60px;
    line-height: 60px;
    font-size: 26px !important;
    font-weight: 500 !important;
    background: #ffd200 !important;
    color: #000 !important;
    text-align: center;
    padding: 0 40px;
    border: none !important;
    box-sizing: border-box;
    box-shadow: none !important;
    text-transform: none;
    cursor: pointer;
}

.jvsearchbutton {
    width: 100%;
    max-width: 100%;
    padding: 0 10px;
}

.bz-button-secondary,
.jvpagination-link,
.controls .btn {
    background: #008ad1 !important;;
    color: #FFF !important;;
    padding: 0 20px;
}

.bz-button-small,
.jvpagination-link,
.controls .btn {
    height: 35px;
    line-height: 35px;
    font-size: 20px !important;;
}

.bz-button:hover,
.bz-button-primary:hover,
.bz-button-secondary:hover,
.jvsearchbutton:hover,
.jvbutton:hover,
.jvpagination-link:hover,
.controls .btn:hover {
    background: #263289 !important;
    color: #FFF !important;
}

.items-leading > div + div {
    margin-top: 40px;
}

.bz-text-center * {
    text-align: center !important;
}

.bz-text-small {
    font-size: 80%;
}

/* Layout
-------------------------------------------------------*/

.muy-main,
.muy-toolbar,
.muy-banner {
    background: #FFF;
}

.muy-banner .bz-thumbnail {
    /*max-height: 540px;*/
}

.muy-paal-25 { 
	position: absolute;
	right: 20px;
	top: -85px;
	z-index: 999;
}

.muy-paal-25 p {
	display: block;
	margin: 0;
	padding: 0;
}

.muy-paal-25 a {
	display: block;
	height: 160px;
	width: 100px;
	background: url("../images/paal25.png") left top no-repeat;
	text-decoration: none;
	padding: 0;
	margin: 0;
	text-indent: -10000px;
	font-size: 0;
	overflow: hidden;
}

.muy-block {
    padding: 80px 0;
}

.muy-block-light + .muy-block-light,
.muy-block-light2 + .muy-block-light2,
.muy-block-dark + .muy-block-dark,
.muy-block-dark2 + .muy-block-dark2,
.muy-block-contrast + .muy-block-contrast {
    padding-top: 0;
}

.muy-block-light,
.muy-panel-light {
    background: #e7edf0;
}

.muy-block-light2,
.muy-panel-light2 {
    background: #becab6;
}


.muy-block-dark2,
.muy-panel-dark2 {
    background: #FFF2BB;
}

.muy-block-dark,
.muy-panel-dark {
    background: #008ad1;
    color: #FFF;
}

.muy-block-dark *,
.muy-panel-dark * {
    color: #FFF !important;
}

.muy-block-contrast,
.muy-panel-contrast {
    background: #2f2f2f;
    color: #FFF;
}

.muy-panel-light,
.muy-panel-light2,
.muy-panel-dark,
.muy-panel-contrast {
    padding: 15px;
}

.muy-panel.no-padding {
    padding: 0;
}

.muy-panel.no-padding .bz-panel-body {
    padding: 15px;
}

.muy-block-light .muy-panel-light,
.muy-block-light2 .muy-panel-light2,
.muy-block-dark .muy-panel-dark,
.muy-block-contrast .muy-panel-contrast {
    background: transparent;
    padding: 0 !important;
}

.muy-panel-light.muy-big-title,
.muy-panel-light2.muy-big-title,
.muy-panel-dark.muy-big-title,
.muy-panel-contrast.muy-big-title {
    padding: 90px 15px;
}

.muy-block .bz-container-center {
    max-width: 1150px;
}

@media (min-width: 1220px) {
    .bz-grid:not(.bz-grid-preserve):not(.bz-grid-small) {
        margin-left: -50px;
    }

    .bz-grid:not(.bz-grid-preserve):not(.bz-grid-small) > * {
        padding-left: 50px;
    }
}

.muy-block-small > .bz-container-center {
    max-width: 970px;
}

.muy-block-large > .bz-container-center {
    max-width: 100%;
    padding: 0 30px
}

.muy-block-medium > .bz-container-center {
    max-width: 1500px;
    padding: 0 30px
}

.muy-block-full {
    padding: 0;
}

.muy-block-full > .bz-container-center {
    max-width: 100%;
    padding: 0;
}

/* Header
-------------------------------------------------------*/
.muy-toolbar {
    position: relative;
    z-index: 99;
    padding: 30px 0;
    height: 100px;
    font-size: 14px;
    font-weight: 500;
    line-height: 40px;
}

.muy-logo {
    position: absolute;
    width: 136px;
    height: 80px;
    left: 50%;
    top: -25px;
    margin-left: -68px;
}

.homepage .muy-logo {
    width: 420px;
    height: 246px;
    left: 50%;
    top: 90px;
    margin-left: -210px;
}

.muy-logo a {
    display: inline-block;
    height: 80px;
    width: 136px;
    text-decoration: none;
    text-indent: -10000px;
    font-size: 0;
    outline: none;
    background: url(../images/logo25.png) left top no-repeat;
    background-size: cover;
}

.homepage .muy-logo a {
    height: 246px;
    width: 420px;
}

.muy-menu-toggler {
    display: block;
    cursor: pointer;
    color: #000;
    text-decoration: none;
}

.muy-menu-toggler i {
    float: left;
    font-size: 30px;
    color: #000;
    line-height: 40px;
}

.muy-menu-toggler .text {
    float: left;
    text-transform: uppercase;
    padding-left: 10px;
    color: #000;
}

.muy-menu-toggler:hover i {
    color: #008ad1;
}

.muy-toolbar .muy-languages > div {
    float: left;
}

.muy-toolbar .muy-languages > div + div {
    padding-left: 20px;
}

.muy-toolbar .mod-languages ul {
    list-style: none;
}

.muy-toolbar .mod-languages li {
    float: left;
}

.muy-toolbar .mod-languages li,
.muy-toolbar .mod-languages li a,
.muy-toolbar .mod-languages li a img {
    display: inline-block;
    margin: 0;
    padding: 0;
    vertical-align: middle;
    white-space: nowrap;
}

.muy-toolbar .mod-languages li a {
    width: 30px;
    height: 20px;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.muy-toolbar .mod-languages li a.nl-NL { background-image: url("../images/nl_nl.svg"); }
.muy-toolbar .mod-languages li a.de-DE { background-image: url("../images/de_de.svg"); }
.muy-toolbar .mod-languages li a.en-GB { background-image: url("../images/en_gb.svg"); }

.muy-toolbar .mod-languages li a img {
    display: none;
}


.muy-toolbar .mod-languages li + li {
    padding-left: 10px;
}

.muy-languages + .muy-call {
    padding-right: 30px;
}

.muy-call .show-small {
    display: none;
}


/* Menu
-------------------------------------------------------*/
/*
.muy-menu ul.menu {
	list-style: none;
	margin: 0;
	padding: 0;
	border-top: 1px solid rgba(255,255,255, .1);
}

.muy-menu ul.menu ul.nav-child {
    border-top: 1px solid rgba(255,255,255, .1);
    list-style: none;
    margin: 0;
}

.muy-menu ul.menu + ul.menu {
	border-top: none;
}

.muy-menu ul.menu li {
	display: block;
	padding: 0;
	border-bottom: 1px solid rgba(255,255,255, .1)
}

.muy-menu ul.menu li:before {
	display: none;
}

.muy-menu ul.menu li > a,
.muy-menu ul.menu li > span.separator {
    display: block;
    color: #FFF;
    text-decoration: none;
	text-transform: uppercase;
    font-weight: 500;
	line-height: 1.5rem;
	padding: 15px 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.muy-menu ul.menu li a:hover,
.muy-menu ul.menu li.active > a {
    background: #00347d;
    color: #FFF;
    -webkit-box-shadow: inset -10px 0 6px -9px rgba(0, 0, 0, .7);
    -moz-box-shadow: inset -10px 0 6px -9px rgba(0, 0, 0, .7);
    box-shadow: inset -10px 0 6px -9px rgba(0, 0, 0, .7);
}

.muy-menu ul.nav-child li > a,
.muy-menu ul.nav-child li > span.separator {
    padding-left: 30px;
}
*/

.muy-menu ul.menu,
.muy-menu ul.menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.muy-menu ul.menu.level1 {
   border-top: 1px solid rgba(255,255,255, .1); 
}

.muy-menu ul.menu li > a,
.muy-menu ul.menu li > span.separator {
    display: block;
    color: #FFF;
    text-decoration: none;
	text-transform: uppercase;
    font-weight: 500;
	line-height: 1.5rem;
    cursor: pointer;
}

.muy-menu ul.menu li.level2 > a,
.muy-menu ul.menu li.level2 > span.separator {
	background: rgba(255, 255, 255, .05);
}

.muy-menu ul.menu li a:hover,
.muy-menu ul.menu li.current > a,
.muy-menu ul.menu li span.separator:hover,
.muy-menu ul.menu li.current > span.separator {
    background: rgba(255, 255, 255, .2);
    color: #FFF;
}

.muy-menu ul.menu li > a > span,
.muy-menu ul.menu li > span.separator > span  {
	display: block;
	padding: 15px 15px;
	border-bottom: 1px solid rgba(0, 0, 0, .1);
    border-top: 1px solid rgba(255, 255, 255, .2);
}

.muy-menu ul.menu li.level2 > a > span,
.muy-menu ul.menu li.level2 > span.separator > span  {
	padding-left: 30px;
}

.muy-menu ul.menu li.parent > a > span,
.muy-menu ul.menu li.parent > span.separator > span {
	background-image: url(../images/arrow-offcanvas.png);
	background-position: 270px -86px;
	background-repeat: no-repeat;
}

.muy-menu li.level1:not(.open) > ul {
    display: none;
}

.muy-menu-wheelchair,
.muy-menu-login {
    display: inline-block;
    margin-left: 20px;
    color: #000;
    text-decoration: none;
}

.muy-menu-wheelchair i,
.muy-menu-login i {
    font-size: 30px;
    color: #000;
    line-height: 40px;
}

.muy-menu-wheelchair:hover i,
.muy-menu-login:hover i {
    color: #008ad1;
}

/* jVacations
-----------------------------------------------------------------*/
.muy-bookzo-widget {
    margin-top: -200px;
    padding-bottom: 0;
    padding-top: 0;
}

.muy-bookzo-widget .muy-panel-light {
    padding: 20px;
}

.muy-bookzo-widget .muy-panel-light .muy-panel-title {
    font-size: 20px;
}

.collapsesearch .muy-bookzo-widget {
    margin-top: -100px;
    margin-bottom: 100px;
}

.muy-bookzo-widget h3.muy-panel-title,
.muy-bookzo-widget p {
    margin: 0;
}

.muy-bookzo-widget .searchForm {
    background: #008ad1;
    padding: 40px;
}

.muy-bookzo-widget .searchForm + .searchForm {
    padding-top: 0;
    margin-top: -55px;
}

.muy-bookzo-widget .searchForm .bz-grid {
    margin-left: -10px;
}

.muy-bookzo-widget .searchForm .bz-grid:not(.bz-grid-preserve) > * {
    padding-left: 10px;
}

.muy-bookzo-widget .jv-resultform-parent .jvsubsearchbutton {
    margin-top: 125px;
}

.muy-bookzo-widget .jv-searchtabs ul {
    position: absolute;
    width: 100%;
    left: 0;
    top: -60px;
    list-style: none; 
    margin: 0;
}

.muy-bookzo-widget .jv-searchtabs ul li {
    float: left;
}

.muy-bookzo-widget .jv-searchtabs ul li a {
    display: inline-block;
    height: 60px;
    line-height: 60px;
    font-size: 26px;
    padding: 0 35px;
    background: #d0dbe2;
    color: #008ad1;
}

.muy-bookzo-widget .jv-searchtabs ul li + li a {
    border-left: 1px solid #008ad1;
}

.muy-bookzo-widget .jv-searchtabs ul li.ui-tabs-active a {
    background: #008ad1;
    color: #FFF;
}

.muy-bookzo-widget .jv-searchtabs ul li a .small {
    display: none;
}

@media (max-width: 768px) {
    .muy-bookzo-widget .jv-searchtabs ul li a {
        padding: 0 10px;
        font-size: 20px;
    }
    .muy-bookzo-widget .jv-searchtabs ul li a .large {
        display: none;
    }
    .muy-bookzo-widget .jv-searchtabs ul li a .small {
        display: inline-block;
    }
}

.collapsesearch:not(.searchclicked) #searchtabs .jvtab {
    display: none !important;
}



/* Pushy layer and offcanvas toggler
-----------------------------------------------------------------*/
.pushy{
    position: fixed;
    width: 300px;
    height: 100%;
    top: 0;
    z-index: 9999;
    background: #263289;
    font-size: 0.9rem;
    font-weight: 500;
    -webkit-box-shadow: inset -10px 0 6px -9px rgba(0, 0, 0, .7);
    -moz-box-shadow: inset -10px 0 6px -9px rgba(0, 0, 0, .7);
    box-shadow: inset -10px 0 6px -9px rgba(0, 0, 0, .7);
    overflow: auto;
    -webkit-overflow-scrolling: touch; /* enables momentum scrolling in iOS overflow elements */
}

.pushy-left{
    -webkit-transform: translate3d(-300px,0,0);
    -moz-transform: translate3d(-300px,0,0);
    -ms-transform: translate3d(-300px,0,0);
    -o-transform: translate3d(-300px,0,0);
    transform: translate3d(-300px,0,0);
}

.pushy-open{
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

.pushy,  
.push {
    -webkit-transition: -webkit-transform .2s cubic-bezier(.16, .68, .43, .99);
    -moz-transition: -moz-transform .2s cubic-bezier(.16, .68, .43, .99);
    -o-transition: -o-transform .2s cubic-bezier(.16, .68, .43, .99);
    transition: transform .2s cubic-bezier(.16, .68, .43, .99);
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
}

@media (max-width: 1150px) {
	.pushy > *:not(:first-child) {
		margin-top: 0 !important;
	}
}

.site-overlay{
    display: none;
}

.pushy-active .site-overlay{
    display: block;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9998;
	background: rgba(0, 0, 0, .7);
}

.pushy-active .site-overlay span.close-btn {
    position: absolute;
    left: 310px;
    top: 0px;
	display: block;
    color: #FFF;
    font-size: 30px;
    line-height: 30px;
	height: 30px;
	width: 30px;
    padding: 10px;
	cursor: pointer;
}

.pushy-active .site-overlay span.close-btn:after {
    content: "\f00d";
    font-family: 'Font Awesome 6 Free';
}

.pushy-active .muy-menu-toggler,
.pushy-active .muy-menu-wheelchair {
    display: none;
}

/* overrides
----------------------------------------------------*/
.bz-icon {
    height: 50px;
    width: 50px;
    line-height: 50px;
    background: #e7edf0;
    color: #000 !important;
}

.bz-icon-wrap-small .bz-icon, .bz-icon-small {
    width: 35px;
    height: 35px;
    line-height: 35px;
}

/* Responsive 
-----------------------------------------------------*/
@media (max-width: 1420px) {
	.muy-paal-25 {
		display: none;
	}
}


@media (max-width: 1200px) {
    .muy-bookzo-widget {
        margin-top: -100px;
    }
}

@media (max-width: 1000px) {
    .muy-bookzo-widget {
        margin-top: 60px;
    }
    
    .collapsesearch .muy-bookzo-widget {
        margin-top: 0;
    }
    
    .muy-bookzo-widget > .bz-container-center {
        padding: 0;
    }
    
    .muy-bookzo-widget > .bz-container-center > .bz-grid > * {
        margin: 0;
        width: 100%;
    }
    
    .muy-bookzo-widget .jv-searchtabs ul li {
        width: 50%;
    }
    
    .muy-bookzo-widget .jv-searchtabs ul li a {
        width: 100%;
        padding: 0;
        text-align: center;
    }
	
	.muy-languages .corona-alert { 
		display: none;
	}
}

@media (max-width: 780px) {
    .muy-toolbar {
        height: 50px;
        padding: 0;
        background: transparent;
    }
    
    .muy-toolbar > .bz-container-center {
        padding: 0;
    }
    
    .muy-toolbar .muy-call,
    .muy-toolbar .muy-menu-toggler {
        position: absolute;
        right: 0;
        top: 0;
        padding: 0;
    }
    
    .muy-toolbar .muy-call .show-large {
        display: none;
    }
    
    .muy-toolbar .muy-call .show-small {
        display: block;
    }
    
    .muy-toolbar .muy-call .show-small a {
        display: block;
        height: 50px;
        line-height: 50px;
        font-size: 18px;
        color: #333;
        width: 77px;
        background: #ffd200;
        text-align: center;
    }
    
    .muy-toolbar .muy-menu-toggler {
        left: 0;
        height: 50px;
        width: 77px;
        background: #263289;
        text-align: center;
        color: #FFF;
    }
    
    .muy-toolbar .muy-menu-toggler i {
        float: none;
        color: #FFF;
        line-height: 50px;
    }
    
    .muy-toolbar .muy-menu-toggler .text {
        display: none;
    }
    
    .muy-toolbar .muy-logo,
    .homepage .muy-toolbar .muy-logo {
        width: 150px;
        height: 90px;
        left: 50%;
        top: 60px;
        margin-left: -75px;
    }

    .muy-toolbar .muy-logo a,
    .homepage .muy-toolbar .muy-logo a {
        height: 90px;
        width: 150px;
    }
	
	.muy-toolbar .muy-menu-wheelchair {
		display: none;
	}
	
	.muy-toolbar .muy-menu-login {
		margin-left: 90px;
	}
    
    .muy-toolbar .muy-languages {
        margin-right: 90px;
    }
    
    .muy-banner {
        margin-top: -50px;
    }
    
    .muy-banner .bz-thumbnail {
        height: 220px;
        max-height: 220px;
        min-height: 220px;
    }
}

@media (max-width: 640px) {
    .search-grid > * {
        width: 100%;
    }
}

/* Order form
--------------------------------------------------*/
.order-form select,
.order-form input {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
}

.order-form .rsform-calendar-box {
    width: 85%;
}

.order-form .rsform-calendar-button {
    width: 15%;
}

.order-form .bz-form-row + .bz-form-row {
    margin-top: 5px !important;
}

.order-form .rsform-block-lakenpakket-1persoon,
.order-form .rsform-block-bolderwagen,
.order-form .rsform-block-damesheren,
.order-form .rsform-block-bakfietsen,
.order-form .rsform-block-perweek,
.order-form .rsform-block-send {
    padding-top: 50px !important;
}

.order-form .rsform-block-damesheren,
.order-form .rsform-block-perweek
{
    font-weight: 500;
    padding-bottom: 20px;
}

.order-form .rsform-block-bakfietsen {
  font-weight: 500;
}

.order-form .rsform-block-bakfietsenexpl {
  padding-bottom: 20px;
}

.order-form .rsform-block-send {
    text-align: right;
}

/* newsflash 
---------------------------------------------------*/
.muy-newsflash {
    padding: 10px 0;
    line-height: 25px;
    border-bottom: 10px solid #FFF;
}

.muy-newsflash p {
    margin: 0;
    font-weight: 500;
    font-size: 20px;
}

.muy-newsflash a {
    position: absolute;
    right: 10px;
    top: 10px;
    color: #FFF;
    text-decoration: none;
    cursor: pointer;
	z-index: 99999;
}

.muy-newsflash a:after {
    content: "\f00d";
    font-family: 'Font Awesome 6 Free';
}

/* Responsive titles and texts 
----------------------------------------------------*/
@media (max-width: 768px) {
    h1, 
    h2.muy-grid-title, 
    .page-header h1, 
    .page-header h2, 
    .formResponsive h2,
    .muy-big-title h1, 
    .muy-big-title h2 {
        font-size: 28px;
    }
}

@media (max-width: 1400px) {
    .jvcalendar .jvcalendar-link-back {
        left: 0 !important;
    }
    
    .jvcalendar .jvcalendar-link-next {
        right: 0 !important;
    }
    
    .jvcalendar .jvcalendar-link-back a,
    .jvcalendar .jvcalendar-link-next a {
        border-radius: 0 !important;
        background: #b89800 !important;
    }
    
    .jvcalendar-calendars > div:first-child {
        margin-bottom: 20px;
    }
}

/* Login
---------------------------------------------------*/

@media (min-width: 820px) {
    .form-horizontal .control-group {
        padding-left: 200px;
        margin-bottom: 10px;
    }

    .form-horizontal .control-group .control-label {
        float: left;
        margin-left: -200px;
    }
}


.muy-panel-light2 .bz-button-primary {
    background: #5c6854 !important;
    color: #FFF !important;
}

.muy-realestate .muy-panel .bz-panel-body {
    padding-bottom: 50px;
}