/*reset css starts here*/
* { margin:0; padding:0; }
h1, h2, h3, h4, h5, h6, p, ul, li, body, html, form, fieldset { margin:0; padding:0; outline:none; font-weight:normal; border:0 }
form, fieldset { width:100% }
img { border:0; }
a { text-decoration:none; border:0; outline:0; }
.clear { clear:both; width:auto !important }
ul { list-style:none; }
a:focus, input:focus , textarea:focus, btn:focus{ outline:0 !important; box-shadow:none !important;}
.nobg { background:transparent !important; }
.form-control::-moz-placeholder { color: #999; opacity: 1; font-family:'Baskerville-Italic';}
.form-control:-ms-input-placeholder {color: #999; font-family:'Baskerville-Italic';}
.form-control::-webkit-input-placeholder {color: #999; font-family:'Baskerville-Italic';}
/*reset css ends here*/
@font-face {
    font-family: 'baskervillenormal';
    src: url('../fonts/baskvl-webfont.eot');
    src: url('../fonts/baskvl-webfont.eot#iefix') format('embedded-opentype'),
         url('../fonts/baskvl-webfont.woff') format('woff2'),
         url('../fonts/baskvl-webfont.woff') format('woff'),
         url('../fonts/baskvl-webfont.ttf') format('truetype'),
         url('../fonts/baskvl-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
	font-family:'Baskerville-Italic';
	src: url('../fonts/Baskerville-Italic_gdi.eot');
	src: url('../fonts/Baskerville-Italic_gdi.eot#iefix') format('embedded-opentype'),
		url('../fonts/Baskerville-Italic_gdi.woff') format('woff'),
		url('../fonts/Baskerville-Italic_gdi.ttf') format('truetype'),
		url('../fonts/Baskerville-Italic_gdi.otf') format('opentype'),
		url('../fonts/Baskerville-Italic_gdi.svg') format('svg');
	font-weight: 400;
	font-style: italic;
	font-stretch: normal;
	unicode-range: U+0020-25CA;
}

@font-face {
	font-family: 'Conv_MyriadPro-Cond';
	src: url('../fonts/MyriadPro-Cond.eot');
	src: local('☺'), url('../fonts/MyriadPro-Cond.woff') format('woff'), 
	url('../fonts/MyriadPro-Cond.ttf') format('truetype'), 
	url('../fonts/MyriadPro-Cond.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Conv_MyriadPro-BoldCond';
	src: url('../fonts/MyriadPro-BoldCond.eot');
	src: local('☺'), url('../fonts/MyriadPro-BoldCond.woff') format('woff'), 
	url('../fonts/MyriadPro-BoldCond.ttf') format('truetype'), 
	url('../fonts/MyriadPro-BoldCond.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

html, body{min-height:100%;}
body{background:url(../images/bg.jpg) no-repeat center top; background-size:cover; font:normal 16px/23px 'baskervillenormal'; color:#333; background-attachment:fixed;}
.product-page{ background-image:url(../images/bg2.jpg);}
.about-page{background-image:url(../images/bg3.jpg);}
.contact-page{background-image:url(../images/bg4.jpg);}
.imprint-page{background-image:url(../images/bg5.jpg);}
h1, h2, h3, h4, h5, h6{font-family:'Conv_MyriadPro-Cond'; text-transform:uppercase; margin-bottom:15px;}
a{color:#333;}
a:hover{color:#009246; text-decoration:none;}
.container{width:100%; max-width:826px;}
header{background:#000; background:rgba(0,0,0,0.7); padding:20px 0; position:relative; border-bottom:solid 4px #fff;}
header:before{content:''; width:33.3%; height:4px; background:#009246; position:absolute; left:0; bottom:-4px; }
header:after{content:''; width:33.3%; height:4px; background:#ce2b37; position:absolute; right:0; bottom:-4px; }
.navbar-brand{height:auto;}
.navbar-brand > img{width:300px;}
.navbar{margin-bottom:0;}
.navbar-default{border:0; background:transparent;}
.navbar-nav{margin-top:25px;}
.nav > li > a{padding:5px 25px;}
.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > a:focus{color:#fff; font-size:16px; line-height:26px; font-family:'Conv_MyriadPro-Cond'; text-transform:uppercase;}
.navbar-default .navbar-nav > li > a:hover{color:#009246; background:transparent; }
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {font-family:'Conv_MyriadPro-BoldCond'; color:#fff; background:transparent;}
.navbar-default .navbar-toggle{border:0; background:transparent; margin-top:11px; margin-right:5px;}
.navbar-toggle .icon-bar{height:3px; border-radius:0;}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus { background-color: transparent;}
.navbar-default .navbar-toggle .icon-bar {background-color: #fff;}
.navbar-default .navbar-toggle .icon-bar.one {background-color: #009246;}
.navbar-default .navbar-toggle .icon-bar.three {background-color: #ce2b37;}
.main-container{width:100%; float:left; padding:40px 0;}
h1{font-size:1.8em; line-height:30px;}
h1 span{font-style:italic; font-family:'Conv_MyriadPro-BoldCond'; color:#e13221;}
.welcome h1{padding-bottom:10px; margin-bottom:10px; border-bottom:solid 1px #999;}
.welcome p{padding-bottom:20px;}
.btn, .btn:focus{text-align:center; width:auto; height:auto; min-height:43px; display:inline-block; color:#fff; font-family:'baskervillenormal'; font-size:18px; line-height:18px; font-weight:bold; text-shadow: 1px 1px 0px rgba(193, 32, 30, 1); letter-spacing:0.5px; padding:10px 20px; background: #f23432; /* Old browsers */
background: -moz-linear-gradient(top, #f23432 0%, #d0211f 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f23432), color-stop(100%,#d0211f)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f23432 0%,#d0211f 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f23432 0%,#d0211f 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #f23432 0%,#d0211f 100%); /* IE10+ */
background: linear-gradient(to bottom, #f23432 0%,#d0211f 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f23432', endColorstr='#d0211f',GradientType=0 ); /* IE6-9 */}
.btn small{display:block; font-style:italic;font-weight:normal;}
.btn:hover{color:#fff; text-shadow: 1px 1px 0px rgba(0, 119, 57, 1); background: #009246; /* Old browsers */
background: -moz-linear-gradient(top, #009246 0%, #018540 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#009246), color-stop(100%,#018540)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #009246 0%,#018540 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #009246 0%,#018540 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #009246 0%,#018540 100%); /* IE10+ */
background: linear-gradient(to bottom, #009246 0%,#018540 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009246', endColorstr='#018540',GradientType=0 ); /* IE6-9 */}
.mid-container{position:relative;}
.food-slider{text-align:center;}
.food-slider h2{margin-bottom:15px;}
.food-slider img{max-width:100%; margin-bottom:30px;}
.food-slider p{line-height:20px;}
.bx-prev{position:absolute; left:-60px; top:50%; width:47px; height:71px; float:left; text-indent:-9999px; overflow:hidden; background:url(../images/prev-button.png) no-repeat center center; margin-top:-36px; opacity:0.6; }
.bx-next{position:absolute; right:-60px; top:50%; width:47px; height:71px; float:left; text-indent:-9999px; overflow:hidden; background:url(../images/next-button.png) no-repeat center center;margin-top:-36px; opacity:0.6;}
.bx-prev:hover, .bx-next:hover{opacity:0.8;}
ul.content-container{width:100%; height:auto; float:left; display: -webkit-flex; display: -ms-flexbox; display: flex;  -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
ul.content-container > li{width:100%; height:auto; float:left; padding:3px; display: -webkit-flex; display: -ms-flexbox; display: flex;  -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
ul.content-container.two > li{width:50%;}
ul.content-container.three > li{width:33.3%;}
ul.content-container.four > li{width:25%;}
.image-right {padding: 10px 0 10px 10px; float: right;}
.image-left-ba {margin: 10px 20px 10px 5px; float: left;}
.image-left{padding: 10px 10px 10px 0; float: left;}
.content-box{width:100%; float:left; background:rgba(255,255,255,0.75); padding:20px 15px; }
.tagline img{max-width:100%;}
.contact-box{width:25%; float:left; }
ul.connect-link{width:100%; float:left;}
ul.connect-link li{float:left; width:33.3%;}
ul.connect-link li img{width:28px;}
.contact-link{margin-top:20px; }
.contact-link a{color:#333; font-weight:bold;}
.contact-link a:hover{color:#009246; text-decoration:none;}
.quote-text{font:normal 70px/70px 'Baskerville-Italic', serif, georgia; color:#fff; text-align:center; padding:50px 0 20px; text-shadow:1px 1px 1px rgba(0,0,0,0.3);}
footer{width:100%; float:left; background:#000; background:rgba(0,0,0,0.75); }
ul.footer-nav{width:100%; float:left;}
ul.footer-nav li{width:auto; float:left; margin:7px 25px 7px 0;}
ul.footer-nav li a{color:#fff; font-size:14px; line-height:22px; font-family:'Conv_MyriadPro-Cond';}
ul.footer-nav li a img{width:16px; display:inline-block; vertical-align:middle;}
ul.footer-nav li a:hover{color:#ce2b37; text-decoration:none;}
a.id-link {color:#999!important; transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;}
a:hover.id-link {color:#fff!important;}

.contact-form .row{margin-left:-3px; margin-right:-3px;}
.contact-form .row .col-sm-6, .contact-form .row .col-sm-12{padding-left:3px; padding-right:3px;}
.form-control{height:43px; border-radius:0; border:0; color:#666; font-size:17px; font-family:'baskervillenormal'; background:rgba(255,255,255,0.9);  }
.form-control.error{border:solid 1px #f00;}
.control-label{font-size:20px; font-family:'baskervillenormal'; color:#666; line-height:43px;}
textarea.form-control{height:145px;}
.captcha-num{font-size:20px; font-family:'baskervillenormal'; color:#666; line-height:43px; background:transparent; border:0; width:25px; text-align:center;}

/* ============================= */
/* ! Layout for iPad landscape */
/* ============================= */
@media only screen and (max-width: 1050px) {

}

/*============================= 
! Layout for iPad portrait  
============================= */
@media only screen and (max-width: 992px) {
.bx-next{right:0; display:none;}
.bx-prev{left:0; display:none;}


}
/* ============================= */
/* ! Layout for mobile(landscape) version   */
/* ============================= */
@media handheld, only screen and (max-width: 767px) {
	header{padding:0;}
.main-container{padding:0;}
.upper-container ul.content-container > li{width:100% !important;}
.contact-box{width:50%; margin-bottom:30px;}
ul.connect-link li{width:auto; margin-right:20px;}
ul.content-container > li{padding:0 0 5px 0 !important;}
.navbar-nav{margin-top:7.5px;}
.navbar-brand > img{width:220px;}
.nav > li > a{padding:7px 15px;}
.quote-text{font-size:40px; line-height:40px;}
footer{padding:10px 0;}
ul.footer-nav{text-align:center;}
ul.footer-nav li{float:none; display:inline-block; margin:0px 8px;}
.quote-text{padding:20px 0;}
ul.content-container.products-list > li{width:50%; padding:3px !important;}
.contact-form .btn{margin-top:15px;}
}
/* ============================= */
/* ! Layout for mobile(portrait) version   */
/* ============================= */
@media only screen and (max-width: 479px) {
.contact-box{width:100%; margin-bottom:30px;}
ul.content-container.products-list > li{width:100%; padding:3px !important;}
}