.newsletter:not( .newsletter--active ) input[type='submit']
{
    display: none;
}

.newsletter
		{
			/*max-width: 26.25rem;*/
			height: 3.75rem;
			font-size: 1.25rem;
			position: relative;
			top: 30px;
			margin: 0;
		}
			.newsletter input
			{
				-webkit-transition: color .25s ease, background-color .25s ease, border-color .25s ease;
				transition: color .25s ease, background-color .25s ease, border-color .25s ease;
			}
			.newsletter-email
			{
				width: 100%;
				height: 100%;
				text-overflow: ellipsis;
				color: #F8F8F3;
				background-color: #6a6060;
				border: 2px solid transparent;
				white-space: nowrap;
				overflow: hidden;
				padding: 0 5rem 0 1.25rem; /* 80 20 */
			}
				.newsletter-email::-webkit-input-placeholder	{ color: #C9C1B1 !important; }
				.newsletter-email:-moz-placeholder				{ color: #C9C1B1 !important; }
				.newsletter-email::-moz-placeholder				{ color: #C9C1B1 !important; }
				.newsletter-email:-ms-input-placeholder			{ color: #C9C1B1 !important; }

				.newsletter-email:hover
				{
					border-color: #494736;
				}
				.newsletter-email:focus
				{
					color: #494736;
					background-color: transparent;
					border-color: #494736;
				}

			input.newsletter-submit
			{
				height: 100%;
				font-weight: 700;
				color: #B09D34;
				background-color: #2a2626;
				display: none;
				position: absolute;
				top: 0;
				right: 0;
				padding: 0 1.25rem; /* 20 */
				
				border: none;

				-webkit-animation: appear-from-inside .25s ease, fade-in .25s linear;
				animation: appear-from-inside .25s ease, fade-in .25s linear;

				-webkit-transform-origin: right center;
				-ms-transform-origin: right center;
				transform-origin: right center;
			}
				.newsletter-submit:hover,
				.newsletter-submit:focus
				{
					color: #fff;
				}
				.newsletter--active .newsletter-submit
				{
					display: block;
				}

		@-webkit-keyframes appear-from-inside
		{
			from	{ -webkit-transform: scale( 0 ); }
			75%		{ -webkit-transform: scale( 1.1 ); }
			to		{ -webkit-transform: scale( 1 ); }
		}
		@keyframes appear-from-inside
		{
			from	{ transform: scale( 0 ); }
			75%		{ transform: scale( 1.1 ); }
			to		{ transform: scale( 1 ); }
		}

		@media screen and ( max-width: 30em ) /* 480 */
		{
			.newsletter
			{
				position: relative;
				top: auto;
				left: auto;
				margin: 0;
			}
		}
		
		.clearfix {
  overflow: auto;
}

	  .news {
	  	height:145px
	  }