*, *:after, *:before { -webkit-box-sizing: border-box; box-sizing: border-box; }
.clearfix:before, .clearfix:after { display: table; content: ''; }
.clearfix:after { clear: both; }

@m@charset "utf-8";
/* CSS Document */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

body {
	margin: 0px;
    font-family: "Ubuntu Sans", sans-serif;
/*
    font-family: "Inter", sans-serif;
*/
	font-size: 14px;
	color: #333;
	line-height: 1;
   
}
body, html {
    width: 100%;
    height: 100%;
}
html {
  scroll-behavior: smooth;
}
a {
	
	font-size: 14px;
	color: #333;
     transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
	color: #000;
}
a:active {
	text-decoration: none;
}
::-webkit-selection {
  color: #9d58da;
  background: #8dd8f8;
}

::-moz-selection {
  color: #9d58da;
  background: #8dd8f8;
}

::selection {
  color: #9d58da;
  background: #8dd8f8;
}

.pageloader {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: url('../imgs/lg.gif') 50% 50% no-repeat rgb(255, 255, 255);
  opacity: .9;
}
#aboutblv {
    width: 100%;
    background-color: #fff;
    padding: 50px 0px 50px 0px;
   
}
#aboutblv h2 {
   font-size: 30px;
    font-weight: 800;
    text-transform: uppercase;
    text-align: center;
   
}
/* Style the tab */
#aboutblv .tab {
  overflow: hidden;
  padding: 0px 0px 0 0px;
  
}

/* Style the buttons inside the tab */
#aboutblv .tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 10px 0px;
  margin: 0 14px;
 font-family: "Ubuntu Sans", sans-serif;
  font-size: 22px;
    color: #00963f;
    font-weight: 700;
border-bottom: 4px solid #ddd;
}

/* Change background color of buttons on hover */
#aboutblv .tab button:hover {

}

/* Create an active/current tablink class */
#aboutblv .tab button.active {
  border-bottom: 4px solid #2f2483;
    font-weight: 700;
    color: #2f2483;
}

/* Style the tab content */
#aboutblv .tabcontent {
  display: none;
  padding: 24px 12px;
  border-top: none;
  font-size: 16px;
  line-height: 26px;
}
#aboutblv .tabcontent h3 {
  font-size: 30px;
  margin: 20px 0px;
  color: #2f2483;
    text-transform: uppercase;
}
.cpic {
    float: right;
    width: 25%;
    margin-left: 25px;
}
.cpic img {
    width: 100%;
}
#Blv {
    width: 100%;
}
#Blv h4 {
    font-size: 40px;
    margin-bottom: 20px;
    margin-top: 20px;
}
#Blv h5 {
    font-size: 22px;
    margin-bottom: 20px;
    color: #00963f;
}
#Blv p {
    font-size: 18px;
    margin-bottom: 10px;
    line-height: 32px;
    letter-spacing: 0.5px;
}
.brice {
    float: right;
}
.rquestion {
    float: right;
    width: 20%;
}
.productsrange {
    width: 100%;
}
.productsrange ul {
    width: auto;
}
.productsrange ul li {
    width: 100%;
}
.productsrange ul li img {
    width: 100%;
}
.productsrange ul li h2 {
    position: absolute;
    z-index: 2;
    margin-top: -160px;
    color: #fff;
    font-size: 33px;
    line-height: 38px;
    font-weight: 300;
    letter-spacing: 0.5px;
}
.banh {
    height: 600px;
     object-fit: cover;
}
.tablink {
    border: dotted 1px #999;
    padding: 6px 16px;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    background-color: #f7f7f7;
}
:hover.tablink {
    background-color: #666;
    color: #fff;
}
#Leadership {
    width: 100%;
}
#Leadership p {
    font-size: 20px;
    margin-bottom: 10px;
    line-height: 30px;
    letter-spacing: 0.5px;
}
#Leadership ul {
    width: auto;
    margin: 50px 0 0 0px;
}
#Leadership ul li {
    width: 24%;
    margin: 0.5%;
    text-align: center;
    float: left;
}
#Leadership ul li img {
    width: 75%;
    border-radius: 400px;
}
#Leadership ul li h4 {
    font-size: 22px;
}
#Leadership ul li span {
    font-size: 14px;
    letter-spacing: 4px;
}
#Why {
    width: 100%;
}
#Why ul {
    width: auto;
}
#Why ul li {
    width: 100%;
    margin: 10px 0px;
    font-size: 18px;
    line-height: 32px;
    letter-spacing: 0.5px;
}
#Basmati {
    width: 100%;
}
#Basmati h4 {
    font-size: 25px;
    margin-bottom: 20px;
    color: #00963f;
    line-height: 30px;
}
#Basmati p {
    font-size: 18px;
    margin-bottom: 10px;
    line-height: 32px;
    letter-spacing: 0.5px;
}
.bicon {
    font-size: 25px !Important;
}
.colmthree {
    width: 32%;
    float: left;
    margin: 0.5%;
}
.wrapperfluid {
    width: 90%;
    margin: auto;
}
.wrapper {
    max-width: 1250px;
    width: 98%;
    margin: auto;
}
.fl {
    float: left;
}
.fr {
    float: right;
}
.split {
    clear: both;
}
#vbg {
    position: fixed;
    opacity: 0.7;
}
.blvlogo {
    float: right;
    position: relative;
    z-index: 7;
    margin: 140px 0 0 0px;
    width: 100px;
}
.blvlogo img {
    width: 100%;
}
.maincontent {
    position: absolute;
    margin-top: 140px;
    width: 50%;
   
}

.image_wrapper .text_content {
  position: absolute;
  bottom: 50px;
  left: 50px;
  opacity: 1;
}
.slideshow h3 {
    font-size: 35px;
    line-height: 45px;
    font-weight: 700;
    color: #fff;
}
.slideshow h5 {
    font-size: 22px;
    line-height: 30px;
    font-weight: 400;
    color: #fff;
    font-style: italic;
    letter-spacing: 0.5px;
}


.maincontent h1 {
    font-size: 35px;
    line-height: 45px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 20px;
}
.maincontent h2 {
    font-size: 22px;
    line-height: 30px;
    font-weight: 400;
    color: #fff;
    font-style: italic;
    letter-spacing: 0.5px;
}
.maincontent h2 span {
    padding: 8px 12px;
    font-weight: 600;
    background-color: #00963f;
    border-radius: 8px;
    
}

