.productos{ 
	/*padding-top: 	150px; */
	position: 		relative;
}
 .productos__verticalline {
    border-left: 	1px solid #000;
    height: 		80px;
    left: 			0;
    margin: 		auto;
    position: 		absolute;
    right: 			0;
    top: 			30px;
    width: 			1px;
}
.productos__title{
	text-align: center;
	margin: 	0 0 2em 0;
}
/* ----------- */
/* OS COLOUMN */
/* ----------- */
.productos__slider{
	margin: 				0;
	padding: 			0;
}
.productos__slider li{
	display: 					grid;
	grid-template-columns: 	20% 1fr 150px;
	width: 						100%;
	list-style: 				none;
}
.productos__slider__imagecontainer{
	min-height: 180px;
}
.productos__slider__imagecontainer__img{
	width: 	100%;
	height: 	100%;
}
.productos__slider__textcontainer__innercontainer{ 
	margin: 		0 0 0 20px;
	padding-right: 	20px; 
	border-right:  	1px solid #ccc;
}
.productos__slider__textcontainer__innercontainer__sectiontitle{ 
	margin-bottom: 5px;
	padding-top: 	5px;
}
.productos__slider__textcontainer__innercontainer p:last-child{ margin-bottom: 0; }
/* ----------- */
/*PAGINATIOPN BUTTONS*/
/* ----------- */
.productos__slider__countcontainer{
	transition:  			all 1s ease;
	transition-delay: 	0.7s;
	padding-left:  		0px;
	color: 					#666;
	opacity: 				0;
}
.is-selected .productos__slider__countcontainer{
	opacity: 		1;
	padding-left:  	32px;
}
.productos__slider__countcontainer span{
	position: 		relative;
  	display: 		inline-block;
  	top: 				1px;
  	margin-right: 	10px;
  	font-weight: 	200;
}
span.productos__slider__countcontainer__current{ 
	font-size: 		2rem; 
	font-family: 	'Avenir-Black';
}
span.productos__slider__countcontainer__seperator{ 
	top: 		-2px;
	font-size: 	1.5rem; 
}
span.productos__slider__countcontainer__total{ 
	font-size: 	1rem; 
	top: 		-6px;
}
/* ----------- */
.flickity-prev-next-button.next,
.flickity-prev-next-button.previous{
	width: 				60px;
	height: 				60px;
	border:  			1px solid #ccc;
	background-color: #fff;
	padding: 			0;
	bottom: 				0;
	right: 				60px;
	left: 				auto;
}
.flickity-prev-next-button.next:hover,
.flickity-prev-next-button.previous: hover{
	background-color: 	#f8f8f8;
}
.flickity-prev-next-button.next:focus,
.flickity-prev-next-button.previous:focus{
    outline: 0;
    box-shadow: 0 0 0 5px #000;
}
.flickity-prev-next-button.next{ right: -10px; }
.flickity-prev-next-button.next .flickity-button-icon,
.flickity-prev-next-button.previous .flickity-button-icon{
	fill: 	#000;
	left: 	30%;
   top: 	30%;
   width: 	40%;
   height: 40%;
}
/* --------------- */
/* MOBILE */
/* --------------- */
@media (max-width: 767px) {
	.productos__slider{ position: relative; }
	.productos__slider li{ 
		grid-template-columns: 	1fr;
	}
	.productos__slider__imagecontainer__img{ height: 30vh; }
	.productos__slider__textcontainer__innercontainer{
		margin: 		0;
		padding: 	20px; 
		border:  	none;
	}
	.productos__slider__textcontainer__innercontainer__sectiontitle{ margin-bottom: 15px; }
	.productos__slider__countcontainer{ 
		position: 		absolute;
		left: 			0;
		top: 				calc(30vh - 50px);
		padding-left: 	0;
		color: 			#000; 
	}
	.is-selected .productos__slider__countcontainer{ padding-left: 20px; }
	.flickity-prev-next-button.next,
	.flickity-prev-next-button.previous{
		width: 	50px;
		height: 	50px;
		right: 	10px;
    	top: 		calc(30vh - 40px);
    	bottom: 	auto;
    	left: 	auto;
	}
	.flickity-prev-next-button.previous{ right: 70px; }
}