@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;

}


body{ margin:0px; padding:0px; text-align:justify; font-family:"calibri", Arial, Helvetica, sans-serif; color:#333333; font-size:12px; line-height:25px; background:#fff;}
h1,h2,h3,h4,h5{ margin:0px; padding:0px;}
h1{ font-family: 'straitregular'; color:#455765; margin:20px 0px 5px 0px; font-size:28px; font-weight:100; text-align:center; text-transform:uppercase; }
h2{ color:#ce6a11; font-weight:100; font-stretch:narrower; margin:0px 0px 5px 0px; padding:0px; font-size:29px; text-transform:uppercase; line-height:45px; font-family: 'straitregular';}
h3{ padding:0px; margin:0px;}
h4{  font-family: 'straitregular'; font-size:16px;}
a{ text-decoration:none;}
#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;}


.header{ float:left; width:100%; height:105px; padding:0px 0px 0px 0px; background:#FFFFFF; position:fixed; border-bottom:#a9bf5a thin solid;}
.logo{ float:left; width:340px; text-align:justify; margin:0px 20px 0px 0px;}
.header-right{ float:left; width:610px; margin:0px 0px 0px 30px;}
.header-right-top{ float:left; width:630px; min-height:0px; margin:0px 0px 5px 0px; background:#fff;}
nav{ float:left; width:680px; text-align:RIGHT; padding:10px 0px 0px 155px; margin:15px 0 0 0;}
nav ul{ margin:0px; padding:0px; list-style:none;}
nav ul li{ float:left; display:inline; margin:0px 15px 20px 15px;}
nav ul li a{ font-family: 'straitregular'; color:#373435; text-transform:uppercase; font-size:14px; font-weight:100;}
nav ul li a:hover{ font-family: 'straitregular'; color:#d05b90; text-transform:uppercase; font-size:14px; font-weight:100;}

#animation{ float:left; width:100%; height:609px; background:#fff; margin:105px 0px 0px 0px;}

#ani-bot{ float:left; width:100%; min-height:35px; padding:20px 0px 20px 0px; background:#8ca13b;}
#ani-bot ul{ margin:0px; padding:0px; list-style:none;}
#ani-bot ul li{ float:left; width:212px; margin:0px 33px 0px 0px;}
#ani-bot ul li h5{ font-family: 'straitregular'; font-size:21px; color:#f5f5f5; font-weight:100; text-transform:uppercase;}
#home-intro{ float:left; width:100%; min-height:500px;}
#home-intro h5{ text-align:justify; padding:40px 0px 20px 0px; font-family: 'straitregular'; text-transform:uppercase; font-size:30px; color:#121212; font-weight:100;}
.home-intro-left{ margin:0px 25px 0px 25px; width:620px; float:left; font-size:14px;}
.home-intro-right{ margin:0px 25px 0px 25px; width:230px; float:left;}
.home-intro{}

#inner{ float:left; width:100%; min-height:25px; padding:5px 0px 5px 0px; background:#da251c; margin:138px 0px 0px 0px;}
#inner h2{ font-family: 'straitregular'; font-size:20px; color:#f5f5f5;}

#home-product{ float:left; width:100%; background:#FFFFFF; padding:125px 0px;}
.home-product{ float:left; width:300px; margin:15px 33px 15px 0px; }
.home-product img{ width:100%; height:auto; border-radius:4px;}
.home-products{ float:left; width:90%; background-color: rgba(255, 255, 255, 0.7); padding:20px 2%; margin:50px 0 0 0;}
.home-product h3{font-family: 'calibri'; font-size:20px; color:#bb2475; font-weight:100; margin:15px 0 0 0; border-bottom:solid 1px rgba(96,63,50,0.5); padding-bottom:15px; border-width: 1px;}
.home-product p{ padding:20px 5% 0 0; font-size:15px; font-family: 'calibri'; width:95%;}
.home-product p a{ background:#4e7235; color:#FFF; border-radius:8px; padding:5px 8px;}

/*Article*/
article{ float:left; width:100%; height:auto; text-align:justify; padding:0px 0px 20px 0px; margin:105px 0 0 0;}
.article{ float:left; width:700px; margin:0px 20px 0px 0px; padding:20px 20px 0px 0px;}


#dehydrated-onion-india{ float:left; width:100%; height:auto;}
.dehydrated-onion-india{ float:left; width:300px; margin:15px 33px 15px 0px; }
.dehydrated-onion-india img{ width:100%; height:auto; border-radius:4px;}
.dehydrated-onion-india h3{font-family: 'calibri'; font-size:20px; color:#ffeede; font-weight:500; margin:15px 0 0 0; border-bottom:solid 1px rgba(212,194,179,0.5); padding-bottom:15px; border-width: 1px;}
.dehydrated-onion-india p{ padding:20px 5% 0 0; font-size:15px; font-family: 'calibri'; width:95%; color:#FFFFFF;}
.dehydrated-onion-india p a{ background:#3d3633; color:#FFF; border-radius:8px; padding:5px 8px;}
/*Inner Page Background*/
#dehydrated-onion{ float:left; width:35%; text-align:justify; height:auto;  min-height:700px; border-bottom-right-radius: 50px 50px;}
.company-profile{background: url(../images/dried-onion-plant-mahuva.jpg);background-repeat: no-repeat;
    background-size: cover;}
.quality-dehydrated-onion{background: url(../images/quality-dehydrated-onion.jpg);background-repeat: no-repeat;
    background-size: cover;}
.dehydrated-onions-manufacturer{background: url(../images/dehydrated-onions.jpg);background-repeat: no-repeat;
    background-size: cover;}
.dried-onion-enquiry{background: url(../images/enquiry.jpg);background-repeat: no-repeat;
    background-size: cover;}
.dehydrated-onion-products{background: url(../images/dehydrated-onion-plant.jpg);background-repeat: no-repeat;
    background-size: cover;}
.dehydrated-white-onion-products{background: url(../images/dehydrated-onions-india.jpg);background-repeat: no-repeat;
    background-size: cover;}	
.dehydrated-red-onion-products{background: url(../images/dehydrated-red-onion-products.jpg);background-repeat: no-repeat;
    background-size: cover;}
.dehydrated-garlic-products{background: url(../images/dehydrated-garlic-products.jpg);background-repeat: no-repeat;
    background-size: cover;}
/*Inner Page Background*/

#onion-dehydration-india{ float:left; width:59%; padding:30px 5% 0px 5%; text-align:justify; margin:0px 0px 0px 0px;}
#onion-dehydration-india p{ margin:20px 0px; color:#504e4f;}
#onion-dehydration-india h1{ text-align:left; color:#ba2576; font-family: 'universaljack'; font-size:25px; line-height:25px;}
#onion-dehydration-india span{ font-size:21px; font-family: 'straitregular'; color:#3b6629; line-height:30px;}

.dehydrated-onion-products{ float:left; width:290px; min-height:350px; margin:0px 30px 0px 0px;}
.dehydrated-onion-products img{ border:#CCCCCC thick solid;  border-bottom-left-radius:20%;}
.dehydrated-onion-products img:hover{border:#ffcb35 thick solid;}
.dehydrated-onion-products h3{background:url(../images/h3-back.png) center no-repeat; padding:5px 0px 70px 0px; font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; color:#aa8b00; font-size:17px; text-align:center;}
.contact{ float:left; width:220px; margin:0px 50px 0px 0px;}

/*Dehydrated Onion Products*/
.dried-onion-products{ float:left; width:300px; margin:25px 20px 0px 0px;}
.dried-onion-products h2{ font-family:"calibri"; color:#4d5d66; font-size:14px; text-align:center; padding:0px 5px; font-weight:bold; margin:10px 0 0 0; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eeeeee+0,cccccc+100;Gren+3D */
background: #eeeeee; /* Old browsers */
background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #eeeeee 0%,#cccccc 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #eeeeee 0%,#cccccc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */ border-radius:4px;}
/*Dehydrated Onion Products*/

/*Contact Us Page*/
.contact-details{ float:left; width:36%; padding:10px 0%; margin:0px 12% 0px 0px;}
.contact-details h5{ font-size:17px; color:#4d723c; font-family:"calibri"; font-weight:100; margin:0px; padding:0px; line-height:15px;}
.contact-details p{ padding:0px 0px; margin:0px;}
.contact-details p a{ color:#b61f6e;}
/*Contact Us Page*/

.side-link{ float:left; width:230px; background:#ffcb35; height:auto; padding:20px 15px 20px 15px; border-radius:10px; margin:18px 0px 0px 0px;}
.side-link h3{ font-family: 'straitregular'; font-size:20px; color:#333; margin:0px 0px 8px 0px;}
.side-link ul{ margin:0px; padding:0px; list-style:none;}
.side-link ul li{ background:url(../images/dehydrated-onion.png) no-repeat; padding:0px 0px 10px 25px;}
.side-link ul li a{ color:#333333; text-decoration:none; font-size:14px;}
.side-link ul li a:hover{ color:#fff; text-decoration:underline;}

.side-link-bot{ float:left; width:230px; background:#da251c; height:auto; padding:20px 15px 20px 15px; margin:25px 0px 0px 0px; border-radius:10px;}
.side-link-bot h3{ font-family: 'straitregular'; font-size:20px; margin:0px 0px 10px 0px; color:#FFFFFF;}
.side-link-bot ul{ margin:0px; padding:0px; list-style:none; font-size:13px;}
.side-link-bot ul li{ padding:0px 0px 10px 35px; color:#FFFFFF;}
.side-link-bot ul li a{ color:#FFFFFF;}
 
/*Article*/


/*FORM*/
.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;
	width:350px;
	
}
.button {
    background-color: #c22377; /* Green */
    border: none;
    color: white;
    padding: 10px 60px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
}
/*FORM*/


#products{ float:left; width:100%; text-align:justify; min-height:250px; padding:5px 0px 0px 0px; margin:50px 0px 0px 0px; background:url(../../../other%20products/dholera%20city/images/back.jpg);}
#products h5{ text-align:center; margin:0px 0px 15px 0px; background:url(../images/h3-back.png) no-repeat center; padding:0px 0px 70px 0px; font-family:'straitregular'; text-transform:uppercase; font-size:30px; color:#123123; font-weight:100;}
.products-box{ float:left; width:300px; min-height:300px; margin:0px 33px 20px 0px;}
.products-box h2{ font-family: 'straitregular'; font-size:20px; color:#677e13; text-align:center; margin-top:10px;}
.bw {
  -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
}
 
.bw:hover {
  -webkit-filter: grayscale(100%);
}



footer{ float:left; width:100%; min-height:200px; padding:40px 0px 40px 0px; background:#1c1d1f;}
.footer-top{ float:left; width:100%; border-bottom:#afc757 thin solid; padding-bottom:15px;}
.footer-left{ float:left; width:200px;}
.footer-center{ float:left; width:500px; margin:0px 50px;}
.footer-center ul{ margin:0px; padding:0px; list-style:none;}
.footer-center ul li{ margin:25px 30px 20px 0; float:left; display:inline; font-size:15px;}
.footer-center ul li a{ color:#c7c8c4;}


.footer-box{ float:left; width:150px; margin:20px 50px 0px 50px;}
.footer-box h5{font-family:'straitregular'; color:#f5f5f5; font-weight:300; font-size:22px; text-transform:uppercase; border-bottom:#f8c301 thin solid; padding:0px 0px 10px 0px; margin:0px 0px 20px 0px;}
.footer-box ul{ margin:0px; padding:0px; list-style:none;}
.footer-box ul li{ margin:5px 0px 5px 0px; font-family:'straitregular'; font-size:15px; color:#fffdff;}
.footer-box ul li a{ color:#FFF;}
.footer-inquiry{ float:left; width:600px; text-align:justify; margin:0px 5px 0px 0px;}
.footer-inquiry h5{font-family:'straitregular'; color:#f5f5f5; font-weight:100; font-size:22px; text-transform:uppercase; border-bottom:#f8c301 thin solid; padding:0px 0px 10px 0px; margin:0px 0px 20px 0px;}
.footer-inquiry ul{ margin:0px; padding:0px; list-style:none;}
.footer-inquiry ul li{ float:left; width:100px; margin:5px 25px 5px 0px; font-size:14px; color:#f5f5f5; display:inline; min-height:25px; text-align:right;}
.footer{ float:left; width:100%; background:#222; padding:10px 0px 10px 0px; height:25px;}