.zoom {
	padding: 50px;
	background-color: green;
	transition: transform .2s;
	width: 200px;
	height: 200px;
	margin: 0 auto;
}

	.zoom:hover {
		transform: scale(1.5);
	}

/*.filter.filter>li>a {
    color: #515356!important;
}
.filter .open>a, .filter .open>a:focus, .filter .open>a:hover {
    background-color: #eee;
    border-color: #337ab7;
}
.navbar-brand, .filter>li>a {
    font-weight: 500;
    line-height: 32px;
}
.navbar-brand, .filter>li>a, .site_title {
    color: #ECF0F1!important;
    margin-left: 0!important;
}
.filter>li>a {
    padding: 13px 15px 12px;
}
.filter.top_menu>li>a, .filter>li>a {
    position: relative;
    display: block;
}
*/

.epr_s_ot {
	position: absolute;
	float: right;
	right: 8px;
	top: 5px;
	z-index: 100;
}

.epr_s_in {
	border: 1px solid #CCC
}

.epr_sF_input {
	font-size: 13px;
	height: 28px;
}

.nav.navbar-nav > li > a {
	color: #515356 !important;
}

.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
	background-color: #eee;
	border-color: #337ab7;
}

.navbar-brand, .navbar-nav > li > a {
	font-weight: 500;
	/*line-height: 32px;*/
	line-height: 18px;
	margin-top: 0px;
}

.navbar-brand, .navbar-nav > li > a, .site_title {
	color: #ECF0F1 !important;
	margin-left: 0 !important;
}

.nav > li > a {
	padding: 4px 8px 4px;
}

.nav.top_menu > li > a, .nav > li > a {
	position: relative;
	display: block;
}

.epro_MN_est_h1a {
	position: relative;
	float: left;
	font-size: 15px;
	color: #000;
	font-weight: 600;
	text-align: left;
	line-height: 15px;
	border: none;
	background: none;
	padding: 2px 0px 4px 0px;
	margin: 0px 0px 0px 0px;
}

.epro_MN_est_h1b {
	position: relative;
	float: left;
	font-size: 15px;
	color: #000;
	font-weight: 400;
	text-align: left;
	line-height: 15px;
	border: none;
	background: none;
	padding: 2px 0px 4px 0px;
	margin: 0px 0px 0px 0px;
}

.epro_MN_est_h2a {
	position: relative;
	float: left;
	font-size: 15px;
	color: #000;
	font-weight: 400;
	text-align: left;
	line-height: 15px;
	width: 50%;
	border: none;
	background: none;
	padding: 2px 0px 4px 0px;
	margin: 0px 0px 0px 0px;
}

.epro_MN_est_h2b {
	position: relative;
	float: right;
	right: 0px;
	font-size: 15px;
	color: #000;
	font-weight: 400;
	text-align: right;
	line-height: 15px;
	width: 50%;
	border: none;
	background: none;
	padding: 2px 0px 4px 0px;
	margin: 0px 0px 0px 0px;
}

.epro_m_est_h1a {
	position: relative;
	float: left;
	font-size: 14px;
	color: #000;
	font-weight: 600;
	text-align: left;
	line-height: 15px;
	border: none;
	background: none;
	padding: 0px 0px 3px 0px;
	margin: 0px 0px 0px 0px;
}

.epro_m_est_h1b {
	position: relative;
	float: left;
	font-size: 13px;
	color: #000;
	font-weight: 400;
	text-align: left;
	line-height: 15px;
	border: none;
	background: none;
	padding: 0px 0px 0px 5px;
	margin: 0px 0px 0px 0px;
}

.ui {
	height: 100vh;
	display: grid;
	grid-template-rows: 40px 50px 1fr;
	background-color: none;
	color: #eee;
}

.lists {
	display: flex;
	overflow-x: auto;
}

	.lists > * {
		flex: 0 0 auto;
		margin-left: 10px;
	}

	.lists::after {
		content: '';
		flex: 0 0 10px;
	}

