.newsletter {
	background: #f6f6f6;
	width: 100%;
	margin: 0 auto;
	float: left;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	&__form {
		background: #fff;
		width: 450px;
		z-index: 2;
		padding: 67px 60px;
		margin: 60px auto;
		position: relative;
		header {
			text-align: center;
			width: 190px;
			height: 70px;
			font-size: 22px;
			position: absolute;
			background: $main-dark-color;
			padding: 20px 0px;
			top: -35px;
			margin: auto;
			left: 0;
			right: 0;
			label {
				border-bottom: 1px solid #fff;
			}
		}
		&--blank {
			width: 100%;
			padding: 22.5px;
			float: left;
		}
		footer {
			text-align: center;
			width: 120px;
			height: 60px;
			font-size: 22px;
			position: absolute;	
			margin: auto;
			left: 0;
			right: 0;
			bottom: -30px;
			transition: all 0.3s ease;
			button {
				border: none;
				font-size: 22px;
				background: $main-dark-color;
				width: 100%;
				padding: 12px 0px;
				border: 2px solid transparent;
				transition: all 0.3s ease;
				&:hover {
					background: #fff;
					color: $main-dark-color;
					border-color: $main-dark-color;
				}
			}
		}
	}
}