@charset "utf-8";
/* CSS Document */
        
.main-container {}
.left-section {	width:65%; }
.right-section  { width:35%; }
.right-section { align-items:start; }

#freeTrial.free-trial .page-hd-top { margin-top:50px; }
@media only screen and (min-width: 901px) {
	.page-hd-top { margin-top:70px !important; }
	.left-section .badge-premium { display:none; }
}
.left-section .badge-premium { width:100px; margin:25px 0 25px; min-height:70px; }

.badge-premium img { display:block; width:100%; }
	
.right-section .badge-premium { width:140px; height:140px; margin:80px auto 1em; border-radius:50%; box-shadow: 0 0 60px rgba(0, 0, 0, 0.25); }
.right-section .badge-premium img { position:absolute; top:-8%; left:-8%; width:116%; height:116%; }


.right-content { text-align:center; padding-bottom:30px; }
.right-content h2.txt-top { font-size:35px; font-weight:500; line-height:1; color:#96AAC9; max-width:400px; margin:2em auto 15px; }
.right-content h2.txt-top b { display:block; font-weight:700; margin-bottom:15px; }
.right-content p.line1 { font-size:18px; font-weight:400; line-height:1.2; color:#96AAC9; max-width:400px; margin:15px auto 1em; }
.right-content .txt-btm { font-size:18px; font-weight:400; line-height:1.5; color:#96AAC9; max-width:280px; margin:1em auto; }
.right-content .txt-btm b { display:block; font-size:23px; font-weight:600; }

#freeTrial .right-content h2.txt-top { font-size:26px; margin-top:1.5em; }
#freeTrial .right-content h2.txt-top b { font-size:45px; }

#freeTrial.free-trial-started .right-content p.line1 { font-size:23px; }

#premium .right-content h2.txt-top { font-size:28px; margin-top:1.5em; }
#premium .right-content h2.txt-top b { font-size:36px; }

.left-section .countdownV2 {
	display:none;
	--background: #96AAC9;
	margin: 1em 2.5em 2em;
	justify-content: start;
}
.right-section .countdownV2 {
	--gap:			15px;
	--box-size: 	100px;
	--font-size:	50px;
	--font-pad-top: 37px;
	--font2-size:	15px;
	--font2-pad-top:17px;
	--background:	#F67A06;
}

.member {
	position:absolute;
	bottom:0;
	left:63.5%;
	width:375px;
	height: 510px;
	background:url(../images/member_premium.png) no-repeat left bottom;
	background-size:contain;
}

.benefits-list {
	padding-left:7px;
	margin-bottom:2em;
}
.benefits-list li b { display:block; font-size:calc(1em + 1px); color:#000; font-weight:600; padding-bottom:3px; }
/*.benefits-list li.clock { font-weight:400; font-size:calc(1em - 1px); }
.benefits-list li.clock b { font-size:1.1em; color:#D80000; font-weight:700; }*/
.list-2 li {
	color: #3F3F51;
	font-size: 1em;
	font-weight:400;
}

.save-badge {
	display: inline-block;
	background: #D90000;
	color: white;
	font-size: 1.875em;
	font-weight: 700;
	padding: 0.7em 1em;
	border-radius: 4px;
	margin: 0.5em 0;
	text-transform: uppercase;
	letter-spacing: 1px;
	line-height:1;
}

hr { margin: 2em 0 3em; }

#freeTrial.free-trial .left-section h2 {
  font-size: calc(var(--left-section-h1) - 0.25em);
  font-weight: 600;
  margin: var(--page-hd-margin) 0;
  padding: 0;
  line-height: 1.1;
}
#freeTrial.free-trial .left-section h3,
#freeTrial.free-trial .left-section h4 {
	font-weight: 500;
}
#freeTrial.free-trial .left-section h3 { font-size: var(--left-section-h2); color: #0045A5; }
#freeTrial.free-trial .left-section h4 { font-size: var(--left-section-h3); color: #0045A5; }

#freeTrial.free-trial-started .left-section h2 { font-size: var(--left-section-h3); }
#freeTrial.free-trial-started .left-section h2,
#premium .left-section h2,
#premium .left-section h3 {
	font-weight: 500;
	color: #0045A5;
}

#premium .left-section h2 { font-size: var(--left-section-h2); }
#premium .left-section h3 { font-size: var(--left-section-h3); }

.left-section h3.txt-orn { margin:0; }
.left-section p { font-size:1em; color:#414151; font-weight:400; }
.left-section p.price {
	font-size: var(--left-section-price);
	font-weight: 600;
	color: #B20000;
}
.left-section p.price b { font-weight: 700; color:#D90000; }
#premium .left-section p.price { margin:13px 0; }
.left-section p.price em.cancel { display:inline-block; padding-left:1em; font-weight:400; color:#777; font-size:14px; }
.left-section p.txt-offer,
.left-section p.urgency {
	font-size: calc(1em + 1px);
	font-weight: 500;
	color: #000;
}
.options {
	max-width:400px;
	text-align:center;
	margin-top:1.5em;
}
.options p {
	font-weight:500 !important;
}
.options p.btn-row { margin:1em 0 !important; }
.options a.btn-submit,
.options a.btn-learn { width:100%; margin:0 !important; }

#premium p.btn-row { margin:1.5em 0 1em !important; }

.offer-get,
a.offer-get {
	display:inline-block;
	margin:0 auto;
	padding:1.1em 1.2em;
	border-radius:1em;
	background:#F67A06;
	color:#FFF;
	font-size:1.6em;
	font-weight:500;
	text-decoration:none;
}
.offer-get b { font-weight:700; display:block; padding-top:0.5em; }

@media only screen and (max-width: 1100px) {
	.member {
		left:63.5%;
		width:375px;
		height: 440px;
	}
	.save-badge { font-size: 1.6em; }
}
@media only screen and (max-width: 900px) {
	#main { background:none; }
	
	.main-container {
		flex-direction: column;
		flex-wrap: nowrap;
	}
	.left-section,
	.right-section {
		width:100%;
	}
	.left-section { padding-bottom:2em; }
	
	.left-content,
	.right-content { max-width:620px; margin:0 auto; }
	
	.left-section .countdownV2 { display:flex; }
	.right-section .countdownV2 { display:none; }
	
	.member { display:none; }
	
	.right-content h2.txt-top { margin-top:1.4em; }
	
	.right-section .badge-premium { display:none; }
}
@media only screen and (max-width: 600px) {
	.save-badge { font-size: 1.5em; }
}
@media only screen and (max-width: 500px) {
	#main {
		--left-section-price: 	1.1em;
	}
	.left-section .countdownV2 {
		--gap:			8px;
		--box-size: 	60px;
		--font-size:	30px;
		--font-pad-top: 19px;
		--font2-size:	10px;
		--font2-pad-top:4px;
	}
	.save-badge { font-size: 1.4em; letter-spacing:0; }
}
@media only screen and (max-width: 450px) {
	.save-badge { font-size: 1.3em; }
}