.box_wrapper {
		padding:15px 0;
		border-top:1px solid #ededed;
		border-bottom:1px solid #ededed;
		text-align: center;
	}

	.box_wrapper:after {
		content:'';
		display: block;
		clear: both;
	}

	.modal_box {
		position: fixed;
		left:0;
		top:0;
		width:100%;
		height:100%;
		z-index:99999999;
		opacity: 0;
		visibility: hidden;
	}

	.modal_box:after {
		content:'';
		display:block;
		width:100%;
		height:100%;
		position: absolute;
		left:0;
		top:0;
		/*background:rgba(0,0,0,0.5);
		background-color:#dddddd;*/
		background-image:url(../images/modal1.png);
	}

	.modal_content {
		margin: 0px auto;
		width:300px;
		margin-top: 10px;
		position: relative;
		z-index:9999999999;
		transition:all 0.4s linear;
		-webkit-transition:all 0.4s linear;
		transform:translateY(-90%);
		-webkit-transform:translateY(-80%);
		opacity: 0;
	}

	.modal_header,.modal_footer,.modal_body {
		padding:15px;
		color:#565656;
	}

	.modal_header {
		border-bottom: 1px solid #dddddd;
		font-size:16px;
		font-weight:600;
	}

	.modal_footer {
		text-align: right;
		border-top:1px solid #dddddd;
	}

	.modal_footer a {
		display: inline-block;
		padding:7px 12px;
		background: #274c59;
		color:#ffffff;
		font-size:14px;
		border-radius: 5px;
	}

	.modal_body {
		font-size:14px;
		line-height: 22px;
	}

	.modal_box.active .modal_content {
		opacity: 1;
		transform:none;
		-webkit-transform:none;
	}

	.modal_box.active {
		opacity: 1;
		visibility: visible;
	}

	.modal_open {
		display: inline-block;
		padding:5px;
		color:#ffffff;
		font-size:14px;
		border-radius:4px;
		float:right;
	}
	
	.close {
		z-index:99;
		position:relative;
		float:right;
	}

/**/


.modal-menu {
	margin:0px auto auto auto;
	width:300px;
}

.modal-menu ul {
	padding:0;
	margin:0;
}

.modal-menu ul li {
	list-style-type:none;
}

.modal-menu ul li a {
	color:#fff;
	font-size:18px;
	font-weight:500;
	display:block;
	text-align:center;
	padding:12px 0 13px 0px;
	font-weight:600;
	background-position:bottom center;
	background-repeat:no-repeat;
	margin-bottom:1px;
}

.modal-menu ul li a:hover, .modal-menu ul li a.on {
	color:#fff;
	font-size:18px;
	display:block;
	text-align:center;
	padding:12px 0 12px 0px;
	font-weight:600;
	background-image:none !important;
	border-bottom:1px solid #535353;
}



.mdl-menu {
	display:block;
	color:#000;
	text-align:center;
}