.fheader {
   background: rgba(255,255,255,1) !important;
   
/*    backdrop-filter: blur(10px);*/
    position: fixed;
    width: 100%;
    z-index: 999;
}
.fheader .topbar {
  
}
.fheader .tollfree {
    font-size: 14px;
    margin: 15px 10px 0 0px;
}
.fheader .logo {
    width: 66px;
    top: 2px;
    padding: 6px;
    box-shadow: 0px 0px 0px #fff;
}
.fheader nav ul li a {
    font-size: 14px;
}
.fheader .socialicons ul li a {
    padding: 12px 12px 12px 12px;
    font-size: 15px;
    
}
header {
    background: rgba(255,255,255,1) !important;
    border-bottom: solid 1px #ccc !important;
    width: 100%;
    position: fixed;
    z-index: 999;
  
}
.topbar {
    background-color: #f7f7f7;
    width: 100%;
    overflow: hidden;
}
.govt {
    float: right;
    margin: 14px 15px 0 0px;
    font-size: 15px;
    font-style: italic;
    letter-spacing: 0.5px;
   
}
.govt .g {
    position: absolute;
    width: 30px;
    margin-top: -6px;
    margin-left: -35px;
    
}
.govt span {
    color: #00963f;
}
.tollfree {
    float: right;
    font-size: 14px;
    font-weight: 700;
    margin: 15px 10px 0 0px;
    color: #a42017;
    transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
}
.tollfree span {
    float: left;
    display: inline-block;
    padding: 0 4px;
}
.tollfree .labelhead {
    font-size: 12px;
    color: #a42017;
    font-weight: 400;
    font-style: italic;
    padding-right: 8px;
   
}
.tollfreebot {
    font-size: 18px;
    font-weight: 700;
    margin: 15px 10px 0 0px;
    color: #a42017;
    width: 100%;
}
.socialiconsbot {
    float: none;
    border-top: dotted 1px #ccc;
    border-bottom: dotted 1px #999;
    margin: 20px 0 20px 0px; 
}

.socialiconsbot  a {
    padding: 12px 14px 12px 0px;
    box-sizing: border-box;
    display: inline-block;
    font-size: 25px;
    font-weight: 700;
    color: #000;
}
.socialiconsbot  a:hover {
    color: #333;
}
.socialicons {
    float: right;
}
.socialicons ul {
    width: auto;
}
.socialicons ul li {
    float: left;
    list-style: none;
}
.socialicons ul li img {
    width: 30px;
}
.socialicons ul li a {
    padding: 12px 12px 12px 12px;
    box-sizing: border-box;
    display: block;
    font-size: 20px;
    font-weight: 700;
    color: #000;
}
.socialicons ul li a:hover {
    color: #666;
}
.cname {
    float: left;
    margin: 14px 0 0 85px;
    font-family: "Playfair", serif;
    font-weight: 400;
    font-size: 22px;
    letter-spacing: -.5px;
}
.logo {
    position: absolute;
    width: 140px;
    top: 4px;
    z-index: 999999;
    background-color: #f7f7f7;
    padding: 12px;
    box-sizing: border-box;
    box-shadow: 0px 1px 1px #ccc;
    transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
}
.logo img {
    width: 100%;
}
.logohhf {
    position: absolute;
    width: 280px;
    top: 40px;
  
    transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
}
.logohhf img {
    width: 100%;
}
nav {
    float: right;
    margin: 0px 0 0px 0px;
}
nav ul {
    width: auto;
}
nav ul li {
    width: auto;
    margin: 0px 0px;
    float: left;
}
nav ul li a {
    font-family: "Ubuntu Sans", sans-serif;
    font-size: 15px;
    font-weight: 600;
    padding: 15px 12px 15px 12px;
    display: block;
    color: #333;
    text-transform: uppercase;
}
nav ul li a:hover {
    color: #000;
}

nav ul li:hover .subser {
  display: block;
}
.vline {
    border-right: solid 1px #ccc;
    box-sizing: border-box;
}
.subser {
    width: 100%;
    position: absolute;
    left: 0;
     z-index: 99999;
    display: none;
}
.submenubg {
    background-color: #f7f7f7;
    padding: 20px 0px;
    box-sizing: border-box;
}
.submenuprod {
    background-color: #f7f7f7;
    padding: 20px 0px;
    box-sizing: border-box;
}
.submenuprod ul {
    width: 49% !Important;
    margin: 0.5%;
    float: left !Important;
   
}
.submenuprod li {
    width: 24% ;
    margin: 0.5%;
    float: left !Important;
   
}
nav ul ul {
    width: 24%;
    margin: 0.5%;
    float: left;
   
}
nav ul ul h3 {
    text-transform: uppercase;
    border-bottom: solid 1px rgba(255,255,255,0.3);
    padding-bottom: 10px;
    font-size: 16px;
    color: #000;
}
nav ul ul li {
  float: none;
  width: 100%;
  padding: 0px;
  margin: 0px;
    line-height: 18px;
}
nav ul ul li a {
  font-size: 14px;
  padding: 8px 0px;
  display: block;
  font-weight: 400;
  text-transform: capitalize;
}
nav ul ul li a:hover {
  color: #07a756;
}
#mainscreen {
    width: 100%;
    height: 90%;
    background-color: #000;
    background-size: 100%;
    background-attachment: fixed;
}
.tcenter {
    text-align: center;
}
.hpic {
    width: 50%;
}
.fpic {
    width: 100%;
}

.brandbanners {
    width: 100%;
    margin: 25px 0px;
}
.brandbanners ul {
    width: auto;
}
.brandbanners ul li {
    width: 100%;
    margin: 0.5% 0px;
    float: left;
}
.brandbanners ul li img {
    width: 100%;
    border-radius: 24px;
    box-shadow: 0 2px 3px #999;
}
.brandproduct {
    width: 100%;
    margin: 50px 0px;
}
.brandproduct ul {
    width: auto;
}
.brandproduct ul li {
    width: 15.5%;
    margin: 0.5%;
    float: left;
    border-radius: 12px;
    text-align: center;
    transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
}
.brandproduct .twobp {
    width: 49% !important;
}
.brandproduct .threebp {
    width: 32.2% !important;
}
.brandproduct .fourbp {
    width: 24% !important;
}
.brandproduct ul li:hover {
    transform: scale(1.2);
    box-shadow: 0 10px 90px #666;
    background-color: #f1f1f1;
}
.brandproduct ul li img {
    width: 100%;
    margin-bottom: 10px;
    border-radius: 12px;
}
.brandproduct ul li h4 {
    font-size: 25px;
    line-height: 22px;
    font-weight: 600;
    margin-bottom: 10px;
    font-family: "Ubuntu Sans", sans-serif;
}
.brandproduct ul li h4 span {
    display: block;
    font-size: 12px;
}
.brandproduct ul li h4 strong {
    display: block;
    font-size: 16px;
    font-weight: 500;
}
.brandproduct ul li h5 {
    font-size: 12px;
    font-weight: 400;
    margin-bottom: 10px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #666;
}
.brandproduct ul li .included {
    font-size: 12px;
    line-height: 18px;
    font-weight: 400;
    margin-bottom: 10px;
    color: #666;
    display: block;
    letter-spacing: 0.5px;
    padding: 0 20px;
}
.brandproduct ul li p {
    font-size: 16px;
    font-weight: 900;
    margin-bottom: 10px;
    text-transform: uppercase;
    color: #666;
    text-align: center;
}
.awards {
    width: 100%;
    padding: 25px 0px 0 0px;
    text-align: center;
    background-color: #fff;
    margin-bottom: 25px;
}