.list {
	width: 300px;
	height: calc(100% - 10px - 17px);
}

	.list > * {
		background-color: #f2f2f2;
		color: #333;
		padding: 0 0px;
	}

	.list header {
		line-height: 36px;
		font-size: 14px;
		font-weight: 600;
		border-top-left-radius: 0px;
		border-top-right-radius: 0px;
		background-color: #b5ead7;
		/*padding: 0 10px;
	margin-bottom:10px;*/
	}

	.list footer {
		line-height: 36px;
		border-bottom-left-radius: 5px;
		border-bottom-right-radius: 5px;
		color: #888;
		padding: 0 10px;
	}

	.list ul {
		list-style: none;
		margin: 0;
		/*padding-top:10px;*/
		padding-bottom: 5px;
		max-height: calc(100% - 36px - 36px);
		overflow-y: auto;
	}

		.list ul li {
			background-color: none;
			padding: 0px;
			cursor: pointer;
			border-radius: 3px;
			box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
		}

			.list ul li:not(:last-child) {
				margin-bottom: 10px;
			}

			.list ul li img {
				display: block;
				width: calc(100% + 2 * 10px);
				margin: -10px 0 10px -10px;
				border-top-left-radius: 3px;
				border-top-right-radius: 3px;
			}

.list1 > * {
	background-color: none;
	color: #333;
	padding: 0 0px;
}

.list1 header {
	line-height: 36px;
	font-size: 14px;
	font-weight: 600;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	background-color: #CCF1FF;
	margin-bottom: 10px;
	padding: 0 10px;
}

.list1 footer {
	line-height: 36px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	color: #888;
	padding: 0 10px;
	margin-bottom: 20px;
}

.list1 ul {
	list-style: none;
	margin: 0;
	padding-top: 0px;
	padding-bottom: 5px;
	max-height: calc(100% - 36px - 36px);
	overflow-y: auto;
}

	.list1 ul li {
		background-color: none;
		padding: 0px;
		cursor: pointer;
		border-radius: 3px;
		box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
	}

		.list1 ul li:not(:last-child) {
			margin-bottom: 10px;
		}

		.list1 ul li img {
			display: block;
			width: calc(100% + 2 * 10px);
			margin: -10px 0 10px -10px;
			border-top-left-radius: 3px;
			border-top-right-radius: 3px;
		}

.list2 > * {
	background-color: none;
	color: #333;
	padding: 0px 0px 0px 0px;
}

.list2 header {
	line-height: 36px;
	font-size: 14px;
	font-weight: 600;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	background-color: #b5ead7;
	margin-bottom: 10px;
	padding: 0 10px;
}

.list2 footer {
	line-height: 36px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	color: #888;
	padding: 0 10px;
	margin-bottom: 20px;
}

.list2 ul {
	list-style: none;
	margin: 0;
	padding-top: 0px;
	padding-bottom: 5px;
	max-height: calc(100% - 36px - 36px);
	overflow-y: auto;
}

	.list2 ul li {
		background-color: none;
		padding: 0px;
		cursor: pointer;
		border-radius: 3px;
		box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
	}

		.list2 ul li:not(:last-child) {
			margin-bottom: 10px;
		}

		.list2 ul li img {
			display: block;
			width: calc(100% + 2 * 10px);
			margin: -10px 0 10px -10px;
			border-top-left-radius: 3px;
			border-top-right-radius: 3px;
		}

.list3 > * {
	background-color: none;
	color: #333;
	padding: 0 0px;
}

.list3 header {
	line-height: 36px;
	font-size: 14px;
	font-weight: 600;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	background-color: #eeded9;
	margin-bottom: 10px;
	padding: 0 10px;
}

.list3 footer {
	line-height: 36px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	color: #888;
	padding: 0 10px;
	margin-bottom: 20px;
}

.list3 ul {
	list-style: none;
	margin: 0;
	padding-top: 0px;
	padding-bottom: 5px;
	max-height: calc(100% - 36px - 36px);
	overflow-y: auto;
}

	.list3 ul li {
		background-color: none;
		padding: 0px;
		cursor: pointer;
		border-radius: 3px;
		box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
	}

		.list3 ul li:not(:last-child) {
			margin-bottom: 10px;
		}

		.list3 ul li img {
			display: block;
			width: calc(100% + 2 * 10px);
			margin: -10px 0 10px -10px;
			border-top-left-radius: 3px;
			border-top-right-radius: 3px;
		}

