
.htmleaf-container{
	margin: 0 auto;
	overflow: hidden;
}
.htmleaf-content {
	padding: 1em 15em;
}
@media only screen and (max-width: 1024px){
	.htmleaf-content {
		padding: 1em 5em;
	}
}
@media only screen and (max-width: 768px){
	.htmleaf-content {
		padding: 1em 0;
	}
}
 
/* Shop */
	@media only screen and (min-width: 401px) {
	  .shop .sy-box .sy-slides-wrap {
	    min-width: 400px;
	    max-width: 720px;
	    width: 58%;
	    margin-left: auto;
	    margin-right: auto;
	  }
	}
	.shop .sy-box .sy-slides-crop {
	  overflow: visible;
	}
	@media only screen and (max-width: 500px) {
	  .shop .sy-box .sy-controls li {
	    min-width: 2.4em;
	  }
	  .shop .sy-box .sy-controls li a:after {
	    line-height: 1.4em;
	    height: 1.4em;
	    width: 1.4em;
	    margin-top: -0.7em;
	    margin-left: -0.7em;
	  }
	}
	@media only screen and (min-width: 501px) {
	  .shop .sy-box .sy-controls li {
	    width: 100%;
	  }
	  .shop .sy-box .sy-controls li.sy-prev {
	    left: -100%;
	  }
	  .shop .sy-box .sy-controls li.sy-next {
	    right: -100%;
	  }
	  .shop .sy-box .sy-controls li a:after {
	    background: none;
	  }
	}
	
	.shop {margin:50px 0;}
	
	
	.shop  a {
		
		text-decoration:none;
		
		
	}
	
	
	.shop .section-title {text-align:center;margin:80px 0;
	}
	
	
	
	 
	.shop .sy-box .sy-slide {
	  opacity: 0.6;
	  transition: none;
	}
	.shop .sy-box .sy-slide .product-info {
	  position: absolute;
	  bottom: 0;
	  left: 0;
	  height: 60px;
	  background:rgba(0,0,0,0.5);
	  width: 100%;
	  text-align:center;
	  opacity:0;
	}
	
	
	.shop .sy-box  .sy-active .product-info {
		opacity:1;
	}
	
	.shop .sy-box .sy-slide .product-info a {
		color:#fff;
		 
		font-size:18px;
		line-height: 60px;
		
	}
	
		
	
	@media only screen and (max-width: 500px) {
	  .shop .sy-box .sy-slide .product-info {
	    padding: 1em 2.4em;
	  }
	}
	.shop .sy-box .sy-slide .product-info p {
	  margin-bottom: 1em;
	}
	.shop .sy-box .sy-slide .product-info p, .shop .sy-box .sy-slide .product-info .button-link {
	  opacity: 1;
	  text-decoration:none;
	}
	.shop .sy-box .sy-slide .product-info .button-link {
	  position: absolute;
	  bottom: 1em;
	}
	.shop .sy-box .sy-slide .product-info .buy-now {
	  right: 1em;
	}
	@media only screen and (max-width: 500px) {
	  .shop .sy-box .sy-slide .product-info .buy-now {
	    right: 2.4em;
	  }
	}
	.shop .sy-box .sy-slide .product-info .more-info {
	  left: 1em;
	}
	@media only screen and (max-width: 500px) {
	  .shop .sy-box .sy-slide .product-info .more-info {
	    left: 2.4em;
	  }
	}
	.shop .sy-box .sy-slide .image-content {
	  line-height: 0;
	}
	.shop .sy-box .sy-slide .image-content .product-image {
	  max-width: 100%;	 
	}
	
	.shop .sy-box .small .image-content .product-image {	  
	 
	max-width: 110%;
	 clip-path: polygon(0 0, 100% 5%, 100% 96%, 0 100%);	  
	}
	
	.shop .sy-box .big   {
		
	 margin-left:-10%;
	 	  
	}
	.shop .sy-box .big .image-content .product-image {
		 
	 max-width: 110%;
	 clip-path: polygon(  0  5%, 100% 0, 100% 100%,  0 96%);	  
	}
	
	.shop .sy-box .sy-slide.sy-active {
	  opacity: 1;
	}
	.shop .sy-box .sy-slide.sy-active .image-content .product-image {
	  max-width: 100%;
	  clip-path: none;
	   
	  margin-top:20px;
	}
	
	.shop .sy-box .sy-slide.sy-active .buy-now {
	  opacity: 1;
	}
	.shop .sy-box .sy-slide.sy-active:hover .product-image {
	  opacity: 0.2;
	}
	.shop .sy-box .sy-slide.sy-active:hover .product-info p, .shop .sy-box .sy-slide.sy-active:hover .product-info .button-link {
	  opacity: 1;
	}
	.shop .sy-box .sy-slide .product-info p,
	.shop .sy-box .sy-slide .product-info .button-link,
	.shop .sy-box .sy-slide .product-image, .shop .sy-box .sy-slide.sy-active, .shop .sy-box .sy-slide.sy-active .buy-now, .shop .sy-box .sy-slide.sy-active:hover .product-image, .shop .sy-box .sy-slide.sy-active:hover .product-info p, .shop .sy-box .sy-slide.sy-active:hover .product-info .button-link, .shop .sy-box .sy-slide.sy-active.transition {
	  transition: none;
	}
	.product-name,
	.shop-slider .slide_box {
	  width: 100%;
	  margin-left: auto;
	  margin-right: auto;
	}
	@media only screen and (min-width: 401px) {
	  .product-name,
	  .shop-slider .slide_box {
	    min-width: 400px;
	    max-width: 590px;
	    width: 50%;
	  }
	} 