.awards img {
    width: 50%;
}
#management {
    width: 100%;
    background-color: #fff;
    overflow: hidden;
}
#brands {
    width: 100%;
    background-color: #fff;
    padding: 50px 0px;
    text-align: center;
}
#brands h2 {
    font-size: 30px;
    font-weight: 800;
    text-transform: uppercase;
 
}
#stats {
  width: 100%;
  padding: 50px 0px 100px 0px;
  background-color: #333;
/*  min-height: 900px;*/
  background-size: cover;
  text-align: center;
  background-attachment: fixed;
  background-position: top center;
}
#stats h2 {
    font-size: 30px;
    font-weight: 800;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 50px;
}
.statleft {
    float: left;
    width: 300px;
}
.statleft ul {
    width: auto;
}
.statleft ul li {
    width: 100%;
    background: rgba(0,0,0,0.4);
    padding: 20px;
    box-sizing: border-box;
    color: #fff;
    text-align: center;
    margin-bottom: 20px;
}
.statleft ul li i {
    font-size: 50px;
}
.statleft ul li h3 {
    font-size: 60px;
    font-weight: 100;
    margin: 20px 0px;
}
.statleft ul li h4 {
    font-size: 25px;
    font-weight: 300;
    letter-spacing: 1px;
}
.statright {
    float: right;
    width: 300px;
}
.statright ul {
    width: auto;
}
.statright ul li {
    width: 100%;
    background: rgba(0,0,0,0.4);
    padding: 20px;
    box-sizing: border-box;
    color: #fff;
    text-align: center;
    margin-bottom: 20px;
}
.statright ul li i {
    font-size: 50px;
}
.statright ul li h3 {
   font-size: 60px;
    font-weight: 100;
    margin: 20px 0px;
}
.statright ul li h4 {
    font-size: 25px;
    font-weight: 300;
    letter-spacing: 1px;
}
.lmsg {
    float: left;
    width: 50%;
    padding: 70px;
    box-sizing: border-box;
}
.lmsg h2 {
    font-size: 30px;
    line-height: 35px;
    font-weight: 700;
    letter-spacing: -0.5px;
    margin-bottom: 10px;
}
.lmsg p {
    font-size: 15px;
    line-height: 30px;
    margin-bottom: 15px;
    text-align: justify;
}
.lmsg h3 {
    font-size: 55px;
    line-height: 25px;
     font-family: "Mrs Saint Delafield", cursive;
    margin-bottom: 5px;
    font-weight: 100;
}
.lmsg span {
    font-size: 15px;
    letter-spacing: 4px;
    font-style: italic;
    color: #999;
}
.propic {
    float: right;
    width: 50%;
}
.propic img {
    width: 100%;
}
.tablink {
    border: dotted 1px #999;
    padding: 6px 16px;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    background-color: #f7f7f7;
}
:hover.tablink {
    background-color: #666;
    color: #fff;
}
#businessprods {
    width: 100%;
    background-color: #f7f7f7;
    padding: 0px 0px 0 0px;
}

/* Style the tab */
#businessprods .tab {
  overflow: hidden;
  padding: 0px 10px 0 0px;
  float: right;
}

/* Style the buttons inside the tab */
#businessprods .tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 2px 0px;
  margin: 8px 14px;
 font-family: "Ubuntu Sans", sans-serif;
  font-size: 22px;
    color: #00963f;
border-bottom: 4px solid #ddd;
}

/* Change background color of buttons on hover */
#businessprods .tab button:hover {

}

/* Create an active/current tablink class */
#businessprods .tab button.active {
  border-bottom: 4px solid #2f2483;
    font-weight: 700;
    color: #2f2483;
}

/* Style the tab content */
#businessprods .tabcontent {
  display: none;
  padding: 0px 12px;
  border-top: none;
  font-size: 16px;
  line-height: 26px;
}
#businessprods .tabcontent h3 {
  font-size: 30px;
  margin: 15px 0px 0 0px;
  text-transform: uppercase;
  float: left;
}
.grid {
	position: relative;
	margin: 0 auto;
	padding: 0px;
	
	list-style: none;
	text-align: center;
}
.grid figure {
	position: relative;
	float: left;
	overflow: hidden;
	margin: 10px 0.5%;
	
	max-height: 460px;
	width: 32%;
	background: #000;
	text-align: center;
	cursor: pointer;
}   
.figurethree {
	position: relative;
	float: left;
	overflow: hidden;
	margin: 10px 0.5%;
	height: 460px;
	width: 32.3% !important;
	background: #000;
	text-align: left !important;
	cursor: pointer;
}
.figurefour {
	position: relative;
	float: left;
	overflow: hidden;
	margin: 10px 0.5%;
	height: 460px;
	width: 24% !important;
	background: #3085a3;
	text-align: left !important;
	cursor: pointer;
}
.figurefive {
	position: relative;
	float: left;
	overflow: hidden;
	margin: 0.5% !important;
	height: 400px;
	width: 19% !important;
	background: #3085a3;
	text-align: left !important;
	cursor: pointer;
}
.grid figure img {
	position: relative;
	display: block;
	min-height: 100%;
	max-width: 100%;
	opacity: 0.8;
}

.grid figure figcaption {
	padding: 1.2em;
	color: #fff;
	
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
	pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.grid figure h4 {
	word-spacing: -0.15em;
	font-weight: 600;
    font-size: 20px !important;
   
}

.grid figure h4 span {
	font-weight: 800;
}

.grid figure h4,
.grid figure p {
	margin: 0;
}

.grid figure p {
	letter-spacing: 1px;
	font-size: 68.5%;
}
/*---------------*/
/***** Milo *****/
/*---------------*/

figure.effect-milo {
	background: #000;
}

figure.effect-milo img {
	max-width: none;
	width: -webkit-calc(100% + 50px);
	width: calc(100% + 50px);
	opacity: 1;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-30px,0,0) scale(1.12);
	transform: translate3d(0px,0,0) scale(1.12);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
    opacity: 0.9;
}

figure.effect-milo:hover img {
	opacity: 0.5;
	-webkit-transform: translate3d(0,0,0) scale(1);
	transform: translate3d(0,0,0) scale(1);
}

figure.effect-milo h4 {
	position: absolute;
	right: 0;
	bottom: 0;
	padding: 1em 1.2em;
    font-size: 18px !Important;
    line-height: 22px;
    letter-spacing: normal;
    color: #fff;
    text-align: right;
    font-family: "Ubuntu Sans", sans-serif;
}

figure.effect-milo p {
	padding: 0 10px 0 0;
	width: 100%;
    line-height: 20px;
	border-right: 1px solid #fff;
	text-align: right;
    color: #fff;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-40px,0,0);
	transform: translate3d(-40px,0,0);
}

figure.effect-milo:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
#ricetype {
    width: 100%;
}
/* Style the tab */
#ricetype .tab {
  overflow: hidden;
  padding: 0px 0px 20px 0px;
 
}

/* Style the buttons inside the tab */
#ricetype .tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 2px 0px;
  margin: 8px 12px;
 font-family: "Ubuntu Sans", sans-serif;
  font-size: 20px;
    color: #00963f;
border-bottom: 4px solid #ddd;
    font-weight: 700;
}

/* Change background color of buttons on hover */
#ricetype .tab button:hover {

}

