@import url('https://fonts.googleapis.com/css?family=Roboto:400,700,900');
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&family=Open+Sans:wght@300;400;700&display=swap');

.testimonial-intro-text {
	background: #322b7c85;

}

p.form-disclaimers {
	font-size: 11px;
	margin: 0;

}

.form-container {
	opacity: 0;
}

.formwrap-outer {
	.intgrtn-form-signup {
		padding: 15px;

		.intgrtn-form-signup-3-steps, .intgrtn-form-signup, .intgrtn-form-optin {

			.intgrtn-steps-navigation {
				display: flex;

				.intgrtn-steps-navigation-item {
					display: inline-block;
					background-color: #fff28a;
					color: white;
					font-size: 2em;
					line-height: 1.1em;
					font-weight: bold;
					height: 7px;
					width: 33%;
					margin-right: 2px;
					border-radius: 0;
					text-indent: 100%;
					overflow: hidden;

					&.intgrtn-active {
						background-color: #fd57a5;
					}

					&:after {
						content: '';
					}
				}
			}

			.intgrtn-input-holder {
				.intgrtn-input {
					padding: 0.375rem 0.75rem;
					font-size: 1rem;
					line-height: 1.5;
					color: #495057;
					background-color: #fff;
					background-clip: padding-box;
					border: 1px solid #ced4da;
					border-radius: 0;
					transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;

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

				.intgrtn-input-message-error-verbose {
					margin: 10px 0;

					.intgrtn-single-message {
						font-size: 0.8em !important;
						margin-bottom: 10px;
						line-height: 1 !important;
						transition: all 0.3s ease-out !important;
						text-align: left !important;
						padding-left: 5px;

						&.intgrtn-untouched {
							color: #000;
						}

					}
				}

				&.intgrtn-input-holder-password {
					display: none;

					.intgrtn-btn-generate-password-holder {
						flex-wrap: nowrap;
						.intgrtn-btn-generate-password {
							@media all and (max-width: 1024px) {
								padding: 8px;
							}
						}
					}
				}
			}

			.intgrtn-btn-go-to-step, .intgrtn-btn-submit {
				margin: 0 auto;
				display: block;
				font-size: 17px;
				font-weight: bold;
				position: relative;
				color: #ffffff;
				padding: 0;
				-webkit-border-radius: 6px;
				-moz-border-radius: 6px;
				border-radius: 6px;
				background-image: linear-gradient(166deg, #156cff 1%, #0e49ff);
				box-shadow: 0px 4px 20.9px 3.1px rgba(13, 13, 13, 0.43);
				text-transform: uppercase;
				width: 90%;
				height: 64px;
				cursor: pointer;
				white-space: normal;
				text-align: center;
			}

			[data-intgrtn-message-id="passwordConfirmMatch"] {
				display: none;
			}
		}
	}
}

.js-pwd-tooltip-icon {
	position: absolute;
	top: 100%;
	right: 0;
	cursor: pointer;
}

.error-message {
	margin-top: 30px !important;
	text-align: center !important;
	padding-bottom: 10px !important;
	color: red;
}

.progress {
	width: 100%;
	height: 45px;
}


.text-green {
	color: green;
	display: block;
	margin-top: 5px;
}

.register-form-tab .tooltip.in .tooltip-inner {
	margin-left: -7px;
	padding: 4px;
}

.hidden {
	display: none !important;
}

@media all and (max-width: 768px) {
	.footer-ul {
		display: flex;
		flex-wrap: wrap;
		padding: 0;
		justify-content: center;

		li {
			margin-right: 15px;
		}
	}
}

body {
	.seenon-p {
		color: white;
		pointer-events: none;
	}

	.fake-news-logos-wrapper {
		display: none;
	}

	.intgrtn-cookie-popup .intgrtn-cookie-popup-link-privacy-policy {
		color: #007bff;
		text-decoration: underline;
	}

	.video-form-section {
		.video-header {
			@media all and (max-width: 768px) {
				font-size: 3.4rem;
			}
		}
	}

	.join-us-section {
		.join-us-header {
			@media all and (max-width: 768px) {
				word-break: break-word;
				white-space: normal;
			}
		}
	}

	.modal-signup {
		border: 1px solid black;
		background-color: #fff;
		font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
		height: 680px;
		max-width: 800px;
		margin: auto;
		text-align: center;
		padding: 0 30px;

		p {
			margin: 5px 0;
		}

		.title-header {
			font-size: 34px;
		}

		.modal-body {

			.signup-perks-section {
				display: flex;
				flex-wrap: wrap;
				justify-content: space-between;
				padding: 30px 0;

				.broker-info {
					@media all and (max-width: 768px) {
						flex: 100%;
					}
					flex: 50%;
					display: flex;
					align-items: center;
					justify-content: space-evenly;
					flex-direction: column;
				}

				.broker-advantages {
					@media all and (max-width: 768px) {
						flex: 100%;
					}
					flex: 50%;

					.item {
						display: flex;
						flex-wrap: wrap;
						padding: 10px 0;

						.icon {
							flex: 20%;
							display: flex;
							align-items: center;
							justify-content: center;

							img {
								width: 50px;
							}
						}

						.text {
							@media all and (max-width: 768px) {
								text-align: center;
							}
							text-align: left;
							flex: 80%;

							.perk-title {
								font-weight: 700;
							}
						}
					}
				}
			}
		}

		.btn_start {
			margin-top: 1rem;

			&.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 {
				width: 500px;
				background-color: rgb(24, 167, 248);
				color: white;
				font-size: 25px;
				font-weight: bold;
				line-height: 1em;
				padding: 10px;
				max-width: 100%;
				border: 0;
				outline: 0;
				border-radius: 4px;
				cursor: pointer
			}
		}

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

}

.btc-widget-wrapper {
	@media all and (max-width: 768px) {
		display: none;
	}
	z-index: 99999;
	position: fixed;
	bottom: 10px;
	left: 10px;
}

.ask-bid-wrapper {
	.js-bitcoin-disclamer {
		display: none;
	}

	.alert {
		position: relative;
		padding: .75rem 1.25rem;
		margin-bottom: 0.5rem;
		border: 1px solid transparent;
		border-radius: .25rem
	}

	.alert-warning {
		color: #856404;
		background-color: #fff3cd;
		border-color: #ffeeba
	}

	.alert-warning hr {
		border-top-color: #ffe8a1
	}

	.alert-warning .alert-link {
		color: #533f03
	}

	.ask-bid {
		text-align: center;
		font-size: 11px;
		margin-bottom: 0;
	}
}

.js-price-up {
	color: green;
}

.js-price-down {
	color: red;
}

.formHeader {
	white-space: normal;
	word-break: break-word;
}

.bid-ask-span {
	@media all and (max-width: 768px) {
		animation: unset;
	}
}

.img-u4m {
	@media all and (max-width: 768px) {
		display: inline-block;
		width: 40%;
	}
	width: 15%;
}

.faq-question {
	white-space: normal;
	word-break: break-word;
}

.logos-under-vid {
	.as-seen-on-wrapper {
		display: flex;
		justify-content: center;
		align-content: stretch;
		flex-wrap: wrap;
		align-items: center;
		flex-direction: column;

		.cnn-logo {
			width: 100px;
		}
	}
}

.intgrtn-modal-holder {
	.intgrtn-modal {
		.intgrtn-modal-body {
			.title-policy {
				color: #000;
			}

			.intgrtn-basic-message-layout-holder {
				a {
					color: #0082f3;
				}
			}
		}
	}
}
