.site-easing {
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.page-id-258 #inner-page-wrapper {
	position: relative;
	padding-bottom: 0;
	margin-bottom: 0;
	overflow: hidden;
}
	.page-id-258 #inner-page-wrapper:before {
		/*width: 215px;*/
		width: 13.44%;
		height: 1118px;
		content: '';
		position: absolute;
		z-index: -1;
		top: 0;
		right: 0;
  		background-image: url(../../images/newsletter/ip-newsletter-right-bg.jpg);
  		background-size: cover;
  		background-position: center;
  		background-repeat: no-repeat;
  		pointer-events: none;
	}
	.page-id-258 #inner-page-wrapper:after {
		/*width: 559px;*/
		width: 34.94%;
		height: 1002px;
		content: '';
		position: absolute;
		z-index: -1;
		bottom: 0;
		left: 0;
  		background-image: url(../../images/newsletter/ip-newsletter-left-bg.png);
  		background-size: cover;
  		background-position: center;
  		background-repeat: no-repeat;
  		pointer-events: none;
  		display:none;
	}
	.page-id-258 #inner-page-wrapper > .container {
		width: 1450px !important;
		max-width: 100%;
	}
	.ip-newsletter-wrapper {
		width: 100%;
		display: inline-block;
		vertical-align: top;
		position: relative;
	}
		.ip-title-wrap {
			margin: 95px 0 0;
			text-align: left;
		}
			.ip-newsletter-wrapper .accent-line.accent-red {
				width: 1000px;
			    height: 1px;
			    left: 100%;
			    top: 67%;
			    margin-left: 55px;
			}
		.ip-newsletter-desc {
			width: 100%;
			max-width: 65%;
			margin-top: 50px;
			color: #303030;
			font-size: 19px;
			line-height: 28px;
			letter-spacing: 0.05em;
		}
		.ip-newsletter-filter-btns {
			font-size: 0;
		}
			#content .ip-newsletter-filter-btns h2 {
				display: inline-block;
				vertical-align: middle;
				margin: 0 30px 0 0;
				color: #000000;
				font-size: 24px;
				font-weight: 700;
				text-transform: uppercase;
				line-height: 32px;
				letter-spacing: 0.26em;
			}
			#content .ip-newsletter-filter-btns ul {
				width: 75%;
				margin: 0;
				display: inline-block;
				vertical-align: middle;
				font-size: 0;
			}
				.ip-newsletter-filter-btns li {
					width: 25%;
					max-width: 150px;
					height: 75px;
					display: inline-block;
					vertical-align: top;
					margin-right: 12px;
					margin-bottom: 12px;
				}
					.ip-newsletter-filter-btns li:last-child {
						margin-right: 0;
					}
					.ip-newsletter-filter-btns li a {
						width: 100%;
						height: 100%;
						display: block;
						color: #000000;
						font-size: 18px;
						font-weight: 700;
						text-align: center;
						text-transform: uppercase;
						line-height: 71px;
						letter-spacing: 0.26em;
						border: 2px solid #b4b4b4;
						background-color: #ffffff;
						-webkit-transition: all 0.3s ease-in-out;
						-moz-transition: all 0.3s ease-in-out;
						-ms-transition: all 0.3s ease-in-out;
						-o-transition: all 0.3s ease-in-out;
						transition: all 0.3s ease-in-out;
					}
					.ip-newsletter-filter-btns li a span {
						display: inline-block;
						vertical-align: middle;
						position: relative;
					}
						.ip-newsletter-filter-btns li a span:before, .ip-newsletter-filter-btns li a span:after {
							width: 11px;
							height: 1px;
							content: '';
							display: inline-block;
							vertical-align: middle;
							background-color: #b4b4b4;
						}
							.ip-newsletter-filter-btns li a span:before {
								margin-right: 15px;
							}
							.ip-newsletter-filter-btns li a span:after {
								margin-left: 15px;
							}
				.ip-newsletter-filter-btns li a.active,
				.ip-newsletter-filter-btns li a:hover {
					border: 2px solid #debf89;
					background-color: #debf89;
				}
				.ip-newsletter-filter-btns li a.active span:before, .ip-newsletter-filter-btns li a.active span:after,
				.ip-newsletter-filter-btns li a:hover span:before, .ip-newsletter-filter-btns li a:hover span:after {
					background-color: #000000;
				}
		.ip-newsletter-filter-content {
			margin-top: 50px;
			font-size: 0;
			text-align: center;
		}
			.ip-newsletter-filter-content-inner {
				margin-left: -2px;
				margin-right: -2px;
			}
			.ip-filter-content {
				opacity: 0;
				visibility: hidden;
				pointer-events: none;
				position: absolute;
				-webkit-transition: all 0.3s ease-in-out;
				-moz-transition: all 0.3s ease-in-out;
				-ms-transition: all 0.3s ease-in-out;
				-o-transition: all 0.3s ease-in-out;
				transition: all 0.3s ease-in-out;
			}
			.ip-filter-content.active {
				opacity: 1;
				visibility: visible;
				pointer-events: auto;
				position: relative;
				font-size: 30px;
			}
			.ip-newsletter-archive-wrap {
				font-size: 0;
			}
				.ip-newsletter-archive-item {
					width: 33.17%;
					display: inline-block;
					vertical-align: top;
					padding: 2px;
				}
					.ip-newsletter-archive-item a {
						width: 100%;
						display: block;
						position: relative;
					}
				.ip-archive-photo {
					position: relative;
					z-index: 1;
				}
					.ip-archive-photo:before {
						width: 100%;
						height: 100%;
						content: '';
						position: absolute;
						z-index: 1;
						top: 0;
						left: 0;
						pointer-events: none;
						background-color: rgba(0,0,0,0.20);
						-webkit-transition: all 0.3s ease-in-out;
						-moz-transition: all 0.3s ease-in-out;
						-ms-transition: all 0.3s ease-in-out;
						-o-transition: all 0.3s ease-in-out;
						transition: all 0.3s ease-in-out;
					}
					.ip-archive-photo canvas {
						width: 100%;
						height: 367px;
						display: block;
						background-size: cover;
						background-position: center;
						background-repeat: no-repeat;
					}
				.ip-archive-txt {
					width: 100%;
					max-width: 256px;
					position: absolute;
					z-index: 2;
					top: calc(50% - 42px);
					left: 0;
					right: 0;
					margin: 0 auto;
				}
					.ip-archive-txt .ip-archive-title {
						width: 100%;
						height: 85px;
						color: #ffffff;
						font-size: 20px;
						line-height: 85px;
						letter-spacing: 0.1em;
						text-transform: uppercase;
						background-color: rgba(0,0,0,0.70);
					}
					.ip-archive-link {
						width: 100%;
						height: 85px;
						color: #000000;
						font-size: 14px;
						font-weight: 700;
						line-height: 85px;
						letter-spacing: 0.26em;
						text-transform: uppercase;
						background-color: #debf89;
						position: absolute;
						top: 0;
						opacity: 0;
					}
						.ip-archive-link:before, .ip-archive-link:after {
							width: 11px;
							height: 1px;
							content: '';
							display: inline-block;
							vertical-align: middle;
							background-color: #000000;
						}
							.ip-archive-link:before {
								margin-right: 15px;
							}
							.ip-archive-link:after {
								margin-left: 15px;
							}

						.ip-newsletter-archive-item a:hover .ip-archive-txt {
							top: 105px;
						}
						.ip-newsletter-archive-item a:hover .ip-archive-link {
							top: 85px;
							opacity: 1;
						}
						.ip-newsletter-archive-item a:hover .ip-archive-photo canvas {
							-webkit-filter: grayscale(100%);
  							filter: grayscale(100%);
						}
						.ip-newsletter-archive-item a:hover .ip-archive-photo:before {
							background-color: rgba(0,0,0,0.50);
						}

	.page-template-template-newsletter .ftr-default-form {
		display: none;
	}
	.page-template-template-newsletter .ftr-newsletter-form {
		display: block;
	}
		.page-template-template-newsletter #get-in-touch {
			padding-top: 0;
			padding-bottom: 90px;
		}
		.page-template-template-newsletter .git-form .section-title {
			margin-bottom: 55px;
		}
		.page-template-template-newsletter .git-form .use-floating-validation-tip span.wpcf7-not-valid-tip {
			left: 27%;
		}
		.signup-field-wrap {
			width: 100%;
			max-width: 945px;
			height: 85px;
			margin: 0 auto;
			position: relative;
		}
			.signup-field {
				width: 100%;
				display: inline-block;
				vertical-align: top;
			}
				.signup-field input {
					width: 100%;
				    height: 85px;
				    background: rgba(0,0,0,.4);
				    font-size: 14px;
				    letter-spacing: 0.24em;
				    color: #ffffff;
				    text-transform: uppercase;
				    border: none;
				    padding: 16px 196px 16px 16px;
				    outline: none;
				}
			.signup-submit {
				width: 162px;
				height: 53px;
				position: absolute;
				top: 16px;
				right: 16px;
			}
				.signup-submit span {
					width: 100%;
					display: inline-block;
					vertical-align: middle;
					color: #000000;
					font-size: 14px;
					font-weight: 700;
					text-align: center;
					text-transform: uppercase;
					position: absolute;
					line-height: 53px;
					letter-spacing: 0.26em;
					pointer-events: none;
				}
					.signup-submit span:before, .signup-submit span:after {
						width: 11px;
						height: 1px;
						content: '';
						display: inline-block;
						vertical-align: middle;
						background-color: #000000;
					}
						.signup-submit span:before {
							margin-right: 15px;
						}
						.signup-submit span:after {
							margin-left: 15px;
						}
				.signup-submit input.wpcf7-submit {
					width: 100%;
					height: 53px;
					display: block;
					padding: 0;
					border: none;
					outline: none;
					background-color: #debf89;
				}
				.signup-submit input.wpcf7-submit, 
				.signup-submit span,
				.signup-submit span:before,
				.signup-submit span:after {
					transition: all .3s;
				}
				.signup-submit:hover input.wpcf7-submit {
					background: #444444;
					color: #fff;
				}
				.signup-submit:hover span {
					color: #fff;
				}
				.signup-submit:hover span:before, 
				.signup-submit:hover span:after {
					background: #fff;
				}

