/*
Template: thefox
Theme Name: TheFox Child Theme
Theme URI: http://www.thefoxwp.com
Description: <strong>A superflexible and responsive Business Theme by Tranmautritam team</strong> - <br/>Update notifications available on twitter and facebook:<br/> <a href='https://twitter.com/tranmautritam'>Follow me on twitter</a><br/> - <a href='https://www.facebook.com/tranmautritam.designer'>Join the Facebook Group</a> A theme by <a href="http://themeforest.net/user/tranmautritam?ref=tranmautritam">Tranmautritam Team</a>.
Version: 1.50
Author: Tranmautritam Team
Author URI: http://themeforest.net/user/tranmautritam?ref=tranmautritam
License: Themeforest Split Licence
License URI: -


*/


/*****  core vales     

Donker bruin  #684831
lichter bruin  #B58867
Lichter groen #2dd978
Donker groen  #84C181
Pastel paars  #A39CCB

*****/


/********* 404 Page *********/

 body.error404 .divider404 {padding-bottom: 320px !important; margin-top: 20px !important;}
.innerColSearch {margin-bottom: 60px;}
body.error404 header.header_shadow.nav_type_1.sticky_header.clearfix {background-color: #000000 ;}



/********* Hide Admin wp-bakery item **********/

#toplevel_page_vc-welcome {display: none !important;}


/******** Module maandmenu Å lacarte link ********/


.menuLinkCarte h2 { font-size: 36px; letter-spacing: 2px; line-height: 48px;}
.menuLinkCarte h3 { color: #B58867; font-weight: 400; font-size: 22px; line-height: 34px; text-transform: uppercase;}
.menuLinkCarte h4 a{ color: #2dd978;}
.menuLinkCarte h4 a::after{ 
	display: block;
	content: "";
	width: 140px;
	position: relative;
	border-bottom: 3px solid #2dd978;
	left: 0;
	margin: 0px auto;
	top: 5px;
}

.menuLinkCarte h4 a:hover::after{ border-color: #B58867 !important; }
.menuLinkCarte p  { position: relative; margin-top: -15px; }


/******** End Module maandmenu Å lacarte link ********/



/******* Promo box ******/

 .icon_box2_hexbox .box_btn {
	display: inline-block;
	position: relative;
	width: 200px;
	padding: 15px 20px 15px 20px;
	left: 0px;
	margin: 0px auto 0px auto;
	border-radius: 40px;
	top: 70px;

}
  .box_btn:hover {background-color:#84C181 !important; }
 .icon_box2_hexbox .icon_circle {background-color:#684831 !important; }
 .icon_box2_hexbox .icon_circle::before {background-color:#684831 !important; }
 .icon_box2_hexbox .icon_circle::after {background-color:#684831 !important; }
 .icon_box2_hexbox .icon_sub_ctn i {color:#684831;}
 .icon_box2_hexbox .icon_sub_ctn, .icon_box2_hexbox .icon_sub_ctn::before, .icon_box2_hexbox .icon_sub_ctn::after {background-color: #2dd978 !important;}
 .icon_box2_hexbox h3 {

	font-family: "oswald";
	font-family: "Oswald";
	font-size: 22px;
	font-weight: 700;
	line-height: 36px;
}

 .icon_box2_hexbox i {font-size: 65px;}


/******** End Promobox ********/




/* coming soon styling */
.page-template-coming_soon #nav_button_alt:before, .page-template-coming_soon #nav_button_alt {display: none;}

.vacText {color: #B58867;}
.coming_soon_text h2 {margin-bottom: 10px;}
.coming_soon_text h3 {color:#B58867 !important;}
.customText .cominsoonList li{text-align: center !important; text-transform: none !important; line-height: 1.5em; letter-spacing: 2px !important;}
.customText{
margin-top: 0px;
font-size: 18px;
font-weight: bold;
letter-spacing: 5px;

}

.coming_soon_ctn .timing {margin-top: 35px !important;}
.textCenter {
	display: block;
	width: 300px;
	margin: 0px auto;
}

.textCenterVac {
	display: block;
	width: 300px;
	margin: 0px auto;

}

.textCenterVac p{ font-size: 14px; font-weight: 500; letter-spacing: 1px;}
.textCenterSecond {

	display: block;
	text-align: center;
}

.logoDividerImg {text-align: center; max-width: 35px; width: 35px; margin: 15px auto; display: block;}

/* End coming soon styling */

/*---------------------------------------------------------------------------------*/



/******* Font styles  *******/






/* Custom Heading */

.welkomMain h2{position: relative; top: -38px; font-size: 40px; color: #B58867; letter-spacing: 1px;}
.welkomMain.corHeader h2{position: relative; top: -32px; font-size: 40px; color: #B58867;}

/* End Heading */


/* Heading link Button */





/***** Menu styling *****/



.nav_type_1  ul li.current-menu-item  a {color: #2dd978 !important;}
.nav_type_1  ul li a:hover {color: #2dd978 !important;}

.nav_type_1 #menu-main-menu li.current-menu-item a:after {

	border-bottom: 3px solid #2dd978;
	display: block;
	content: "";
	top: 0px;
	left:0px;
	
}

.iconMenu {
	display: block;
	position: relative;
	margin: 10px 0px;
	top: 0;
	left: 0;
	opacity: 1;
}
.iconMenu::before{

	font-family: "FontAwesome";
	font-size: 50px;
	content: "\f107";
	position: relative;
	left: 0px;
	top: 0px;
	display: block;
	font-weight: normal;

}

.homeMenu .menuLinkBtn.leftBtn {border-radius: 4px 0px 0px 4px !important;padding: 10px 4px 10px 14px;}
.homeMenu .menuLinkBtn.rightBtn {border-radius: 0px 4px 4px 0px !important; position: relative; padding: 10px 8px 10px 13px;}
.homeMenu  .dividerBtn {
	position: absolute; 
	font-size: 26px;
	right: calc(100% -12px);
	right: -moz-calc(100% -12px);
	right: -webkit-calc(100% -12px);
	right: -o-calc(100% -12px);
	top: 89px;
	z-index: 200;
	color: #684831;


}
.menuLinkBtn {text-transform: uppercase; letter-spacing: 3px; opacity: 1; position: relative;  z-index: 0px;}
.btnWrapper {
	display: block;
	position: relative;
	text-align: center;
	margin-bottom: 30px;
}

.btnWrapper_firstSection{
	display: block;
	text-align: center;
	margin-bottom: 30px;
}

.btnWrapper_firstSection .iconMenu::before {
	color:#2dd978;
	font-family: "FontAwesome";
	font-size: 60px;
	content: "\f107";
	position: absolute;
	left: 0px;
	top: 0px;
	font-weight: normal;
	z-index: 11000;


	}

.btnWrapper_firstSection .iconMenu:hover::before {color:#B58867;}
.btnWrapper_firstSection a {
	opacity: 1;
	top:60vh;
	position: absolute;
	left: calc(50% - 15px);
	width: 60px;
	height:60px;
	z-index: 11000 !important;
	display: block;

}

.firstSectorArrow {
	position: relative;
}

/* Menu text block */

.wpb_content_element.menuTextBlock {margin-bottom: 10px; }



/* Tweak for header and first section*/

.header_shadow {box-shadow: none;}



/* Divider with logo*/

/******* Divider colorchange for animation MenuPage **********/

.page-template-single-menu #secondSection #dividerLogo .sc_line,
.page-template-single-menu #thirdSection #dividerLogo .sc_line,
.page-template-single-menu #forthSection #dividerLogo .sc_line,
.page-template-single-menu #firstSection #dividerLogo .sc_line {height: 1px; background-color: #ffffff;}




.wpb_content_element.welkomMain {margin-bottom:0px;}

#dividerLogo .logoDivImg::before{ 
	content: url("/wp-content/uploads/assets/solo-beeldmerk.svg");
	height: 30px;
}
.wpb_content_element.dividerElement {margin-bottom: 20px;}
#dividerLogo .sc_line {height: 1px; background-color: #B58867;}
#dividerLogo { margin:0px; padding: 0px; width: 300px;}

#dividerLogo.rd_icon_line_c i{
	line-height: 30px;
	width: 30px;
	margin-left: -15px;
	height: 30px;
}

#dividerLogo.rd_icon_line_c {
	height: 30px;
	line-height: 30px;
	margin-left: -30px;
	display: block;
}

#dividerLogo .sc_line_l{
	float: left;
	margin: 15px 0 0 0;
	width: -moz-calc(50% - 25px);
	width: -webkit-calc(50% - 25px);
	width: -o-calc(50% - 25px);
	width: calc(50% - 25px);

}

#dividerLogo .sc_line_r{
	float: right;
	margin: 15px 0 0 0;
	width: -moz-calc(50% - 25px);
	width: -webkit-calc(50% - 25px);
	width: -o-calc(50% - 25px);
	width: calc(50% - 25px);
}


/*** Divder in Heading ***/



#dividerLogo.headingClass .sc_line {height: 1px; background-color: #B58867;}
#dividerLogo.headingClass { margin:0px; padding: 0px; width: 300px; top:-45px; right: 0px; opacity: 1;}
#dividerLogo.headingClass2 { top: 45px; margin:0px; padding: 0px; width: 300px; right: 0px; opacity: 1;}
#dividerLogo.headingClass3 { top: -45px; margin:0px; padding: 0px; width: 300px; right: 0px; opacity: 1;}


/* End Divider width logo*/





/* Bacground-image  rimpels text layers*/

.pageHobbels::before{
	top: -11px;
	background-position: top;
	content: "" !important;
	display: block !important;
	width: 100%;
	height: 14px;
	position: absolute;
	left: 0;
	background: url("/wp-content/uploads/assets/bg_hobbel.svg") top left repeat-x;


}

.pageHobbels::after{
	
	bottom: -11px;
	background-position: bottom;
	content: "" !important;
	display: block !important;
	width: 100%;
	height: 14px;
	position: absolute;
	float: left;
	left: 0;
	background: url("/wp-content/uploads/assets/bg_hobbel_reverse.svg") bottom left repeat-x ;


}

/* End background-image rimpels*/





/*--------------------------------------------*/

/* Begin scroll motion layers */


/***** Menu page *****/

.textBroodjesBottom {top: -25px; position: relative;}

.page-template-single-menu .headingParralax .animateTwo {color:#ffffff;}


/* Text DIVS over the paarlaxlayers*/



#firstSection, #firstSection.SectionReserveren {margin-top: -92px; }
#firstSection.wpb_row {margin-bottom: 0px;}

#firstSector {position: relative; display: table; min-height: 310px; opacity: 1; width: 100%; }
#secondSector {position: relative; display: table; min-height: 300px; opacity: 1; width: 100%}
#thirdSector {position: relative; display: table; min-height: 350px; opacity: 1; width: 100%}
#fourthSector {position: relative; display: table; min-height: 450px; opacity: 1; width: 100%; overflow:visible;}



.headingParralax, .headingParralax2 {display: block; text-align: center;  position: relative; padding: 50px 0px;}


/* Layers over Parralax photo's */


/* Tweak first photo */


.headingParralax .animateOne{opacity: 0;
	 position: relative; 
	 top:-45px; 
	 font-size: 130px ; 
	 line-height: 101px; 
	 letter-spacing: 5px; 
	 margin-top: 50px;
	}
.headingParralax2 .animateOne{opacity: 1;
	 position: relative; 
	 top: 1px; 
	 font-size: 130px ; 
	 line-height: 101px; 
	 letter-spacing: 5px; 
	 margin-top: 50px;
	}
.maandMenu .headingParralax2 .animateOne {font-size: 130px;}
.headingParralax .animateTwo, .headingParralax .animateTwoMenu {

	opacity: 0; 
	color:#B58867; 
	position: relative; 
	top:-45px ; 
	font-size: 175px ; 
	line-height: 101px; 
	letter-spacing: 10px; 
	text-transform: uppercase;

}	

.headingParralax2 .animateTwo {

	opacity: 1; 
	color:#B58867; 
	position: relative; 
	top:-50px; 
	line-height: 101px; 
	letter-spacing: 10px; 
	text-transform: uppercase;
	display: inline-block;

}
.maandMenu .animateTwo1Maand, .maandMenu .animateOne1Maand {opacity: 0;}
.animateOne2, .animateOne3, .animateOne1, .animateOne1Maand, .animateOneMenu2, .animateOneMenu3, .animateOneMenu4{
	opacity: 1; 
	position: relative; 
	top:0px; 
	font-size: 72px ; 
	line-height: 101px; 
	letter-spacing: 5px; 
	margin-top: 50px;
}



.animateTwo2,  .animateTwo1, .animateTwo1Maand, .animateTwoMenu1{
	opacity: 1; 
	color:#A39CCB; 
	position: relative; 
	top:-49px; 
	font-size: 36px ; 
	line-height: 56px; 
	letter-spacing: 10px; 
	text-transform: uppercase;
}
.animateTwoMenu2, .animateTwoMenu3, .animateTwoMenu4{
	opacity: 1; 
	color:#A39CCB; 
	position: relative; 
	top:-49px ; 
	font-size: 36px ; 
	line-height: 56px; 
	letter-spacing: 10px; 
	text-transform: uppercase;
}
.animateOne3{
	opacity: 1; 
	position: relative; 
	top:0px; 
	font-size: 82px ; 
	line-height: 101px; 
	letter-spacing: 5px; 
	margin-top: 50px;
}

.animateTwo3{
	opacity: 1; 
	color:#A39CCB; 
	position: relative; 
	top:-49px ; 
	font-size: 40px ; 
	line-height: 56px; 
	letter-spacing: 10px; 
	text-transform: uppercase;
}



.headingParralax .headingButton , .headingButtonMenu {
	font-size: 16px;
	padding: 12px 25px;
	top: -40px;
	position: relative ;
	opacity: 1 ;
	letter-spacing: 3px;

}

.headingParralax .headingButton{

	opacity: 0;
	top: -130px;

}

 .headingParralax2 .headingButton {
	font-size: 16px;
	padding: 12px 25px;
	top: -55px;
	position: relative ;
	opacity: 1 ;
	letter-spacing: 3px;

}

.menuLinkBtn {top: 35px;}

#firstSector.vc_row:nth-child(2), #secondSector.vc_row:nth-child(4),#thirdSector.vc_row:nth-child(6), #fourthSector.vc_row:nth-child(8) {z-index: 110;}

#firstSector.vc_row-fluid, #secondSector.vc_row-fluid,#thirdSector.vc_row-fluid  {overflow: visible !important;}
.home #firstSection{height: 100vh;}
.maandMenu #firstSection {height: 50vh;}
.maandMenu #firstSection.wpb_row{margin-bottom: 0px !important;}
.maandMenu #headerMaandMenu.wpb_row {margin-bottom: 0px !important;}
.maandMenu #headerMaandMenu {margin-top: -101px;}

#firstSection .tt_row_parallax {background-position: 50% 0px !important;}

#fifthSection {z-index: 110;}
#fifthSection.wbp_row {margin-bottom: 0px !important;}


#forthSection, #thirdSection, #secondSection {padding-top: 50px; padding-bottom: 50px; }

.articleContent {
	padding-top: 80px;
	padding-bottom: 80px;
	z-index: 150;
	
}

#firstSector.wpb_row {margin-bottom: 0px;}

.caldera-grid form div {margin-top: 0px;}

.noBullets li {list-style: none !important; }
.wpb_text_column .noBullets ,.noBullets  {margin-left: 0px !important;}
#fw_c.tf_single_page ul li > ul {margin-left: 0px !important;}

.customButton, .btn-default, .headingButton, .headingButtonMenu, .headingButton2, .menuLinkBtn{
	-webkit-appearance: none !important; 
	font-weight:bold; 
	padding: 10px 15px; 
	border:none !important; 
	background-color: #84C181 !important; 
	color:#684831  !important; 
	box-shadow: 1px 1px 0px rgba(0,0,0, 0.25); 
	border-radius: 4px !important; 
	margin-top: 15px;
	display: inline-block;
}

.customButton:hover, .btn-default:hover, .headingButton:hover, .headingButtonMenu:hover, .headingButton2:hover, .menuLinkBtn:hover {
	background-color: #84C181 !important;
	color:#B58867 !important; 
	}



#promoRow .rd_cta_2 .promo_text_ctn {

	width:100%;
	display: inline-block;
	float: none;
	text-align: center;
}


#promoRow .rd_cta_2 .promo_btn {

	float: none;
	text-align: center;
	margin: 10px auto;
	display: block;
	max-width: 175px;
	min-width: none;
}

.rd_cta_2 .promo_title {font-weight: bold;}

.rd_promo_box.rd_cta_2 {border-radius: 4px;}
.promo_text {border: none !important;}

/*  Main-content   */


/********* Social Icons ********/

.wpb_content_element.followHeader{margin-bottom: 15px; margin-top: 20px;}


/* Logo tweaks  */

#logo_img .dark_logo.desktop_logo {max-height: 80px;}

.nav_type_1.shrinked_header #logo_img img {max-height: 50px;}


/*. Mobile menu */

#logo_img img {max-height: 55px;}
#nav_button_alt:before, #nav_button:before {font-size: 26px; color:#B58867 !important; position: relative; right: 20px; top: 3px;}
#mobile-menu ul li a:hover,  #mobile-menu ul li.current-menu-item a{color:#2dd978; }
#mobile-menu ul li a {letter-spacing: 1px; font-weight: bold;}
div.menu_slide.mt_menu.sticky_header {box-shadow: none;}


/*  Menu tweaks  */

.nav_type_1 ul li a {text-transform: uppercase; font-weight: 400; letter-spacing: 3px;}
header.header_shadow.nav_type_1.sticky_header{

	position: fixed !important;
}


/*  Heading  */
.icon_box_mi_b p {display: inline-block; position: relative; top: -20px; left: 2px;}
.icon_box_mi_b h3 {font-size: 28px; line-height: 42px;}


/********** Begin menu styling ***********/


ul.menuListItems{
	list-style: none;
	margin-left: 0;
}

li.menuListItem {
	display: list-item;
	margin-bottom: 10px;

}

.customMenuList{
	position: relative;
	display: block;
}


.menuListItemTitle{
	position: relative;
	margin-top: 0;
	margin-bottom: 0;
	padding-right: 96px;
	text-align: left;
	
}

span.itemTitle {
	position: relative;
	z-index: 5;
	background-color: #ffffff;
	padding-right: 2px;
	text-transform: uppercase;
	}

.customMenuList span.dots{
	position: absolute;
	top: 17px;
	left: 0;
	right: 0;
	z-index: 1;
	margin: 0;
	border: 0;
	height: 3px;
	display: block;
	background-image: radial-gradient(circle closest-side, #b3b3b3 99%, transparent 1%);
	background-position: bottom;
	background-size: 6px 3px;
	background-repeat: repeat-x;
}

.menuListItemDesc, .menuListItemSupplement{
	position: relative;
	margin-bottom: 0;
	text-align: left;
}

.menuListItemSupplement{
	
	padding-right: 96px;

}

p.menuListItemDesc span.dots {
	display: none;
	
}

.descContent{
	position: relative;
	z-index: 5;	
	background-color: white;
}	

.menuListItemPrice{
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
	max-width: 96px;
	background-color: #ffffff;
	font-size: 19px;
	font-size: 1.1875rem;
	line-height: 1.27316;
	font-weight: bold;
}

.menuListItemPriceSup{

	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
	max-width: 96px;
	background-color: #ffffff;
	font-size: 19px;
	font-size: 1.1875rem;
	line-height: 1.27316;
	font-weight: bold;
}

.modHeading h2 {

	color: #B58867;
}



/***** End Menu Styling ******/



/********** Begin Maandmenu styling ***********/

#firstSection.maandMenuSection.wpb_row {margin-bottom: 0px !important;}

.titleMenu {

	color: #B58867;
	margin-bottom: 0px;
}

.introTextMenu {

	color: #333333;
}

#dividerLogo.maandMenu {

	margin: 25px 0px;
}

#dividerLogo.maandMenu.first {

	margin: 15px 0px 35px 0px; 
}

#dividerLogo.maandMenu.first {width: 100%;}
#dividerLogo.rd_icon_line_c.maandMenu i{
	line-height: 20px;
	width: 20px;
	margin-left: -10px;
	height: 20px;
}

#dividerLogo.maandMenu .sc_line_l{
	float: left;
	margin: 10px 0 0 0;
	width: -moz-calc(50% - 15px);
	width: -webkit-calc(50% - 15px);
	width: -o-calc(50% - 15px);
	width: calc(50% - 15px);

}

#dividerLogo.maandMenu .sc_line_r{
	float: right;
	margin: 10px 0 0 0;
	width: -moz-calc(50% - 15px);
	width: -webkit-calc(50% - 15px);
	width: -o-calc(50% - 15px);
	width: calc(50% - 15px);
}

.menuPrice{

	position: absolute;
	left: calc(100% - 65px);
	left: -moz-calc(100% - 65px);
	left: -webkit-calc(100% - 65px);
	left: -o-calc(100% - 65px);
	top: 7px;
}
/********** End Maandmenu styling ***********/



	.homeTextImg img{
        filter:contrast(125%);
        -web-kit-filter:contrast(125%);
	}

	.home #forthSection .tt_row_parallax {
        filter:contrast(150%);
        -web-kit-filter:contrast(150%);
	}


/******* END STYLING HOME PAGE *******/




/******* START STYLING RESERVEREN PAGINA *******/

#reserveerStart {z-index: 110;}

/*#firstSection.SectionReserveren.vc_row:nth-child(1) {z-index: 11000}*/

/********** TOP Header styling ***********/

.headingParralax2 .animateOne {

	top: 60px;
	opacity: 0;
}

.headingParralax2 .animateTwo { 

	font-size: 120px;
	opacity: 0;

}

#dividerLogo.reserveerDivider {

	width: 1px;
	top: -60px;
	opacity: 0;
}

.headTextReserveren {

	color:white;
	position: relative ;
	top: -80px;
	font-size: 16px;
	opacity: 0;
}

.headTextReserveren a {

	color: #2dd978;
	font-weight: bold;
}

.headTextReserveren a:hover {color: #b58867;}

.logoDivImg.fa-spinner.fa-spin{

-webkit-animation: fa-spin 2s linear;
animation: fa-spin 2s linear;

}
/********** END TOP Header styling ***********/





/******* END STYLING RESERVEREN PAGINA *******/






/********** Mobile footer Menu ***********/


#footerMobileMenu {height: 70px;}

.customMobileFooterMenu.wpb_row{

	margin-bottom:0px;
	left: 0px;
	top:calc(100% - 60px);
	top: -moz-calc(100% - 60px);
	top: -webkit-calc(100% - 60px);
	top: -o-calc(100% - 60px);
	position: fixed;
	margin-left:0px !important;
	z-index: 10000 !important;
	height: 70px;
	text-align: center;
	opacity: 0;
	bottom: 0px;
	

}
.mobileFooterMenu .widget {margin:0px;}

.widget.widget_nav_menu{

	background-color: #84c181;
	padding: 0px;
	margin-top: 0px;
	height:70px;
}

.widget_nav_menu .menu-item {

	float: left;
	padding: 0px 0px;
	width: 25%;
	position: relative;
	top:0px;
	background-color: #B58867;
	height: 70px;
}

.customMobileFooterMenu .widget_nav_menu .menu-item a {

	color:#ffffff;
	padding:0px 0px;
	border-bottom:none;
	line-height: 13px;
	top: 27px;
	position: relative;
	letter-spacing: 1px;
	font-size: 11px;

}

.customMobileFooterMenu .widget_nav_menu .menu-item a:hover {color: #2dd978;}

#menu-mobile-footer-menu .current-menu-item {background-color:#2dd978; }
#menu-mobile-footer-menu .current-menu-item a {color: #684831;}

.customMobileFooterMenu .widget_nav_menu .menu-item a::before {content: " ";}
.customMobileFooterMenu li a span {padding-right: 0px ;}
.customMobileFooterMenu li a span.rd_menu_icon::before {

	display: inline-block;
	position: absolute;
	float: left;
	top: -22px;
	left: -moz-calc(50% - 9px);
	left: -webkit-calc(50% - 9px);
	left: -o-calc(50% - 9px);
	left: calc(50% - 9px);
	
}

.imf-book:before {content: "\e070"; font-size: 20px;}
.imf-phone-4:before {content: "\e0dd"; font-size: 20px;}
.imf-food-2:before  {content: "\e228"; font-size: 20px;}




/********************** End Mobile Footer Menu *****************************/






				/**************************************************** Media queries ********************************************************/



/********     SMARTPHONES FROM 320px TO IPHONE X PORTRAIT     *********/

@media (min-width:319px) and (max-width: 736px){

	.animateTwo.restaurant_garde {line-height: 45px; top: -45px !important;}
	#dividerLogo.reserveerDivider.restaurant_garde {
		top: -40px;
	}
	.headTextReserveren.restaurant_garde {top: -30px!important;}
	/****** P text bigger on mobile-screens *****/

	p {font-size: 15px !important; line-height: 22px !important;}

	/****** Fix Parallax BG Android ******/

	.isMobileAndroid .tt_row_parallax {min-height: 100vh ; background-size: contain;}

	.isMobileAndroid .tt_row_parallax {background-position: 50% , 100% !important;}

	.home.isMobileAndroid  #firstSection{ z-index: 11000 ;}



/********* Start Fix BG-image size IOS ********/

	/***** Header Image Reserveer Page*****/

	/**** Reserveren ****/
	.page-template-single-reserveren .ios_bg.ios_bg_img_1::after {
	 background-image: url(/wp-content/uploads/2018/03/lekker-tafelgerief-tafelgerei-bestek-restaurant-vorken-zw.jpg);
	}

	.page-template-default .ios_bg.ios_bg_img_1::after {
	 background-image: url(/wp-content/uploads/2018/02/capaccio-met-salade.jpg);
	}



	/***** Header Image MENU Page*****/
	.page-template-single-menu .ios_bg.ios_bg_img_1::after {
	 background-image: url(/wp-content/uploads/2018/03/biefstuk.jpg);
	}
	.page-template-single-menu .ios_bg.ios_bg_img_2::after {
	 background-image: url(/wp-content/uploads/2018/03/capaccio-met-salade.jpg);
	}

	.page-template-single-menu .ios_bg.ios_bg_img_3::after {
	 background-image: url(/wp-content/uploads/2018/02/bruchetta.jpg);
	}

	.page-template-single-menu .ios_bg.ios_bg_img_4::after {
	 background-image: url(/wp-content/uploads/2018/02/charcuterie-3.jpg);
	}



	/********** Header Maandmenu ********/
	.page-template-single-maandmenu .ios_bg.ios_bg_img_1::after {
	 background-image: url(/wp-content/uploads/2018/03/wood.jpg);
	}

	.page-template-single-maandmenu .ios_bg.ios_bg_img_2::after {
	 background-image: url(/wp-content/uploads/2018/03/chocoladetaartje-met-lopende-vulling.jpg);
	}



	/***** BG  Images for HOME Page *****/
	.ios_bg.ios_bg_img_1::after {
		background-image: url(/wp-content/uploads/2018/02/keuken-zwart-wit.jpg) ;
	}
	.ios_bg.ios_bg_img_2::after {
		 background-image: url(/wp-content/uploads/2018/03/chef-in-de-keuken-aan-het-bakken.jpg)  ;
	}
	.ios_bg.ios_bg_img_3::after {
		background-image: url(/wp-content/uploads/2018/03/wijnglazen.jpg) ;
	}
	.ios_bg.ios_bg_img_4::after {
		background-image: url(/wp-content/uploads/2018/03/bistro-parijs-avond.jpg) ;
	}

	#firstSection  .tt_row_parallax.ios_bg::after,
	#secondSection .tt_row_parallax.ios_bg::after,
	#thirdSection  .tt_row_parallax.ios_bg::after,
	#forthSection  .tt_row_parallax.ios_bg::after {

		  content:"";
	      position:fixed; 
	      top:0;
	      height:100vh; 
	      left:0;
	      right:0;
	      z-index:-1; 
	      -webkit-background-size: cover;
	      -moz-background-size: cover;
	      -o-background-size: cover;
	      background-position: center center;

	  }
     



/********* End Fix BG-image size IOS ********/


/* First Parralax Heading Homepage */




	div.menu_slide.mt_menu.sticky_header {top: 20px !important;}

	/*#firstSection {height: 107vh;}*/

	.firstHeadingInner {min-height: 107vh ; position: relative ;}

	.headingParralax h1.animateOne {
		font-size:80px;
		line-height: 105px;
		margin-top: 150px;

		}

	.headingParralax .animateTwo, h2 {
		font-size: 45px;
		line-height: 55px;
		}

	.btnWrapper_firstSection a{

		top: calc(100vh - 70px);
		}

	/* Second Parralax Heading */	

	.animateOne1, .animateOne1Maand{

		font-size: 60px;
	}

	.animateTwo1 , .animateTwo1Maand{

		font-size: 28px;
		line-height: 40px;
	}

	/* Thirth Parralax Heading */	

	 .parallax_bg, .parallax_video {

	 	display: block !important;
	 }

	.animateOne2 {

		font-size: 80
	}

	.animateTwo2 {

		font-size: 28px;
		line-height: 40px;
	}

	#mobile-menu ul li a {

		letter-spacing: 1px; font-weight: bold !important;

	}

	#fourthSector .rd_si_sc.rd_si_medium {margin-bottom: 35px;}
	#fourthSector.articleContent {padding-bottom: 35px;} 


	#footer_bg {
		display:none;
	}

	.home.isMobileOrTablet #secondSection {padding-bottom: 0px; padding-top: 0px;}

	/********** END HOMEPAGESTYLING ***********/





	/*********** Begin Reserveer Page *************/

	.btnWrapper_firstSection.Reserveren {display: none;}

	#dividerLogo.reserveerDivider {

		top: -95px;
	}

	.headTextReserveren {

		top: -120px;
	}

	.headingParralax2 .animateOne {

		margin-top: 0px;
		font-size:80px;
		line-height: 105px;
	}


	#reserveerStart {background-color: white; box-sizing: content-box;}
	#reserveerStart.articleContent {padding: 20px 11px; margin-left:-11px; }

	/*********** End Reserveer Page *************/


	/*********** Start Maandmenu Page *************/


	.wpb_row.maandMenuWrapper{

		margin-bottom: 55px;
		margin-top: 35px;
	}

	 #firstSection.alacarteMenuSection, #firstSection.SectionReserveren {

	height: 52vh;

	}

	#firstSection.alacarteMenuSeection

	.menuPrice{


	left: calc(100% - 78px);
	left: -moz-calc(100% - 78px);
	left: -webkit-calc(100% - 78px);
	left: -o-calc(100% - 78px);

}

	.headingParralax.headingMaandMenu {margin-top: -60px}
	.maandMenu #firstSector.maandMenu, #firstSector.alacarteMenu   {z-index: 11000; background-color: white !important;}
	#headerMaandMenu.vc_row:nth-child(1), #firstSection.vc_row.alacarteMenuSection:nth-child(1){z-index: 11000;}
	.maandMenu #firstSection {height: 70vh;}
	.maandMenu .headingParralax2 .animateOne {font-size: 70px;}



	/*********** End Maandmenu Page *************/



	/************ A Lacarte menu ************/

	 #firstSector.alacarteMenu.vc_row:nth-child(2) {z-index: 11001;}
	.alacarteMenuSection .headingParralax2 .animateOne, .SectionReserveren .headingParralax2 .animateOne {margin-top: 20px;}
	.page-template-single-menu #forthSection, .page-template-single-menu #thirdSection, .page-template-single-menu #secondSection {padding-top: 0px; padding-bottom: 0px; }

	
		.headingParralax2 .animateOne {
	 	margin-top: 100px;
	}


}





