@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'straitregular';
    src: url('strait-regular-webfont.eot');
    src: url('strait-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('strait-regular-webfont.woff2') format('woff2'),
         url('strait-regular-webfont.woff') format('woff'),
         url('strait-regular-webfont.ttf') format('truetype'),
         url('strait-regular-webfont.svg#straitregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
	font-family: 'GeosansLight';
	src: url('GeosansLight.eot');
	src: url('GeosansLight.eot?#iefix') format('embedded-opentype'),
		url('GeosansLight.woff2') format('woff2'),
		url('GeosansLight.woff') format('woff'),
		url('GeosansLight.ttf') format('truetype'),
		url('GeosansLight.svg#GeosansLight') format('svg');
	font-weight: 100;
	font-style: normal;
}



body{ font-family:Arial, Helvetica, sans-serif; background:#001727; line-height:22px; color:#333; text-align:justify; font-size:12px; margin:0px; padding:0px;} 

#center { width:1000px; height:auto; margin:0px auto !important; padding:0px 0px;}
#center:after {content: ".";display: block;clear: both; visibility: hidden; line-height: 0;height: 0;}

#top{ float:left; width:100%; min-height:20px; background:#48474b; padding:3px 0px;}

.home-text{ float:left; width:400px; margin:0px 30px 0px 0px; text-align:justify; line-height:25px;}
.home-text img{ border-radius:8px;}
.home-text h1{ color:#8a143e; font-size:31px; font-family: 'straitregular'; font-weight:100; text-transform:uppercase; margin:20px 0px; padding:0px; text-align:justify;}
.home-video{ float:left; width:500px; margin:0px 0px 0px 30px;}
.home-video h2{ color:#33495a; font-size:25px; font-family: 'straitregular'; font-weight:100; text-transform:uppercase; margin:0px 0px 25px 0px; padding:0px; text-align:justify;}
.home-video-img{ float:left; width:133px; margin:0px; padding:0px;}
.home-video-img img{ border-radius:6px;}
.home-video-text{ float:left; width:350px;  margin:0px; padding:0px; margin-left:17px;}
.home-video p{ border-bottom:#CCCCCC thin solid; padding:0px 0px 10px 0px; margin:0px 0px 00px 0px;}

/*Animation Back Images*/
#wrap{
	float:left; 
	z-index:-1; 
	top:0; 
	left:0;
	width:100%;
	max-height:750px;
	position:fixed;
	background-position: center top; background-repeat: no-repeat;
}
#wrap img.bgfade{
	position:fixed;
	background-position: center top; background-repeat: no-repeat;
	top:0;
	display:none;
	width:100%;
	max-height:750px;
	z-index:-1
}
.container{
	width:100%;
	text-align:justify;
	margin:10px 0px 0px 0px;
}

#animation{ float:left; width:100%; height:700px; margin:70px 0 0 0;}
.article-left{ float:left; width:225px; height:auto; margin:0px 30px 0px 0px; padding:30px 0px;}
.article-left ul{ list-style:none;}
.article-left ul li{ margin:15px 0px; font-size:12px;}
.article-left ul li img{ -webkit-filter: grayscale(50%); /* Chrome, Safari, Opera */
    filter: grayscale(50%);}
.article-left ul li img:hover{ -webkit-filter: grayscale(0%); /* Chrome, Safari, Opera */
    filter: grayscale(0%);}
	
.article-left h1{ color:#7c7a83; font-size:24px; font-family: 'straitregular'; font-weight:100; text-transform:uppercase;}


#home-product-range{ float:left; width:100%; background:#001727; padding:30px 0px;}
#home-product-range h2{ padding:30px 0px 10px 0px; color:#CCCCCC; font-family: 'GeosansLight'; font-weight:300; font-size:40px; margin:0px; border-radius:6px; text-align:center;}
.home-product-range{ float:left; width:240px; margin:15px 5px;}
.home-product-range img{ border-radius:6px;}
.home-product-range h3{ background:#172c3e; padding:10px 15px; width:210px; color:#CCCCCC; font-family: 'GeosansLight'; font-weight:300; font-size:18px; margin:0px; border-radius:6px; text-align:center;}


#inner-dehydrated-onion{ float:left; width:100%; padding:50px 0px; min-height:70px; background:url(../images/dehydrated-onion-inner.jpg); -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover; margin:110px 0 0 0;}
  #inner-dehydrated-onion h2{ text-align:center; color:#f6f3ec; font-size:36px; font-family:"Arial Black", Gadget, sans-serif; font-weight:100; text-transform:uppercase; margin-bottom:20px;}
  #inner-dehydrated-onion-links{ text-align:center; color:#CCCCCC;}
  #inner-dehydrated-onion-links a{ color:#f9b129; font-size:14px; margin:25px 20px; text-decoration:underline; padding:0px 0px 10px 0px;}
  #inner-dehydrated-onion-links-active{ color:#CCC; font-size:14px;}

article{ float:left; width:100%; height:auto; background:#fff; padding:30px 0px 30px 0px; margin:0px 0 0 0;  color:#666;}
#inner-article{ float:left; width:100%; height:auto; background:#001727;}
.inner{ float:left; width:90%; padding:25px 5%; background:#FFFFFF;}
.article-dehydrated-onion{ float:left; width:100%; height:auto; margin:50px 0 0 0;}
.article-dehydrated-onion h4{color:#e67a27; font-size:55px; font-family: 'GeosansLight'; font-weight:300; margin:15px 0px 65px 0px; text-shadow:#999 inherit; text-align:center;}

.article-dehydrated-onion-box{ float:left; width:200px; margin:0px 25px 0px 25px; padding:85px 0 0 0; text-align:center;}
.article-dehydrated-onion-manufacturer{ float:left; width:100%; margin:0px 100px 0px 0px; padding:0px; line-height:28px; text-align:center; font-size:13px; color:#}
.article-dehydrated-onion-manufacturer h4{color:#e67a27; font-size:55px; font-family: 'GeosansLight'; font-weight:300; margin:0px 0px 35px 0px; text-shadow:#999 inherit;}
.article-dehydrated-onion-manufacturer img{ border-radius:10px; box-shadow:#999; margin:0px 40px 0px 40px;}
.article-dehydrated-onion-manufacturer ul{ list-style:square; margin:0px 0px 0px 10px;}
.article-dehydrated-onion-manufacturer ul li{ margin:6px 0px 6px 0px; padding:0px 0px 0px 10px;}  
.article-dehydrated-onion-manufacturer h3{font-size:18px; margin:0px 0px 15px 0px;}
.article-dehydrated-onion-manufacturer a{ color:#812500;}
.article-dehydrated-onion-kibbled{ float:left; width:400px; margin:0px 0px 0px 0px; padding:0px;}
.article-dehydrated-onion-kibbled h3{font-size:18px; margin:0px 0px 0px 0px; font-family: 'straitregular'; font-weight:100; text-transform:uppercase; padding:0px; text-transform:capitalize;}
.article{ float:left; width:425px; height:auto; margin:0px 0px 0px 0px; padding:30px 30px; border-left:#e8e7e7 thin solid; border-right:#e8e7e7 thin solid;}
.article h1{ color:#8a143e; font-size:24px; font-family: 'straitregular'; font-weight:100; text-transform:uppercase;}
.article-right{ float:left; width:225px; height:auto; margin:0px 0px 0px 30px; padding:30px 0px;  color:#666;}
.article-right h1{ color:#7c7a83; font-size:24px; font-family: 'straitregular'; font-weight:100; text-transform:uppercase;}
.article-right-box{ float:left; width:239px; margin:0px 10px 28px 0px;}
.article-right-box img{ border-bottom-left-radius:10px;  border-top-right-radius:10px;}

.article-dehydrated-onion-contact{float:left; width:580px; margin:0px 20px 0px 0px; padding:0px; line-height:28px;}
.article-dehydrated-onion-contact h4{color:#e17424; font-size:30px; font-family: 'straitregular'; font-weight:100; text-transform:uppercase;}
.dehydrated-onion-contact{ float:left; width:280px; margin:0px 20px 0px 0px; min-height:200px;}
.dehydrated-onion-contact h3{font-size:18px; margin:10px 0px 0px 0px; font-family: 'straitregular'; font-weight:100; text-transform:uppercase; padding:0px; color:#8f2e00;}
.dehydrated-onion-contact ul{ margin:0px; padding:0px; list-style:none;}
.dehydrated-onion-contact ul li{ margin:8px 0px; padding:0px 0px 0px 40px; width:240px; height:30px; text-align:left;}
.dehydrated-onion-contact ul li a{ color:#1e1e1e;}


.dehydrated-onion-contact-1{ float:left; width:280px; margin:0px 0px 5px 0px; min-height:200px;}
.dehydrated-onion-contact-1 h3{font-size:18px; margin:0px 0px 0px 0px; font-family: 'straitregular'; font-weight:100; text-transform:uppercase; padding:0px; color:#8f2e00; margin:10px 0px 5px 0px;}

.dehydrated-onion-contact-1 ul{ margin:0px; padding:0px; list-style:none;}
.dehydrated-onion-contact-1 ul li{ margin:8px 0px; padding:0px 0px 0px 40px; width:240px; height:30px; text-align:left;}
.dehydrated-onion-contact-1 ul li a{ color:#1e1e1e;}

#article-bot{ float:left; width:100%; min-height:250px; padding:40px 0px 135px 0px; background:url(../images/dehydrated-onion-products.jpg); -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;}
#article-bot h2{ color:#CCC; font-size:36px; font-family: 'GeosansLight'; text-align:center; text-transform:uppercase; margin:25px 0px;}
.article-bot-left{ float:left; width:650px; padding:0px 25px 0px 0px; border-right:#999 thin solid; color:#666;}
.article-bot-left h1{ color:#CCC; font-size:36px; font-family: 'straitregular';}
.article-bot-right{ float:left; width:275px; padding:10px 0px 0px 25px;}
.article-bot{ float:left; width:225px; margin:0px 25px 0 0;}
.article-bot img{ border-bottom:#42424d thick solid;}
.article-bot a{ color:#CCCCCC; font-family: 'straitregular'; margin:15px 0 0 0; font-size:16px; font-weight:100; text-decoration:none;}

#home-header{ float:left; width:100%; background-size:100%; min-height:700px; margin:0px 0px 25px 0px; padding:0px; top:0px;}
.home-header{ float:left; width:100%; padding:15px 0px; height:80px; padding:0px; top:0px;}
.home-header-logo{ float:left; width:300px; margin:0px; padding:1px 10px; background:#FFFFFF; opacity:0.95; border-bottom-left-radius:5px; border-bottom-right-radius:5px;}
.home-header-menu{ float:right; width:600px; margin:0px 0 0 0; padding:0px;}
.home-header-menu ul{ margin:50px 0 0 0; padding:0px; list-style:none;}
.home-header-menu ul li{ float:left; display:inline; color:#CCC; font-family: 'straitregular'; font-size:14px; font-weight:100; margin:0px 20px; text-transform:uppercase;}
.home-header-menu ul li a{ color:#CCC; text-decoration:none;}
.home-header-menu ul li a:hover{ color:#fff; text-decoration:underline;}

.home-header-certificate{ float:left; width:100%; margin:270px 0 0 0; background:#fff; opacity:0.70; min-height:30px; padding:10px 0px 5px 0px;}
.home-header-certificate ul{ margin:0px; padding:0px; list-style:none;}
.home-header-certificate ul li{ float:left; display:inline; margin:0px 35px 0px 35px;}


#inner-header{ float:left; width:100%;  min-height:453px; margin:0px 0px 25px 0px; }

.inner-header-logo{ float:left; width:220px; background:#FFF; opacity:0.95; padding:0px 3px; text-align:center; border-bottom-left-radius:7px; border-bottom-right-radius:7px;}
.inner-header-menu{ float:right; width:670px; margin:30px 0 0 0;}
.inner-header-menu ul{ margin:0px; padding:0px; list-style:none;}
.inner-header-menu ul li{ float:left; display:inline; color:#CCC; font-family: 'straitregular'; font-size:14px; font-weight:100; margin:0px 20px; text-transform:uppercase;}
.inner-header-menu ul li a{ color:#CCC; text-decoration:none;}
.inner-header-menu ul li a:hover{ color:#fff; text-decoration:underline;}

.inner-header-certificate{ float:left; width:100%; margin:130px 0 0 0; background:#fff; opacity:0.70; min-height:30px; padding:3px 5% 3px 5%; border-radius:5px;}

#certification{ float:left; width:100%; background:#FFFFFF; padding:0px 0px;     filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale"); 
    filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%);
}
#certification h1{ color:#d71921; font-size:36px; font-family: 'straitregular'; text-align:center;}

#dehydrated-onion-white-products{float:left; width:300px; margin:25px 25px 0 0;}
#dehydrated-onion-white-products h2{ color:#bb5100; font-size:18px; font-family: 'straitregular'; margin-left:25px; font-weight:100;}
#dehydrated-onion-white-products h2 a{ color:#bb5100; font-size:18px; font-family: 'straitregular'; font-weight:100;}
#dehydrated-onion-white-products ul{ margin-left:35px; margin-top:20px;}
#dehydrated-onion-white-products ul li{ list-style:square; padding-left:3px; line-height:30px;}

#dried-onion { float:left; width:100%; margin:0px 0px 0px 0px; border-left:#eeeeee thin solid; border-right:#eeeeee thin solid;}
.dried-onion{ float:left; width:250px; margin:20px 20px 20px 0px;}
.dried-onion img{ width:250px; height:auto;}
.dried-onion h5{ color:#827167; font-size:14px; font-family: 'straitregular'; text-transform:uppercase; font-weight:100; margin-left:25px;}
.dried-onion-specification{ float:left; width:430px; margin:18px 0px 10px 27px; padding:0px 0 0 0;}
.specification1{ float:left; width:130px; padding:5px 6px 5px 8px; margin:2px 5px 2px 0px; background:#827167; border-radius:8px; color:#CCCCCC;}
.specification2{ float:left; width:250px; padding:5px 6px 5px 8px; margin:2px 0px 2px 5px; background:#e2d8bc; border-radius:8px; color:#111; text-align:left;}

/*----ENQUIRY FORM-----------------------------------------------------------------------------------------------------------------------------------*/
.enquiry-form{ width:100%; height:auto; float:left; margin:15px 0 0 0;}
.enquiry-form h3{font-size:18px; margin:0px 0px 0px 0px; font-family: 'straitregular'; font-weight:100; text-transform:uppercase; padding:0px; color:#8f2e00; margin:10px 0px 5px 0px;}
.enquiry-li{ float:left; width:350px; margin:3px 50px 3px 0px; min-height:60px; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.enquiry-label{ float:left; width:230px; margin:0px 0px 0px 0px;}
.enquiry-text{ float:left; width:330px; margin:0px 0px 0px 0px;}
.enquiry-button{ float:left; width:100%; text-align:center;}

.help-block{ color:#af0000; font-weight:bold;}
.form-error{ color:#af0000; font-weight:bold;}


input[type=text] {
    width: 100%;
    padding: 10px 15px;
   border: 1px solid #bbb;
	border-radius: .3em;
	box-shadow: 0 1px 0 1px rgba(0,0,0,.04);
	background: #f3f3f3; /* Old browsers */
	background: #fff -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
	background: #fff -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
	background: #fff -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
	background: #fff -o-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* Opera 11.10+ */
	background: #fff -ms-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* IE10+ */
	background: #fff linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%); /* W3C */
	color:#666666;
}
.styled select {
  background: transparent;
  width: 150px;
  font-size: 16px;
  border: 1px solid #ccc;
  height: 34px;
}
select{
    width: 100%;
    padding: 7px 20px;
    margin: 5px 0;
    box-sizing: border-box;
	border-radius:4px;
	color:#666666;
}
input[type=password] {
    width: 100%;
    padding: 7px 20px;
    margin: 5px 0;
    box-sizing: border-box;
	border-radius:4px;
	color:#666666;
}
.textarea1 {
   
    padding: 7px 15px;
   border: 1px solid #bbb;
	border-radius: .3em;
	box-shadow: 0 1px 0 1px rgba(0,0,0,.04);
	background: #f3f3f3; /* Old browsers */
	background: #fff -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
	background: #fff -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
	background: #fff -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
	background: #fff -o-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* Opera 11.10+ */
	background: #fff -ms-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* IE10+ */
	background: #fff linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%); /* W3C */
	color:#666666;
	
}
.button {
    background-color: #ca6309; /* Green */
    border: none;
    color: white;
    padding: 10px 60px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
}
/*ENQUIRY*/


/*----ENQUIRY FORM-----------------------------------------------------------------------------------------------------------------------------------*/

footer{ float:left; width:100%; padding:30px 0 10px; background:#172c3e;  no-repeat; background-size:100% 100%; margin:0px; height:386px; bottom:0px;}
.footer-contact{ padding:180px 0 10px; background:url(../images/footer-contact.jpg); -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;}
  
.footer-products{ padding:180px 0 10px; background:url(../images/footer-product.jpg); -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;}
.footer-profile{ padding:180px 0 10px; background:url(../images/footer-profile.jpg); -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;}
.footer-quality{ padding:180px 0 10px; background:url(../images/footer-quality.jpg); -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;}
.footer-packing{ padding:180px 0 10px; background:url(../images/footer-packing.jpg); -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;}


.footer{ float:left; width:220px; padding:25px 5px; margin:10px 10px;}
.footer h3{ font-size:18px; font-family: 'straitregular'; font-weight:100; color:#c8c8c8; text-align:justify;}
.footer h3 a{ color:#d6d6d6; text-decoration:none;}
.footer ul{ margin:0px; padding:0px; list-style:none;}
.footer ul li{ margin:10px 0px; padding:0px; color:#a9a9a9;}
.footer ul li a{ color:#a9a9a9;}
.footer ul li a:hover{ color:#f5f5f5;}
.footer-left{ float:left; width:320px; margin:115px 0 0 0;}
.footer-left h3{ font-size:18px; font-family: 'straitregular'; font-weight:100; color:#2d2d2d; text-align:justify; text-transform:uppercase; margin:10px 0px;}
.footer-right{ float:right; width:320px; margin:185px 0 0 0; color:#666; text-align:right;}