.header{
	border-bottom: none;
}

/* ===================== section-banner ==================== */

.section-banner{
	background-color: #002a55;
	background-image: url(../../images/pages/spyhunter-activation-key/banner.png);
	min-height: 461px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
	/* retina */
	.section-banner{
		background-image: url(../../images/pages/spyhunter-activation-key/banner@2x.png);
		background-size: auto 461px;
	}
}
.section-banner .container{
	padding-top: 30px;
	padding-bottom: 30px;
}
.section-banner .text{
	max-width: 1000px;
	margin: 0 auto;
}
.section-banner h2{
	margin-top: 15px;
	font-size: clamp(25px, 3vw, 35px);
}
.section-banner h3{
	color: #fbb017;
	font-size: clamp(25px, 3vw, 30px);
}
.section-banner p span{
	color: #fbb017;
	font-weight: bold;
	font-size: 42px;
	font-size: clamp(30px, 3vw, 42px);
	line-height: 1;
}
.section-banner .terms{
	font-size: 14px;
	line-height: 1.4;
}
.section-banner .terms.alt{
	font-size: 15px;
}

/* ====================== about-form ====================== */

.about-form{
	background-color: #F3F8FF;
}
.about-form .container{
	padding-top: 80px;
	padding-bottom: 80px;
}
.about-form h2{
	color: #2256b1;
	font-size: 36px;
	font-size: clamp(30px, 3vw, 36px);
}
.nice-form input[type="text"],
.nice-form input[type="email"],
.nice-form textarea,
.nice-form select {
	font-size: 22px;
}
.nice-form textarea{
	font-size: 18px;
	height: 193px;
	padding: 10px 15px;
}
.nice-form input[type="text"]::placeholder,
.nice-form input[type="email"]::placeholder,
.nice-form textarea::placeholder{
	color: #aaa;
}
.nice-form select:invalid {
	color: #aaa;
}
.nice-form select{
	height:auto;
}
.nice-form .comment{
	text-align: right;
	margin-top: -10px;
	margin-bottom: 10px;
}

.nice-form .checkbox-container label.checkbox{
	display: inline-block;
	padding-left: 56px;
	min-height: 55px;
	margin: 0;
	font-size: 18px;
	font-weight: normal;
}

.nice-form label{
	color: #001430;
}
.about-form .note {
	display: block;
	margin-top: 4px;
	font-size: 20px;
	color: #aaa;
	font-weight: normal;
}
.nice-form .button{
	margin:0;
	padding: 23px 60px;
	font-size: 27px;
	background-color: #FF6000;
}
.nice-form .button:hover{
	background-color: #f14a00;
}
.about-form p.large{
	font-size: 25px;
}
.about-form .small{
	font-size: 16px;
	font-weight: bold;
	line-height: 1.3;
}
.about-form hr{
	border: none;
	border-bottom: 1px solid black;
	width: 350px;
	max-width: 100%;
	margin-left: auto;
	margin: 10px 0 20px auto;
}
.about-form .note{
	color: #696969;
	font-size: 16px;
}
.about-form .success{
	border: 1px solid #00aa00;
	border-left: 4px solid #00aa00;
}
.about-form .buttons{
	margin-top: 30px;
}

@media screen and (max-width: 700px) {
	.about-form .buttons.flex-container .item{
		width: 100%;
		justify-content: center;
		display: flex;
	}
}

/* ========= scale checkbox ================================ */

label{
	position: relative;
}

/*checkbox/*/
.checkbox-container input[type=checkbox]{
	width: 1em;
	font-size: inherit;
	margin: 0;
	transform: translateX(-9999px);
}
.checkbox-container input[type=checkbox] + label:before{
	position: absolute;
	content: '';
	left: 0;
	top: 0.3em;
	width: 40px;
	height: 40px;
	margin: 0;
	border:none;
	border-radius: 10%;
	background-color: #bbbbbb;
}
.checkbox-container input[type=checkbox] + label:after{
	position: absolute;
	content: '';
	left: 0;
	top: 0.3em;
	width: 40px;
	height: 40px;
	margin: 0;
	border: none;
	background-color: white;
	border-radius: 10%;
	transform: scale(0.9);
}
/*checked*/
.checkbox-container input[type=checkbox]:checked + label:before{
	position:absolute;
	content:'';
	left: 0;
	top: 0.3em;
	width: 40px;
	height: 40px;
	margin: 0;
	border: none;
	background-color: #3b88fd;
}
.checkbox-container input[type=checkbox]:checked + label:after{
	position: absolute;
	content: "\2713";
	left: 0;
	top: 0.3em;
	width: 40px;
	height: 40px;
	margin: 0;
	border: none;
	background-color: #3b88fd;
	border-radius: 10%;
	color: white;
	text-align: center;
	line-height: 1;
	font-size: 32px;
}
/*error*/
.checkbox-container input[type=checkbox].field-error + label:before{
	border: 1px solid red;
	box-shadow: 0 0 5px red;
}
/*focused*/
.checkbox-container input[type=checkbox]:focus + label:before{
	border: 1px solid #8eb9fb;
	box-shadow: 0 0 5px #3b88fd;
}