#box-newsletter-float {
	position: fixed;
	padding: 0;
	margin: 0;
	width: 100%;
	max-width: 600px;
	z-index: 999;
	right: -540px;
	bottom: 5em;
}

.box-label {
	float: left;
	width: 60px;
	margin-top: 100px;
	border-top-left-radius: .4em;
	border-bottom-left-radius: .4em;
	background-color: #3C8D42;
	text-align: center;
	padding: 2em 0;
	color: #fff;
	cursor: pointer;
}

	.box-label:hover {
		background-color: #55a55b;
	}

.form-container {
	position: relative;
	float: left;
	width: 540px;
	border: 0;
	padding: 3em 3.5em;
	background-color: rgb(248, 249, 243);
	border-top-left-radius: .5em;
	border-bottom-left-radius: .5em;
}

	.form-container .box-newsletter-close {
		position: absolute;
		right: -1.5em;
		top: -2em;
		display: block !important;
	}

		.form-container .box-newsletter-close .fa {
			cursor: pointer;
			color: #444;
		}

			.form-container .box-newsletter-close .fa:hover {
				color: #3C8D42;
			}

	.form-container .box-text {
		padding: 0;
	}

	.form-container .tit {
		font-size: 3em;
		margin: 0 0 35px 0;
		padding: 0;
	}


@media screen and (max-width: 620px) {
	#box-newsletter-float {
		width: 50px !important;
		right: 0 !important;
		bottom: 5em !important;
	}

	.box-label {
		width: 50px;
		border-top-left-radius: .4em;
		border-bottom-left-radius: .4em;
		background-color: #3C8D42;
		text-align: center;
		padding: .5em 0;
		color: #fff;
		cursor: pointer;
		opacity: .8;
	}

	.form-container {
		display: none;
		float: none;
		width: auto;
		padding: 0;
	}

	.form-container .box-newsletter-close {
		position: absolute;
		right: .5em;
		top: -.5em;
		display: block !important;
	}

	#modal-newsletter .box-text {
		padding: 0;
	}

	#modal-newsletter .close {
		font-size: 30px;
	}

	#modal-newsletter .modal-body {
		background-color: rgb(248, 249, 243);
	}

	.form-container .tit {
		font-size: 2.5em;
		margin: 0 0 25px 0;
		padding-top: 20px;
	}
}

#form-newsletter-inline .form-container {
	width: 100% !important;
	margin-bottom: 2em !important;
}