.hidden {
	display: none;
}

.intgrtn-form-signup {
	.intgrtn-input-holder {
		.intgrtn-input {
			padding: 12px;
			font-size: 14px;
			line-height: 1.428571429;
			color: #333333;
			vertical-align: middle;
			background-color: #ffffff;
			margin-bottom: 0;
			border-radius: 6px;
			background-image: -webkit-gradient(linear, left bottom, left top, from(#e6e6e6), to(#fff));
			background-image: linear-gradient(0deg, #e6e6e6, #fff);
			border: 1px solid #ced4da;
			-webkit-box-shadow: none !important;
			box-shadow: none !important;
			-webkit-transition: all 0.3s ease;
			-o-transition: all 0.3s ease;
			transition: all 0.3s ease;

			.intgrtn-areas-dropdown {
				@media all and (max-width: 768px) {
					width: 270px;
				}
			}


		}

		&.has-btn-generate-password {
			display: none;
		}
	}

	.intgrtn-btn-submit-holder {
		.intgrtn-btn-submit {
			padding: 9px 15px;
			background-color: #3898EC;
			color: white;
			text-decoration: none;
			cursor: pointer;
			width: 100%;
			margin-right: auto;
			margin-left: auto;
			padding-left: 47px;
			border-style: solid;
			border-width: 1px;
			border-color: #9b6517;
			border-radius: 5px;
			background-image: url(../images/REGWG7K9LXBU.png), -webkit-gradient(linear, left bottom, left top, from(#a06715), to(#fbaf41));
			background-image: url(../images/REGWG7K9LXBU.png), linear-gradient(0deg, #a06715, #fbaf41);
			background-position: 5% 50%, 0px 0px;
			background-size: 39px, auto;
			background-repeat: no-repeat, repeat;
			-webkit-transition: all 333ms ease;
			transition: all 333ms ease;
			font-family: "Changa One", Impact, sans-serif;
			line-height: 64px;
			font-size: 24px;
			letter-spacing: 1px;

			&:hover {
				padding-left: 44px;
				background-image: url(../images/REGWG7K9LXBU.png), -webkit-gradient(linear, left top, left bottom, from(#a06715), to(#fbaf41));
				background-image: url(../images/REGWG7K9LXBU.png), linear-gradient(180deg, #a06715, #fbaf41);
				background-position: 8% 50%, 0px 0px;
				background-size: 39px, auto;
				background-repeat: no-repeat, repeat;
			}
		}
	}
}


.footer {
	.footer-ul {
		@media all and (max-width: 768px) {
			display: block;
		}
		display: flex;
		justify-content: space-around;

		li {
			list-style: none;
		}
	}
}

.disclaimer-wrapper {
	.form-disclaimers {
		font-size: 12px;
	}
}


.modal-signup {
	@media all and (max-width: 768px) {
		max-height: 550px;
	}
	max-width: 800px;
	max-height: 600px;
	background-color: #fff;
	font-size: 14px;
	margin: auto;
	padding: 20px 30px !important;
	text-align: center;
	z-index: 10001;

	main {
		padding: 20px 0;
		@media all and (max-width: 768px) {
			padding: unset;
		}

		.broker-info {
			@media all and (max-width: 768px) {
			}
			padding: 0 20px;
			text-align: center;
			width: 100%;

			.modal-logo {
				@media all and (max-width: 768px) {
					padding: 20px;
				}
			}
		}


		.logo {
			@media all and (max-width: 768px) {
				padding-top: 40px;
			}
			height: 200px;
			padding-top: 50px;

			img {
				vertical-align: middle;
				max-width: 300px;
			}
		}

		.broker-advantages {
			padding-top: 20px;

			.item {
				text-align: left;

				.icon {
					@media all and (max-width: 768px) {
						width: 100%;
						text-align: center;
					}
					display: inline-block;

					img {
						width: 50px;
					}
				}

				.text {
					@media all and (max-width: 768px) {
						text-align: center;
					}
					display: inline-block;
					text-align: left;
				}
			}
		}
	}

	.modal-button-hide-mobile {
		display: block;
		@media all and (max-width: 768px) {
			display: none;
		}
	}

	.modal-button-show-mobile {
		display: none;
		@media all and (max-width: 768px) {
			display: block;
		}
	}

	.start-trading-button {
		background-color: rgb(24, 167, 248);
		color: white;
		font-size: 22px;
		font-weight: bold;
		line-height: 1em;
		padding: 10px;
		width: 500px;
		max-width: 100%;
		border: 0;
		outline: 0;
		border-radius: 4px;
		cursor: pointer
	}

	.js-intgrtn-modal-loader {
		display: none;
		height: 60px;
		width: 100%;
	}
}