.ip-newsletter-wrapper > .container,
.ip-newsletter-filter-btns .container {
    width: 100%;
}

/*******************************************************
 *
 * Mobile styles and other media queries
 *
 *******************************************************/
@media only screen and (max-width: 1199px) {
	.ip-newsletter-filter-btns li {
		width: 23%;
	}
}
@media only screen and (max-width: 991px) {
	#content .ip-newsletter-filter-btns h2 {
		display: block;
		margin: 0 0 10px;
		text-align: center;
	}
	#content .ip-newsletter-filter-btns ul {
		width: 100%;
		text-align: center;
	}
	.ip-newsletter-archive-item {
		width: 49%;
	}
	.page-id-258 #inner-page-wrapper:before, .page-id-258 #inner-page-wrapper:after {
		display: none;
	}
	.ip-newsletter-wrapper .accent-line.accent-red {
		left: 90%;
	}
	.ip-title-wrap, .ip-newsletter-desc {
		text-align: center;
	}
	.ip-title-wrap {
		margin-top: 50px;
	}
	.ip-newsletter-desc {
		max-width: 100%;
	}
	.ip-archive-photo canvas {
		height: 200px;
	}
	.ip-archive-txt .ip-archive-title {
	    width: 100%;
	    height: 60px;
	    color: #ffffff;
	    font-size: 18px;
	    line-height: 60px;
	    letter-spacing: 0.1em;
	    text-transform: uppercase;
	    background-color: rgba(0,0,0,0.70);
	}

	.ip-archive-link {
		font-size: 10px;
		height: 60px;
		line-height: 60px;
		letter-spacing: .08em;
	}
	.ip-archive-link:before {
		margin-right: 4px;
	}
	.ip-archive-link:after {
		margin-left: 4px;
	}
	.ip-newsletter-archive-item a:hover .ip-archive-link {
		top: 60px;
	}

	.ip-newsletter-archive-item a:hover .ip-archive-txt {
	    top: 40px;
	}

	.signup-field-wrap {
		height: auto;
	}
	.signup-field input {
		padding-right: 16px;
	}
	.signup-submit {
	    width: 162px;
	    height: 53px;
	    position: relative;
	    right: 0;
	    left: 0;
	    display: block;
	    top: 0;
	    margin: 20px auto 0;
	}
}
@media only screen and (max-width: 767px) {
	.ip-newsletter-archive-item {
		width: 49%;
		padding: 2px;
	}
		.ip-newsletter-archive-item a {
			max-width: 471px;
			margin: 0 auto;
		}
		.ip-archive-txt {
			top: calc(50% - 30px);
			width: calc( 100% - 20px );
		}
	.ip-newsletter-filter-btns li {
		width: 33%;
	    max-width: 33%;
	    margin: 5px !important;
	}

}
@media only screen and (max-width: 480px) {
	.ip-newsletter-filter-btns li {
		width: 100%;
		max-width: 100%;
		margin: 5px 0;
	}
}