/* Top hooh CSS */
#htmlcontent_top {
	width:34%;
	float:left;
	margin-top:14px;
}
/*Frontend Styles*/
#htmlcontent_top li {
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-ms-box-sizing:border-box;
	margin-top:1px;
}
#htmlcontent_top li > div { background:#000;}
#htmlcontent_top li > div > a {
	transition: all 100ms cubic-bezier(0.47, 0, 0.745, 0.715);
	-moz-transition: all 100ms cubic-bezier(0.47, 0, 0.745, 0.715);
	-webkit-transition: all 100ms cubic-bezier(0.47, 0, 0.745, 0.715);
	-o-transition: all 100ms cubic-bezier(0.47, 0, 0.745, 0.715);
}
#htmlcontent_top li > div > a:hover { opacity:0.8;}
#htmlcontent_top li:first-child { margin:0;}
#htmlcontent_top li .item-html { background:url(../../../../themes/theme930/img/banner-bg.png) no-repeat -380px -195px #3f4a4d; color:#b0b4b5; font-size:17px; line-height:21px; padding:35px 25px 29px;}
#htmlcontent_top li.count2 .item-html, #htmlcontent_top li.count4 .item-html, #htmlcontent_top li.count6 .item-html, #htmlcontent_top li.count8 .item-html, #htmlcontent_top li.count10 .item-html { background:#f15a5a; color:#f7b8b8; padding:59px 30px 50px;}
#htmlcontent_top h2 {
	font-size:90px;
	line-height:1em;
	margin:0 0 -12px;
	color:#fff;
	text-transform:uppercase;
}
#htmlcontent_top h3 {
	font-size:60px;
	line-height:1em;
	margin:0 0 -1px;
	color:#fff;
	text-transform:uppercase;
}
#htmlcontent_top h4 {
	font-size:38px;
	line-height:1em;
	margin:0 0 2px;
	color:#fff;
	text-transform:uppercase;
}
#htmlcontent_top .priceBox {
	font-size:90px;
	line-height:1em;
	color:#fff;
	text-transform:uppercase;
	padding-top:19px;
	display:block;
	letter-spacing:-0.05em;
}
#htmlcontent_top .button2 { font-size:18px; line-height:24px; color:#fff; text-transform:uppercase;}
#htmlcontent_top .button2:after { content: ""; font-family: FontAwesome; font-size:22px; margin-left:30px;}
#htmlcontent_top li .item-html p { margin-bottom:13px;}
body.instant_search #htmlcontent_top { display:none;}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
#htmlcontent_top h2 {
  font-size: 60px;
  margin:0;
}
#htmlcontent_top h3 {
  font-size: 40px;
  margin: 0 0 3px;
}
#htmlcontent_top h4 {
  font-size: 23px;
  margin: 0 0 2px;
}
#htmlcontent_top .priceBox {
  font-size: 60px;
  padding-top: 22px;
}
#htmlcontent_top li.count2 .item-html, #htmlcontent_top li.count4 .item-html, #htmlcontent_top li.count6 .item-html, #htmlcontent_top li.count8 .item-html, #htmlcontent_top li.count10 .item-html {
  padding: 31px 30px 32px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
#htmlcontent_top li .item-html {
  padding: 35px 30px 19px;
}
#htmlcontent_top h2 {
  font-size: 50px;
  margin:0;
}
#htmlcontent_top h3 {
  font-size: 30px;
  margin: 0 0 3px;
}
#htmlcontent_top h4 {
  font-size: 15px;
  margin: 0 0 2px;
}
#htmlcontent_top .priceBox {
  font-size: 40px;
  padding-top: 10px;
}
#htmlcontent_top li.count2 .item-html, #htmlcontent_top li.count4 .item-html, #htmlcontent_top li.count6 .item-html, #htmlcontent_top li.count8 .item-html, #htmlcontent_top li.count10 .item-html {
  padding: 23px 30px 24px;
  font-size:13px;
}
}
@media (max-width: 768px) {
#htmlcontent_top h2, #htmlcontent_top h3, #htmlcontent_top h4 { display:inline-block;}
#htmlcontent_top {
	width:100%;
	float:none;
}
}
@media (max-width: 400px) {
#htmlcontent_top h2 {
  font-size: 60px;
  margin:0;
}
#htmlcontent_top h3 {
  font-size: 40px;
  margin: 0 0 3px;
}
#htmlcontent_top h4 {
  font-size: 23px;
  margin: 0 0 2px;
}
#htmlcontent_top .priceBox {
  font-size: 60px;
  padding-top: 22px;
}
#htmlcontent_top li.count2 .item-html, #htmlcontent_top li.count4 .item-html, #htmlcontent_top li.count6 .item-html, #htmlcontent_top li.count8 .item-html, #htmlcontent_top li.count10 .item-html {
  padding: 31px 30px 32px;
}
}
/* Left hooh CSS */
#htmlcontent_left {
	margin-top:-10px;
}
#htmlcontent_left li { margin-bottom:30px; position:relative;}
#htmlcontent_left li h2 { position:absolute; left:0; bottom:0; display:block; text-align:center; font-size:30px; line-height:30px; color:#fff; width:100%; margin: 0 0 28px; text-transform:uppercase;
	-moz-transition:all 0.12s ease-in 0s;
	-webkit-transition:all 0.12s ease-in 0s;
	-o-transition:all 0.12s ease-in 0s;
	transition:all 0.12s ease-in 0s;
}
#htmlcontent_left li a:hover h2 { color:#979ea4;}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
#htmlcontent_left li h2 { font-size:20px; line-height:20px;}	
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
#htmlcontent_left li h2 { font-size:18px; line-height:18px; margin-bottom:15px;}	
}
@media (max-width: 768px) {
#htmlcontent_left { text-align:center;}
#htmlcontent_left li { display:inline-block; float:none;}
}