/* Create an active/current tablink class */
#ricetype .tab button.active {
  border-bottom: 4px solid #2f2483;
    font-weight: 700;
    color: #2f2483;
}

/* Style the tab content */
#ricetype .tabcontent {
  display: none;
  
}
#businessprods .tabcontent h3 {
   margin-bottom: 20px;
}

.ricetype {
    width: 100%;
}
.ricetype ul {
    width: auto;
}
.ricetype ul li {
    width: 100%;
    background-color: #fff;
    box-shadow: 0 1px 2px #ccc;
    overflow: hidden;
}
.ricetype ul li img {
    width: 30%;
    float: left;
}
.ricetype ul li div {
    width: 70%;
    float: left;
    padding: 12px;
    box-sizing: border-box;
}
.ricetype ul li div table {
    width: 100%; 
}
.ricetype ul li div table tr:nth-child(even){background-color: #f9f9f9;}

.ricetype ul li div table tr:hover {background-color: #f1f1f1;}

.ricetype ul li div table th {
  text-align: left;
  background-color: #cca453;
  color: white;
  border: 1px solid #eee;
  padding: 10px;
}
.ricetype ul li div table td {
  text-align: left;
  border: 1px solid #ddd;
  padding: 10px !important;
}
.tinfo {
    width: 100%;
    margin-bottom: 20px;
}
.tinfo table {
    width: auto;
}
.tinfo table tr:nth-child(even){background-color: #f9f9f9;}

.tinfo table tr:hover {background-color: #f1f1f1;}

.tinfo table th {
  text-align: left;
  background-color: #cca453;
  color: white;
  border: 1px solid #eee;
  padding: 10px;
}
.tinfo table td {
  text-align: left;
  border: 1px solid #ddd;
  padding: 10px !important;
  line-height: 22px;
}
.ptnew {
    line-height: 20px;
    font-size: 14px;
}
.brands {
    width: 100%;
/*    background-color: #f1f1f1;*/
    padding: 50px 0px 50px 0px;
    text-align: center;
}
.brands h2 {
    font-size: 30px;
    font-weight: 800;
    text-transform: uppercase;
    margin-bottom: 25px;
}
.brands ul {
    width: auto;
  
}
.brands ul li {
/*    width: 15.6%;*/
/*    float: left;*/
    text-align: center;
    background-color: #fff;
    padding: 5px;
    box-sizing: border-box;
    margin: 0px 0.5%;
    box-shadow: 0 2px 3px #ddd;
}
.brands ul li img {
    width: 95%;
}
#wlabel {
  width: 100%;
  padding: 0px 0px;
  background-color: #f1f1f1;
}
#wlabel h2 {
    font-size: 30px;
    font-weight: 800;
    text-transform: uppercase;
    margin-bottom: 30px;
}
#wlabel p {
    font-size: 20px;
    margin-bottom: 20px;
    line-height: 35px;
    letter-spacing: 0.5px;
}

.plabelcontent {
    float: left;
    width: 50%;
    padding: 80px;
    box-sizing: border-box;
}
.plabelpic {
    float: right;
    width: 50%;
}
.plabelpic img {
    width: 100%;
}
.factoryvr {
    width: 100%;
    height: 100%;
    
    background-size: 100%;
    background-position: top  left -40px;
    padding: 50px 0px;
}
.factoryvr h2 {
    font-size: 30px;
   
    font-weight: 700;
    letter-spacing: -0.5px;
    text-transform: uppercase;
    margin-bottom: 20px;
}
.factoryvr .block {
    width: 100%;
    height: 75%;
}
.factoryvr p {
    font-size: 20px;
    line-height: 25px;
    font-weight: 600;
    letter-spacing: 0.5px;
    margin-bottom: 25px;
}
.leftcerti {
    position: absolute;
    left: 150px;
    margin-top: 50px;
}

.certileftoverlap {
    position: absolute;
    margin-left: -300px;
    margin-top: 150px;
    animation: 5s tsa infinite;
	-webkit-animation: 5s tsa infinite;
}
.rightcerti {
    position: absolute;
    right: 150px;
    margin-top: 50px;
}
.certirightoverlap {
    position: absolute;
    margin-left: -475px;
    margin-top: 150px;
    animation: 5s tsarev infinite;
	-webkit-animation: 5s tsarev infinite;
}
@-webkit-keyframes tsa {
0% {
    -webkit-transform: translateY(5%);
}
50% {
    -webkit-transform: translate(0px,0px);
}
100% {
    -webkit-transform: translateY(5%);
}
}

@keyframes tsa {
0% {
    transform: translateY(5%);
	
}
50% {
	transform:translate(0px, 0px);
	
}
100% {
    transform: translateY(5%);

}    
}
@-webkit-keyframes tsarev {
0% {
    -webkit-transform: translate(0px,0px);
}
50% {
    -webkit-transform: translateY(5%);
}
100% {
    -webkit-transform: translate(0px,0px);
}
}

@keyframes tsarev {
0% {
    transform:translate(0px, 0px);
}
50% {
    transform: translateY(5%);
	
}
100% {
    transform:translate(0px, 0px);

}    
}
.buttonlink {
    width: auto;
    margin-bottom: 30px;
}
.buttonlink a {
    padding: 8px 16px;
    background-color: #fff;
    color: #333;
    font-size: 15px;
    letter-spacing: 0.5px;
    font-weight: 600;
    text-transform: uppercase;
}
.buttonlink a:hover {
   
    background-color: #c6ae51;
    color: #fff;
    
}

.newscorner {
    width: 100%;
    background-color: #fff;
    overflow: hidden;
    padding: 100px 0px;
}
.newscorner h2 {
    font-size: 30px;
    color: #333;
    font-weight: 700;
    letter-spacing: -0.5px;
    text-align: center;
    text-transform: uppercase;
    margin: 0 0 20px 0px;
}
.newscorner ul {
    width: auto;
    margin-bottom: 10px;
}
.newscorner ul li {
    width: 32.3%;
    margin: 0.5%;
    float: left;
}
.newscorner ul li div {
    overflow: hidden;
}
.newscorner ul li img {
    width: 100%;
    filter: grayscale(0);
    opacity: 1;
     transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
}
.newscorner ul li img:hover {
    filter: grayscale(1);
    opacity: 0.6;
    
}
.newscorner ul li h3 {
    font-size: 25px;
    color: #333;
    font-weight: 600;
    letter-spacing: -0.5px;
    margin: 10px 0 10px 0px;
}
.newscorner ul li p {
    font-size: 15px;
    line-height: 25px;
    margin: 10px 0 10px 0px;
    letter-spacing: 0.5px;
}
.newscorner ul li span {
    font-size: 12px;
    letter-spacing: 2px;
    color: #999;
}
.inewscorner {
    width: 100%;
    overflow: hidden;
    padding: 10px 0px;
}
.inewscorner h2 {
    font-size: 30px;
    color: #333;
    font-weight: 700;
    letter-spacing: -0.5px;
    text-align: center;
    text-transform: uppercase;
    margin: 0 0 30px 0px;
}
.inewscorner ul {
    width: auto;
    margin-bottom: 50px;
}
.inewscorner ul li {
    width: 32.3%;
    margin: 0.5% 0.5% 2.5% 0.5%;
    float: left;
}
.inewscorner ul li div {
    overflow: hidden;
}
.inewscorner ul li img {
    width: 100%;
    filter: grayscale(0);
    opacity: 1;
     transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
}
.inewscorner ul li img:hover {
    filter: grayscale(1);
    opacity: 0.6;
    
}
.inewscorner ul li h3 {
    font-size: 25px;
    color: #333;
    font-weight: 600;
    letter-spacing: -0.5px;
    margin: 10px 0 10px 0px;
}
.inewscorner ul li p {
    font-size: 15px;
    line-height: 25px;
    margin: 10px 0 10px 0px;
    letter-spacing: 0.5px;
}
.inewscorner ul li span {
    font-size: 12px;
    letter-spacing: 2px;
    color: #999;
}
.newsthumb {
    float: right;
    margin-top: -150px;
    background-color: #f7f7f7;
    padding: 8px;
    box-sizing: 8px;
}
.daten {
  font-size: 12px;
  letter-spacing: 2px;
  color: #999;
}
.subscribe {
    margin: 100%;
    background-color: #f1f1f1;
    margin: auto;
    padding: 30px 0 40px 0px;
    overflow: hidden;
   
    background-image: url(../imgs/subscribemail.jpg);
    background-repeat: no-repeat;
    background-position: bottom right 75px;
}
.subscribe h4 {
    margin: 20px 5px 15px 0px;
    padding: 0px;
    font-size: 20px;
 
}
.subscribe p {
    margin: 10px 5px 10px 0px;
    padding: 0px;
    font-size: 14px;
    font-style: italic;
  
}
.subscribe .signup {
    display: inline-block;
    padding: 0px 0px;
        
}
.subscribe .signup .sfgroup {
    float: left;
    margin: 0px;
    padding: 0px;
}
.subscribe .signup .sfgroup input[type="text"] {
    padding: 8px 12px;
    border: solid 1px #ccc;
    background-color: #f7f7f7;
    width: 250px;
    outline: none;
    margin: 4px;
    font-size: 16px;
    letter-spacing: 0.5px;
}
.subscribe .signup .sfgroup input[type="text"]:focus {
    background-color: #fff;
}
.subscribe .signup .sfgroup input[type="email"] {
    padding: 8px 12px;
    border: solid 1px #ccc;
    background-color: #f7f7f7;
    width: 250px;
    outline: none;
    margin: 4px;
    font-size: 16px;
    letter-spacing: 0.5px;
}
.subscribe .signup .sfgroup input[type="email"]:focus {
    background-color: #fff;
}
.subscribe .signup .sfgroup button {
    padding: 8px 24px;
    border: solid 1px #00963f;
    background-color: #00963f;
    color: #fff;
    outline: none;
    margin: 4px;
    font-size: 16px;
    text-transform: uppercase;
    cursor: pointer;
    font-family: "Ubuntu Sans", sans-serif;
    letter-spacing: 0.5px;
    font-weight: 700;
}
.subscribe .signup .sfgroup button:hover {

    border: solid 1px #006d2e;
    background-color: #006d2e;

}
.awardscerti {
    width: 100%;
    background-color: #f2f2f2;
    min-height: 650px;
    overflow: hidden;
}
#imainscreen {
    width: 100%;
    padding: 90px 0 0 0px;
   
}
#imainscreen img {
    width: 100%;
}
#imainscreen h1 {
    font-size: 30px;
    text-transform: uppercase;
    position: absolute;
    margin-top: -75px;
    color: #fff;
    font-weight: 900;
    letter-spacing: 1px;
}
#imainscreen h1 span {
    font-weight: 100;
}
.ipage {
    width: 100%;
    padding: 30px 0px;
    background-color: #f9f9f9;
    box-shadow: 0px 1px 2px #ccc;
    position: relative;
}
.ipage h2 {
    font-size: 40px;
    line-height: 50px;
    font-weight: 900;
    letter-spacing: -1px;
    margin-bottom: 10px;
    text-align: center;
}
.ipage h3 {
    font-size: 25px;
    line-height: 30px;
    margin-bottom: 15px;
    letter-spacing: 0.5;
    font-weight: 300;
}
.ipage h4 {
    font-size: 40px;
    line-height: 40px;
    letter-spacing: 1px;
    margin-bottom: 40px;
    letter-spacing: 0.5;
    font-weight: 300;
    font-family: "Ms Madi", cursive;
}
.ipage h5 {
    font-size: 22px;
    line-height: 30px;
    margin-bottom: 15px;
    letter-spacing: 0.5;
    font-weight: 600;
}
.ipage h6 {
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 5px;
    letter-spacing: 0.5;
    font-weight: 600;
}
.ipage p {
    font-size: 15px;
    line-height: 30px;
    margin-bottom: 25px;
    letter-spacing: 0.5;
    text-align: justify;
    font-family: "Ubuntu Sans", sans-serif;
    color: #333;
}
.ytv {
    width: 850px;
    margin: auto;
}
.ytv .yt {
    width: 100%;
    height: 490px;
    margin-top: -325px;
    position: relative;
    box-shadow: -1px 3px 30px #333;
}
.highttext {
    font-size: 20px !Important;
    line-height: 30px !Important;
    margin-bottom: 25px !Important;
}
.brandblocks {
    width: 100%;
    overflow: hidden;
}
.brandblocks ul {
    width: auto;
}
.brandblocks ul li {
    width: 49% !Important;
    margin: 0.5% !Important;
    float: left !Important;
     border: dotted 1px #999;
     padding: 10px !Important;
    box-sizing: border-box;
}
.brandblocks ul li:hover {
     border: dotted 1px #666;
}
.brandblocks ul li img {
    width: 100%;
}
.fgroup {
    width: 100%;
    margin: 0 0 20px 0px;
}
.fgroup span {
    display: block;
    padding: 0 0 5px 0px;
}
.fgroup input[type="text"] {
    width: 100%;
    padding: 8px;
    box-sizing: border-box;
    border: solid 1px #ccc;
    outline: none;
    color: #666;
    font-size: 14px;
    font-family: "Ubuntu Sans", sans-serif;
}
.fgroup input[type="text"]:focus {
    border: solid 1px #ccc;
    box-shadow: 0px 1px 1px #ccc;
    background-color: #f7f7f7;
}
.fgroup input[type="tel"] {
    width: 100%;
    padding: 8px;
    box-sizing: border-box;
    border: solid 1px #ccc;
    outline: none;
    color: #666;
    font-size: 14px;
    font-family: "Ubuntu Sans", sans-serif;
}
.fgroup input[type="tel"]:focus {
    border: solid 1px #ccc;
    box-shadow: 0px 1px 1px #ccc;
    background-color: #f7f7f7;
}
.fgroup input[type="email"] {
    width: 100%;
    padding: 8px;
    box-sizing: border-box;
    border: solid 1px #ccc;
    outline: none;
    color: #666;
    font-size: 14px;
    font-family: "Ubuntu Sans", sans-serif;
}
.fgroup input[type="email"]:focus {
    border: solid 1px #ccc;
    box-shadow: 0px 1px 1px #ccc;
    background-color: #f7f7f7;
}
.fgroup input[type="file"] {
    width: 100%;
    padding: 8px;
    display: block;
    box-sizing: border-box;
    border: solid 1px #ccc;
    outline: none;
    color: #666;
    font-size: 14px;
    font-family: "Ubuntu Sans", sans-serif;
}
.fgroup input[type="file"]:focus {
    border: solid 1px #ccc;
    box-shadow: 0px 1px 1px #ccc;
    background-color: #f7f7f7;
}
.fgroup select {
    width: 100%;
    padding: 8px;
    box-sizing: border-box;
    border: solid 1px #ccc;
    outline: none;
    color: #666;
    font-size: 14px;
    font-family: "Ubuntu Sans", sans-serif;
}
.fgroup select:focus {
    border: solid 1px #ccc;
    box-shadow: 0px 1px 1px #ccc;
    background-color: #f7f7f7;
}
.fgroup textarea {
    width: 100%;
    padding: 8px;
    box-sizing: border-box;
    border: solid 1px #ccc;
    outline: none;
    color: #666;
    resize: none;
    font-size: 14px;
    font-family: "Ubuntu Sans", sans-serif;
}
.fgroup textarea:focus {
    border: solid 1px #ccc;
    box-shadow: 0px 1px 1px #ccc;
    background-color: #f7f7f7;
}
.fgroup button {
    width: 100%;
    padding: 8px;
    box-sizing: border-box;
    border: solid 1px #ccc;
    outline: none;
    background-color: #333;
    color: #fff;
    resize: none;
    font-size: 14px;
    font-family: "Ubuntu Sans", sans-serif;
    cursor: pointer;
    font-weight: 600;
    text-transform: uppercase;
    margin: 10px 0 0 0px;
}
.fgroup button:hover {
    border: solid 1px #ccc;
    background-color: #000;
}
.listdesc {
    width: 100%;
}

