.carousel-item {
  height: 100vh;
  min-height: 300px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  
  background-size: 100%;
  background-color:#CCCCCC;
}

.carousel-item1 {
  height: 50vh;
  min-height: 300px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: 100%;
}

.carousel-item2 {
  height: 50vh;
  min-height: 300px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: 90%;
}


.carousel-itemlogo {
  height: 10vh;
  min-height: 30px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: 20%;
  background-position:left;
  
  
}
#contents {
	margin: 0 0 100px;
}
#contents h4 {
	background: url(../images/separator-horizontal.png) no-repeat center center;
	color:#FFCC00;
	font-family: 'HammersmithOneRegular';
	font-weight: normal;
	line-height: 30px;
	margin: 0 0 24px;
	padding: 0 24px;
	text-transform: uppercase;
}
#contents h4 span {
	background-color:#FFFFFF;
	display: block;
	height: 29px;
	width: 400px;
	text-align: left;
	padding-top: 4px;
	padding-right: 0;
	padding-bottom: 2px;
	padding-left: 0;
}
#stocks {
	overflow: hidden;
}
#stocks ul {
	display: inline-block;
	list-style: none;
	width: 1200px;
	margin: 0 24px;
	padding: 0;
}
#stocks ul li {
	float: left;
	color:  #646b85;
	font-family: 'HammersmithOneRegular';
	font-size: 14px;
	line-height: 24px;
	width: 290px;
	margin: 10px 25px 25px 0;
	position: relative;
}
#stocks ul li img {
	border: 1px solid #d2cecf;
}
#stocks ul li em {
	color: #FFFFFF;
	display: block;
	font-size: 12px;
}
#stocks ul li a {
	background-color: #b8dcdd;
	color: #000000;
	font-size: 12px;
	font-style: bold;
	padding: 2px 4px 0;
	text-decoration: none;
}
#stocks ul li a:hover {
	background-color: #c7eeef;
}
#stocks ul li span {
	float: right;
	color:  #000000;
}
#stocks .btn-cart {
	background-color: #e5b614;
	color: #fcffff;
	padding: 2px 5px 0;
}
#stocks .btn-cart:hover {
	background-color: #d2941d;
}
#stocks ul li a.preview {
	background-color: #FFFFFF;
	display: block;
	height: 180px;
	width: 250px;
	padding: 0;
}
#stocks ul li a.preview span.icon {
	background-position: -63px 0;
	display: block;
	height: 12px;
	width: 15px;
	padding: 0;
	position: absolute;
	top: 156px;
	right: 0;
}



.center-div
{
     margin: 2px 75px;
     width: -1px; 
}


.nav1,.nav1 ul {
    list-style:none;
    margin:0;
    padding:0;
	width:1200px;
	
}

.nav1 {
    position:relative;
	
		
	
}

.nav1 ul {
    height:0;
    left:0;
    overflow:hidden;
    position:absolute;
    top:46px;
	opacity:1;
	
}

.nav1 li {
    float:left;
    position:relative;
	
	
}

.nav1 li a {
    -moz-transition:0.5s;
    -o-transition:0.5s;
    -webkit-transition:0.5s;
    background-color: #CC9900;
    border:1px solid #6E67A6;
    color:#FFF;
    display:block;
    font-size:16px;
    line-height:35px;
    padding:5px 20px;
    text-decoration:none;
    transition:0.5s;
}

.nav1 li:hover > a {
    background:#8CCA33;
    border-color:#6E67A6;
    color:#fff;
}

.nav1 li:hover ul.subs {
    height:auto;
    width:280px;
}

.nav1 ul li {
    -moz-transition:0.5s;
    -o-transition:0.5s;
    -webkit-transition:0.5s;
    opacity:1;
    transition:0.5s;
    width:100%;
}

.nav1 li ul li {
    -moz-transition-delay:0s;
    -o-transition-delay:0s;
    -webkit-transition-delay:0s;
    transition-delay:0s;
}

.nav1 li:hover ul li {
    opacity:1;
    -moz-transition-delay:0.5s;
    -o-transition-delay:0.5s;
    -webkit-transition-delay:0.5s;
    transition-delay:0.5s;
}

.nav1 ul li a {
    background:#7770B4;
    border-color:#6E67A6;
    color:#fff;
	line-height:1px;
    -moz-transition:1.5s;
    -o-transition:1.5s;
    -webkit-transition:1.5s;
    transition:1.5s;
}