.list4 > * {
	background-color: none;
	color: #333;
	padding: 0 0px;
}

.list4 header {
	line-height: 36px;
	color: #000;
	font-size: 14px;
	font-weight: 600;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	background-color: #f6dbc9;
	margin-bottom: 10px;
	padding: 0 10px;
}

.list4 footer {
	line-height: 36px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	color: #888;
	padding: 0 10px;
	margin-bottom: 20px;
}

.list4 ul {
	list-style: none;
	margin: 0;
	padding-top: 0px;
	padding-bottom: 5px;
	max-height: calc(100% - 36px - 36px);
	overflow-y: auto;
}

	.list4 ul li {
		background-color: none;
		padding: 0px;
		cursor: pointer;
		border-radius: 3px;
		box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
	}

		.list4 ul li:not(:last-child) {
			margin-bottom: 10px;
		}

		.list4 ul li img {
			display: block;
			width: calc(100% + 2 * 10px);
			margin: -10px 0 10px -10px;
			border-top-left-radius: 3px;
			border-top-right-radius: 3px;
		}

.list5 > * {
	background-color: none;
	color: #333;
	padding: 0 0px;
}

.list5 header {
	line-height: 36px;
	color: #000;
	font-size: 14px;
	font-weight: 600;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	background-color: #f8dae9;
	margin-bottom: 10px;
	padding: 0 10px;
}

.list5 footer {
	line-height: 36px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	color: #888;
	padding: 0 10px;
	margin-bottom: 20px;
}

.list5 ul {
	list-style: none;
	margin: 0;
	padding-top: 0px;
	padding-bottom: 5px;
	max-height: calc(100% - 36px - 36px);
	overflow-y: auto;
}

	.list5 ul li {
		background-color: none;
		padding: 0px;
		cursor: pointer;
		border-radius: 3px;
		box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
	}

		.list5 ul li:not(:last-child) {
			margin-bottom: 10px;
		}

		.list5 ul li img {
			display: block;
			width: calc(100% + 2 * 10px);
			margin: -10px 0 10px -10px;
			border-top-left-radius: 3px;
			border-top-right-radius: 3px;
		}

.list6 > * {
	background-color: none;
	color: #333;
	padding: 0 0px;
}

.list6 header {
	line-height: 36px;
	color: #000;
	font-size: 14px;
	font-weight: 600;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	background-color: #f4c2d7;
	margin-bottom: 10px;
	padding: 0 10px;
}

.list6 footer {
	line-height: 36px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	color: #888;
	padding: 0 10px;
	margin-bottom: 20px;
}

.list6 ul {
	list-style: none;
	margin: 0;
	padding-top: 0px;
	padding-bottom: 5px;
	max-height: calc(100% - 36px - 36px);
	overflow-y: auto;
}

	.list6 ul li {
		background-color: none;
		padding: 0px;
		cursor: pointer;
		border-radius: 3px;
		box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
	}

		.list6 ul li:not(:last-child) {
			margin-bottom: 10px;
		}

		.list6 ul li img {
			display: block;
			width: calc(100% + 2 * 10px);
			margin: -10px 0 10px -10px;
			border-top-left-radius: 3px;
			border-top-right-radius: 3px;
		}

.list7 > * {
	background-color: none;
	color: #333;
	padding: 0 0px;
}

.list7 header {
	line-height: 36px;
	color: #000;
	font-size: 14px;
	font-weight: 600;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	background-color: #f1e8d9;
	margin-bottom: 10px;
	padding: 0 10px;
}

.list7 footer {
	line-height: 36px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	color: #888;
	padding: 0 10px;
	margin-bottom: 20px;
}

.list7 ul {
	list-style: none;
	margin: 0;
	padding-top: 0px;
	padding-bottom: 5px;
	max-height: calc(100% - 36px - 36px);
	overflow-y: auto;
}

	.list7 ul li {
		background-color: none;
		padding: 0px;
		cursor: pointer;
		border-radius: 3px;
		box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
	}

		.list7 ul li:not(:last-child) {
			margin-bottom: 10px;
		}

		.list7 ul li img {
			display: block;
			width: calc(100% + 2 * 10px);
			margin: -10px 0 10px -10px;
			border-top-left-radius: 3px;
			border-top-right-radius: 3px;
		}