.ipage .listdesc ul  {
    width: auto;
    margin: 0 0 0 20px;
}
.ipage .listdesc ul li {
    font-size: 15px;
    line-height: 25px;
    margin: 15px 0px;
    letter-spacing: 0.5;
    list-style: circle;
    font-family: "Ubuntu Sans", sans-serif;
    color: #333;
}
.listdescbig {
    width: 100%;
}

.ipage .listdescbig ul  {
    width: auto;
    margin: 0 0 0 20px;
}
.ipage .listdescbig ul li {
    font-size: 18px;
    line-height: 28px;
    margin: 15px 0px;
    letter-spacing: 0.5;
    list-style: circle;
    font-family: "Ubuntu Sans", sans-serif;
    color: #333;
}
#accreditation_scroll {
    width: 100%
}
#accreditation_scroll ul {
    width: auto;
    margin: 0px !important;
    padding: 0px;
}
#accreditation_scroll ul li {
    list-style: none !important;
    margin: 0px !important;
    padding: 0px !important;
    width: 99%;
}
#accreditation_scroll ul li img {
    width: 100% !important;
}
.thumbstwo {
    width: 100%;
    margin-bottom: 20px;
}
.thumbstwo img {
    width: 49%;
    margin: 0.5% 0.5% 1.5% 0.5%;
    float: left;
    box-shadow: 0px 1px 2px #999;
    border-radius: 16px;
}
.thumbsthree {
    width: 100%;
    margin-bottom: 20px;
}
.thumbsthree img {
    width: 32.3%;
    margin: 0.5% 0.5% 0.5% 0.5%;
    float: left;
    box-shadow: 0px 1px 2px #999;
    border-radius: 16px;
}
.thumbsfour {
    width: 100%;
    border-bottom: dotted 1px #666;
    
    margin-bottom: 10px;
}
.thumbsfour ul {
    width: auto;
   
}
.thumbsfour ul li {
    width: 24%;
    margin: 0.5% 0.5% 1.5% 0.5%;
    float: left;
    text-align: center;
}
.thumbsfour ul li span {
    display: block;
    padding: 5px;
    font-size: 18px;
    font-weight: 600;
    line-height: 22px;
}
.thumbsfour img {
    width: 100%;
    box-shadow: 0px 1px 2px #999;
    border-radius: 16px;
    margin-bottom: 12px;
}