@media (min-width:374px) and (max-width: 736px){

	#firstSection.SectionReserveren {
		/*height: 50vh;*/
	}

	

	.headingParralax h1.animateOne {
	 	margin-top: 150px;
	}

	.btnWrapper_firstSection a{

		top: calc(100vh - 150px);
		}


	/********** END HOMEPAGESTYLING ***********/



    /******** Maand Menu *********/

    .maandMenu #firstSection {height: 65vh;}

	.menuPrice{

	left: calc(100% - 73px);
	left: -moz-calc(100% - 73px);
	left: -webkit-calc(100% - 73px);
	left: -o-calc(100% - 73px);
}

	.headingParralax2 .animateOne {margin-top: 120px;}
	.maandMenu .headingParralax2 .animateOne {font-size: 80px;}

}

@media (min-width:413px) and (max-width: 736px){

	.headingParralax h1.animateOne {
	 	margin-top: 180px;
	}


	.btnWrapper_firstSection a{

	   	/*top: 85vh;*/
	}

	/***** Reserveer Page *****/

	.headingParralax2 .animateOne {
	 	margin-top: 20px;
	}



	/********** END HOMEPAGESTYLING ***********/



	.maandMenu .headingParralax2 .animateOne {margin-top: 130px;}


}





/********     SMARTPHONES FROM 320px TO IPHONE X LANDSCAPE    *********/

