/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 06 2024 | 09:38:02 */
/* 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 */ 

.slick-slider.vertical {
		height: 500px;
		overflow: hidden;
	}
	
	.slick-slide {
		display: flex;
		align-items: center;
		justify-content: center;
		height: 100%;
		background: #f5f5f5;
		font-size: 20px;
		padding: 20px;
		box-sizing: border-box;
	}
	
	.slick-dots {
		bottom: 10px;
		display:none!important;
	}
	
	
	
	.item {
		position: relative;
		padding: 32px 0 25px;
		border-bottom: 1px solid #dcdcdc;
	}
	
	.item::after {
		content: "";
		position: absolute;
		left: 0;
		bottom: -1px;
		display: block;
		width: 0;
		height: 2px;
		background: #e60012;
		-webkit-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
	}
	
	.item::before {
		content: "";
		position: absolute;
		top: 61%;
		right: 0;
		display: block;
		width: 21px;
		height: 14px;
		background: url(../news_arrow.png);
		opacity: 0;
		-webkit-transform: translateY(-50%) translateX(-20px);
		transform: translateY(-50%) translateX(-20px);
	}
	
	.item:hover::before {
		opacity: 1;
		-webkit-transform: translateY(-50%) translateX(0);
		transform: translateY(-50%) translateX(0);
	}
	
	.slick-slide a:hover {
		color: #e60012;
	}
	
	a {
		color: #000;
		cursor: pointer!important;
	}
	
	*:focus {
		outline: none;
	}
	
	.item:hover::after {
		width: 100%;
	}
	
	.slick-slide a {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		width: 100%;
		height: 100%;
	}
	
	.item::after {
		content: "";
		position: absolute;
		left: 0;
		bottom: -1px;
		display: block;
		width: 0;
		height: 2px;
		background: #e60012;
		-webkit-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
	}

		 .item:hover .Txt .title {
		    color: #e60012;
		}