<!-- start Simple Custom CSS and JS -->
<style type="text/css">
/* Add your CSS code here.

For example:
.example {
    color: red;
}

For brushing up on your CSS knowledge, check out http://www.w3schools.com/css/css_syntax.asp

End of comment */ 

.product_meta {
	position:relative;
}
.product_meta  .meta-description{
	position: absolute;
    right: 5px;
    top: -5px;
    background: #fff;
    border: none;
    font-size: 25px;
}
.product_meta .meta-description.active i{
	transform: rotate(180deg);
}
.prev_next_buttons {
	line-height: 40px;
	margin-bottom: 20px;
	position:absolute;
	top: 30px;
    right:30px;
}
.prev_next_buttons a{
	position:relative;
	height: 40px;
	font-size: 12px;
}
.prev_next_buttons a:first-child{
	margin-right:30px;
}
.prev_next_buttons a img{
	position:absolute;
	bottom: -70px;
	right:0px;
	visibility: hidden;
    transition: 0.25s;
	width:50px;
	height:50px;
}
.prev_next_buttons a:hover img{
	bottom: -50px;
	visibility: visible; 
}
.prev_next_buttons a[rel="prev"], .prev_next_buttons a[rel="next"] {
	display: block;
}
.prev_next_buttons a[rel="prev"] {
	float: right;
}
.prev_next_buttons a[rel="next"] {
	float: left;
}
.prev_next_buttons::after {
	content: '';
	display: block;
	clear:both;
}
/* .shop-main.left-thumb .woocommerce-product-gallery__wrapper .thumb-gallery .swiper-wrapper{
	height: 230px;
}
main.shop-main.left-thumb .woocommerce-product-gallery__wrapper .thumb-gallery{
	flex-basis: 15%;
    max-width: 15%;
} */
main.shop-main.left-thumb .woocommerce-product-gallery__wrapper .swiper-container{
	margin:unset;
}
.swiper-container-vertical>.swiper-wrapper{
/* 	flex-direction: column-reverse; */
}

</style>
<!-- end Simple Custom CSS and JS -->
