@font-face {
	font-family: 'tradegothicltstd-bdcn20-webfont';
	src: url('../fonts/tradegothicltstd-bdcn20-webfont.eot');
	src: local('☺'), url('../fonts/tradegothicltstd-bdcn20-webfont.ttf') format('truetype'), url('../fonts/tradegothicltstd-bdcn20-webfont.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
/* Global Styles */
html, body {
	height: 100%;
	-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.img-portfolio {
	margin-bottom: 30px;
}
.img-hover:hover {
	opacity: 0.8;
}
/* Home Page Carousel */

img {
	max-width: 100%;
}
p {
	line-height: 30px
}
/********* HEADER *******/
.navbar-inverse {
	text-align: center;
	background: #80873c;
	border-color: #80873c;
	border-radius: 0;
	margin-bottom: 0;
}
.navbar-nav>li {
	text-transform: uppercase;
	float: none;
	display: inline-block;
	font-size: 16px;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.navbar-nav>li.logo{
	width: 100px
}

	.navbar-nav>li {
	text-transform: uppercase;
	float: none;
	display: inline-block;
	font-size: 16px;
	width: 140px
}
.navbar-inverse .navbar-nav>li>a {
	color: #f7bb00;
	padding: 10px 0px !important;
}
}
.nav>li>a>img {
	max-width: 100%;
	height: 17px;
}
.navbar-nav>li.logo {
	display: none;
}
.navbar-nav>li.logo img {
	height: 60px;
}
.navbar-inverse .navbar-nav>li>a {
	color: #f7bb00;
	padding: 10px 20px;
}
.navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover {
	color: #f7bb00;
	background-color: transparent;
}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover {
	color: #f7bb00;
	background-color: transparent;
}
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover {
	color: #f7bb00;
	background-color: transparent;
}
.navbar-inverse .dropdown-menu {
	text-align: center;
	background: none;
	box-shadow: none;
	border: none;
	font-family: 'tradegothicltstd-bdcn20-webfont';
}
.navbar-inverse .dropdown-menu>li>a {
	display: block;
	padding: 8px 20px 3px;
	margin-bottom: 3px;
	clear: both;
	font-weight: bold;
	line-height: 1.42857143;
	color: #fff;
	font-size: 18px;
	background: #a5a549;
	white-space: nowrap;
}
.bottomHeader {
	background: #d8c035;
    padding: 9px 0 4px 0;
	font-size: 19px;
	text-transform: uppercase;
	text-align: center;
	color: #fff;
	font-weight: bold;
	font-family: 'tradegothicltstd-bdcn20-webfont';
}
.bottomHeader p {
	margin-bottom: 0;
}
/******** Slider *********/
.sliderSec {
	text-align: center;
	background: url(../images/holycatering_3.png) no-repeat;
	background-size: cover;
	min-height: 600px;
	background-position: 100% 100%;
	position: relative;
}
section.sliderSec .title_img {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	margin: -68px auto auto;
	max-width: 600px;
	height: 90px;
}
.sliderIcon1{position: absolute;
	    top: 54%;
    left: 5%;
	right: 0;
	max-width: 600px;
	height: 90px;}
	.sliderIcon2{position: absolute;
	top: 9%;
	left: 0;
	right: 0;
	max-width: 600px;
	margin:auto;
	height: 90px;}
	.sliderIcon3 {
    position: absolute;
    top: 6%;
    right: 7%;
    max-width: 600px;
    height: 90px;
}
.carousel-control, .carousel-indicators {
	display: none;
}
/****** OVER ONS SECTION ******/
.bg3{ }
#over-ons {
	background: #80873c;
	padding: 65px 0;
	font-family: 'tradegothicltstd-bdcn20-webfont';
}
#over-ons p {
	margin: auto;
	text-transform: uppercase;
	font-size: 22px;
	line-height: 24px;
	color: #fff;
}
.rotterdam{       font-size: 23px;
    text-transform: uppercase;
    text-align: center;
    color: #80873c;
    font-weight: bold;
    font-family: 'tradegothicltstd-bdcn20-webfont';
    background: #fff;
    padding: 46px 0 4px 0;
    width: 200px;
    height: 200px;
    border-radius: 50%;
    line-height: 25px;
    margin-top: 50px;
}


section#over-ons .iconL {
	position: relative;
	/* height: 100px; */
	width: 100;
}
section#over-ons .iconL:after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	background: url(../images/overLicon.svg) no-repeat;
	background-size: 100% 100%;
	height: 80px;
	width: 80px;
}
section#over-ons .iconR {
	position: relative;
	/* height: 100px; */
	width: 100;
}
section#over-ons .iconR:after {
	content: "";
	position: absolute;
	right: 0;
	bottom: -20px;
	background: url(../images/overRicon.svg) no-repeat;
	background-size: 100% 100%;
	height: 80px;
	width: 80px;
}
/****** ASSORTIMENT SECTION ******/
#assortiment {
	font-family: 'tradegothicltstd-bdcn20-webfont';
	text-transform: uppercase;
	color: #80873c;
	padding: 30px 0;
	background: #d8c035;
}
#assortiment.darkBg {
	background: #80873c;
	color: #d8c035;
}
#assortiment h2 {
	font-size: 40px;
	margin-bottom: 30px;
		color:#f3ecc5;

}
#over-ons h2 {
	font-size: 40px;
	margin-bottom: 30px;
	color:#f3ecc5;
}
#assortiment p {
	font-size: 22px;
	line-height: 24px;	margin-bottom: 30px;
}
.btnBox {
	
}

