.wpf_carousel_container{width:90% !important;margin:0 auto;}

.slick-slider {margin:15px 0;}

.wpf_carousel_container > h2{margin: 10px 0px !important;font-size: 18px !important;padding:5px;}

.wpf_slides{margin-left:2px;text-align:center;padding: 0 3em;}

.wpf_slides img{width:110px;height:auto;margin: 0.5em auto !important;}
#wpf_products—grid-carousel .wpf_slides img {width:100%;margin: 0.5em 0 !important;}

.wpf_slides:hover img{opacity: 1;}

.wpf_slides > p{font-size:20px !important; line-height: 22px !important;margin: 5px 0px 10px !important;}

.wpf_slides > a {text-decoration:none;font-size:20px;line-height:22px;border:none; font-style:italic;}

.wpf_slides > a:focus{outline:none;}

.slick-prev:before, .slick-next:before{}

.slick-prev, .slick-next{top:35%;-moz-box-shadow: none;-webkit-box-shadow: none;box-shadow: none;padding: 0px;width: 40px;height: 40px;border:3px solid #000000;border-radius:50%;}

.slick-prev {left: -50px; }
.slick-next {right: -50px; }
.slick-prev::before, .slick-next::before {font-family: "FontAwesome";font-size: 30px;}
.slick-prev::before {content: '\f104';}
.slick-next::before {content: "\f105";}



@media only screen and (max-width: 767px) {
	#portfolio .slick-prev {left: -40px; }
	#portfolio .slick-next {right: -40px; }
	
}

@media only screen and (max-width: 540px) {
	#portfolio .slick-prev {left: -20px; width: 40px; height: 40px; }
	#portfolio .slick-next {right: -20px; width: 40px; height: 40px; }
	#portfolio .slick-prev::before, #portfolio .slick-next::before {font-family: "FontAwesome";font-size: 24px;}
}