@media (min-width:568px) and (max-width: 736px){


	div.menu_slide.mt_menu.sticky_header {top: 10px !important;}
	

	.headingParralax h1.animateOne {
	 	margin-top: 45px;
	}

	#footer_bg {
		display:none;
	}

	.btnWrapper_firstSection a{

	   	top: 92vh;
	}

	#firstSection {
		/*z-index: 10999;*/
		position: relative;
		/*height: 112vh;*/
	}

	.home #firstSector.vc_row:nth-child(2) {
		z-index: 11000;
		
	}


	/********** END HOMEPAGESTYLING ***********/




	/****** Animation Reserveren ******/

	.headingParralax2 .animateOne {

		margin-top: -50px;
	}

	.btnWrapper_firstSection.reserveren a {

		top: 65vh;
	}


	#firstSection.SectionReserveren {height: 100%;}

	.SectionReserveren .headingParralax2 .animateOne {margin-top: -40px;}
	#firstSection.vc_row.SectionReserveren:nth-child(1) {z-index: 11000;}

	/****** End Reserveren *******/



	/****** Start maandmenu Page ******/

	.maandMenu #firstSection {height: 100%;}
	.maandMenu .headingParralax2 .animateOne {margin-top: 50px;}
	.maandmenu .btnWrapper_firstSection a {top: 92vh; z-index: 11000;}


	/******** A lacarte menu Page ********/


	#firstSection.alacarteMenuSection {height: 100%;}
	#firstSection.alacarteMenuSection .btnWrapper_firstSection a {top: 65vh;}
	.alacarteMenuSection .headingParralax2 .animateOne {margin-top: -40px;}


}

