.popup {
	font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif !important;
	position: fixed;
	z-index: 101010;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	background: rgba(0,0,0,0.70);
}
	.popup-inner {
		position: absolute;
		left: 30%;
		right: 30%;
		top: 20%;
		/*bottom: 30%;*/
		min-height: 40px;
		height: auto;
		background: white;
		padding: 23px;
		text-align: center;
	}
		.popup-inner .popup-header {
			text-align: center;
			
		}
			.popup-inner .popup-header .popup-title {
				color: #777;
				font-weight: 300;
				text-transform: uppercase;
			}
			.popup-inner .btn {
				background: #fff;
				border-radius: 0px;
				font-weight: 300;
				text-transform: uppercase;
				color:#777;
				width: 50%;
				margin: auto;
				border-color: #777;
				border: 2px solid #777;
			}
			.popup-inner p {
				margin: 20px 0px;
				font-size: 19px;
				font-weight: 300;
			}
			.popup-inner .input {margin: 20px 0px;}
			.popup-inner .input .form-control {
				border-radius: 0px;
				height: 40px;
				border: 1px solid #777;
			}
			.popup-inner .close-button {
				float: right;
				position: absolute;
				top: 0;
				right: 0;
				background: #999;
				width: 30px;
				height: 30px;
				color: #fff;
				padding: 2px;
				padding-left: 10px;
				border-bottom-left-radius: 100px;
				cursor: pointer;
			}
			.popup-inner .close-button:hover,
			.popup-inner .close-button:focus {
				text-decoration: none;
			}

.popup {
	display: none;
}
html.active-poup {
	overflow-y: hidden;
}
html.active-poup .popup {
	display: block;
}
/*media*/
@media (max-width: 965px) {
	.popup-inner {
		left: 20%;
		right: 20%;
	}
}
@media (max-width: 640px) {
	.popup-inner {
		left: 10%;
		right: 10%;
		top: 7%;
	}
}
@media (max-width: 280px) {
	.popup-inner {
		left: 1%;
		right: 1%;
	}
}