.epro_C1 {
	width: 315px;
	height: auto;
	background-color: #CCF1FF;
	cursor: pointer;
	border: 1px solid rgba(168, 225, 245, .6);
	border-radius: 2px 2px 2px 2px;
	overflow: hidden;
	vertical-align: top;
	padding: 8px 8px 8px 8px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	z-index: 100;
}

	.epro_C1:hover {
		cursor: pointer;
		text-decoration: none;
		border: 1px solid rgba(204, 240, 255, .6);
		background: #a7e0f6;
		border-radius: 2px 2px 2px 2px;
		box-shadow: 0px 5px 12px rgba(0, 0, 0, .09);
		padding: 8px 8px 8px 8px;
	}

.epro_C2 {
	width: 315px;
	height: auto;
	background-color: #b5ead7;
	cursor: pointer;
	border: 1px solid rgba(144, 236, 204, .6);
	border-radius: 2px 2px 2px 2px;
	overflow: hidden;
	vertical-align: top;
	padding: 8px 8px 8px 8px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	z-index: 100;
}

	.epro_C2:hover {
		cursor: pointer;
		text-decoration: none;
		border: 1px solid rgba(180, 234, 215, .6);
		background: #8fedcb;
		border-radius: 2px 2px 2px 2px;
		box-shadow: 0px 5px 12px rgba(0, 0, 0, .09);
		padding: 8px 8px 8px 8px;
	}

.epro_C3 {
	width: 315px;
	height: auto;
	background-color: #eeded9;
	cursor: pointer;
	border: 1px solid rgba(235, 206, 198, .6);
	border-radius: 2px 2px 2px 2px;
	overflow: hidden;
	vertical-align: top;
	padding: 8px 8px 8px 8px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	z-index: 100;
}

	.epro_C3:hover {
		cursor: pointer;
		text-decoration: none;
		border: 1px solid rgba(238, 220, 218, .6);
		background: #ebcfc6;
		border-radius: 2px 2px 2px 2px;
		box-shadow: 0px 5px 12px rgba(0, 0, 0, .09);
		padding: 8px 8px 8px 8px;
	}

.epro_C4 {
	width: 315px;
	height: auto;
	background-color: #f6dbc9;
	cursor: pointer;
	border: 1px solid rgba(244, 200, 170, .6);
	border-radius: 2px 2px 2px 2px;
	overflow: hidden;
	vertical-align: top;
	padding: 8px 8px 8px 8px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	z-index: 100;
}

	.epro_C4:hover {
		cursor: pointer;
		text-decoration: none;
		border: 1px solid rgba(246, 218, 200, .6);
		background: #f4c8aa;
		border-radius: 2px 2px 2px 2px;
		box-shadow: 0px 5px 12px rgba(0, 0, 0, .09);
		padding: 8px 8px 8px 8px;
	}

.epro_C5 {
	width: 315px;
	height: auto;
	background-color: #f8dae9;
	cursor: pointer;
	border: 1px solid rgba(235, 204, 220, .6);
	border-radius: 2px 2px 2px 2px;
	overflow: hidden;
	vertical-align: top;
	padding: 8px 8px 8px 8px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	z-index: 100;
}

	.epro_C5:hover {
		cursor: pointer;
		text-decoration: none;
		border: 1px solid rgba(248, 218, 234, .6);
		background: #ebcbdb;
		border-radius: 2px 2px 2px 2px;
		box-shadow: 0px 5px 12px rgba(0, 0, 0, .09);
		padding: 8px 8px 8px 8px;
	}

.epro_C6 {
	width: 315px;
	height: auto;
	background-color: #f4c2d7;
	cursor: pointer;
	border: 1px solid rgba(215, 180, 195, .6);
	border-radius: 2px 2px 2px 2px;
	overflow: hidden;
	vertical-align: top;
	padding: 8px 8px 8px 8px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	z-index: 100;
}

	.epro_C6:hover {
		cursor: pointer;
		text-decoration: none;
		border: 1px solid rgba(244, 194, 215, .6);
		background: #d8b4c3;
		border-radius: 2px 2px 2px 2px;
		box-shadow: 0px 5px 12px rgba(0, 0, 0, .09);
		padding: 8px 8px 8px 8px;
	}