@media (min-width:667px) and (max-width: 736px){

	/*#firstSection {height: 110vh;}*/
    .firstHeadingInner {min-height: 111vh;}
	.headingParralax h1.animateOne {
	 	margin-top: 55px;
	}
	.btnWrapper_firstSection a{

	   top: calc(100vh - 55px);
	}


	/********** END HOMEPAGESTYLING ***********/


	/****** Reserveer Pagina ******/

	.SectionReserveren .headingParralax2 .animateOne, .alacarteMenuSection .headingParralax2 .animateOne {margin-top: -10px;}
	.maandMenu .headingParralax2 .animateOne {margin-top: 80px;}
	.maandMenu .btnWrapper_firstSection a {top: 90vh;}
	.btnWrapper_firstSection.reserveren a{

		top: 65vh;
	}


}
	

@media (min-width:375px){}

@media (min-width:481px) {}

@media (min-width:641px) {}

/********** BEGIN TABLET STYLING ***********/



@media (min-width:638px) and (max-width: 639px) {

	.headingParralax {
	 top: 25%;
	 left: 10%;
	 position: absolute;
	}
	#firstSection {
		/*height: 102vh;*/
	}



}

@media (min-width:677px) and (max-width: 679px) {

	.headingParralax {
	 top: 25%;
	 left: 10%;
	 position: absolute;
	}
	#firstSection {

	/*height: 102vh;*/

	}

	.btnWrapper_firstSection a{

	top: calc(100vh - 130px);

	}

	.maandMenu .headingParralax2 .animateOne {margin-top: 100px;}


}

