@charset "utf-8";
/* CSS Document -  WEBSPICE - Sofie Vandenberghe -  www.webspice.be*/
@font-face {
	font-family: "Lato Bold";
	src: url('fonts/Lato-Bold.woff2') format('woff2'),
		url('fonts/Lato-Bold.woff') format('woff'),
		 url('fonts/Lato-Bold.ttf')  format('truetype');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "Lato Regular";
	src: url('fonts/lato-regular-webfont.woff2') format('woff2'),
		url('fonts/lato-regular-webfont.woff') format('woff'),
		url('fonts/lato-regular-webfont.ttf')  format('truetype');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "Helvetica Neue Light";
	src: url('fonts/HelveticaNeueLight.woff2') format('woff2'),
		url('fonts/HelveticaNeueLight.woff') format('woff'),
		url('fonts/HelveticaNeueLight.ttf')  format('truetype');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

html {
  scroll-behavior: smooth;
text-rendering: optimizeLegibility !important;
-moz-osx-font-smoothing:grayscale!important;
-webkit-font-smoothing:antialiased!important
}
body{
	font-family:"Lato Regular";
		color:#292929;
		font-size: 16px;
}
h1 {font-size: 76px; position:relative; font-family:'Helvetica Neue Light';  color:#ef7627; margin: 0 auto 50px; line-height:70px;}
h2 {font-size: 76px; position:relative; font-family:'Helvetica Neue Light';  color:#ef7627; margin: 0 auto 50px; line-height:70px;}
h3{font-size:36px; font-family:'Lato Bold'; color:#ef7627; margin: 0 auto 15px; line-height:40px;}
h4{font-size:21px; font-family:'Lato Bold'; color:#292929; margin: 0 auto 30px; line-height:24px;}
h5{font-size:18px;font-weight:normal;position:relative;color:#ef7627;font-family: 'Lato Bold';}
p{margin: 0 0 10px;line-height:24px; color:#484848;font-size: 18px;}
a, a:hover, a:focus, a:focus, a:active{ text-decoration:none; outline:none; transition: ease-in .3s; }
a, p a {text-decoration:none;color:#ef7627;}
p a:hover, a:hover{cursor:pointer;text-decoration: underline;color:#ef7627}
.inhoud ul {
    margin-left: 0px;
    margin-top: 10px;
    list-style: none;
	padding-left:0px
}
.inhoud ul li::before {
  content: "-";  
  font-weight: bold; 
  display: inline-block; 
  width: 1em; 
  margin-left: -1em; 
}
.breadcrumb {background-color:transparent;border-radius:0;justify-content:flex-start;padding-left:0px;}
.breadcrumb-item {font-size:12px}
.bgwece{background:#000000}
#webspice { text-align: right;padding-right:10px}
#webspice a {
font-weight:600;
font-size:12px;
color:#e1e1e1;
text-decoration:none;
    padding-top: 5px;padding-bottom:5px;
    }
#webspice a:hover{color:#ffffff}
.bol {
color:#D99F15;
font-size:24px
}
.btn {
box-shadow: none !important;
text-decoration:none;
transition: 0.3s;
color: #292929;
background-color: #ef7626;
border: 1px solid #ef7626;
padding:5px 35px;
font-family:"Lato bold";
margin: 0px;
border-radius: 0;
display: inline-block;
line-height: 62px;
font-size: 20px;
text-transform:uppercase
}
.btn:hover, a.btn:hover{text-decoration:none; background-color:#222320;border-color:#222320;color:#ef7627}

/*******/

input, textarea {
	font-size: 16px;
	font-weight: normal;
	padding: 10px;
	background-color: #e4e4e4;
	width: 100%;
}
.form-control::placeholder {color: #666666;}
.form-control{font-weight: normal;
	padding: 10px;
background-color: #f9f9f9;
    border:none;
    border-radius:0;
 color: #666666;}

.formelnt{
  position: relative;
	display: inline-block;
	width: 100%;
	margin-bottom: 15px;
	}

.submit {
    font-family:"Lato bold";
display: block;
line-height: 1.25;
text-align: center;
vertical-align: middle;
text-decoration: none;
text-shadow: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-clip: padding-box;
margin-top: 20px;
font-size: 20px;
padding: 17px;
margin-left: auto;
margin-right: auto;
text-transform:none;
transition: all 0.5s;
width: 250px;
height: 64px;
color: #292929;
background-color:#ef7627;
border: 1px solid #ef7627;
border-radius: 0px;
}
.submit:hover {background-color: #222320;text-decoration:none;color:#ef7627;border-color:#ef7627}
 iframe.map {height:510px; width:100%;display: block;}

.container {max-width: 1507px;}

/**----Header Css----**/
header {position: relative;background: #ffffff;}
	.top_head {background:#222320;}
	.top_head ul.call_email{padding: 21px 0;margin:0 }
	.top_head ul.call_email li { width: auto; position:relative;    display: inline-block;    line-height: 18px;    padding: 0 33px 0 0;}
	.top_head ul.call_email li ,
	.top_head ul.call_email li a{ color: #fff;text-decoration: none;font-size:18px; font-family:"Lato Regular"; line-height: 18px;    display: inline-flex;
    justify-content: center;    align-items: center;  }
	.top_head ul.call_email li img{ margin-right:12px; }
	.top_head ul.right_top li:last-child img{ margin-right:0; }
	.top_head ul.call_email li:hover,
	.top_head ul.call_email li:hover a,	.top_head ul.right_top li:hover a {text-decoration: none; color:#ef7626;}
	.right_top li { display: inline-flex; padding-left: 18px;    list-style: none;    max-width: 250px;    width: 50%;}
	.right_top  .btn { text-transform:capitalize;  max-width: 250px; height:46px; line-height: 46px; font-size:18px;  color: #222320; background-color: #ef7626; border: 2px solid #ef7626;padding: 0px;margin: 0px 0 0;border-radius: 40px;width: 100%;  }
	.right_top li:first-child {width: auto;}
	.right_top { margin: 13px 0; display: flex; width: 100%; 	justify-content: flex-end; }
	.right_top li  a{ display: inline-flex;    justify-content: center;    align-items: center;}
	.right_top li:first-child a { display: inline-flex; background: #fff; width: 45px; height: 45px; align-items: center; justify-content: center;    border-radius: 50%;}
	footer ul li img.img-red,.top_head ul.right_top li img.img-red { display: none; opacity:0;width:0; }
	footer ul li  a:hover img.img-white,	.top_head ul.right_top li a:hover img.img-white { display: none; opacity:0; width:0;}
	footer ul li a:hover img.img-red ,	.top_head ul.right_top li a:hover img.img-red { display: block; opacity:1; width:9px;}
/* nav */
.navi{padding:17px 0 30px;}
a.navbar-brand { padding: 10px 0 0;}
.navbar-toggler:focus,.navbar-toggler:active {outline: 0;}
.navbar-toggler{position:relative;display:none}
.navbar-toggler span {
display: block;
background-color:#ffffff;
height: 3px;
width: 35px;
margin-top: 4px;
margin-bottom: 4px;
 -webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
 -o-transform: rotate(0deg);
transform: rotate(0deg);
position: relative;
 left: 0;
opacity: 1;
}
.navbar-toggler span:nth-child(1),
.navbar-toggler span:nth-child(3) {
-webkit-transition: transform .35s ease-in-out;
-moz-transition: transform .35s ease-in-out;
 -o-transition: transform .35s ease-in-out;
transition: transform .35s ease-in-out;
}
.navbar-toggler:not(.collapsed) span:nth-child(1) {
position: absolute;
 left: 12px;
top: 10px;
 -webkit-transform: rotate(135deg);
 -moz-transform: rotate(135deg);
-o-transform: rotate(135deg);
transform: rotate(135deg);
 opacity: 0.9;
}
.navbar-toggler:not(.collapsed) span:nth-child(2) {
height: 12px;
visibility: hidden;
 background-color: transparent;
}
.navbar-toggler:not(.collapsed) span:nth-child(3) {
position: absolute;
left: 12px;
top: 10px;
-webkit-transform: rotate(-135deg);
 -moz-transform: rotate(-135deg);
 -o-transform: rotate(-135deg);
 transform: rotate(-135deg);
opacity: 0.9;
}
.navbar {padding: 25px 0 20px;}
nav ul{list-style:none; padding-left: 0;}
.nav-link{ color: #222320; text-transform: capitalize; text-decoration: none; font-size: 20px; letter-spacing: 1px; transition: 0.5s; position: relative; padding: 0!important;     font-family: 'Lato Regular'; }
.nav-item.active .nav-link{color:#ef7627}
/*index*/
.banner { background: url("../fotomateriaal/banner.webp"); background-position: center center; background-repeat: no-repeat; background-size: cover; background-attachment: fixed; 	height:588px; }
.welkom{padding:155px 0 80px; position:relative;}
.welkom p {max-width:1180px; margin:0 auto 20px; }
.take_away::before,	.welkom::before{width:316px; height:135px;position:absolute; left:50%; top:0; transform:translate(-50%); content:''; background: url(../fotomateriaal/flower-vector.webp); background-position: top  center; background-attachment: scroll; background-repeat: no-repeat; background-size: contain;}
.take_away{background:#ef7627; padding:140px 0 90px; position:relative;}
.take_away a img {padding: 16px;    border: 1px solid #e5e5e5;}
.take_away a.btn{margin:65px auto 0;border-radius: 40px;font-size: 26px;background-color: #232421;border: 2px solid #232421;color:#ef7627}
.take_away a.btn:hover{background-color: #ef7627;color:#232421}
.address-sec {background: #f9f1e0; padding: 70px 0;}
.address-info { height: 510px;    padding: 90px 80px;}
.address-info p {color:#ef7627; margin:0 0 10px;  font-size:22px; font-family:"Lato Bold"; text-transform:uppercase;}
.address-info ul{margin:0 0 50px; padding:0;}
.address-info ul li {color:#292929; font-size:18px; font-family:"Lato Regular"; line-height:25px; list-style:none;}
.gallery-sec{padding:87px 0 72px;}
.gallery-sec img{margin-bottom:23px;}
.banner_pag{
    background: url("../fotomateriaal/bannerpag.webp");
        background-position-x: 0%;
        background-position-y: 0%;
        background-repeat: repeat;
        background-attachment: scroll;
        background-size: auto;
    background-position: center center;
    background-size: 100% auto;
    background-attachment: scroll;
    background-repeat: no-repeat;
    height: 400px;
}
/**----Footer Css----**/
footer {background: #232421; padding: 105px 0 0; color: #ccc;}
footer ul li,	footer a { 	color: #cccccc; text-decoration: none; 	line-height:25px; font-size: 18px; display: block; font-family:'Lato Regular'; }
footer ul{margin:0; padding:0;}
footer .contact-info{margin:45px 0 0;}
footer .contact-info li a,footer .right_btm li a{ line-height: 25px; font-size: 18px; margin: 0 0 10px; }
footer .contact-info li { line-height: 25px; font-size: 18px; padding-left: 40px; position: relative; margin: 0 0 25px; 	}
footer .contact-info li img{position:absolute; left:0; top:7px;}
footer ul li { padding: 0 0 0px; line-height: 24px; list-style: none;  }
footer .contact-info li:hover,	footer ul li:hover a, footer a:hover{text-decoration:none;color:#ef7626;}
footer h4 {font-family:'Lato Bold'; color:#ef7627;  font-size: 18px; }
.right_btm {max-width:150px; margin:45px 0 0; float:right;}
.right_btm li:first-child{margin:0 0 25px;}
.right_btm li:first-child a { display: inline-flex; background: #fff; width: 45px; height: 45px; align-items: center;     justify-content: center;     border-radius: 50%; }
.scrollup { display: none; position: fixed; bottom: 4em; right: 15px; width: 47px; height: 47px; background: url(../fotomateriaal/back-top-btn.png);text-indent: -999999px;transition: ease-in .3s all;z-index: 999; 	}
.scrollup:hover {background-position: left bottom;}

/* Responsive */
@media (min-width: 1400px)and (max-width:1900px){ .banner_pag {height: 300px;} }
@media screen and (max-width: 1400px) {.container {max-width: 100%; padding:0 25px;}.address-info { padding: 40px;}}
@media screen and (max-width: 1200px) {
.banner {  height: 480px;}
h1,h2 { font-size: 50px;    margin: 0 auto 30px;}
p { line-height: 24px;   font-size: 16px;}
.take_away { padding: 140px 0  50px;}
.welkom { padding: 155px 0 50px;}
.address-info { padding: 30px;}
.address-info ul li {font-size: 16px; line-height: 25px;}
.address-sec  { padding: 50px 0;}
.address-sec , .gallery-sec { padding: 50px 0 30px;}
footer { padding: 70px 0 0;}
.banner_pag {height: 250px;}
}
@media screen and (max-width: 1024px) {
	.navi { padding: 10px 0 15px;}
	.navbar-toggler { display: block!important;     float: right;    position: absolute;    right: 0;    top: 20px;	background: #ef7627;}
	.navbar { padding: 0;}
	.collapse.navbar-collapse {display: none !important;}
	.navbar-collapse.collapse.show {display: block !important;}
	.navbar-nav {display: block !important;padding:15px}
	.nav-link{margin-bottom:10px}
	.right_top li {  width: 60%;}
	.navbar-expand-lg .navbar-nav .dropdown-menu { position: static; margin: 0 0 15px;}
	div#collapsibleNavbar { position: absolute; background: #ffffff; z-index: 999; top: 80px; right: -15px; width: 250px; }
	.banner {height: 450px;}
	.take_away::before, .welkom_india::before { background-size: 60%;}
	h1 , h2 {font-size: 40px;  margin: 0 auto 20px;    line-height:50px;}
	h3 {font-size: 30px;}
	h4 {font-size: 18px;}
	p {font-size: 18px;    line-height: 24px;}
	.take_away { padding: 90px 0  50px;}
	.welkom_india { padding: 90px 0 50px;}
	.banner_pag {height: 200px;}
	.take_away a.btn {font-size: 18px;margin:0;line-height: 40px;margin-top: 40px;}
	}
@media screen and (max-width: 991px) {	
	.gallery-sec img {  display: block;    width: 100%;}
	.right_btm {  margin: 30px 0 0; max-width:100%;   float: none;}
	footer .contact-info {margin: 30px 0 0;}
	.right_top li{ width: 80%;}
	.top_head .col-lg-6.col-md-7,	.top_head .col-lg-6.col-md-5{width:100%;  flex: 0 0 100%;    max-width: 100%; }
	.right_top { justify-content: center;}
	
	.top_head ul.call_email {padding: 10px 0 0; margin: 0 auto; text-align: center;}
	.address-info { padding: 30px 12px;}
	.banner_pag {height: 150px;}
	}
@media (max-width: 767px){
	.banner {height: 300px; }
	h1 , h2 {font-size: 32px;   line-height: 36px;}
	h3 {font-size: 24px;  line-height: 30px;}
	.address-info ul { margin: 0 0 20px;}
	.address-info {   padding: 15px;    height: auto;    margin: 0 auto 30px;}
	.card-columns{column-count:2}
	.banner {background-attachment: scroll;}
	}
@media (max-width: 576px){
.take_away a img {margin: 0 auto 40px;}
	h1 , h2 {font-size: 30px;    line-height: 40px;}
	h3 { font-size: 24px;  line-height: 40px;}
	h4 {font-size: 18px; line-height: 22px;}
	.container {  padding: 0 15px;}
	footer {  padding: 30px 0;}
	.card-columns{column-gap: 0rem;}
	.card-body{padding:0.25rem}
}
@media (max-width: 414px){
	.top_head ul.call_email li, .top_head ul.call_email li a { font-size: 16px; line-height: 30px; justify-content: left; display:flex; }
	.right_top{padding:0; justify-content: left;}
	.right_top li:first-child{padding-right:10px;}
	.right_top li {width: 100%; display:flex;}
	.banner_pag {height: 100px;}
	}
@media (max-width: 384px){
	.right_top li{padding-left:0;}
		}