/* Home hooh CSS */
#htmlcontent_home {
}

ul.htmlcontent-home {
}

li.htmlcontent-item {
}

li.htmlcontent-item a.item-link {
}

li.htmlcontent-item img.item-img {
}

li.htmlcontent-item h3.item-title {
}

li.htmlcontent-item div.item-html {
}

/* Top hooh CSS */
#htmlcontent_top {
	margin:30px 0 0;
}
/*Frontend Styles*/
#htmlcontent_top li {
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-ms-box-sizing:border-box;	
}
#htmlcontent_top li > div {
	position:relative;
	-webkit-box-shadow: 0 5px 5px rgba(0,0,0,0.16);
	-moz-box-shadow: 0 5px 5px rgba(0,0,0,0.16);
	box-shadow: 0 5px 5px rgba(0,0,0,0.16);
}
#htmlcontent_top li .item-html { position:absolute; top:0; left:0; width:100%; padding:20px 30px; font-size:13px; color:#777; line-height:18px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-ms-box-sizing:border-box;
}
#htmlcontent_top h2 {
	font-family: 'Pinyon Script', cursive;
	font-size:47px;
	line-height:53px;
	text-transform:none;
	color:#333;
	margin:3px -3px 0px;
}
#htmlcontent_top a:hover h2 { color:#f70a0a;}
#htmlcontent_top p { margin-bottom:15px;}
#htmlcontent_top ul li span.button2 {
	font-family: 'Roboto', sans-serif;
	display:inline-block;
	padding:4px 19px 8px 19px;
	border:1px solid #eaeaea;
	border-bottom:1px solid #a3a3a3;
	border-top:1px solid #f9f9f9;
	font-size:17px;
	color:#333;
	line-height:21px;
	font-weight:normal;
	background: #f9f9f9;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y5ZjlmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZmVmZWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #f9f9f9 0%, #efefef 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#efefef));
	background: -webkit-linear-gradient(top,  #f9f9f9 0%,#efefef 100%);
	background: -o-linear-gradient(top,  #f9f9f9 0%,#efefef 100%);
	background: -ms-linear-gradient(top,  #f9f9f9 0%,#efefef 100%);
	background: linear-gradient(to bottom,  #f9f9f9 0%,#efefef 100%);
}
#htmlcontent_top ul li a:hover span.button2 { border-color:#333; color:#FFF; background: url(../../../../themes/theme864/img/cart-bg.png);}
body.instant_search #htmlcontent_top { display:none;}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
	#htmlcontent_top h2 {
	  color: #333333;
	  font-family: 'Pinyon Script',cursive;
	  font-size: 27px;
	  line-height: 39px;
	  margin: 3px -3px 20px;
	  text-transform: none;
	}
	#htmlcontent_top p {
		display:none;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	#htmlcontent_top li .item-html {
	  padding: 5px 20px;
	}
	#htmlcontent_top ul li span.button2 {
	  font-size: 13px;
	  line-height: 21px;
	  padding: 2px 10px 4px;
	}
}
@media only screen and (min-width: 470px) and (max-width: 767px) {
	#htmlcontent_top li .item-html {
	  padding: 5px 20px;
	}
	#htmlcontent_top h2 {
	  color: #333333;
	  font-family: 'Pinyon Script',cursive;
	  font-size: 20px;
	  line-height: 24px;
	  margin: 3px 0px 10px;
	  text-transform: none;
	}
	#htmlcontent_top p {
		display:none;
	}
	#htmlcontent_top ul li span.button2 {
	  font-size: 13px;
	  line-height: 21px;
	  padding: 2px 10px 4px;
	}
}
@media only screen and (min-width: 470px) and (max-width: 600px) {
	#htmlcontent_top h2 {
	  margin:10px 0 0;
	}
	#htmlcontent_top ul li span.button2 {
		display:none;
	}
}
@media only screen and (max-width: 469px) {
	#htmlcontent_top { text-align:center;}
	#htmlcontent_top ul { margin:0;}
	#htmlcontent_top li:first-child { margin-top:0;}
	#htmlcontent_top li { float:none; width:100%; max-width:100%; margin-top:30px; text-align:left; padding:0;}
	#htmlcontent_top li a img {
		width: 100%;
		height: auto;
	  }
}
@media only screen and (max-width: 390px) {
	#htmlcontent_top h2 {
	  color: #333333;
	  font-family: 'Pinyon Script',cursive;
	  font-size: 27px;
	  line-height: 39px;
	  margin: 3px -3px 20px;
	  text-transform: none;
	}
	#htmlcontent_top p {
		display:none;
	}
}
/* Left hooh CSS */
#htmlcontent_left {
}

/* Right hooh CSS */
#htmlcontent_right {
}

/* Footer hooh CSS */
#htmlcontent_footer {
	margin:47px 0 0px;
}
#htmlcontent_footer .borderBox {padding-bottom:30px; border-bottom:1px solid #cecece;}
#htmlcontent_footer li { margin-bottom:29px;}
#htmlcontent_footer li h3 { font-family: 'Roboto', sans-serif; color:#333333; font-size:20px; line-height:24px; font-weight:normal; margin:0 0 27px; padding-bottom:16px; border-bottom:1px solid #cecece;}
#htmlcontent_footer li h2 { font-family: 'Roboto', sans-serif; color:#333333; font-size:13px; line-height:18px; font-weight:bold; margin:0 0 0px; text-transform:uppercase;}
#htmlcontent_footer li img { float:left; margin-right:18px; margin-top:3px; border:9px solid #FFF; -webkit-box-shadow: 0 5px 5px rgba(0,0,0,0.16); -moz-box-shadow: 0 5px 5px rgba(0,0,0,0.16); box-shadow: 0 5px 5px rgba(0,0,0,0.16);}
#htmlcontent_footer li div.item-html { color:#777; font-size:13px; line-height:18px;}
#htmlcontent_footer li div.item-html p { margin-bottom:10px;}
body.instant_search #htmlcontent_footer { display:none;}
@media only screen and (max-width: 767px) {
#htmlcontent_footer {
  margin: 47px 0 35px;
}
}