/* html tag redefinition */
html,body{
    height: 100%
}
body {
	font-family: 'rockwell', 'Open Sans', sans-serif;
	font-weight: 400;
	color: #493522;
	font-size: 14px;
	line-height: 25px;
	width: 100%;
	background: url('../image/skybackground.jpg') repeat-x;
}
h1, h2, h3, h4, h5, h6 { font-family: 'Dekko', cursive; color: #2d771f; }
a { color: #2d771f; }
a:hover { color: #9fbe23; }
iframe, object, embed { max-width: 100%; }

/* main page */
#holder { min-height: 100%; position:relative; }
.container { z-index:2; }
.row { z-index:2 !important; }
.tab-content { z-index:2; }

/* top */
#top {
	background-color: #2e781f;
	border-bottom: none;
	padding: 4px 0px 3px 0;
	margin: 0 0 20px 0;
	min-height: 40px;
}
.fa-facebook { color: #fff; font-size:20px; padding:5px; }
.fa-twitter { color: #fff; font-size:20px; padding:5px; }
.fa-google { color: #fff; font-size:20px; padding:5px; }
.fa-linkedin { color: #fff; font-size:20px; padding:5px; }
.fa-yelp { color: #fff; font-size:20px; padding:5px; }
.fa-facebook:hover { color: #9fbe23; }
.fa-twitter:hover { color: #9fbe23; }
.fa-google:hover { color: #9fbe23; }
.fa-linkedin:hover { color: #9fbe23; }
.fa-yelp:hover { color: #9fbe23; }
#top .btn-link, #top-links li, #top-links a {
	color: #fff;
	text-shadow: none;
	text-decoration: none;
}
#top .btn-link:hover, #top-links a:hover {
	color: #99ff99;
}

#top-links .dropdown-menu a {
	text-shadow: none;
	color: #2d771f;
}
#top-links .dropdown-menu a:hover {
	color: #fff;
}
.headertagline { font-family: 'Dekko', cursive; font-size:30px; text-align:center; padding-top:20px; color:#ca321c;
-webkit-text-stroke: .25px #fff;
  	text-shadow:
    1px 1px 0 #fff,
   -1px -1px 0 #fff,  
    1px -1px 0 #fff,
   -1px  1px 0 #fff,
    1px  1px 0 #fff;

 }

/* shopping cart button */
.btn-inverse {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #363636;
	background-image: linear-gradient(to bottom, #438151, #29793f);
	background-repeat: repeat-x;
	border-color: #227134 #227134 #000000;
}
.btn-inverse:hover, .btn-inverse:active, .btn-inverse.active, .btn-inverse.disabled, .btn-inverse[disabled] {
	background-color: #2ea84a;
	background-image: linear-gradient(to bottom, #35c055, #2ea84a);
}

/* menu */
#menu {
	background: none !important;
	background-repeat: repeat-x;
	border-color: #1f90bb #1f90bb #145e7a;
	border: none;
	min-height: 40px;
	font-family: 'Dekko', cursive;
	margin-left: 75px;
}
#menu #category { color: #2d771f; font-size: 25px; text-shadow: none !important; }
#menu .nav > li > a {
	color: #000;
	text-shadow: none;
	padding: 10px 15px 15px 15px;
	margin-right: 20px;
	min-height: 15px;
	background-color: transparent;
	font-size:23px;
	text-transform:uppercase;
}
#menu .nav > li > a:hover, #menu .nav > li.open > a {
	background-color: #2d771f;
	color: #fff;
	border-radius: 5px 5px 0 0;
}
#menu .dropdown-inner a {
	min-width: 295px;
	display: block;
	padding: 3px 20px;
	clear: both;
	line-height: 35px;
	color: #333333;
	font-size: 21px;
}
#menu .dropdown-inner li a:hover {
	color: #FFFFFF;
}
#menu .see-all:hover, #menu .see-all:focus {
	text-decoration: none;
	color: #ffffff;
	background-color: #2d771f;
	background-image: linear-gradient(to bottom, #2d771f, #2d771f) !important;
	background-repeat: repeat-x;
}
#menu .btn-navbar {
	font-size: 15px;
	font-stretch: expanded;
	color: #FFF;
	padding: 2px 18px;
	float: right;
	background-color: #2d771f;
	background-image: linear-gradient(to bottom, #2d771f, #2d771f) !important;
	background-repeat: repeat-x;
	border-color: #1f90bb #1f90bb #145e7a;
}
#menu .btn-navbar:hover, #menu .btn-navbar:focus, #menu .btn-navbar:active, #menu .btn-navbar.disabled, #menu .btn-navbar[disabled] {
	color: #ffffff;
	background-color: #2d771f;
}
.dropdown-menu li > a:hover {
	text-decoration: none;
	color: #ffffff;
	background-color: #229ac8;
	background-image: linear-gradient(to bottom, #2d771f, #215817);
	background-repeat: repeat-x;
}

/* buttons */
.btn-default {
	color: #ffffff;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	background-color: #2d771f;
	background-image: linear-gradient(to bottom, #2d771f, #215817);
	background-repeat: repeat-x;
	border-color: #3a9928 #3a9928 #1f4c16 #1f4c16;
}
.btn-primary {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #2d771f;
	background-image: linear-gradient(to bottom, #2d771f, #215817);
	background-repeat: repeat-x;
	border-color: #3a9928 #3a9928 #1f4c16 #1f4c16;
}
.btn-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] {
	background-color: #1f4c16;
	background-position: 0 -15px;
}

/* Table Cell Backgrounds */
.panel-default > .panel-heading {
  color: #333;
  background-color: #e8f9a5;
  border-color: #c4e150;
}
.breadcrumb {
  padding: 8px 15px;
  margin-bottom: 20px;
  list-style: none;
  background-color: #e8f9a5;
  border-radius: 4px;
}
.list-group-item {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #effeb2;
  border: 1px solid #c4e150;
}
a.list-group-item:hover,
a.list-group-item:focus {
  color: #555;
  text-decoration: none;
  background-color: #e2f989;
}
.list-group-item.disabled,
.list-group-item.disabled:hover,
.list-group-item.disabled:focus {
  color: #777;
  cursor: not-allowed;
  background-color: #e8f9a5;
}
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
  z-index: 2;
  color: #fff;
  background-color: #e8f9a5 !important;
  border-color: #c4e150;
}

/* homepage slider */
.owl-carousel img { width:100%; height:auto; }
.owl-wrapper-outer {
	border: 0px solid #fff;
	border-top: 0px solid #fff;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	-o-border-radius: 0px;
	border-radius: 0px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
	top: -16px;
	margin:0px;
	padding:0px;
}
.owl-pagination {
	text-align: center;
	top: 5px;
	position: relative;
}
.owl-controls .owl-buttons .owl-prev {
	left: 20px;
	top: 50%;
}
.owl-controls .owl-buttons .owl-next {
	right: 20px;
	top: 50%;
}
/* homepage featured */
.featuredwrapper { background-color: #2d771f; padding:20px 20px 0px 20px; }
.featuredwrapper .product-thumb { background-color: #fff; }
.homegroup h2 { text-align:center; padding:30px 0 20px 0; }

/* homepage product line */
.productlinewrapper { background-color: #2d771f; padding: 10px 0 10px 25px; float:left; clear:both; width:100%; }
.productlinewrapper h2 { color:#fff; text-align:center; }
.productlinewrapper .productlinecolumn { position:relative; float:left; width:33%; text-align:center;}
.productlinewrapper .productlinecolumn img { padding:20px; max-width:100%; height:auto; }
.productlinewrapper .productlinecolumn img:hover { opacity:.8; }

/* Products */
.product-thumb .button-group {
	color: #2d771f;
}
.fa-shopping-cart { color: #2d771f; }
#cart .fa-shopping-cart { color: #fff; }
.fa-heart { color: #2d771f; }
.fa-exchange { color: #2d771f; }
.productwishcompare .fa-heart { color: #fff; }
.productwishcompare .fa-exchange { color: #fff; }
.product-thumb .button-group button {
	width: 60%;
	border: none;
	display: inline-block;
	float: left;
	background-color: #eee;
	color: #2d771f;
	line-height: 38px;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
}
.product-thumb .button-group button:hover {
	color: #7ba112;
	background-color: #e0f89e;
	text-decoration: none;
	cursor: pointer;
}
.productsizethumbs { text-align:center; position:relative; clear:both; font-weight:bold; }
.productsizethumbs img:hover { opacity:.7; }
.caption h4 { font-size:28px; }

/* Footer */
footer {
	margin-top: 300px;
	padding-top: 100px;
	padding-bottom: 50px;
	background-color: none;
	border-top: 0px solid #ddd;
	color: #fff;
	background: url('../image/dirtbackground.jpg') repeat-x;
	z-index: 1 !important;
}
footer .container .row { z-index: 1 !important; }
#bottomleftflower { position:absolute; bottom:235px !important; left:0px; margin:0px; width:177px; height:275px; background: url('../image/yellowflower.png') no-repeat; z-index:0 !important; }
#bottomrightflower { position:absolute; bottom:235px !important; right:0px; width:184px; height:275px; background: url('../image/purpleflower.png') no-repeat; z-index:0 !important; }

/* columns and misc tags */
.onethirdcolumn { position:relative; float:left; width:33%; padding-right:10px; }
.onehalfcolumn { position:relative; float:left; width:49%; padding-right:10px; z-index:2; }
.homerow1column1 { position:relative; float:left; width:411px; padding-right:5px; }
.homerow1column2 { position:relative; float:left; width:475px; padding-right:25px; }
.homerow1column2 p { line-height:19px; }
.homerow1column3 { position:relative; float:left; width:225px; background-color:#fff; font-size:12px; line-height:16px; padding: 35px 18px 18px 18px; -webkit-box-shadow: 2px 3px 24px 0px rgba(0,0,0,0.47); -moz-box-shadow: 2px 3px 24px 0px rgba(0,0,0,0.47); box-shadow: 2px 3px 24px 0px rgba(0,0,0,0.47); background: url('../image/greentopborder.gif') repeat-x; }
.clearspace { clear:both; }
.centerheadline { text-align:center; }
.col-sm-12 h1 { text-align:center; }
.greenborder { border: 1px solid #2d771f; }
.testimonialright { position:relative; float:right; width:225px; background-color:#fff; font-size:12px; line-height:16px; padding: 35px 18px 18px 18px; -webkit-box-shadow: 2px 3px 24px 0px rgba(0,0,0,0.47); -moz-box-shadow: 2px 3px 24px 0px rgba(0,0,0,0.47); box-shadow: 2px 3px 24px 0px rgba(0,0,0,0.47); background: url('../image/greentopborder.gif') repeat-x; margin:0 30px 0 30px; }
.testimonialleft { position:relative; float:left; clear:both; width:225px; background-color:#fff; font-size:12px; line-height:16px; padding: 35px 18px 18px 18px; -webkit-box-shadow: 2px 3px 24px 0px rgba(0,0,0,0.47); -moz-box-shadow: 2px 3px 24px 0px rgba(0,0,0,0.47); box-shadow: 2px 3px 24px 0px rgba(0,0,0,0.47); background: url('../image/greentopborder.gif') repeat-x;  }
.photospace { padding: 0 10px 0 0; }

/* media queries */

@media (max-width: 478px) {
		#cart .dropdown-menu {
			width: 100%;
		}
		#bottomleftflower { display:none; }
		#bottomrightflower { display:none; }
		.onethirdcolumn { width: 100%; clear:both; }
		.onethirdcolumn img { width: 100%; height:auto; }
		.onehalfcolumn { width: 100%; clear:both; }
		.onehalfcolumn img { width: 100%; height:auto; }
		.homerow1column1 { width: 100%; clear:both; }
		.homerow1column1 img { width: 100%; height:auto; }
		.homerow1column2 { width: 100%; clear:both; }
		.homerow1column3 { width: 100%; margin-top:25px; clear:both; }
		.headertagline { font-size:20px; padding-top:0px;  }
		body { background-size: 600% 325px; }
		#menu { width: 100%; margin-left: 0px; }
		#menu .nav > li > a:hover, #menu .nav > li.open > a { border-radius: 0 0 0 0; }
		#menu .nav > li > a { margin-right: 0px; }
		.dropdown-menu li > a { color: #000 !important; padding-left:15px !important; background-color: #fff !important; }
		.dropdown-menu li > a:hover { background-color: #d7f369 !important; }
		.see-all { color: #000 !important; } 
		footer { margin-top: 40px; text-align: center; }
	}

@media (max-width: 478px) {
		#cart .dropdown-menu li > div {
			min-width: 100%;
		}
        .testimonialright { float:none; clear:both; margin: 0 0 20px 0; }
        .testimonialleft { float:none; clear:both;  }
        .photospace { padding: 0 10px 0 0; }
	}


@media (min-width: 768px) {
	#menu .dropdown:hover .dropdown-menu {
		display: block;
	}
}

@media (max-width: 767px) {
	#menu {
		border-radius: 4px;
	}
	#menu div.dropdown-inner > ul.list-unstyled {
		display: block;
	}
	#menu div.dropdown-menu {
		margin-left: 0 !important;
		padding-bottom: 10px;
		background-color: rgba(0, 0, 0, 0.1);
	}
	#menu .dropdown-inner {
		display: block;
	}
	#menu .dropdown-inner a {
		width: 100%;
		color: #fff;
	}
	#menu .dropdown-menu a:hover,
	#menu .dropdown-menu ul li a:hover {
		background: rgba(0, 0, 0, 0.1);
	}
	#menu .see-all {
		margin-top: 0;
		border: none;
		border-radius: 0;
		color: #fff;
	}
	#bottomleftflower { display:none; }
	#bottomrightflower { display:none; }
	.onethirdcolumn { width: 100%; clear:both; }
	.onehalfcolumn { width: 100%; clear:both; }
	.homerow1column1 { width: 100%; clear:both; }
	.homerow1column2 { width: 100%; clear:both; }
	.homerow1column3 { width: 100%; clear:both; }
}

@media (min-width: 767px) {
.product-list .product-thumb .image {
	float: left;
	padding: 0 15px;
}
}

@media (max-width: 1200px) {
.product-grid .product-thumb .caption {
	min-height: 210px;
	padding: 0 10px;
}
}

@media (max-width: 767px) {
.product-list .product-thumb .caption {
	min-height: 0;
	margin-left: 0;
	padding: 0 10px;
}
.product-grid .product-thumb .caption {
	min-height: 0;
}
}

@media (max-width: 768px) {
	.product-list .product-thumb .button-group {
		border-left: none;
	}
}

@media (max-width: 1100px) {
	#bottomleftflower { display:none; }
	#bottomrightflower { display:none; }
}

@media (max-width: 1200px) {
	.product-thumb .button-group button, .product-thumb .button-group button + button {
		width: 33.33%;
	}
}

@media (max-width: 767px) {
	.product-thumb .button-group button, .product-thumb .button-group button + button {
		width: 33.33%;
	}
}

@media (min-width: 768px) {
    #column-left  .product-layout .col-md-3 {
       width: 100%;
    }
    #column-left + #content .product-layout .col-md-3 {
       width: 50%;
    }
    #column-left + #content + #column-right .product-layout .col-md-3{
       width: 100%;
    }
    #content + #column-right .product-layout .col-md-3{
       width: 100%;
    }
}