@media (min-width:694px) and (max-width: 695px) {

	.headingParralax {
	 top: 25%;
	 left: 10%;
	 position: absolute;
	}
	#firstSection {
		/*height: 104vh;*/
	}

	.btnWrapper_firstSection a{
		top: calc(100vh - 95px);
	}

	.maandMenu #firstSection {height: 55vh;}
	.maandMenu .headingParralax2 .animateOne {margin-top: 100px;}
	.SectionReserveren .headingParralax2 .animateOne {margin-top: 0px;}

}




@media (min-width:767px) and (max-width: 1024px) {


/******* FIX MOBILE MENU *******/

	.menu_slide.mt_menu.sticky_header {

	display: none !important;
}



	header.header_shadow.nav_type_1.sticky_header{

	position: fixed !important;
	display: block !important;
	float: left;
}

	header nav {
	float: right;
}

	#logo_img {
		margin-left: 30px;
	}
	.nav_type_1 {
		margin-right: 30px;
	}
	#nav_button:before {
		font-size: 28px;
	}

	/****** First Parallax Header *****/


	.headingParralax .animateOne {
		margin-top: 130px;
	}

	.btnWrapper_firstSection a {
		top:70vh;
	}




/********* Start Fix BG-image size IOS ********/

	/***** Header Image Reserveer Page*****/

	/**** Reserveren ****/
	.page-template-single-reserveren .ios_bg.ios_bg_img_1::after {
	 background-image: url(/wp-content/uploads/2018/03/lekker-tafelgerief-tafelgerei-bestek-restaurant-vorken-zw.jpg);
	}

	.page-template-default .ios_bg.ios_bg_img_1::after {
	 background-image: url(/wp-content/uploads/2018/02/capaccio-met-salade.jpg);
	}



	/***** Header Image MENU Page*****/
	.page-template-single-menu .ios_bg.ios_bg_img_1::after {
	 background-image: url(/wp-content/uploads/2018/03/biefstuk.jpg);
	}
	.page-template-single-menu .ios_bg.ios_bg_img_2::after {
	 background-image: url(/wp-content/uploads/2018/03/capaccio-met-salade.jpg);
	}

	.page-template-single-menu .ios_bg.ios_bg_img_3::after {
	 background-image: url(/wp-content/uploads/2018/02/bruchetta.jpg);
	}

	.page-template-single-menu .ios_bg.ios_bg_img_4::after {
	 background-image: url(/wp-content/uploads/2018/02/charcuterie-3.jpg);
	}



	/********** Header Maandmenu ********/
	.page-template-single-maandmenu .ios_bg.ios_bg_img_1::after {
	 background-image: url(/wp-content/uploads/2018/03/wood.jpg);
	}

	.page-template-single-maandmenu .ios_bg.ios_bg_img_2::after {
	 background-image: url(/wp-content/uploads/2018/03/chocoladetaartje-met-lopende-vulling.jpg);
	}



	/***** BG  Images for HOME Page *****/
	.ios_bg.ios_bg_img_1::after {
		background-image: url(/wp-content/uploads/2018/02/keuken-zwart-wit.jpg) ;
	}
	.ios_bg.ios_bg_img_2::after {
		 background-image: url(/wp-content/uploads/2018/03/chef-in-de-keuken-aan-het-bakken.jpg)  ;
	}
	.ios_bg.ios_bg_img_3::after {
		background-image: url(/wp-content/uploads/2018/03/wijnglazen.jpg) ;
	}
	.ios_bg.ios_bg_img_4::after {
		background-image: url(/wp-content/uploads/2018/03/bistro-parijs-avond.jpg) ;
	}


	.tt_row_parallax.ios_bg::after{
 	  content:"";
      position:fixed; 
      top:0;
      height:100vh; 
      left:0;
      right:0;
      z-index:-1; 
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-position: center center;

    }



	/********* End Fix BG-image size IOS ********/

