
.whsh{
	border: 1px solid #ededed;
	box-shadow: 0 5px 14px rgba(0, 0, 0, 0.1);
	background-color: #fff;
	padding: 40px 30px;
}

.left-links {
	list-style: none;
	padding: 0;
}

.left-links a {
	display: block;
	color: #1f1f1f;
	padding: 8px 15px;
	border-radius: 4px;
}

.left-links a:hover, .left-links a:focus{
	/*color: #f4f4f4 !important;*/
	/*background-position: 100px;*/
	color: #ffffff !important;
	background: #00aeef;
}



.left-links li {
/*	margin-bottom: 10px;
	display: block;
	width: 100%;
	border-bottom: 1px dashed rgba(0, 0, 0, 0.1);
	padding-bottom: 10px;*/
}

/*
 * Off Canvas
 * --------------------------------------------------
 */
@media screen and (max-width: 767px) {
	.row-offcanvas {
		position: relative;
		-webkit-transition: all .25s ease-out;
		-o-transition: all .25s ease-out;
		transition: all .25s ease-out;
	}

	.row-offcanvas-right {
		right: 0;
	}

	.row-offcanvas-left {
		left: 0;
	}

	.row-offcanvas-right .sidebar-offcanvas {
		right: -53%; /* 6 columns */
	}

	.row-offcanvas-left .sidebar-offcanvas {
		left: -53%; /* 6 columns */
	}

	.row-offcanvas-right.active {
		right: 50%; /* 6 columns */
	}

	.row-offcanvas-left.active {
		left: 50%; /* 6 columns */
	}

	.sidebar-offcanvas {
		position: absolute;
		top: 0;
		width: 50%; /* 6 columns */
	}
}