.b-container{
	width:200px;
	height:150px;
	background-color: #ccc;
	margin:0px auto;
	padding:10px;
	font-size:30px;
	color: #fff;
}
.b-popup{
	width:100%;
	height: 2000px;
	background-color: rgba(0,0,0,0.5);
	overflow:hidden;
	position:fixed;
	top:0px;
	z-index: 2000;
	display: none;
}
.b-popup .b-popup-content{
	margin:60px auto 0px auto;
	width:50%;
	height: auto;
	padding:10px;
	background-color: #c5c5c5;
	border-radius:5px;
	box-shadow: 0px 0px 10px #000;
}

.cl-btn-2 {
	margin: 20px;
	display: flex;
	justify-content: right;
}
.cl-btn-2 div {
	cursor: pointer;
	position: relative;
	height: 68px;
	width: 50px;
}
.cl-btn-2 .leftright {
	height: 4px;
	width: 50px;
	position: absolute;
	margin-top: 24px;
	background-color: #337AB7;
	border-radius: 2px;
	transform: rotate(45deg);
	transition: all .3s ease-in;
}
.cl-btn-2 .rightleft {
	height: 4px;
	width: 50px;
	position: absolute;
	margin-top: 24px;
	background-color: #337AB7;
	border-radius: 2px;
	transform: rotate(-45deg);
	transition: all .3s ease-in;
}
.cl-btn-2 .close-btn {
	margin: 54px 0 0 -5px;
	position: absolute;
	color: #337AB7;
	font-family: Tahoma, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
	transition: all .3s ease-in;
	opacity: 0;
}
.cl-btn-2 div:hover .leftright {
	transform: rotate(-45deg);
	background-color: #000;
}
.cl-btn-2 div:hover .rightleft {
	transform: rotate(45deg);
	background-color: #000;
}
.cl-btn-2 div:hover .close-btn {
	opacity: 1;
}