div.block-main-slider
{
	overflow: hidden;
	width: 100%;
	height: 350px;
	float: right;
	position: relative;
}
	
	div.main-slider
	{
		width: 100%;
		height: 100%;
		float: left;
	}
	
		div.item
		{
			position: relative;
			float: left;
			width: 100%;
			height: 350px;
			border-radius: 5px;
			background-position: center;
			background-repeat: no-repeat;
			background-size: cover;
		}
	
		div.slide-shadow
		{
			width: 100%;
			height: 100%;
		}
		
			a.slide-link
			{
				position: absolute;
				width: 100%;
				height: 100%;
				top: 0px;
				left: 0px;
			}
		
div.navi-area
{
	position: absolute;
    width: 70px;
	right: 10px;
    bottom: 10px;
	z-index: 1;
}

	i.navi
	{
		font-size: 20px;
		padding: 5px;
		font-weight: bold;
		background: var(--color-main);
		color: #fff;
		cursor: pointer;
	}
	
	i.navi:hover
	{
		background: var(--color-main);
	}
	
	i.navi.next
	{
		float: right;
	}
	
	i.navi.prev
	{
		float: left;
	}