#reserveerStart {background-color: white; box-sizing: content-box; padding: 50px 11px; margin-left: -11px;}
.maandMenu #firstSector.maandMenu, #firstSector.alacarteMenu   {z-index: 11000; background-color: white ;}



	/***** Reserveer Page *****/


	#firstSection.SectionReserveren, #firstSection.alacarteMenuSection { height: 45vh;}
	.menuPrice {position: relative; left: 0px; margin-bottom: 30px;}
	#dividerLogo.maandMenu {width: 220px;}

	.alacarteMenuSection .headingParralax2 .animateOne {margin-top: 80px;}


	/****** Maandmenu Page *****/

	.maandMenu #firstSection {height: 50vh;}	
	/*.headingParralax2 .animateOne {margin-top: 120px;}*/
	#headerMaandMenu .headingParralax2 .animateOne {margin-top: 150px;}


	/******** Module maandmenu Å lacarte link ********/

	
	.menuLinkCarte h2 {
	font-size: 30px;
	letter-spacing: 1px;
	line-height: 38px;
}
	.menuLinkCarte h3 {font-size: 19px;}	
	.menuLinkCarte h4 a {top:-10px;position: relative;}
	
	.icon_box2_hexbox .box_btn {left: -9px;}

}

@media (min-width:767px) and (max-width: 768px) {


	.btnWrapper_firstSection a {
		top:60vh;
	}
	.firstHeadingInner .headingParralax .animateOne {
		margin-top: 80px;
	}

	/**** Maandmenu Page *****/

	.maandMenu #firstSector .vc_span8 {width: 100% ;}
	.maandMenu #firstSector .vc_span4 {width: 100% ;}
	.maandMenu #firstSector  [class*="vc_span"] {margin-left: 0px;}

	/****** Reserveer Page ******/

	 #reserveerStart .vc_span8 {width: 100% ;}
	 #reserveerStart .vc_span4 {width: 100% ;}
	 #reserveerStart  [class*="vc_span"] {margin-left: 0px;}


}


