@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');

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

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

.modal-signup {
	@media all and (max-width: 768px) {
		max-height: 550px;
	}
	max-width: 800px;
	max-height: 650px;
	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: 30px;
		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;
	}
}

.btn-start {
	font-family: 'Oswald', sans-serif;
	font-size: 40px;
	color: #ffffff;
	text-shadow: 0.5px 0.866px 0px rgba(1, 198, 0, 0.35);
	border-radius: 10px;
	text-transform: uppercase;
	padding: 10px 20px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0be00b+0,01c601+100 */
	background: #ffaf38;
	/* Old browsers */
	/* FF3.6-15 */
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #a110cb 0%, #740d92 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a110cb', endColorstr='#740d92', GradientType=0);
	/* IE6-9 */

	&:hover, &:focus {
		color: #ffffff;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#01c601+0,0be00b+100 */
		background: #ff9b33;
		/* Old browsers */
		/* FF3.6-15 */
		/* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, #740d92 0%, #a110cb 100%);
		/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#740d92', endColorstr='#a110cb', GradientType=0);
		/* IE6-9 */
	}
}

.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;
		}
	}
}

.formwrap {
	.intgrtn-form-signup {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		padding: 15px;
		.intgrtn-input-holder {
			position: relative;
			flex: 100%;
			.intgrtn-input {
				background: #fff;
				border: 2px solid rgba(0,0,0,.12);
				border-radius: 3px;
				color: rgba(0,0,0,.87);
				display: block;
				font-family: inherit;
				font-size: 16px;
				padding: 13px 15px;
				outline: none;
				appearance: none;
				box-sizing: border-box;
				.intgrtn-areas-dropdown {
					@media all and (max-width: 768px) {
						width: 270px;
					}
				}
			}
			&.intgrtn-input-holder-first-name, &.intgrtn-input-holder-last-name {
				flex: 0 0 49%;
			}
		}
		.intgrtn-btn-submit-holder {
			flex: 100%;
			.intgrtn-btn-submit {
				background-color: #303f9f;
				text-transform: uppercase;
				width: 100%;
				border: none;
				-webkit-border-radius: 3px;
				-moz-border-radius: 3px;
				-o-border-radius: 3px;
				border-radius: 3px;
				color: #fff;
				display: block;
				cursor: pointer;
				float: right;
				font: 16px 'Open Sans',Helvetica,Arial,sans-serif;
				height: 48px;
				margin: 10px 0 10px 20px;
				outline: none;
				padding: 0 25px;
				white-space: nowrap;
			}
		}
	}
	.icon-right {
		border-left: 1px solid rgba(0,0,0,.54);
		right: 3px;
		color: rgba(0, 0, 0, .54);
		font-size: 17px;
		height: 38px;
		line-height: 38px !important;
		opacity: .6;
		position: absolute;
		text-align: center;
		top: 8px;
		width: 42px;
		z-index: 2;
	}
	.intgrtn-password-eye-icon {
		right: 7px;
	}
}

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;
	}
	.btc-widget-wrapper {
		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;
	}
}