.thumbsthree {
    width: 100%;
    margin-bottom: 20px;
}
.thumbsthree img {
    width: 32.3%;
    margin: 0.5% 0.5% 0.5% 0.5%;
    float: left;
    box-shadow: 0px 1px 2px #999;
    border-radius: 16px;
}
.awardsthumb {
    width: 100%;
    border-bottom: dotted 1px #666;
    
    margin-bottom: 10px;
}
.awardsthumb ul {
    width: auto;
   
}
.awardsthumb ul li {
    width: 49%;
    margin: 0.5% 0.5% 1.5% 0.5%;
    float: left;
    text-align: center;
}
.awardsthumb ul li span {
    display: block;
    padding: 5px 50px;
    font-size: 18px;
    font-weight: 600;
    line-height: 28px;
}
.awardsthumb img {
    width: 100%;
    box-shadow: 0px 1px 2px #999;
    border-radius: 16px;
    margin-bottom: 12px;
}
.hline {
    border-top: dotted 1px #999;
    margin-top: 10px;
}
.picr {
    float: right;
    margin-left: 30px;
    box-shadow: 0px 1px 2px #999;
    border-radius: 16px;
    width: 33%;
}
.picrn {
    float: right;
    margin-left: 30px;
    width: 33%;
}
.picl {
    float: left;
    margin-right: 30px;
    width: 33%;
}
.certir {
    float: right;
    margin-left: 30px;
    width: 50%;
}
.leftcontent {
    width: 72%;
    float: left;
}
.rightpanel {
    width: 25%;
    float: right;
    
}
.quicklinks {
    width: 100%;
    background-color: #fff;
    padding: 20px;
    box-sizing: border-box;
    box-shadow: 0 2px 3px #ccc;
    min-height: 400px;
    margin-top: -120px;    
}
.quicklinks h3 {
  text-transform: uppercase;
  border-bottom: solid 1px rgba(255,255,255,0.3);
  padding-bottom: 10px ;
  margin: 0px !Important;
  font-size: 20px !Important;
  color: #000;
  font-weight: 600 !Important;
}
.quicklinks ul {
    width: auto;
    margin: 5px 0px 5px 0px;
}
.quicklinks ul li {
  width: 100%;
  padding: 0px;
  margin: 0px;
  line-height: 18px;
}
.quicklinks ul li a {
   font-size: 14px;
  padding: 10px 0px;
  display: block;
  font-weight: 400;
 
    text-transform: uppercase;
    border-bottom: dotted 1px #ccc;
    color: #666;
}
.quicklinks ul li a:hover {
    color: #000;
}