@media (min-width:782px) and (max-width: 834px) {

	.menuPrice {position: relative; left: 0px; margin-bottom: 30px;}
	#dividerLogo.maandMenu {width: 220px;}

	/***** Maanmenu Page *****/


	.maandMenu .headingParralax2 .animateOne {margin-top: 80px; font-size: 110px;}

	/******** Module maandmenu Å lacarte link ********/
	
	.menuLinkCarte h2 {
	font-size: 30px;
	letter-spacing: 1px;
	line-height: 38px;
}
	.menuLinkCarte h3 {font-size: 19px;}	
	.menuLinkCarte h4 a {top:-10px;position: relative;}
	
	.icon_box2_hexbox .box_btn {left: -9px;}
}



/********* Fix mobile Footer menu Ipad Pro 10,5 inch portrait **********/

@media (min-width:833px) and (max-width: 834px) { 

	.customMobileFooterMenu {display: none;}
		.firstHeadingInner .btnWrapper_firstSection a {
		top:60vh;
	}


	/***** Maanmenu Page ******/

	.maandMenu .headingParralax2 .animateOne {margin-top: 130px; font-size: 130px;}

	/******** Module maandmenu Å lacarte link ********/

	.menuLinkCarte h2 {
	font-size: 30px;
	letter-spacing: 1px;
	line-height: 38px;
}
	.menuLinkCarte h3 {font-size: 19px;}	
	.menuLinkCarte h4 a {top:-10px;position: relative;}
	
	.icon_box2_hexbox .box_btn {left: -9px;}

}