.btnBox img {
    height: 300px;
    margin: auto;
    display: block;
	
}
.btnBox2 img {
	    height: 200px;
    margin: auto;
    display: block;
        position: absolute;
    top: 30px;
    left: 43px;

}
.pt-50{padding-top: 50px;}
.btnBox img.btnimg {
	height: 200px;
	text-align: center;
	display: block;
	margin: 30px auto 0;
}
.btn_div {
    position: absolute;
    top: 48%;
    width: 100%;
}
.btnBox a {
	background: #80873c;
	display: block;
	width: 260px;
	text-align: center;
	color: #d8c036;
	text-decoration: none;
	font-size: 18px;
	margin-bottom: 10px;
    padding: 12px 0 8px;
}
.btnBox2 a {
	background: #80873c;
	display: block;
	width: 220px;
	text-align: center;
	color: #f7bb00;
	text-decoration: none;
	font-size: 18px;
	margin-bottom: 10px;
    padding: 12px 0 8px;
	left: 8px;
	position: relative;
	top:130px;
}
.bg2{    background: #a5a549;
}
.cen{    width: 80%;
    text-align: center;
    margin: 0 auto;}
/****** FOOD CAROUSEL SECTION ******/

.carousel {
	height: 50%;
}
.carousel .item, .carousel .item.active, .carousel .carousel-inner {
	height: 100%;
}
.carousel .fill {
	width: 100%;
	height: 100%;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
/****** MENU SECTION ******/
#menuSec {
	font-family: 'tradegothicltstd-bdcn20-webfont';
	text-transform: uppercase;
	color: #d8c035;
	padding: 70px 0;
	background: #80873c;
	background-image: url(../images/bg3.svg);
	    background-size: 100%;
    background-position: center;
}
#menuSec h2 {
	font-size: 40px;
	margin-top: 0;
	margin-bottom: 40px;
		color:#f3ecc5;

}
#menuSec p {
font-size: 22px;
    line-height: 24px;}
#menuSec a {
	    background: #d8c036;
    display: block;
    width: 260px;
    text-align: center;
    color: #80873c;
    text-decoration: none;
    font-size: 18px;
    margin-bottom: 10px;
    padding: 12px 0 8px;
    /* position: absolute; */
    /* bottom: -30px; */
    /* right: 0px; */
    margin: 20px auto;
}
/****** RECIPE SECTION ******/
#recipeSec {
	background: #a5a549;
	padding: 60px 0;
}
section#recipeSec img {
	vertical-align: bottom;
	padding: 14px 13px;/* float: left; */
}
.arrowimg {
	margin-bottom: 40px;
}
.arrowimg1 {
	margin-left: 18px;
	margin-bottom: 40px;
	margin-right: -80px;
}
/******* BEREIDEN SECTION ********/
#bereiden {
	font-family: 'tradegothicltstd-bdcn20-webfont';
	color: #80873c;
	text-transform: uppercase;
	background: #d8c035;
	padding: 70px 0;
}
#bereiden h2 {
	font-size: 40px;
	margin-top: 0;
	margin-bottom: 40px;
		color:#f3ecc5;

}
#bereiden ol {
	padding-left: 25px;
}
#bereiden ol li {
font-size: 22px;
    line-height: 24px;     padding-bottom: 10px;
}
/********* BEZORGEN SECTION *********/
#bezorgen {
	font-family: 'tradegothicltstd-bdcn20-webfont';
	text-transform: uppercase;
	background: #d8c036;
	color: #80873c;
	padding: 60px 0;
}
#bezorgen h2 {
	font-size: 40px;
	margin-top: 0;
	margin-bottom: 40px;
			color:#f3ecc5;

}
#bezorgen h4 {
	font-size: 28px;
	margin-top: 15px;
	margin-bottom: 20px;
}
#bezorgen p {
font-size: 22px;
	line-height: 24px;}
