::-webkit-scrollbar {
	width: 6px;
	height:6px;
}
::-webkit-scrollbar-thumb {
	border-radius: 6px;
	background: #e9e9e9;
}
::-webkit-scrollbar-thumb:window-inactive {
	background: #a1a1a1;
}

input[type="text"] {
	outline:none;
}

html {
	height:100%;
}

	body {
		font-family: Roboto;
	}
		
		.container {
			max-width:948px;
			padding-left: 0;
			padding-right: 0;
		}
	
		.header {
			height:448px;
			padding-top:45px;
			padding-bottom:73px;
			background:url("../images/header-bg.jpg");
			background-size:cover;
			background-position:center;
			font-weight:700;
		}
		
			.header .container {
				height:100%;
				padding-left:20px;
				padding-right:20px;
				display: flex;
				flex-direction: column;
				align-items: flex-start;
				justify-content: space-between;
			}
			
				.header .container .logo {
					max-width:339px;
					width:100%;
				}
			
				.header-text {
					width: fit-content;
					font-size:24px;
					text-align:center;
				}
		
				.header .btn {
					background:#ff8a15;
					color:#fff;
					border-radius:50px;
					font-size:18px;
				}

			.subscription-form-content .form-options {
				text-align: left;
			}

			.subscription-form-content .form-options .error {
				text-indent: 22px;
			}

		.main {
			padding-top:45px;
			padding-bottom:45px;
			margin-bottom:83px;
			text-align:center;
		}
		
			.separator-short {
				height:30px;
			}
		
			.separator-tall {
				height:60px;
			}
		
			.heading {
				margin-bottom:25px;
				display:inline-block;
				font-size:24px;
				font-weight:700;
				color:#ff8a15;
				text-align:center;
			}
			.heading:after {
				content:"";
				display:block;
				padding-bottom:6px;
				width:50%;
				margin:auto;
				border-bottom:3px #ff8a15 solid;
			}

			.text {
				font-size:14px;
			}
			
			.sub-heading {
				margin-bottom:13px;
				font-size:14px;
				font-weight:700;
				text-align:center;
			}
			
			.contact-info {
				font-size:12px;
			}
			
			.orange-txt {
				color:#ff8a15;
			}
			
			.main a {
				color:#000;
				text-decoration:underline;
			}
			
			.main a:hover {
				text-decoration:none;
			}
			
			.main .contact-info {
				line-height: 15px;
			}
				
				.main .contact-info > * {
					display:block;
				}
					
					.main .contact-info > * .fas {
						margin-right:5px;
					}
		
		.subscription-form {
			background:#f3f2ef;
			position:relative;
		}
		
			.subscription-form-steps {
				max-width:500px;
				width:100%;
				margin:auto;
				border-top:3px #ff8a15 solid;
				position:absolute;
				left:0;
				right:0;
				top:0;
				display: flex;
				justify-content: space-around;
			}
			
				.subscription-form-steps span {
					display: inline-flex;
					justify-content: center;
					align-items: center;
					width:95px;
					height:95px;
					margin-top: -47.5px;
					border-radius:100%;
					background:#ffc489;
					font-size: 50px;
					color: #fff;
				}
				
				.subscription-form-steps .passed {
					background:#ff8a15;
				}
		
			.subscription-form .container {
				height: 100%;
				padding-top:100px;
				padding-bottom:44px;
				display: flex;
				flex-direction: column;
				align-items: center;
				justify-content: flex-start;
			}
			
				.subscription-form-content {
					display:flex;
					width: 100%;
					align-items: center;
					justify-content: space-evenly;
					margin-bottom:20px;
				}
				
					.subscription-form-content > div {
						flex:1;
						text-align: center;
					}
					
					.subscription-form-content .form-img {
						padding-right:20px;
					}
						
						.subscription-form-content .form-img img {
							max-width:375px;
							width:100%;
						}
			
						.subscription-form-content label {
							display:flex;
							align-items: baseline;
							font-size:16px;
							line-height:44px;
						}

							.subscription-form-content .form-row label {
								display: inline-flex;
							}

							.subscription-form-content label input[type="radio"] {
								margin-right: 10px;
							}
							.subscription-form-content label input[type="checkbox"] {
								margin-right:10px;
							}
							
							.subscription-form-content label span,
							.subscription-form-content label .form-row {
								text-align: left;
							}
				
							.subscription-form-content label span {
								flex:1.5;
								padding-right: 10px;
								color: #000;
							}
							
							.subscription-form-content label .form-row {
								flex:10;
								line-height: 20px;
							}

								.subscription-form-content label .form-row input[type="text"] {
									width: 100%;
									height: 36px;
									padding-left: 20px;
									padding-right: 20px;
									font-style: italic;
									border:1px #8b8989 solid;
									color:#8b8989;
								}

									label label.error {
										display: block;
										line-height: normal;
										font-size: 12px;
										color: #f00;
									}

								.subscription-form-content label .annual-subscription {
									width:73px;
									padding:0;
									background:none;
									border:0;
									border-bottom:1px #000 solid;
									line-height:20px;
								}
							
								.subscription-form-content label .form-row input[type="radio"] {
									margin-right:5px;
								}



								.subscription-form-content label .form-row em {
									margin-right:15px;
									color:#8b8989;
								}
					
				.subscription-form-nav {
					margin-left: auto;
					margin-top: auto;
					display: flex;
					width: 100%;
					justify-content: space-between;
				}
				
					.subscription-form .btn {
						padding-left: 0;
						padding-right: 0;
						font-size:18px;
						font-weight:bold;
						color:#ff8a15;
					}
					
					.subscription-form .btn:active {
						box-shadow:none;
					}
					
						.subscription-form .btn .fas {
							font-size: 24px;
							vertical-align: middle;
						}
						
						.subscription-form .btn .fas.fa-chevron-circle-left {
							margin-right: 7px;
						}
						
						.subscription-form .btn .fas.fa-chevron-circle-right {
							margin-left: 7px;
						}
		
		.footer {
			height:30px;
			background:#ff8a15;
			display: flex;
			align-items: center;
			text-align: center;
		}
		
			.footer,
			.footer a {
				color:#fff;
			}
				
