.divPostSlider
{
	background-color:#ffffff;
	border-bottom:1px solid #dddddd;
	overflow:hidden;
	position:relative;
	-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
}

.divPostSlider .divPostSlides
{
	height:300px;
	position:relative;
	transition:transform 0.25s;
}

.divPostSlider .divPostSlides.onMove
{
	transition:transform 0s;
}

.divPostSlider .divPostSlide
{
	cursor:pointer;
	height:100%;
	position:absolute;
	top:0px;
	width:100%;
}

.divPostSlider .divPostSlideImage
{
	height:100%;
	left:0px;
	overflow:hidden;
	position:absolute;
	top:0px;
	width:300px;
}

.divPostSlider .imgPostSlide
{
	left:50%;
	object-fit:cover;
	pointer-events:none;
	position:absolute;
	top:50%;
	transform:translate(-50%, -50%);
	width:100%;
}

.divPostSlider .imgPostSlide.heightStrech
{
	height:100%;
	width:auto;
}

.divPostSlider .imgPostSlide.noImage
{
	background-color:#cccccc;
	border:1px solid #bbbbbb;
	border-radius:3px;
	height:100%;
	position:relative;
}

.divPostSlider .divPostDiscount
{
	background-color:rgba(49, 90, 122, 0.8);
	color:#ffffff;
	font-family:ComfortaaBold, sans-serif;
	font-size:11px;
	left:0px;
	padding:4px 0px;
	position:absolute;
	text-align:center;
	top:0px;
	width:40px;
}

.divPostSlider .divPostSlideDetails
{
	color:#315a7a;
	font-size:14px;
	left:315px;
	position:absolute;
	right:0px;
	top:0px;
}

.divPostSlider .divPostSlideName
{
	font-family:ComfortaaBold;
	font-size:16px;
	line-height:20px;
	margin-bottom:6px;
	max-height:40px;
	overflow:hidden;
}

.divPostSlider .divPostSlideDescription
{
	color:rgba(0, 0, 0, 0.5);
	line-height:18px;
	margin-bottom:6px;
	max-height:216px;
	overflow:hidden;
}

.divPostSlider .divPostSlideOriginalPrice
{
	color:rgba(0, 0, 0, 0.3);
	font-family:ComfortaaLight, sans-serif;
	margin-bottom:6px;
	text-decoration:line-through;
}

.divPostSlider .divPostSlideOriginalPrice span
{
	font-size:12px;
}

.divPostSlider .divPostSlidePrice
{
	color:#547736;
	font-family:ComfortaaBold, sans-serif;
	font-size:14px;
	margin-bottom:6px;
}

.divPostSlider .divPostSlidePrice span
{
	color:rgba(0, 0, 0, 0.5);
	font-family:ComfortaaLight, sans-serif;
	font-size:10px;
}

.divPostSlider .divPostNavigationContainer
{
	height:40px;
	left:50%;
	position:relative;
}

.divPostSlider .divPostNavigation
{
	position:absolute;
	top:8px;
	transform:translateX(-50%);
}

.divPostSlider .divPostNavigationButton
{
	cursor:pointer;
	float:left;
	height:24px;
	position:relative;
	width:24px;
}

.divPostSlider .divPostNavigationButton:before
{
	background-color:#315a7a;
	border-radius:50%;
	box-shadow:0px 0px 8px 2px #ffffff;
	content:"";
	display:block;
	height:16px;
	left:4px;
	position:absolute;
	top:4px;
	width:16px;
}

.divPostSlider .divPostNavigationButton.selected:after
{
	background-color:#ffffff;
	border-radius:50%;
	content:"";
	display:block;
	height:8px;
	left:8px;
	position:absolute;
	top:8px;
	width:8px;
}

/* MEDIA QUERIES */
@media (max-width: 680px)
{
	.divPostSlider .divPostSlides
	{
		height:220px;
	}
	
	.divPostSlider .divPostSlideImage
	{
		width:220px;
	}
	
	.divPostSlider .divPostSlideDetails
	{
		font-size:13px;
		left:235px;
	}

	.divPostSlider .divPostSlideName
	{
		font-size:14px;
		line-height:18px;
		margin-bottom:3px;
		max-height:36px;
	}
	
	.divPostSlider .divPostSlideDescription
	{
		margin-bottom:3px;
		max-height:144px;
	}
	
	.divPostSlider .divPostSlideOriginalPrice
	{
		margin-bottom:3px;
	}

	.divPostSlider .divPostSlidePrice
	{
		font-size:13px;
	}
}

@media (max-width: 500px)
{
	.divPostSlider .divPostSlides
	{
		height:160px;
	}
	
	.divPostSlider .divPostSlideImage
	{
		width:160px;
	}
	
	.divPostSlider .divPostSlideDetails
	{
		font-size:11px;
		left:175px;
	}
	
	.divPostSlider .divPostSlideName
	{
		font-size:12px;
		line-height:15px;
		margin-bottom:1px;
		max-height:30px;
	}
	
	.divPostSlider .divPostSlideDescription
	{
		line-height:14px;
		margin-bottom:1px;
		max-height:98px;
	}
	
	.divPostSlider .divPostSlideOriginalPrice
	{
		margin-bottom:1px;
	}
	
	.divPostSlider .divPostSlidePrice
	{
		font-size:12px;
	}
}

@media (max-width: 380px)
{
	.divPostSlider .divPostSlides
	{
		height:140px;
	}
	
	.divPostSlider .divPostSlideImage
	{
		width:140px;
	}
	
	.divPostSlider .divPostSlideDetails
	{
		left:155px;
	}
	
	.divPostSlider .divPostSlideDescription
	{
		max-height:84px;
	}
}