.brandlogo img {
	padding: 27px 26px 16px 0px;
    height: 160px;
}
p#status{    
    color: #80873c;
    padding-left: 118px;
    font-size: 22px;
    text-transform: uppercase;
    font-weight: bold;
	font-family: 'tradegothicltstd-bdcn20-webfont';
}
/* Footer Styles */
#footer { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a5a549+0,a5a549+23,a5a549+23,80873c+24,80873c+100 */
	background: #80873c;
}
a.tel {color: #f6ba00; text-decoration: none;
}
a.tel a:hover{color: #f6ba00; text-decoration: none;
}
.bgColor {
	min-height: 70px;
}
.footerTop {
	padding: 30px 0;
	margin-top: -80px;
}
#footer p {
	font-family: 'tradegothicltstd-bdcn20-webfont';
font-size: 22px;
	line-height: 24px;	margin-bottom: 30px;
	color: #f6ba00
}
#footer span {
	color: #f6ba00;
	font-size: 10px;
	display: block;
	margin-top: 20px;
	text-align: right;
}
#footer span a{ color:#f6ba00; text-decoration:none;}
.copyrightSec {
	background: #d8c035;
	font-family: 'tradegothicltstd-bdcn20-webfont';
	font-size: 22px;
	text-align: center;
	color: #fff;
	text-transform: uppercase;
	padding: 14px 0 12px;
}
.mobileHidden{ display:none;}
/******** FORM SECTION STYLE ********/
.formSec {
	background: #d8c035;
	padding: 100px 0 60px;
}
.formSec form {
	width: 80%;
	margin: auto;
	font-family: 'tradegothicltstd-bdcn20-webfont';
}
.formSec form .form-group{ margin-bottom:3px;}
.formSec form input.form-control {
	background: none;
	border: none;
	border-radius: 0;
	box-shadow: none;
	padding-left:5px;
	font-size:26px;
	height:50px;
	padding-bottom:0px;
	border-bottom: 3px solid #80873c;
}
.formSec form textarea.form-control {
	background: none;
	border: none;
	border-radius: 0;
	box-shadow: none;
	resize:none;
	padding-left:5px;
	font-size:26px;
	border-bottom: 3px solid #80873c;
	    height: 209px;
}
.formSec form .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #a5a549;
}
.formSec form .form-control::-moz-placeholder { /* Firefox 19+ */
  color: #a5a549;
}
.formSec form .form-control:-ms-input-placeholder { /* IE 10+ */
  color: #a5a549;
}
.formSec form .form-control:-moz-placeholder { /* Firefox 18- */
  color: #a5a549;
}
.formSec form input[type="submit"]{     float: right;
    width: 190px;
    height: 52px;
    background: #80873c;
    color: #f7bb00;
    font-size: 24px;
    border: none;
    margin-top: 20px;
    padding-top: 8px;}