@media screen and (max-width:736px) {
	.header {
		height: auto;
		padding-top: 20px;
		padding-bottom: 20px;
	}
	
		.header-text {
			margin-top: 10px;
			margin-bottom: 10px;
		}
		
	.main {
		padding-top: 20px;
		padding-bottom: 0;
	}
	
	.main .container,
	.subscription-form .container {
		padding-left:10px;
		padding-right:10px;
	}
	
		.subscription-form-content .form-options {
			flex:2;
		}
		
		.subscription-form .container {
			padding-bottom: 20px;
		}
		
			.separator-tall {
				height: 20px;
			}
}

@media screen and (max-width:667px) {
	.header-text {
		filter: invert(1);
		/*mix-blend-mode: exclusion;*/
		mix-blend-mode: difference;
	}
	
	.header .btn {
		font-size: 15px;
	}
	
	.subscription-form-content {
		flex-direction: column;
	}
		
		.subscription-form-content .form-img {
			padding-right: 20px;;
			margin-bottom: 20px;
		}

		.subscription-form-content .form-options label {
			flex-direction: row;
			text-align:left;
		}

		.subscription-form-content label {
			flex-direction: column;
			line-height: normal;
			padding-bottom: 10px;
		}

			.subscription-form-content label .form-row {
				width: 100%;
			}
}

@media screen and (max-width:414px) {
	.main {
		margin-bottom: 50px;
	}
	
	.subscription-form .container {
		padding-top: 50px;
	}

		.subscription-form-steps span {
			width: 45px;
			height: 45px;
			font-size: 25px;
			margin-top: -23.5px;
		}



		.subscription-form-content .form-options {
			margin-top:20px;
		}
		
			.subscription-form-content .form-options label {
				justify-content: flex-start;
			}
			
				.subscription-form-content label input[type="checkbox"] {
					flex: 1;
					margin-top: 0;
				}
			
				.subscription-form-content label em {
					flex: 15;
					line-height: 17px;
				}
}