.epro_C7 {
	width: 315px;
	height: auto;
	background-color: #f1e8d9;
	cursor: pointer;
	border: 1px solid rgba(208, 200, 185, .6);
	border-radius: 2px 2px 2px 2px;
	overflow: hidden;
	vertical-align: top;
	padding: 8px 8px 8px 8px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	z-index: 100;
}

	.epro_C7:hover {
		cursor: pointer;
		text-decoration: none;
		border: 1px solid rgba(240, 232, 216, .6);
		background: #cfc7ba;
		border-radius: 2px 2px 2px 2px;
		box-shadow: 0px 5px 12px rgba(0, 0, 0, .09);
		padding: 8px 8px 8px 8px;
	}

.epro_m_est_gbox {
	/*width: 315px;*/
	width:100%;
	height: auto;
	background-color: green;
	transition: transform .2s;
	cursor: pointer;
	background: none;
	border: 1px solid rgba(255, 255, 255, .6);
	border-radius: 0px 0px 0px 0px;
	overflow: hidden;
	vertical-align: top;
	padding: 8px 8px 8px 8px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	z-index: 100;
}

	.epro_m_est_gbox:hover {
		cursor: pointer;
		transform: scale(1.0);
		text-decoration: none;
		border: 1px solid #FFF;
		background: #FFF;
		border-radius: 5px 5px 5px 5px;
		box-shadow: 0px 5px 12px rgba(0, 0, 0, .09);
		padding: 6px 6px 6px 6px;
	}

.epro_crn_contbtn {
	border: 1px solid #48d376;
	background-color: #48d376;
	color: #ffffff;
	text-decoration: none;
	display: inline-block;
	font-size: 14px;
	text-align: center;
	padding: 8px 20px;
	margin: 0px 0px 0px 0px;
}

	.epro_crn_contbtn:hover {
		font-size: 14px;
		border: 1px solid #48d376;
		color: #48d376;
		background-color: #ffffff;
		text-decoration: none;
		padding: 8px 20px;
		margin: 0px 0px 0px 0px;
	}

/*textarea {
	padding: 10px;
	vertical-align: top;
	width: 200px
}

	textarea:focus {
		outline-style: solid;
		outline-width: 2px
	}*/

.est_header_add {
	position: relative;
	float: right;
	font-size: 14px;
	font-weight: 500;
	padding-left: 10px;
}

	.est_header_add:hover {
		font-size: 16px;
		font-weight: 500;
		text-decoration: none;
	}

.est_header_dd {
	position: relative;
	float: right;
	font-size: 12px;
	font-weight: 500;
	padding-left: 10px;
}

	.est_header_dd:hover {
		font-size: 14px;
		font-weight: 500;
		text-decoration: none;
	}

.est_header_dd1 {
	position: relative;
	float: right;
	top: -4px;
	right: -10px;
	font-size: 12px;
	text-align: right;
	font-weight: 500;
	padding-right: 0px;
}

	.est_header_dd1:hover {
		font-size: 14px;
		font-weight: 500;
		text-decoration: none;
	}

/************************************* XS VIEW SIZES *************************************/

@media (max-width:767px) {

	.epr_s_ot {
		position: absolute;
		float: right;
		right: 6px;
		top: -3px;
		z-index: 100;
	}

	.epr_s_in {
		border: 1px solid #CCC
	}

	.epr_sF_input {
		font-size: 13px;
		height: 28px;
	}

	.nav.navbar-nav > li > a {
		color: #515356 !important;
	}

	.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
		background-color: #eee;
		border-color: #337ab7;
	}

	.navbar-brand, .navbar-nav > li > a {
		font-weight: 500;
		/*line-height: 32px;*/
		line-height: 18px;
		margin-top: 0px;
	}

	.navbar-brand, .navbar-nav > li > a, .site_title {
		color: #ECF0F1 !important;
		margin-left: 0 !important;
	}

	.nav > li > a {
		padding: 4px 8px 4px;
	}

	.nav.top_menu > li > a, .nav > li > a {
		position: relative;
		display: block;
	}
}