.form-signup-wrapper {
	.intgrtn-form-signup, .intgrtn-form-optin {
		.intgrtn-input-holder {

			.intgrtn-input {
				height: 50px;
				font-weight: 500;
				border-radius: 4px;
				display: block;
				width: 100%;
				padding: 8px 12px;
				font-size: 14px;
				line-height: 1.428571429;
				color: #333;
				vertical-align: middle;
				background-color: #fff;
				border: 1px solid #ccc;

				.intgrtn-areas-dropdown {
					@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
						width: 240px;
					}
				}
			}
		}

		.has-btn-generate-password {
			.intgrtn-btn-generate-password-holder {
				flex-wrap: nowrap;

				.intgrtn-input-group {
					.intgrtn-input {
						border-top-right-radius: 5px;
						border-bottom-right-radius: 5px;
					}
				}

				.intgrtn-btn-generate-password {
					background: #0f82f5;
					color: #fff;
					font-size: 12px;
					line-height: 1.2;
					padding: 10px;
					height: 50px;
					margin: 0 0 0 10px;
					border-right: 5px;

					&:hover {
						opacity: 0.9;
					}
				}
			}
		}

		.intgrtn-btn-submit-holder {
			width: 100%;

			.intgrtn-btn-submit {
				width: 100%;
				border-bottom: 5px solid #4cc926;
				border-radius: 5px;
				background-color: #0d923c;
				font-size: 21px;
				line-height: 1.5;
				min-height: 50px;
				padding: 9px 15px;
				color: #fff;
				text-decoration: none;
				white-space: normal;

				&:hover {
					background-color: #4cc926;
				}
			}
		}
	}
}

.flex-singup {
	.intgrtn-form-signup {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;

		.intgrtn-input-holder {
			flex: 100%;
			position: relative;
		}

		.intgrtn-input-holder-first-name, .intgrtn-input-holder-last-name {
			@media all and (max-width: 768px) {
				flex: 0 0 100%;
			}
			flex: 0 0 48%;
		}
	}
}

.flex-optin {
	.intgrtn-form-optin {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;

		.intgrtn-input-holder {
			flex: 100%;
			position: relative;
		}

		.intgrtn-input-holder-first-name, .intgrtn-input-holder-last-name, .intgrtn-input-holder-email, .intgrtn-btn-submit-holder {
			@media all and (max-width: 768px) {
				display: none;
			}
			flex: 0 0 24%;
		}
	}
}

.footer {

	@media all and (max-width: 768px) {
		padding-bottom: 0;
	}
	@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
		padding-bottom: 160px;
	}
	@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) {
		padding-bottom: 500px;
	}

	padding-bottom: 100px;
	text-align: center;


	.footer-logo {
		padding: 20px 0 10px;
	}

	.footer-ul {
		@media all and (max-width: 768px) {
			display: block;
			padding: 0;
			margin: 0;
		}
		display: flex;
		justify-content: space-between;
		list-style: none;

		li {
			a {
				color: #fff;
			}
		}
	}

	p {
		color: #fff;

		a {
			color: #0f82f5;
		}
	}
}

.js-text-size {
	@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
		font-size: 11px;
	}
}
