#popup, #popup2, .bMulti {
	background-color: #fff;
	border-radius: 5px 5px 5px 5px;
	box-shadow: 0 0 25px 5px #333;
	color: #111;
	display: none;
	min-width: 300px;
	width: 50%;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	padding: 5px 5px;
	z-index: 999999;
}
 @media only screen and (max-width: 1024px) {
#popup, #popup2, .bMulti {
	width: 70%;
}
}
#popup .logo {
	font: 'ralewayregular', Verdana, Geneva, sans-serif;
	color: #2b91af;
}
#popup .infobox {
	padding: 20px;
	margin: 0 0 5px 5px;
	background: #eee;
	width: 33%;
	float: right;
}

 @media only screen and (max-width: 1200px) {
#popup .infobox {
	padding: 15px;
	margin: 0 0 5px 5px;
	background: #eee;
	width: 30%;
	float: right;
}
}
 @media only screen and (max-width: 1024px) {
#popup .infobox {
	margin: 0 0 15px;
	padding: 20px;
	background: #eee;
	width: 100%;
}
}
.loading {
	background: url('loader.gif') center center no-repeat
}
.button {
	background-color: #A7171F;
	border-radius: 10px;
	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
	color: #fff;
	cursor: pointer;
	display: inline-block;
	padding: 10px 20px;
	text-align: center;
	text-decoration: none;
}
.button.small {
	border-radius: 15px;
	float: right;
	margin: 22px 5px 0;
	padding: 6px 15px
}
.button:hover {
	background-color: #1e1e1e
}
.button>span {
	font-size: 84%;
	display: block;
}
.button.b-close, .button.bClose {
	border-radius: 7px 7px 7px 7px;
	box-shadow: none;
	font: bold 131% sans-serif;
	padding: 10px 15px;
	position: absolute;
	right: -10px;
	top: -10px;
}
