/* Custom CSS for pp_homemenu module */
#eshopinfo_block {
	background: rgba(0,0,0,0.1);
    position: relative;
    transition: transform 0.3s ease-in-out;
	clear: both;
}
.header-banner #eshopinfo_block {
	background: rgba(255,255,255,1);
  border-bottom: solid 1px #e67502;
}
.footer-container #eshopinfo_block {
	background: rgba(255,255,255,1);
}
.page-home #eshopinfo_block {
	margin: 1rem 0;
}




#eshopinfo_block .banner-toggle {
	position: absolute;
  bottom: -25px;
  left: 50%;
  transform: translateX(-50%);
  background-color: #e67502;
  color: white;
  border-radius: 0 0 5px 5px;
  padding: 0px 10px;
  cursor: pointer;
  font-size: 18px;
  z-index: 2;
}
#eshopinfo_block.hidden {
  background-color: #e67502;
  border-bottom: none;
	height: 1px;
}
#eshopinfo_block.hidden .info-item {
  background-color: #e67502;
    transform: translateY(-100%);
	opacity: 0;
	height: 1px;
	/*display: none;*/
}
#eshopinfo_block .banner-toggle:hover {
    background-color: #8c1a1b;
}
#eshopinfo_block .toggle-icon {
    vertical-align: middle;
}
#eshopinfo_block.hidden .toggle-icon {
    transform: rotate(0deg);
}





#eshopinfo_block .info-item {
  text-align: center;
  padding: 0.5rem;
    transition: transform 0.3s ease-in-out;
}
#eshopinfo_block .info-item div {
  font-size: 0.86rem;
	color: black;
  display: inline-block;
}
.page-home #eshopinfo_block .info-item div {
  display: block;
  text-align: center;
}
.page-home #eshopinfo_block .info-item {
  padding: 1rem;
}
#eshopinfo_block .info-item a {
  /*display: block;*/
  color: #e67502;
  text-decoration: underline;
}
#eshopinfo_block a:hover {
	
}
#eshopinfo_block .ico {
  color: #fff;
  background-color: #e67502;
  border-radius: 100%;
  width: 1.6rem;
  height: 1.6rem;
  line-height: 1.6rem;
  text-align: center;
  font-size: 1.2rem;
}
#eshopinfo_block .info-item .description {
  font-size: 0.86rem;
}
#eshopinfo_block .info-item .title {
  font-weight: 600;
}
.page-home #eshopinfo_block .info-item .title {
  font-size: 1.6rem;
  margin-bottom: 0.8rem;
}

@media (max-width: 767px) {
	#eshopinfo_block .info-item div {
	  display: block;
	  text-align: center;
	}
}