.groupcompaniesbar {
    width: 100%;
    padding: 25px 0 0 0px;
}
.groupcompaniesbar h3 {
  text-transform: uppercase;
  border-bottom: solid 1px rgba(255,255,255,0.3);
  padding-bottom: 10px ;
  margin: 0px !Important;
  font-size: 20px !Important;
  color: #000;
  font-weight: 600 !Important;
}
.groupcompaniesbar ul {
    width: auto;
    margin: 5px 0px 5px 0px;
}
.groupcompaniesbar ul li {
  width: 100%;
  padding: 0px;
  margin: 2px 0px;
  line-height: 18px;
}
.groupcompaniesbar ul li a {
   font-size: 14px;
  padding: 12px 12px 10px 12px;
  display: block;
  font-weight: 600;
  text-transform: capitalize;
    border-bottom: dotted 1px #ccc;
    color: #fff;
    background-color: #474747;
    border-radius: 8px;
}
.groupcompaniesbar ul li a:hover {
    color: #fff;
    background-color: #000;
}
.groupcompaniesbar ul li a img {
   width: 100%;
}
#tcontent {
  border-collapse: collapse;
  width: 100%;
}

#tcontent td, #customers th {
  border: 1px solid #ddd;
  padding: 10px;
}

#tcontent tr:nth-child(even){background-color: #fff;}

#tcontent tr:hover {background-color: #fff; box-shadow: 0px 1px 3px #ccc;}

#tcontent th {
  padding: 15px;
  text-align: left;
  background-color: #04AA6D;
  color: white;
}
#receipes {
    width: 100%;
    background-color: #000;
    position: relative;
    margin-top: -3px;
    padding: 80px 0px 100px 0px;
    box-sizing: border-box;
    background-repeat: no-repeat;
    background-size: 50%;
    background-position: bottom right;
}
#receipes h2 {
  font-size: 40px;
  font-weight: 800;
  text-transform: uppercase;
  color: #fff;
  margin-bottom: 20px;
    
}
#receipes h3 {
  font-size: 20px;
  font-weight: 600;
  color: #fff;
  margin-bottom: 40px;
 
}
footer {
    width: 100%;
    background-color: #f7f7f7;

    overflow: hidden;
    padding: 0px 0px 50px 0px;
}
.botbrands {
    width: 100%;
}
.botbrands ul {
    width: auto;
    overflow: hidden;
}
.botbrands ul li {
    width: 14.1% !important;
    float: left;
    list-style: none;
    text-align: center;
}
.botbrands ul li img {
    width: 75%;
}
.btext {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 25px;
    display: block;
}
.certi_icon {
    width: 100%;
    padding: 20px 0 0px 0px;
    text-align: center;
}
.certi_icon h2 {
  text-align: center;
  font-size: 25px;
  font-weight: 700;
  text-transform: uppercase;
  color: #333;
  margin-bottom: 25px;
}
.certi_icon ul {
    width: auto;
}
.certi_icon ul li {
    width: 10%;
    display: inline-block;
    padding: 0px;
    box-sizing: border-box;
}
.certi_icon ul li img {
    width: 70%;
}
#accred_certi {
    width: 100%;
    padding: 50px 0 0 0px;
}
#accred_certi h2 {
    text-align: center;
    font-size: 30px;
    font-weight: 800;
    text-transform: uppercase;
    color: #333;
    margin-bottom: 30px;
}
.acred {
    width: 100%;
    padding: 0 0 40px 0px;
    text-align: center;
}
.acred ul {
    width: auto;
}
.acred ul li {
    width: 10%;
    display: inline-block;
    padding: 0px;
    box-sizing: border-box;
}
.acred ul li img {
    width: 75%;
}
.botlinks {
    width: 100%;
}
.botlinks ul {
    width: 19%;
    margin: 0.5%;
    float: left;
}