.recipeimg2{ display:none}
/* Responsive Styles */
 @media(min-width:768px) {
.navbar-header {
	display: none;
}
.navbar-right {
	float: none !important;
	margin-right: -15px;
}
.navbar-nav>li.logo {
	display: inline-block;
}
.mobileimg{ display:none;}
.mobileHidden{ display:block;}

}
@media(max-width:1200px) {
.btnBox a, #menuSec a {
	width: 200px;
}
#menuSec a {
	right: 20px;
}
#over-ons p {
}
section#recipeSec img {
	vertical-align: bottom;
	padding: 14px 19px;/* float: left; */
}
.carousel {
	height: 40%;
}
}
@media(max-width:991px) {
.customer-img, .img-related {
	margin-bottom: 30px;
}
#bereiden ol li {
	font-size: 20px;
}
#menuSec p {
	font-size: 20px;
}
#assortiment p, #over-ons p {
	font-size: 20px;
}
#bezorgen p, #footer p, .copyrightSec {
	font-size: 20px;
}
.navbar-inverse .navbar-nav>li>a {
	color: #f7bb00;
	padding: 10px 17px;
}
.footerTop {
	margin-top: -70px;
}
.bgColor {
	min-height: 60px;
}
.brandlogo img {
	padding: 7px 9px;
	height: 120px;
}
.btnBox a, #menuSec a {
	width: 200px;
}
.sliderSec {
	min-height: 450px;
}
.carousel {
	height: 30%;
}
.sliderIcon1 {
    max-width: 580px;
    height: 60px;
}
.sliderIcon2 {
    max-width: 580px;
    height: 60px;
}
.sliderIcon3 {
    max-width: 580px;
    height: 60px;
}
}
 @media(max-width:767px) {
	 
	 .sliderIcon1 {
    display: none;
}
.sliderIcon2 {
     display: none;
	 }
.sliderIcon3 {
       display: none;

}
	 .rotterdam{margin: 10px auto} 
	 
.img-portfolio {
	margin-bottom: 15px;
}
.carousel .carousel {
	height: 70%;
}
#menuSec a {
	bottom: -54px;
}
.btnBox {
	position: relative;
	text-align: center;
}
.btnBox a, #menuSec a {
	width: 250px;
	margin: auto auto 10px;
}
.navbar-brand {
	height: auto;
}
.navbar-brand>img {
	display: block;
	height: 60px;
}
.navbar-toggle {
	margin-top: 26px;
}
.sliderSec {
	min-height: 350px;
}
section.sliderSec .title_img {
	max-width: 400px;
	height: 55px;
	display: none;
}
section#recipeSec img {
	vertical-align: bottom;
	padding: 14px 0;
}
.navbar-nav>li {
	display: block;
}
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
	color: #fff;
}
.formSec form {
	width: 50%;
}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    border:none;
	box-shadow:none;
}
.navbar-inverse .dropdown-menu>li>a {
    display: block;
    padding: 8px 20px !important;
    margin-bottom: 3px;
    clear: both;
    font-weight: bold;
    line-height: 1.42857143;
    color: #fff;
    font-size: 18px;
    background: #a5a549;
    white-space: nowrap;
}
.mobileimg{ margin-bottom:30px;}
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
    background-color:transparent;
}
.navbar-inverse .navbar-toggle {
    border:none;
}
.copyrightSec { margin-top:20px;}
}
 @media(max-width:600px) {
.arrowimg1 {
	width: 11%;
}
.arrowimg {
	margin-bottom: 40px;
	width: 11%;
}
section#over-ons .iconL:after {
	left: -7px;
	top: -45px;
	background-size: 100% 100%;
	height: 50px;
	width: 50px;
}
section#over-ons .iconR:after {
	bottom: -20px;
	background-size: 100%;
	height: 50px;
	width: 50px;
}
.formSec form {
	width: 100%;
}
.footerTop {
    margin-top: -53px;
}
.bgColor {
    min-height: 40px;
}
}
@media(max-width:480px) {
section.sliderSec .title_img {
	max-width: 250px;
	height: 35px;
}
.sliderSec {
	min-height: 250px;
}
#over-ons p {
	width: 80%;
	text-align: center;}
	#over-ons h2{text-align: center;}
	.btn_div22{text-align: center;}
#assortiment, #menuSec {
	text-align: center;
}
#menuSec a {
	position: relative;
	right: 0;
	bottom: -10px;
}
section.sliderSec .title_img {
	margin-top: -24px;
}
section#recipeSec img {
	text-align: center;
	margin: auto;
	display: block;
}
#recipeSec .arrowimg, #recipeSec .arrowimg1 {
	width: auto;
	transform: rotate(90deg);
	margin: 50px auto;
}
#bereiden h2 {
	text-align: center;
}
#bezorgen {
	text-align: center;
}
.bgColor {
    min-height: 30px;
}
.recipeimg1{ display:none !important;}
.recipeimg2{ display:block;    width: 47%;
    margin: auto auto auto 19% !important;}
}
@media(max-width:380px) {.footerTop {
    margin-top: -46px;
}}