@media (min-width:980px) and (max-width: 982px) {


	.menuPrice {position: relative; left: 0px; margin-bottom: 30px;}
	#dividerLogo.maandMenu {width: 220px;}
	.firstHeadingInner .btnWrapper_firstSection a {
		top:60vh;
	}

	/******** Module maandmenu Å lacarte link ********/
	
	.menuLinkCarte h2 {
	font-size: 30px;
	letter-spacing: 1px;
	line-height: 38px;
}
	.menuLinkCarte h3 {font-size: 19px;}	
	.menuLinkCarte h4 a {top:-10px;position: relative;}
	
	 .icon_box2_hexbox .box_btn {left: -9px;}


}



@media (min-width:1022px) and (max-width: 1023px) {

	.headingParralax .animateOne {

		margin-top: 130px;
	}

	.btnWrapper_firstSection a {top:70vh;}


		/***** Rserveren ******/

	#firstSection.SectionReserveren/* {height:25vh;}*/
	.headingParralax2 .animateOne {margin-top: 0px;}
	

#firstSection.alacarteMenuSection .headingParralax2 .animateOne{margin-top: 0px !important;}




}


@media (min-width:1024px) and (max-width: 1025px) and (orientation : portrait) {

	.maandMenu #firstSection {height: 40vh !important;}
	.animateOne1Maand,.animateTwo1Maand {opacity: 1 !important;}
	#firstSection.alacarteMenuSection, #firstSection.SectionReserveren {height: 35vh;}
	.alacarteMenuSection .headingParralax2 .animateOne, #firstSection.SectionReserveren .headingParralax2 .animateOne{font-size: 130px !important; margin-top: 65px !important;}
	
}




@media (min-width:1023px) and (max-width: 1028px) {

	
	.firstHeadingInner .btnWrapper_firstSection a {
		top:60vh;
	}

	.maandMenu #firstSection {height: 65vh;}

	/******** Module maandmenu Å lacarte link ********/
	.menuLinkCarte h2 {
	font-size: 30px;
	letter-spacing: 1px;
	line-height: 38px;
}
	.menuLinkCarte h3 {font-size: 19px;}	
	.menuLinkCarte h4 a {top:-10px;position: relative;}

	 .icon_box2_hexbox .box_btn {left: -9px;}

	#headerMaandMenu .headingParralax2 .animateOne {margin-top: 120px;}
    .SectionReserveren .headingParralax2 .animateOne {margin-top: 0px;}

    .alacarteMenuSection .headingParralax2 .animateOne{margin-top: 30px; font-size: 110px}




}

@media (min-width:1025px) and (max-width: 1035px) {
	/***** Rserveren ******/
	.menuPrice {position: relative; left: 0px; margin-bottom: 30px;}
	#dividerLogo.maandMenu {width: 220px;}

}


@media (min-width:1040px) and (max-width: 1214px) { 

	#firstSection {
		margin-top: -180px ;
		/*height: 110vh;*/

	}

	.nav_type_1 {

		margin-right: -70px;
	}

	#logo_img {

		margin-left: -50px;
	}

	.btnWrapper_firstSection a {

		top: 70vh;
	}


	/****** Maanmenu Page ******/

	.maandMenu #firstSection {height: 70vh;}
	.maandMenu .headingParralax2 .animateOne {margin-top: 190px;}


}



@media (min-width:1215px) { }

@media (min-width:1281px) { 

	#footer_bg {display:block;}
	.maandMenu .headingParralax2 .animateOne {margin-top: 100px;}

}

@media (min-width:1281px ) and ( max-width: 1920){



}