.nav1 li:hover ul li a {
    line-height:35px;
}

.nav1 ul li a:hover {
    background:#8CCA33;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 95%, from(rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0)));
    background-image: -moz-linear-gradient(-90deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
    background-image: -o-linear-gradient(-90deg,rgba(255,255,255,0.5),rgba(255,255,25,0));
}


/*----------------------------------------------------------------------------------------------------------------------*/

.nav2,.nav2 ul {
    list-style:none;
    margin:0;
    padding:0;
	width:1200px;
	
}

.nav2 {
    position:relative;
	
		
	
}

.nav2 ul {
    height:0;
    left:0;
    overflow:hidden;
    position:absolute;
    top:46px;
	opacity:5;
	
}

.nav2 li {
    float:left;
    position:relative;
	
	
}

.nav2 li a {
    -moz-transition:0.5s;
    -o-transition:0.5s;
    -webkit-transition:0.5s;
    background-color: #CC9900;
    border:1px solid #6E67A6;
    color:#FFF;
    display:block;
    font-size:16px;
    line-height:35px;
    padding:5px 20px;
    text-decoration:none;
    transition:0.5s;
}

.nav2 li:hover > a {
    background:#8CCA33;
    border-color:#6E67A6;
    color:#fff;
}

.nav2 li:hover ul.subs {
    height:auto;
    width:280px;
}

.nav2 ul li {
    -moz-transition:0.5s;
    -o-transition:0.5s;
    -webkit-transition:0.5s;
    opacity:1;
    transition:0.5s;
    width:100%;
}

.nav2 li ul li {
    -moz-transition-delay:0s;
    -o-transition-delay:0s;
    -webkit-transition-delay:0s;
    transition-delay:0s;
}

.nav2 li:hover ul li {
    opacity:1;
    -moz-transition-delay:0.5s;
    -o-transition-delay:0.5s;
    -webkit-transition-delay:0.5s;
    transition-delay:0.5s;
}

.nav2 ul li a {
    background:#7770B4;
    border-color:#6E67A6;
    color:#fff;
	line-height:1px;
    -moz-transition:1.5s;
    -o-transition:1.5s;
    -webkit-transition:1.5s;
    transition:1.5s;
}

.nav2 li:hover ul li a {
    line-height:35px;
}

.nav2 ul li a:hover {
    background:#8CCA33;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 95%, from(rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0)));
    background-image: -moz-linear-gradient(-90deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
    background-image: -o-linear-gradient(-90deg,rgba(255,255,255,0.5),rgba(255,255,25,0));
}

/*-------- Slider fade out ----------------*/

.slider {
  max-width: 100%;
  height: 600px;
  margin: 20px auto;
  position: relative;
}
.slide1,.slide2,.slide3,.slide4,.slide5,.slide6{
  position: absolute;
  width: 100%;
  height: 600px;
}

.slide1 {
  background:url(../images/nurseriesk.jpg)no-repeat center;
      background-size: cover;
    animation:fade 10s infinite;
-webkit-animation:fade 10s infinite;

} 
.slide2 {
  background:url(../images/field3.jpg)no-repeat center;
      background-size: cover;
    animation:fade2 10s infinite;
-webkit-animation:fade2 10s infinite;
}
.slide3 {
    background:url(../images/pf.jpg)no-repeat center;
      background-size: cover;
    animation:fade3 10s infinite;
-webkit-animation:fade3 10s infinite;
}

.slide4 {
    background:url(../images/Byproducts1.jpg)no-repeat center;
      background-size: cover;
    animation:fade4 10s infinite;
-webkit-animation:fade4 10s infinite;
}




@keyframes fade
{
  0%   {opacity:1}
  25% { opacity: 1}
  50% { opacity: 0}
  75% { opacity: 0}
  100% { opacity: 0}
}
@keyframes fade2
{
  0%   {opacity:0}
  25% { opacity: 0}
  50% { opacity: 1}
  75% { opacity: 0}
  100% { opacity: 0}
}
@keyframes fade3
{
  0%   {opacity:0}
  25% { opacity: 0}
  50% { opacity: 0}
  75% { opacity: 1}
  100% { opacity: 0}
}
@keyframes fade4
{
  0%   {opacity:0}
  25% { opacity: 0}
  50% { opacity: 0}
  75% { opacity: 0}
  100% { opacity: 1}
}