.botlogo {
    width: 111px;
}
.hhftext {
    margin: 10px 0 0 0px;
    text-transform: uppercase;
    color: #f47b08;
}
.hhftext span {
    color: #282828;
}
.botlinks ul h3 {
    font-size: 22px;
    color: #333;
    font-weight: 700;
    letter-spacing: -0.5px;
    margin: 10px 0 20px 0px;
}
.botlinks ul li {
    width: auto;
    line-height: 20px;
   
}
.botlinks ul li a {
    font-size: 15px;
    padding: 10px 0px;
    display: block;
    color: #444;
}
.botlinks ul li a:hover {
    color: #000;
}
.highlink {
    width: auto;
    
}
.highlink li a {
    font-size: 18px !important;
    padding: 15px 0px;
    display: block;
    font-weight: 600;
}
.lgg {
    width: 33%;
}
.grayc {
    color: #999;
    margin-right: 10px;
}
.bottomcopyr {
    width: 100%;
    text-align: center;
    padding: 8px 0px;
}
.bottomcopyr {
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 0.5px;
    color: #666;
    margin: 10px 0 0 0px;
    padding: 6px 0px 14px 0px;
}
.bottomcopyr a {
    font-size: 12px;
    line-height: 20px;
    letter-spacing: normal;
    color: #333;
    padding: 3px 0px !important;
    margin: 0px !important;
}
.bottomcopyr a:hover {
    color: #000;
    text-decoration: underline;
}
.top {
    position: fixed;
    right: 20px;
    bottom: 20px;
    width: 60px;
    z-index: 999;
    border-radius: 4px;
    background: rgba(0,0,0,0.8);
    text-align: center;
    line-height: 40px;
    display: none;
}
.top a {
    font-size: 30px;
    color: rgba(255,255,255,0.7);
    display: block;
    padding-bottom: 5px;
    
}
.top a:hover {
    font-size: 50px;
    opacity: 0.5;
}
.colmsix {
    width: 18.8% !important;
}
.mobjb {
    display: none;
} 
.mobnav {
    display: none;
}
nav ul li a span {
  display: none;
}
.closeme {
    display: none;
}
@media screen and (max-width: 768px) {
.mobnav {
    display: block;
    font-size: 25px;
    float: right;
    padding: 12px;
}    
header {
  top: 0px;
}     
#mainscreen {
  width: 100%;
  height: auto;
    margin-top: 50px;
  background: none;
  background-size: 100%;
  background-attachment: fixed;
}    
.image_wrapper .text_content {
  position: absolute;
  bottom: 0px;
  left: 0px;
  padding: 20px;
  box-sizing: border-box;
  opacity: 1;
}    
.slideshow h3 {
    font-size: 12px;
    line-height: 15px;
    font-weight: 700;
    color: #fff;
}
.slideshow h5 {
    font-size: 10px;
    line-height: 15px;
    font-weight: 400;
    color: #fff;
    font-style: italic;
    letter-spacing: 0.5px;
}    
.lmsg {
  float: none;
  width: 100%;
  padding: 40px;
  box-sizing: border-box;
}    
.grid figure {
  position: relative;
  float: none;
  overflow: hidden;
  margin: 10px 0.5%;
  max-height: 460px;
  width: 100% !Important;
  background: #000;
  text-align: center;
  cursor: pointer;
}    
.wrapperfluid {
  width: 92%;
  margin: auto;
}   
.topbar {
  display: none;
}    
nav {
    float: none;
    margin: 0px 0 0px 0px;
    position: absolute;
    background-color: #fff;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 9999999;
    padding: 20px;
    box-sizing: border-box;
    display: none;
}
nav ul li {
    width: auto;
    margin: 0px 0px;
    float: none;
}    
.closeme {
    display: block;
}    
nav ul li a span {
  display: block;
}    
nav ul li a i {
  float: right;
}    
.propic {
    float: none;
    width: 100%;
}
.propic img {
    width: 100%;
}    
.factoryvr {
  width: 100%;
  height: 100%;
  background-size: 100%;
  background-position: top left 0px;
  padding: 0px 0px;
  text-align: center;
}    
.factoryvr h2 {
  color: #fff;
}    
.factoryvr p {
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    letter-spacing: normal;
    margin-bottom: 15px;
    color: #fff;
}    
.mobjb {
    display: block;
    margin-bottom: 25px;
} 
.mobjb ul {
    width: 85%;
    margin: auto;
}  
.mobjb ul li {
    width: 100%;
    margin-bottom: 20px;
}     
.mobjb ul li img {
    width: 100%;
    border-radius: 16px;
    box-shadow: 0 2px 4px #666;
    margin: 5px 0 10px 0px;
}   
.mobjb ul li h3 {
    font-size: 16px;
    color: #fff;
}    
.newscorner {
  width: 100%;
  background-color: #fff;
  overflow: hidden;
  padding: 0px 0px;
}    
.newscorner ul li {
  width: 100%;
  margin: 1.5% 0px;;
  float: none;
}    
.awards img {
  width: 100%;
}    
.certi_icon ul li {
  width: 30%;
  display: inline-block;
  padding: 0px;
  box-sizing: border-box;
}
.acred ul li {
  width: 40%;
  display: inline-block;
  padding: 0px;
  box-sizing: border-box;
}    
.botlinks ul {
  width: 100%;
  margin: 1.5% 0.5%;
  float: none;
    text-align: center;
}
.botbrands ul li {
  width: 32.1% !important;
  float: none;
  display: inline-block;
  list-style: none;
  text-align: center;
  padding: 20px 0px;
}    
#Brand {
  display: none;
}    
.subscribe {
  margin: 100%;
  background-color: #f1f1f1;
  margin: auto;
  padding: 0px 0 40px 0px;
  overflow: hidden;
  background: none;
  background-repeat: no-repeat;
  background-position: bottom right 0px;
  text-align: center;
}    
.subscribe .signup .sfgroup {
  float: none;
  margin: 0px;
  padding: 0px;
}    
.quicklinks {
  width: 100%;
  background-color: #fff;
  padding: 20px;
  box-sizing: border-box;
  box-shadow: 0 2px 3px #ccc;
  min-height: 400px;
  margin-top: 20px;
}  
#imainscreen {
  width: 100%;
  padding: 50px 0 0 0px;
}    
.fheader .logo {
  width: 75px;
  top: 0px;
  padding: 8px;
  box-shadow: 0px 0px 0px #fff;
}    
.logo {
  position: absolute;
  width: 100px;
  top: 0px;
  z-index: 999999;
  background-color: #f7f7f7;
  padding: 8px;
  box-sizing: border-box;
  box-shadow: 0px 1px 1px #ccc;
  
}    
.leftcontent {
  width: 92%;
    margin: auto;
  float: none;
}    
#imainscreen h1 {
  font-size: 25px;
  text-transform: uppercase;
  position: relative;
  margin-top: 15px;
  color: #333;
  font-weight: 900;
  letter-spacing: 0.5px;
    text-align: center;
}    
.picr {
  float: none;
  margin-left: 0px;
  margin-bottom: 20px;
  box-shadow: 0px 1px 2px #999;
  border-radius: 8px;
  width: 100%;
}    
.awardsthumb ul li {
  width: 100%;
  margin: 1.5% 0% 1.5% 0%;
  float: none;
  text-align: center;
}    
.inewscorner ul li {
  width: 100%;
  margin: 1.5% 0% 5.5% 0%;
  float: none;
  text-align: center;
}    
.inewscorner ul li h3 {
  font-size: 18px;
  color: #333;
  font-weight: 600;
  letter-spacing: -0.5px;
  margin: 10px 0 10px 0px;
}    
.inewscorner ul li p {
  font-size: 14px;
  line-height: 20px;
  margin: 10px 0 10px 0px;
  letter-spacing: 0.5px;
    text-align: center;
    padding: 0 25px;
}    
.newsthumb {
  float: none;
  margin-top: 0px;
  background-color: #f7f7f7;
  padding: 8px;
  box-sizing: border-box;
    width: 100%;
}    
.colmthree {
  width: 100%;
  float: none;
  margin: 2.5% 0px;
}    
.thumbstwo img {
  width: 100%;
  margin: 1.5% 0% 1.5% 0%;
  float: none;
  box-shadow: 0px 1px 2px #999;
  border-radius: 16px;
}    
#tcontent th {
  padding: 8px;
  text-align: left;
  background-color: #04AA6D;
  color: white;
  font-size: 12px;
}    
#tcontent td, #customers th {
  border: 1px solid #ddd;
  padding: 8px;
    font-size: 12px;
}    
.thumbsfour ul li {
  width: 100%;
  margin: 1.5% 0% 1.5% 0%;
  float: none;
  text-align: center;
}    
.picrn {
  float: right;
  margin-left: 20px;
  width: 50%;
}    
.ipage h4 {
  font-size: 25px;
  line-height: 25px;
  letter-spacing: 1px;
  margin-bottom: 20px;
  letter-spacing: 0.5;
  font-weight: 300;
  font-family: "Ms Madi", cursive;
}    
.thumbsthree img {
  width: 100%;
  margin: 1.5% 0% 1.5% 0%;
  float: none;
  box-shadow: 0px 1px 2px #999;
  border-radius: 16px;
}    
.picl {
  float: none;
  margin-right: 0px;
  width: 100%;
}    
.ricetype ul li img {
  width: 100%;
  float: none;
}    
.ricetype ul li div {
  width: 100%;
  float: none;
  padding: 0px;
  box-sizing: border-box;
}    
.ricetype ul li div table td {
  text-align: left;
  border: 1px solid #ddd;
  padding: 5px !important;
  font-size: 12px;
   
}    
.ricetype ul li div table th {
  text-align: left;
  background-color: #cca453;
  color: white;
  border: 1px solid #eee;
  padding: 5px;
  font-size: 12px;
}    
.brandproduct ul li {
  width: 100%;
  margin: 1.5% 0px;
  float: none;
  border-radius: 12px;
  text-align: center;
}    
.ytv {
    width: 95%;
    margin: auto;
}
.ytv .yt {
    width: 100%;
    height: auto;
    margin-top: -75px;
    position: relative;
    box-shadow: -1px 3px 30px #333;
}    
.ipage h2 {
  font-size: 25px;
  line-height: 35px;
  font-weight: 700;
  letter-spacing: -0.5px;
  margin-bottom: 0px;
  text-align: center;
}    
.rightpanel {
  width: 100%;
  float: none;
}    
}