.hero {
	background-color: #fff;
	padding: 3rem 1rem 6rem;
	background-image: url("/assets/images/hero-curve1.svg"),
		linear-gradient(
			to right,
			rgb(255 255 255 / 0.9),
			rgb(255 255 255 / 0.8) 48.11%,
			#0000 100.4%
		),
		url("/assets/images/hero_m.jpg");
	background-size: calc(100% + 2px) auto, auto, cover;
	background-position: -1px calc(100% + 1px), center, center;
	background-repeat: no-repeat;
}

.hero-wrapper {
	max-width: 1170px;
	margin: 0 auto;
}

.hero-half {
	width: 50%;
}

.hero .i {
	font-style: italic;
}

.hero h1 {
	font-size: 1.5rem;
	margin: 0 0 0.5rem;
	line-height: 1;
}

.hero p {
	font-size: 1rem;
	line-height: 1.2;
	margin: 0 0 1.5rem;
}

.hero a.primary-btn.w-button {
	margin: 0;
}

#features-at-a-glance {
	padding-top: 0;
}

@media (min-width: 576px) {
	.hero {
		padding-bottom: 4rem;
		background-image: url("/assets/images/hero-curve2.svg"),
			linear-gradient(
				to right,
				rgb(255 255 255 / 0.8),
				rgb(255 255 255 / 0.92) 32.06%,
				#0000 70.57%
			),
			url("/assets/images/hero_m.jpg");
	}
}

@media (min-width: 768px) {
	.hero {
		padding: 4rem;
		background-image: url("/assets/images/hero-curve2.svg"),
			linear-gradient(
				to right,
				rgb(255 255 255 / 0.8),
				rgb(255 255 255 / 0.92) 32.06%,
				#0000 70.57%
			),
			url("/assets/images/hero_dt.jpg");
	}

	.hero h1 {
		font-size: 2.25rem;
	}

	.hero .h4 {
		font-size: 1.5rem;
	}
}

@media (min-width: 992px) {
	.hero {
		padding-bottom: 6rem;
	}

	.hero h1 {
		margin-bottom: 1.5rem;
	}

	.hero p {
		margin-bottom: 2rem;
	}
}

@media (min-width: 1200px) {
	.hero {
		padding: 8rem 6rem;
		background-image: url("/assets/images/hero-curve3.svg"),
			linear-gradient(
				to right,
				rgb(255 255 255 / 0.8),
				rgb(255 255 255 / 0.92) 32.06%,
				#0000 70.57%
			),
			url("/assets/images/hero_dt.jpg");
	}

	.hero h1 {
		font-size: 3.375rem;
	}
}

@media (min-width: 1500px) {
	.hero {
		padding-bottom: 10rem;
		background-image: url("/assets/images/hero-curve4.svg"),
			linear-gradient(
				to right,
				rgb(255 255 255 / 0.8),
				rgb(255 255 255 / 0.92) 32.06%,
				#0000 70.57%
			),
			url("/assets/images/hero_dt.jpg");
	}
}

@media (min-width: 1921px) {
	.hero {
		background-image: url("/assets/images/hero-curve4.svg"),
			linear-gradient(
				to right,
				#fff,
				rgb(255 255 255 / 0.92) 32.06%,
				#0000 70.57%,
				#fff
			),
			url("/assets/images/hero_dt.jpg");
		background-size: calc(100% + 2px) auto, 1920px auto, 1920px auto;
	}
}

/*
A. GLOBAL
B. HOME PAGE
C. COURSES
D. TESTIMONIAL SLIDER
E. ABOUT
F. CHOOSING THE RIGHT LEVEL
G. INSTRUCTORS
H. TUITION TESTIMONIAL
I. COMPARISON
J. FAQs / MAILING / CONTACT
K. CATALOG
L. CHECKOUT
*/

/* A. GLOBAL */

body {
	background-color: #fff;
	background-image: none;
	font-family: "Source Sans Pro", sans-serif;
	color: #3e3e3e;
	font-size: 16px;
	line-height: 1.2;
	min-height: 100%;
}

/*** TYPOGRAPHY ***/
@font-face {
	font-family: "Roboto";
	src: url("/assets/fonts/roboto/Roboto-Regular.ttf") format("truetype");
}

@font-face {
	font-family: "Roboto";
	src: url("/assets/fonts/roboto/Roboto-Italic.ttf") format("truetype");
	font-style: italic;
}

@font-face {
	font-family: "Roboto";
	src: url("/assets/fonts/roboto/Roboto-Thin.ttf") format("truetype");
	font-weight: 200;
}

@font-face {
	font-family: "Roboto";
	src: url("/assets/fonts/roboto/Roboto-ThinItalic.ttf") format("truetype");
	font-weight: 200;
	font-style: italic;
}

@font-face {
	font-family: "Roboto";
	src: url("/assets/fonts/roboto/Roboto-Light.ttf") format("truetype");
	font-weight: 300;
}

@font-face {
	font-family: "Roboto";
	src: url("/assets/fonts/roboto/Roboto-LightItalic.ttf") format("truetype");
	font-weight: 300;
	font-style: italic;
}

@font-face {
	font-family: "Roboto";
	src: url("/assets/fonts/roboto/Roboto-Medium.ttf") format("truetype");
	font-weight: 500;
}

@font-face {
	font-family: "Roboto";
	src: url("/assets/fonts/roboto/Roboto-MediumItalic.ttf") format("truetype");
	font-weight: 500;
	font-style: italic;
}

@font-face {
	font-family: "Roboto";
	src: url("/assets/fonts/roboto/Roboto-Bold.ttf") format("truetype");
	font-weight: bold;
}

@font-face {
	font-family: "Roboto";
	src: url("/assets/fonts/roboto/Roboto-BoldItalic.ttf") format("truetype");
	font-weight: bold;
	font-style: italic;
}

h1 {
	margin-bottom: 20px;
	font-size: 3.375rem;
	line-height: 1.1;
}

h2 {
	margin-top: 0px;
	font-size: 2.375rem;
	line-height: 1.2;
}

h3 {
	font-size: 1.625rem;
	font-weight: 700;
}

h4 {
	font-size: 1.375rem;
	line-height: 1.3;
}

p,
li {
	margin-bottom: 20px;
	font-size: 1.1875rem;
	line-height: 1.5;
}

.link {
	color: #599a07;
	text-decoration: none;
}

.link:hover {
	color: rgba(97, 173, 0, 0.68);
	text-decoration: none;
}

.text-centered {
	text-align: center;
}

.text-right {
	text-align: right;
}

.text-left {
	text-align: left;
}

/*** BREADCRUMBS ***/
.breadcrumb-section {
	padding-top: 20px;
	padding-right: 5%;
	padding-left: 5%;
	overflow: hidden;
}

.breadcrumbs {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	text-transform: none;
}

.breadcrumbs-arrow {
	width: 17px;
	height: 17px;
	margin-right: 4px;
	background-image: url("/assets/images/arrow-rt.svg");
	background-position: 50% 50%;
	background-size: 17px 17px;
	background-repeat: no-repeat;
	background-attachment: scroll;
	opacity: 0.56;
}

.small {
	font-size: 1rem;
	line-height: 1.4;
}

/*** COLORS ***/

.green {
	color: #61ad00;
}

.light-green {
	color: #c5e86c;
}

.blue {
	color: #1b365d;
}

.white {
	color: #ffffff;
}

.bg-white {
	background-color: #ffffff;
}

.bg-green {
	background-color: #61ad00;
}

.lt-blue {
	background-color: #c4e9f2;
}

.bg-lt-gray {
	background-color: #f8f8f8;
}

.bg-dark-blue {
	background-color: #1b365d;
}

.bg-lt-blue {
	background-color: #d9f0f4;
}

.lavender {
	background-color: #d9cffa;
}

/*** BUTTONS ***/

.primary-btn {
	color: white;
	position: relative;
	z-index: 2;
	min-width: 250px;
	padding: 15px 30px;
	border-radius: 36px;
	background-color: transparent;
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		from(#c5e86c),
		to(#61ad00)
	);
	background-image: linear-gradient(180deg, #c5e86c, #61ad00);
	box-shadow: 0 1px 9px 0 rgba(0, 0, 0, 0.22);
	font-size: 22px;
	font-weight: 700;
	text-align: center;
	text-transform: uppercase;
	margin: 20px auto;
}

.primary-btn:hover {
	opacity: 0.86;
	text-decoration: none;
	-webkit-transition: ease all 0.5s;
	transition: ease all 0.5s;
}

.filter-button {
	font-size: 1rem;
	font-weight: normal;
	background-color: #fff;
	background-image: none;
	border-style: solid;
	border-width: 1px;
	border-color: #61ad00;
	border-radius: 36px;
	box-shadow: none;
	color: #61ad00;
	margin: 0 10px 10px 0;
	min-width: auto;
	padding: 10px 20px;
	text-decoration: none;
	text-transform: none;
	outline: none;
}

.filter-button:hover {
	opacity: 0.86;
	text-decoration: none;
	-webkit-transition: ease all 0.5s;
	transition: ease all 0.5s;
	background-color: #61ad00;
	color: #fff;
}

.filter-button:active,
.filter-button.selected {
	background-color: #61ad00;
	color: #fff;
	outline: none;
}

.nostyle {
	text-decoration: inherit;
	color: inherit;
	cursor: default;
}

.nostyle:hover,
.nostyle:visited {
	text-decoration: inherit;
	color: inherit;
	cursor: pointer;
}

.card-btn:hover {
	text-decoration: inherit;
	color: inherit;
	cursor: pointer;
	opacity: 0.86;
}

.card-btn-nostyle:hover {
	opacity: 1 !important;
}

.primary-btn.small {
	padding: 12px 30px;
	font-size: 1rem;
}

.primary-btn.mt-20 {
	margin-top: 20px;
}

.banner-btn {
	position: relative;
	min-height: 20px;
	font: normal normal bold 15px/71px Source Sans Pro;
	padding: 12px 28px;
	text-transform: uppercase;
	text-align: left;
	color: #ffffff;
	letter-spacing: 0px;
	background: transparent
		linear-gradient(180deg, #c4e9f2 0%, #00b2dd 53%, #0988a7 100%) 0% 0%
		no-repeat padding-box;
	box-shadow: 0px 1px 12px #00000029;
	border-radius: 32px;
	z-index: 1;
}

.banner-btn:hover {
	text-decoration: none !important;
}

.banner-btn::before {
	position: absolute;
	content: "";
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: transparent
		linear-gradient(180deg, #79ccff 0%, #165ec9 53%, #1b365d 100%) 0% 0%
		no-repeat padding-box;
	box-shadow: 0px 1px 12px #00000029;
	border-radius: 32px;
	z-index: -1;
	transition: opacity 0.5s ease-in;
	opacity: 0;
}

.banner-btn:hover::before {
	opacity: 1;
}

/*** BREADCRUMBS ***/

.breadcrumb-section {
	padding-top: 20px;
	padding-right: 5%;
	padding-left: 5%;
	overflow: hidden;
}

.breadcrumbs {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	text-transform: none;
}

.breadcrumbs-arrow {
	width: 17px;
	height: 17px;
	margin-right: 4px;
	background-image: url("/assets/images/arrow-rt.svg");
	background-position: 50% 50%;
	background-size: 17px 17px;
	background-repeat: no-repeat;
	background-attachment: scroll;
	opacity: 0.56;
}

.breadcrumb-page a,
.breadcrumb-page.a:link,
.breadcrumb-page.a:active,
.breadcrumb-page.a:visited {
	text-transform: none;
	color: #61ad00;
}

.breadcrumb-page.a:hover {
	color: #61ad00;
}

/*** LAYOUT ***/

.main-content {
	position: relative;
	display: block;
	width: 100%;
	background-color: white;
}

svg.trapezoidal-horizontal {
	position: relative;
	display: block;
	width: 100%;
	height: 10vw;
}

.diagonal-section {
	background-color: #fff;
}

.section {
	padding: 5rem 5%;
}

.section.main {
	padding-top: 1rem;
}

.section.intro {
	padding-top: 60px;
	padding-bottom: 60px;
}

.section.short {
	padding: 0 5% 10%;
}

.section.gray {
	background-color: #f8f8f8;
}

.section.pattern {
	background-image: url("/assets/images/virtual/pattern-academy-white.png");
	background-position: 0px 0px;
	background-size: auto;
}

.section.before-diagonal-section {
	margin-bottom: 0px;
	padding-bottom: 30px;
}

.section-intro {
	max-width: 800px;
}

.section-intro.center {
	margin-right: auto;
	margin-bottom: 60px;
	margin-left: auto;
	text-align: center;
}

.container {
	max-width: 1170px;
}

.container.centered {
	text-align: center;
}

.mt-0 {
	margin-top: 0px;
}

.mt-40 {
	margin-top: 25px;
}

.mb-10 {
	margin-bottom: 10px;
}

.mb-40 {
	margin-bottom: 40px;
}

.mb-80 {
	margin-bottom: 80px;
}

.p-0 {
	padding-right: 20px;
}

/* B. HOME PAGE */

.social-proof-old {
	padding-top: 2%;
}

.aops-about-content {
	max-width: 800px;
	margin-right: auto;
	margin-left: auto;
	padding: 0px 40px;
}

.aops-about-content p {
	font-size: 1.375rem;
	line-height: 1.4;
	font-weight: 600;
}

.aops-panel {
	border-top: none;
}

.features-image {
	position: relative;
	overflow: hidden;
	width: auto;
	height: auto;
	margin-bottom: 10px;
	border-radius: 0%;
}

.columns-2 {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	max-width: 1150px;
	margin-right: auto;
	margin-left: auto;
	-webkit-box-align: stretch;
	-webkit-align-items: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	text-align: center;
}

.category-text {
	position: relative;
	display: block;
	width: 100%;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.intro-headers {
	margin: 0 auto 10px;
	color: #193c5e;
	font-size: 1.375rem;
	line-height: 1.4;
	font-weight: 600;
}

.section.features {
	padding: 80px 5% 6%;
}

.intro-p {
	margin-bottom: 20px;
	font-size: 1.1875rem;
	line-height: 1.6;
}

.intro-p.centered {
	margin-right: auto;
	margin-left: auto;
}

.headline {
	margin-bottom: 10px;
	font-size: 3rem;
	font-weight: 700;
	text-transform: uppercase;
}

.results-wrapper {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	margin-right: 4%;
}

.section-subtitle {
	max-width: 60%;
	margin-left: auto;
	margin-right: auto;
}

/* C. COURSES */

.offering-subject-wrapper {
	margin-top: 60px;
}

.filters {
	margin: 20px auto 40px;
}

.courses-col {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	height: 100%;
	margin-right: auto;
	margin-left: auto;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: stretch;
	-webkit-align-items: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-webkit-align-content: stretch;
	-ms-flex-line-pack: stretch;
	align-content: stretch;
}

.courses-wrapper {
	position: relative;
	width: 27%;
	max-width: 324px;
	margin: auto 3%;
	margin-bottom: 40px;
	padding: 0px 20px 80px;
	overflow: hidden;
	align-self: stretch;
	border-style: solid;
	border-width: 1px;
	border-color: #c7c7c7;
	border-radius: 20px;
	background-color: #fff;
	box-shadow: 1px 1px 9px 0 rgba(0, 0, 0, 0.12);
	min-height: 500px;
}

.course-image-wrap {
	position: relative;
	margin-right: -20px;
	margin-bottom: 10px;
	margin-left: -20px;
}

.course-image {
	position: relative;
	border-radius: 20px 20px 0px 0px;
	width: 100%;
}

.course-card {
	width: 100%;
	display: block;
}

.course-card-ages {
	position: absolute;
	left: auto;
	top: auto;
	right: 0%;
	bottom: 0%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	max-width: 44%;
	margin-left: auto;
	padding: 8px 10px;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-flex: 0;
	-webkit-flex: 0 auto;
	-ms-flex: 0 auto;
	flex: 0 auto;
	background-color: #1b365d;
	color: #fff;
}

.course-header h3 {
	font-size: 1.35rem;
	line-height: 1.1;
	margin-bottom: 0;
}

.grade-level {
	font-size: 1.2rem;
}

.course-description {
	margin: 10px auto;
	line-height: 1.4;
}

.course-btn {
	position: absolute;
	left: 0%;
	top: auto;
	right: 0%;
	bottom: 10px;
	margin: 0 auto;
	padding-right: 10px;
	padding-left: 10px;
	text-align: center;
	width: 80%;
}

.course-btn a {
	width: 100%;
	min-width: auto;
}

.course-btn div {
	width: 100%;
	min-width: auto;
}

.course-toggle {
	max-width: 46%;
}

.w-icon-slider-left:before,
.w-icon-slider-right:before {
	color: #61ad00;
}

/* COURSES CTA */

.section-cta {
	position: relative;
	margin-bottom: 0px;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
}

.enroll-cta-header {
	margin-bottom: 20px;
	color: #1b365d;
	font-size: 1.8rem;
	font-weight: 700;
}

.btn-enroll {
	padding: 10px 19px;
	border: 1px solid #61ad00;
	border-radius: 36px;
	background-color: #ffffff;
	color: #61ad00;
	font-size: 1.2rem;
	font-weight: 700;
	text-align: center;
	text-transform: uppercase;
}

.wave-cta {
	position: absolute;
	left: 0%;
	top: auto;
	right: 0%;
	bottom: auto;
	width: 100%;
}

/* WHY SECTION */

.headline-support-text {
	margin-bottom: 20px;
	font-size: 1.375rem;
	line-height: 1.5;
}

.cta-n-image-container {
	height: 100%;
	max-width: 40%;
	-webkit-align-self: auto;
	-ms-flex-item-align: auto;
	-ms-grid-row-align: auto;
	align-self: auto;
	z-index: 100;
}

.col-wrap {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.content-block-right {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width: 50%;
	padding: 0px 25px 0px 55px;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.column-wrap-reversed {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
}

.cta {
	position: relative;
	display: flex;
	width: 100%;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 36px;
	padding-right: 80px;
	padding-bottom: 36px;
	padding-left: 80px;
	flex-direction: row;
	justify-content: space-between;
	flex-wrap: nowrap;
	align-items: center;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
	background-color: #1b365d;
	background-image: url("/assets/images/virtual/cta-pattern.svg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 100% 0px;
}

/* RESULTS SECTION */

.results {
	position: relative;
	padding: 2%;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	background-color: #1b365d;
	margin-bottom: -1px;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
}

.results-wrapper {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width: 50%;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.results-header {
	margin-left: 4%;
}

.results-icon {
	position: absolute;
	left: 25%;
}

.results-text {
	color: #fff;
	font-size: 1.25rem;
	line-height: 1.4;
	text-align: left;
}

.cta-wrapper {
	position: relative;
	z-index: 20;
	-webkit-box-flex: 0;
	-webkit-flex: 0 auto;
	-ms-flex: 0 auto;
	flex: 0 auto;
}

.cta-header {
	display: inline-block;
	color: #fff;
	font-size: 26px;
	line-height: 1.3;
	font-weight: 600;
}

.reversed-btn {
	color: white;
	position: relative;
	min-width: 225px;
	padding: 13px 10px;
	border-style: solid;
	border-width: 1px;
	border-color: #fff;
	border-radius: 500px;
	background-color: transparent;
	font-size: 19px;
	font-weight: 500;
	text-align: center;
	text-transform: uppercase;
}

.reversed-btn:hover {
	-webkit-transition: ease all 0.5s;
	transition: ease all 0.5s;
	border-color: #ffffff;
	background-color: #ffffff;
	color: #1b365d;
	text-decoration: none;
}

.cta-section {
	padding-top: 40px;
	padding-bottom: 40px;
}

.clickable-instructor {
	cursor: pointer;
}

/* D. TESTIMONIAL SLIDER */

.quotes-icon {
	position: absolute;
	left: 0px;
	top: -40px;
	right: 0px;
	bottom: auto;
	margin-right: auto;
	margin-left: auto;
}

.arrow-right {
	left: auto;
	top: 0%;
	right: -25px;
	bottom: 0%;
	width: 55px;
	height: 55px;
	border-radius: 100px;
	background-color: #1b365d;
	box-shadow: 0 5px 10px 0 rgba(27, 45, 69, 0.1);
}

.testimonial-section-slider {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	overflow: hidden;
	padding: 75px 3% 100px;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	background-image: url("/assets/images/virtual/pattern-academy-white.png");
	background-position: 0px 0px;
	background-size: auto;
	background-repeat: repeat;
	background-clip: border-box;
}

.testimonial-place {
	display: inline-block;
	margin-top: 8px;
	font-size: 19px;
	font-weight: 700;
}

.slider {
	z-index: 100;
	width: 100%;
	height: 100%;
	max-width: 750px;
	margin-top: 90px;
	background-color: hsla(0, 0%, 86.7%, 0);
}

.slide-wrap {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	min-height: 350px;
	padding: 20px 60px;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-justify-content: space-around;
	-ms-flex-pack: distribute;
	justify-content: space-around;
}

.slide {
	margin-right: 50px;
	padding: 0px;
	border-style: none;
	border-width: 1px;
	border-color: rgba(70, 137, 215, 0.2);
	border-radius: 10px;
	background-color: #fff;
}

.arrow-left {
	left: -25px;
	top: 0%;
	right: auto;
	bottom: 0%;
	width: 55px;
	height: 55px;
	border-radius: 100px;
	background-color: #1b365d;
	box-shadow: 0 5px 10px 0 rgba(27, 45, 69, 0.1);
}

.nav-lf.tuition {
	margin-left: 0px;
}

.icon {
	color: #fff;
	font-size: 18px;
}

.mask {
	overflow: visible;
	background-color: transparent;
	box-shadow: 0 8px 20px 0 rgba(62, 62, 62, 0.14);
}

.pink {
	font-family: "Fa solid 900", sans-serif;
	color: #cc2b72;
}

/* TESTIMONIALS STATIC */

.testimonials-wrapper {
	margin-top: 80px;
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
}

.full-testimonial {
	position: relative;
	width: 100%;
	margin-bottom: 80px;
	padding: 60px 40px 20px;
	border: 1px solid #61ad00;
	border-radius: 16px;
	background-color: #fff;
}

.quotes-icon.centered {
	position: absolute;
	left: 0%;
	top: -21%;
	right: 0%;
	bottom: auto;
	margin-right: auto;
	margin-left: auto;
}

.testimonials-container {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: stretch;
	-webkit-align-items: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
}

.testimonial-half {
	position: relative;
	width: 50%;
	margin-right: 40px;
	padding: 40px 40px 10px;
	float: left;
	clear: both;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-justify-content: space-around;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	border: 1px solid #61ad00;
	border-radius: 16px;
	background-color: #fff;
}

.testimonial-half:last-child {
	margin-right: 0;
}

/* CLOSING CTA */

.cta-n-image {
	position: relative;
	background-color: #f0f7ff;
	background-image: url("/assets/images/virtual/half-circle_wht.svg");
	background-position: 0% 50%;
	background-size: auto 700px;
	background-repeat: no-repeat;
}

.cta-header {
	position: relative;
	z-index: 3;
	margin-bottom: 20px;
	color: #1b365d;
	font-size: 1.875rem;
	font-weight: 700;
}

.cta-headline {
	color: #fff;
	font-size: 1.6rem;
	line-height: 1.4;
	font-weight: 600;
}

/* COURSE BANNERS */
.course-page > h1.white.banners {
	max-width: 55%;
}

.banner-section {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	overflow: hidden;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.banner-section.course-page {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	height: 100%;
	max-height: 201px;
	max-width: 100%;
	padding-top: 2%;
	padding-bottom: 3%;
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	background-position: 50% 50%;
	background-size: cover;
	background-repeat: no-repeat;
}

.banners {
	font-size: 2rem;
	line-height: 1.2;
}

.banner-section.no-image {
	max-width: 100%;
	padding-top: 20px;
	padding-bottom: 20px;
}

.banner-content {
	z-index: 100;
	width: 100%;
	max-width: 48%;
	margin-left: 3%;
}

.banner-content.course-page {
	z-index: 100;
	width: 100%;
	max-width: 1170px;
	margin: 0 auto;
	padding-left: 20px;
}

.banner-headers {
	font-size: 2.5rem;
}

.math-globe {
	position: absolute;
	left: -10%;
	top: 16%;
	width: 30%;
}

.banner-img {
	position: relative;
	display: block;
	max-height: 300px;
	clear: none;
	-webkit-box-ordinal-group: 2;
	-webkit-order: 1;
	-ms-flex-order: 1;
	order: 1;
	-webkit-box-flex: 0;
	-webkit-flex: 0 auto;
	-ms-flex: 0 auto;
	flex: 0 auto;
}

.language {
	padding-left: 60px;
}

.letters {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 99;
}

.banner-image-wrap {
	width: auto;
}

.banner-math-right {
	position: absolute;
	left: auto;
	top: auto;
	right: 0%;
	bottom: 0%;
}

.intro-p {
	max-width: 750px;
}

.intro-p.mb-80 {
	margin-bottom: 80px;
}

.intro-p.w-50 {
	width: 50%;
}

.content-testimonial-wrapper {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	margin-top: 100px;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-webkit-flex-direction: row-reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
}

.content-testimonial-wrapper.catalog {
	margin-top: 0px;
}

.benefits-wrap.testimonial {
	position: static;
	margin-top: 0px;
	margin-right: 58px;
	-webkit-box-ordinal-group: 2;
	-webkit-order: 1;
	-ms-flex-order: 1;
	order: 1;
	-webkit-box-flex: 0;
	-webkit-flex: 0 55%;
	-ms-flex: 0 55%;
	flex: 0 55%;
}

.sticky-image.testimonial {
	top: 120px;
	bottom: 0px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	margin-top: 40px;
	margin-bottom: 60px;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	position: sticky;
	width: 40%;
}

.testimonial-mobile {
	display: none;
}

.testimonial-shape {
	position: absolute;
	width: 100%;
	max-width: 450px;
}

.testimonial-callout {
	position: relative;
	z-index: 1;
	width: 80%;
	margin-top: 22px;
	margin-right: auto;
	margin-left: auto;
	border-radius: 16px;
	background-color: #fff;
	box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 11%);
	text-align: center;
}

.testimonial-quotes {
	margin-top: -35px;
}

.testimonial-content {
	padding: 40px 30px;
	font-size: 1rem;
	line-height: 1.4;
	text-align: left;
}

.benefits-wrap.mt-80 {
	margin-top: 80px;
}

.benefits-wrap {
	position: static;
	margin-top: 40px;
	margin-bottom: 0px;
	padding-left: 60px;
	-webkit-align-self: auto;
	-ms-flex-item-align: auto;
	-ms-grid-row-align: auto;
	align-self: auto;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	border: 1px none #000;
}

.benefits-list {
	position: relative;
	max-width: 750px;
	margin-bottom: 40px;
	padding-left: 60px;
}

.benefit-icon {
	position: absolute;
	left: -63px;
	display: inline-block;
	width: 83px;
	height: 83px;
	margin-bottom: 0px;
}

.benefit-icon.tuition {
	left: -50px;
}

.bullet-list {
	font-size: 17px;
	list-style-type: disc;
}

.list-item {
	font-size: 1.187rem;
	line-height: 1.5;
}

.banner-math-left {
	position: absolute;
	left: 0%;
	top: auto;
	right: auto;
	bottom: 0%;
}

.banner-math-left.opacity {
	opacity: 0.18;
	width: 28%;
}

.wrapper {
	position: relative;
	z-index: 99;
	display: block;
	width: 100%;
	max-width: 1170px;
	margin-right: auto;
	margin-left: auto;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.home-button {
	position: relative;
	overflow: visible;
	width: 34px;
	height: 34px;
	margin-right: 4px;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	background-image: url("/assets/images/home.svg");
	background-position: 50% 50%;
	background-size: 34px 34px;
	background-repeat: no-repeat;
}

.ba-books {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.ba-books img {
	margin: auto;
	padding-bottom: 20px;
}

.book-img {
	margin-right: 20px;
	width: 25%;
}

.single-img {
	width: 100%;
	max-width: 500px;
}

.math-img {
	width: 40%;
	margin-right: 20px;
}

.class-preview-course1 {
	width: 45%;
	padding-right: 0px;
	padding-left: 0px;
	border: 1px none #000;
	background-color: #fff;
	color: #3e3e3e;
	font-weight: 700;
}

.class-preview-course1.w--current {
	width: 45%;
	margin-right: 0px;
	padding-right: 0px;
	padding-left: 0px;
	border-style: none none solid;
	border-color: #000 #000 #61ad00;
	border-bottom-width: 4px;
	background-color: #fff;
	color: #3e3e3e;
	font-weight: 700;
	text-decoration: none;
}

.class-preview-course1.w--current:hover {
	color: #f8f8f8;
	text-decoration: none;
}

.class-preview-course2 {
	width: 45%;
	padding-right: 0px;
	padding-left: 0px;
	background-color: transparent;
}

.class-preview-course2.w--current {
	padding-left: 0px;
	border-bottom: 4px solid #61ad00;
	background-color: #fff;
}

.class-preview-course2.w--current:hover {
	color: #f8f8f8;
}

.class-preview {
	padding-left: 40px;
	font-size: 1.25rem;
}

.class-headers {
	margin-top: 0px;
	margin-bottom: 20px;
	border-bottom: 3px solid #d2d2d2;
	font-size: 1.25rem;
}

.tab-headers {
	color: #3e3e3e;
	font-size: 1.1rem;
	font-weight: 400;
	text-decoration: none;
	padding-right: 18px;
}

.tab-headers:hover {
	color: #61ad00;
}

.tab-headers:focus {
	color: #61ad00;
}

.class-preview-menu {
	border-bottom: 2px solid #b4b4b4;
}

.tab-content-row {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 0px;
	padding-top: 20px;
	padding-bottom: 20px;
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	border-bottom: 2px solid #d6d6d6;
}

.icon-wrap {
	width: 40px;
	padding-right: 20px;
	font-family: "Fa solid 900", sans-serif;
	color: #3e3e3e;
	font-size: 1.25rem;
	font-weight: 400;
}

.icon-reg {
	font-family: "Fa solid 900", sans-serif;
	color: #1b365d;
}

.icon-text {
	min-width: 38%;
	color: #1b365d;
	font-size: 1rem;
	font-weight: 600;
}

.class-description {
	max-width: 80%;
	color: #3e3e3e;
	font-size: 1rem;
}

.icon-solid {
	color: #1b365d;
}

.active {
	color: #1b365d;
}

.active.w--current {
	border-bottom: 4px solid #61ad00;
	background-color: #fff;
	color: #61ad00;
}

.tab-online {
	top: 4px;
	background-color: transparent;
}

.tab-online.active {
	margin-right: 40px;
	padding-left: 0px;
}

.tab-online.active.w--current {
	margin-right: 40px;
	padding-left: 0px;
	border-style: none none solid;
	border-width: 1px 1px 6px;
	border-color: #000 #000 #61ad00;
	background-color: transparent;
}

.full-page-tabs {
	border-style: none none solid;
	border-width: 1px 1px 2px;
	border-color: #000 #000 #cecece;
	font-size: 1.5rem;
	font-weight: 400;
}

.full-page-tabs:last-child {
	border-style: none;
	border-width: 0;
	border-color: transparent;
}

.schedule-tabs {
	display: flex;
	justify-content: flex-start;
}

.tab-header {
	color: #3e3e3e;
}

.tab-ba.w--current {
	top: 0;
	padding-left: 0px;
	border-style: none none solid;
	border-width: 1px 1px 6px;
	border-color: #61ad00;
	background-color: transparent;
}

.tab-ba.current {
	top: 0;
	padding-left: 0px;
	border-style: none none solid;
	border-width: 1px 1px 6px;
	border-color: #61ad00;
	background-color: transparent;
	position: relative;
	display: inline-block;
	vertical-align: top;
	padding: 9px 30px;
	text-align: left;
	cursor: pointer;
}

.tab-ba.active {
	margin-right: 40px;
	padding-right: 0px;
	padding-left: 0px;
	background-color: transparent;
	color: #3e3e3e;
	text-decoration: none;
}

.tab-ba.active.w--current {
	top: auto;
	margin-right: 40px;
	padding-left: 0px;
}

.tab-ba.active.current {
	top: auto;
	margin-right: 40px;
	padding-left: 0px;
}

.list.w-50 {
	width: 50%;
}

/* E. ABOUT */

.about-list-item {
	margin-bottom: 40px;
}

.check {
	font-family: "Fa solid 900", sans-serif;
	color: #61ad00;
}

.showcase-wrapper {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: stretch;
	-webkit-align-items: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
}

.showcase {
	cursor: pointer;
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width: 23%;
	margin: 0 10px 2%;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-align-self: auto;
	-ms-flex-item-align: auto;
	align-self: auto;
	-webkit-box-flex: 0;
	-webkit-flex: 0 auto;
	-ms-flex: 0 auto;
	flex: 0 auto;
}

.showcase.lg {
	width: 48%;
}

.showcase-img {
	width: 100%;
	border-radius: 12px;
}

.showcase-content {
	position: absolute;
	left: 0%;
	top: auto;
	right: 0%;
	bottom: 0%;
	padding: 14px;
	border-bottom-left-radius: 12px;
	border-bottom-right-radius: 12px;
	background-color: #0f2442;
	opacity: 0.92;
}

.showcase-headers {
	color: #fff;
	font-size: 1rem;
}

.load-more-wrap {
	margin-top: 60px;
	text-align: center;
}

.load-more {
	color: #61ad00;
	font-size: 1.375rem;
	text-decoration: none;
}

.sticky-image {
	position: relative;
	top: 0px;
	z-index: 2;
	display: inline-block;
}

.copy-image {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
}

.history-info-wrapper {
	width: 46%;
	margin-top: 40px;
	margin-right: 4%;
	text-align: center;
}

.history-content-left {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.history-icon {
	height: 80px;
	margin-bottom: 20px;
}

.history-text {
	max-width: 200px;
	margin-right: auto;
	margin-left: auto;
	color: #1b365d;
}

.history-text {
	max-width: 180px;
}

.history {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.divider {
	width: 100%;
	margin-bottom: 40px;
	border-bottom: 1px solid #61ad00;
}

.divider-gray.mx-auto {
	margin-right: auto;
	margin-left: auto;
}

.checkbox-field {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 20px;
	padding-right: 20px;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-transition: color 300ms ease;
	transition: color 300ms ease;
	font-size: 16px;
	line-height: 1.3;
	font-weight: 700;
}

.font-weight-normal {
	font-weight: normal;
}

.enrollment-details {
	padding-right: 40px;
}

.enrollment-selections {
	padding-top: 40px;
	padding-left: 40px;
}

.enrollment-selections.enroll-today-btn {
	padding-top: 20px;
	padding-left: 0px;
}

.enrollment-selections label {
	margin-bottom: 1.5rem;
}

.enroll-description {
	font-style: inherit;
	font-weight: normal;
	display: block;
	margin: 8px 0;
}

.enrollment-selections label input[type="radio"] {
	margin: 4px 4px 0;
	transform: scale(1.5);
}

/*  F. CHOOSING THE RIGHT LEVEL */

#level .sticky-image {
	margin: 0 0 0 20px;
}

.ba-grok {
	position: absolute;
	right: -5%;
	bottom: -4%;
}

.placement-tabs {
	margin-bottom: 20px;
	border-bottom: 4px solid #d4d4d4;
}

.placement-content {
	max-width: 900px;
}

.placement-tab {
	top: 3px;
	margin: 10px 2% 0 0;
	padding: 10px 20px;
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
	background-color: #0b58a8;
	color: #fff;
	font-weight: 600;
	border-bottom: 6px solid transparent;
}

.placement-tab:last-child {
	margin-right: 0;
}

.placement-tab.w--current {
	top: 3px;
	padding: 10px 20px;
	border-bottom: 6px solid #61ad00;
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
	background-color: #0b58a8;
	color: #fff;
	font-weight: 600;
}

.placement-tests-container {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	margin-top: 20px;
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.level-test {
	margin-right: 4%;
	-webkit-align-self: auto;
	-ms-flex-item-align: auto;
	-ms-grid-row-align: auto;
	align-self: auto;
	-webkit-box-flex: 0;
	-webkit-flex: 0 auto;
	-ms-flex: 0 auto;
	flex: 0 auto;
	text-decoration: none;
}

.pdf-container {
	position: relative;
	width: 100%;
	margin-bottom: 20px;
	text-align: center;
}

.image {
	box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.24);
}

.level {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	margin: 1.5rem 0px;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	color: #fff;
	text-align: center;
}

.level-circle {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width: 2.85em;
	height: 2.85em;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	border-radius: 50%;
	background-color: #fa7e37;
	font-size: 1rem;
	font-weight: 600;
	text-align: center;
}

.tabs {
	width: 100%;
}

.levels-slider {
	display: none;
}

.centered-banner-header {
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	width: 100%;
}

/*  G. INSTRUCTORS */

.hero-overlay {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	height: 25vh;
	max-height: 780px;
	padding-top: 80px;
	padding-bottom: 80px;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	border-radius: 0;
	background-image: -webkit-gradient(
			linear,
			left top,
			left bottom,
			from(rgba(27, 54, 93, 0.73)),
			to(rgba(27, 54, 93, 0.73))
		),
		url("/assets/images/virtual/hero-comparison.jpg");
	background-image: linear-gradient(
			180deg,
			rgba(27, 54, 93, 0.73),
			rgba(27, 54, 93, 0.73)
		),
		url("/assets/images/virtual/hero-comparison.jpg");
	background-size: auto, cover;
}

.hero-overlay.courses {
	position: relative;
	width: 100%;
	height: auto;
	max-height: none;
	padding: 0px;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		from(#e3e3e3),
		to(#e3e3e3)
	);
	background-image: linear-gradient(180deg, #e3e3e3, #e3e3e3);
	text-align: center;
}

.centered-banner-header.courses {
	position: absolute;
	left: 0%;
	top: 0%;
	right: 0%;
	bottom: auto;
	z-index: 1;
	max-width: 40vw;
	padding-top: 6%;
	background-image: none;
}

.hero-overlay.instructors {
	background-image: -webkit-gradient(
			linear,
			left top,
			left bottom,
			from(rgba(11, 88, 168, 0.8)),
			to(rgba(11, 88, 168, 0.8))
		),
		url("/assets/images/virtual/instructors-hero.jpg");
	background-image: linear-gradient(
			180deg,
			rgba(11, 88, 168, 0.8),
			rgba(11, 88, 168, 0.8)
		),
		url("/assets/images/virtual/instructors-hero.jpg");
	background-position: 0px 0px, 50% 50%;
}

.hero-overlay.faq {
	background-image: -webkit-gradient(
			linear,
			left top,
			left bottom,
			from(rgba(10, 71, 134, 0.8)),
			to(rgba(10, 71, 134, 0.8))
		),
		url("/assets/images/virtual/hero-faq.jpg");
	background-image: linear-gradient(
			180deg,
			rgba(10, 71, 134, 0.8),
			rgba(10, 71, 134, 0.8)
		),
		url("/assets/images/virtual/hero-faq.jpg");
	background-position: 0px 0px, 50% 62%;
	background-repeat: repeat, no-repeat;
}

.instructor-img {
	margin-top: 10px;
	padding: 0px;
	-webkit-align-self: auto;
	-ms-flex-item-align: auto;
	-ms-grid-row-align: auto;
	align-self: auto;
	-webkit-box-flex: 0;
	-webkit-flex: 0 auto;
	-ms-flex: 0 auto;
	flex: 0 auto;
	border-radius: 100px;
	box-shadow: 0 1px 3px 0 #a7a7a7;
}

.instructor-photo {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 0.7rem;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.instructor-name {
	margin-top: 1rem;
	margin-bottom: 0.25rem;
	padding-right: 12px;
	padding-left: 12px;
	color: #1b365d;
	font-size: 1.25rem;
	font-weight: 600;
	text-align: center;
}

.instructors-wrapper {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: flex-start;
	-webkit-align-items: flex-start;
	-ms-flex-align: flex-start;
	align-items: flex-start;
	overflow: hidden;
}

.instructor {
	width: 20%;
	height: 100%;
	margin: 20px 0px;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-flex: 0;
	-webkit-flex: 0 auto;
	-ms-flex: 0 auto;
	flex: 0 auto;
	cursor: pointer;
}

.instructor.lg {
	width: 33.3%;
}

.instructor-title {
	font-size: 1rem;
	text-align: center;
}

/*  H. TUITION TESTIMONIAL */

.slider-text {
	position: relative;
	width: 60%;
	padding: 26px;
	-webkit-align-self: auto;
	-ms-flex-item-align: auto;
	-ms-grid-row-align: auto;
	align-self: auto;
	-webkit-box-flex: 0;
	-webkit-flex: 0 auto;
	-ms-flex: 0 auto;
	flex: 0 auto;
	background-color: #fff;
	font-size: 1rem;
	line-height: 1.3;
}

.slider-content {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	background-color: #fff;
}

.slider-two {
	background-color: #fff;
}

.slide-nav-inside {
	position: absolute;
	left: auto;
	top: auto;
	right: 0%;
	bottom: 0%;
	width: 50%;
	float: right;
	color: #b8e77d;
}

.slider-bg {
	position: absolute;
	right: -4%;
	bottom: -12%;
}

.slider-shadow {
	position: absolute;
	left: auto;
	top: 0%;
	right: 0%;
	bottom: auto;
	display: block;
	width: 60%;
	height: 243px;
	-webkit-box-flex: 0;
	-webkit-flex: 0 auto;
	-ms-flex: 0 auto;
	flex: 0 auto;
	background-color: transparent;
	box-shadow: 5px -4px 14px -3px rgba(0, 0, 0, 0.13);
}

.slider-testimonial1 {
	width: 40%;
	min-height: 300px;
	background-image: url("/assets/images/virtual/parent-student.jpg");
	background-position: 0px 0px;
	background-size: cover;
}

.slider-testimonial1.second {
	background-image: url("/assets/images/virtual/testimonial.jpg");
	background-position: 50% 50%;
}

.w-slider-dot {
	background: #e3e3e3;
}

.w-slider-dot.w-active {
	background: #b8e77d;
}

.nav-rt,
.nav-lf {
	color: #61ad00;
	display: block;
}

.nav-rt.tuition {
	margin-right: 0px;
}

.key-row {
	padding-bottom: 60px;
	border-left: 3px solid #d3d3d3;
}

.key-content {
	padding-left: 40px;
}

.key-row:last-child {
	border-left: none;
}

.key-content:before {
	font-family: "Fa solid 900", sans-serif;
	font-weight: 900;
	content: "\f00c";
	background-color: #61ad00;
	color: #ffffff;
	border-radius: 50%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 33px;
	height: 33px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: absolute;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	left: -18px;
	z-index: 6;
}

.tab-summer {
	top: 4px;
	background-color: transparent;
}

.tab-summer.active {
	padding-left: 0px;
}

.tab-summer.active.w--current {
	padding-left: 0px;
	border-style: none none solid;
	border-width: 1px 1px 6px;
	border-color: #000 #000 #61ad00;
	background-color: transparent;
}

.tab-year-round.w--current {
	top: 4px;
	border-bottom: 6px solid #61ad00;
	background-color: transparent;
	font-weight: 600;
}

.tab-year-round.active {
	margin-right: 40px;
	padding-left: 0px;
	background-color: transparent;
	color: #3e3e3e;
}

.tab-year-round.active.w--current {
	margin-right: 40px;
	padding-left: 0px;
}

.tab-academy {
	top: 4px;
	background-color: transparent;
}

.tab-academy.active {
	padding-left: 0px;
}

.tab-academy.active.w--current {
	padding-left: 0px;
	border-style: none none solid;
	border-width: 1px 1px 6px;
	border-color: #000 #000 #61ad00;
	background-color: transparent;
}

/* I. COMPARISON */

.features-content {
	display: block;
	padding-right: 4px;
	padding-left: 4px;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-align-self: center;
	-ms-flex-item-align: center;
	-ms-grid-row-align: center;
	align-self: center;
	font-size: 1.125rem;
}

.features-content.white {
	padding-top: 0px;
	padding-bottom: 0px;
	color: #fff;
}

.comparison-image {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	padding: 16px;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	background-color: #fff;
}

.comparison-image.header-row {
	position: -webkit-sticky;
	position: sticky;
	top: 30px;
	width: 33%;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	border-bottom: 1px solid #1b365d;
}

.features-label {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width: 33%;
	height: auto;
	padding: 16px;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.features-label.gray {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	height: auto;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: stretch;
	-webkit-align-items: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-webkit-align-self: stretch;
	-ms-flex-item-align: stretch;
	align-self: stretch;
	background-color: #1b365d;
}

.features-label.gray {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width: 33%;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: stretch;
	-webkit-align-items: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-webkit-box-flex: 0;
	-webkit-flex: 0 auto;
	-ms-flex: 0 auto;
	flex: 0 auto;
	background-color: #f8f8f8;
}

.features-label.main {
	width: 30%;
	-webkit-box-flex: 0;
	-webkit-flex: 0 auto;
	-ms-flex: 0 auto;
	flex: 0 auto;
}

.features-label.dark {
	width: 30%;
	margin-top: 0px;
	padding: 16px 4px;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-align: stretch;
	-webkit-align-items: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-webkit-align-self: stretch;
	-ms-flex-item-align: stretch;
	-ms-grid-row-align: stretch;
	align-self: stretch;
	border-bottom: 1px solid #f8f8f8;
	background-color: #1b365d;
}

.brain-icon {
	max-width: 30px;
	margin-right: 10px;
}

.brain-icon:last-child {
	margin-right: 0;
}

.program-comparison {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	margin-bottom: 0px;
	padding-right: 4px;
	padding-left: 4px;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	justify-items: stretch;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: stretch;
	-webkit-align-items: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-webkit-align-content: center;
	-ms-flex-line-pack: center;
	align-content: center;
	background-color: #fff;
	text-align: center;
}

.features-brand {
	height: 50px;
	-webkit-box-flex: 0;
	-webkit-flex: 0 auto;
	-ms-flex: 0 auto;
	flex: 0 auto;
}

.features-header {
	color: #fff;
	font-size: 1.2rem;
	font-weight: 700;
}

.features-header.text-blue {
	color: #1b365d;
}

/* J. FAQs / MAILING / CONTACT */

.faq-question-wrap {
	margin-bottom: 20px;
}

.answer-wrap {
	display: block;
}

.faq-max {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	max-width: 1050px;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	flex: 1;
	width: 100%;
}

.square {
	width: 16px;
	height: 16px;
	margin-right: 15px;
	margin-left: 3px;
	border-radius: 4px;
	background-color: #61ad00;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.tab-link {
	margin-right: 0px;
	padding-right: 15px;
	padding-left: 15px;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	border-bottom: 1px solid #6b6b6b;
	background-color: transparent;
	color: #adadad;
	font-size: 16px;
	text-align: center;
}

.tab-link:hover {
	border-bottom: 1px solid #6b6b6b;
}

.tab-link.w--current {
	bottom: -4px;
	border-bottom: 5px solid #61ad00;
	background-color: transparent;
	color: #61ad00;
	text-decoration: none;
}

.faq-tabs {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-align: end;
	-webkit-align-items: flex-end;
	-ms-flex-align: end;
	align-items: flex-end;
}

.tab {
	padding-top: 50px;
}

.faq-static {
	margin-bottom: 30px;
	padding-bottom: 20px;
	border-bottom: 1px solid #dfdfdf;
	-webkit-transform: perspective(1300px);
	transform: perspective(1300px);
}

.row {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.row.margin-s {
	margin-bottom: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.faq-headers {
	margin-top: 0px;
	margin-bottom: 0px;
	color: #1b365d;
	font-size: 1.25rem;
}

.summer-cost {
	margin-top: 25px;
}

.w-form-formradioinput--inputType-custom {
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-width: 1px;
	border-top-color: #ccc;
	border-bottom-color: #ccc;
	border-left-color: #ccc;
	border-right-color: #ccc;
	border-top-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-style: solid;
	width: 12px;
	height: 12px;
	border-bottom-left-radius: 50%;
	border-bottom-right-radius: 50%;
	border-top-left-radius: 50%;
	border-top-right-radius: 50%;
}

.w-form-formradioinput--inputType-custom.w--redirected-focus {
	box-shadow: 0px 0px 3px 1px #3898ec;
}

.w-form-formradioinput--inputType-custom.w--redirected-checked {
	border-top-width: 4px;
	border-bottom-width: 4px;
	border-left-width: 4px;
	border-right-width: 4px;
	border-top-color: #3898ec;
	border-bottom-color: #3898ec;
	border-left-color: #3898ec;
	border-right-color: #3898ec;
}

.secondary-btn {
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 1rem 1.25rem;
	border: 1px solid #61ad00;
	border-radius: 36px;
	background-color: #fff;
	-webkit-transition: background-color 500ms ease;
	transition: background-color 500ms ease;
	color: #61ad00;
	font-size: 1rem;
	font-weight: 700;
	text-align: center;
	text-transform: uppercase;
}

.secondary-btn:hover {
	background-color: #61ad00;
	color: #fff;
}

.secondary-btn.w--current {
	padding-top: 14px;
	padding-bottom: 14px;
	border: 1px solid #61ad00;
	border-radius: 35px;
	background-color: #fff;
	color: #61ad00;
	font-size: 1.2rem;
	font-weight: 700;
	text-transform: uppercase;
}

.contact-categories {
	margin-bottom: 20px;
	padding-right: 20px;
	padding-left: 20px;
}

.banner-wave {
	display: block;
	width: 100%;
}

.divider-gray {
	width: 100%;
	height: 1px;
	max-width: 1170px;
	margin-top: 20px;
	margin-bottom: 20px;
	background-color: #cecece;
}

.features-image {
	margin-bottom: 10px;
}

.pr-lg-80 {
	padding-right: 80px;
}

.radiobutton {
	width: 30px;
	height: 30px;
	margin-top: 4px;
	margin-right: 15px;
	margin-bottom: 5px;
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 auto;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	border-style: solid;
	border-width: 2px;
	border-color: rgba(0, 0, 0, 0.1);
	border-radius: 50%;
	background-color: #fff;
	-webkit-transition: border-width 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94),
		background-color 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94),
		border-color 300ms ease;
	transition: border-width 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94),
		background-color 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94),
		border-color 300ms ease;
}

.radiobutton:hover {
	border-color: rgba(0, 0, 0, 0.15);
}

.radiobutton.w--redirected-checked {
	margin-top: 4px;
	border-width: 9px;
	border-color: rgba(97, 173, 0, 0.5);
	background-color: rgba(97, 173, 0, 0.3);
}

.radiobutton.w--redirected-focus {
	border-color: rgba(97, 173, 0, 0.5);
	box-shadow: none;
}

.form-textbox {
	height: 48px;
	margin-bottom: 20px;
	border-style: solid;
	border-width: 1px;
	border-color: #cecece;
	border-radius: 6px;
	font-size: 17px;
}

.radiobutton-field {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	padding-right: 10px;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-transition: color 300ms ease;
	transition: color 300ms ease;
	font-size: 16px;
	line-height: 1.3;
	font-weight: 700;
}

.radio-buttons {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-direction: column;
	width: 100%;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 auto;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
}

.radio-label {
	margin-bottom: 5px;
	margin-left: 10px;
	font-size: 1.125rem;
	line-height: 1.4;
}

.under-13-username {
	display: flex;
	flex-direction: row;
	align-items: center;
	padding-left: 55px;
}

.under-13-username p {
	padding-right: 20px;
	font-size: 1rem;
}

/* K. CATALOG */

.catalog-section-header {
	margin-top: 25px;
	margin-bottom: 25px;
	text-align: left;
	margin-left: 30px;
}

.filters.header-row {
	position: sticky;
	top: 30px;
	padding-top: 25px;
	background-color: white;
	z-index: 10;
}

.bg-lt-gray .filters.header-row {
	background-color: #f8f8f8;
}

.away-msg {
	padding-top: 15px;
	text-align: center;
}

/* L. CHECKOUT */
.form-group.mailing-subscribe {
	display: flex;
	flex-direction: row;
}

.form-group #subscribe-chk {
	white-space: nowrap;
	float: right;
	margin-right: 10px;
	line-height: 20px;
	height: 20px;
	width: 20px;
}

.form-group .subscribe-copy {
	margin-right: 10px;
	line-height: 1.2;
	font-size: 14px;
	width: 50%;
}

@media screen and (min-width: 1280px) {
	.banner-wave {
		width: 100%;
	}
}

@media screen and (min-width: 1024px) and (max-width: 1100px) {
	.slider-testimonial1 {
		width: 40%;
	}

	.slider-text {
		width: 60%;
	}

	.banner-math-right.small {
		max-width: 150px;
	}
}

@media screen and (min-width: 992px) and (max-width: 1324px) {
	.container {
		max-width: 96%;
	}

	.sticky-image {
		position: -webkit-sticky;
		position: sticky;
		top: 60px;
		width: 40%;
		margin-right: 20px;
		margin-bottom: 0px;
	}
}

@media screen and (min-width: 992px) and (max-width: 1156px) {
	.showcase.lg {
		width: 64%;
	}

	.showcase {
		width: 31%;
	}
}

@media screen and (max-width: 1024px) {
	/* T60150 */
	#course-offerings-year-round-la .left-arrow,
	#course-offerings-year-round-la .w-icon-slider-right,
	#course-offerings-year-round-la .w-slider-nav {
		display: block;
	}

	.section-subtitle {
		max-width: 100%;
	}
}

@media screen and (max-width: 991px) {
	h1 {
		margin-bottom: 10px;
		font-size: 2.25rem;
	}

	h1.banners {
		font-size: 1.5rem;
	}

	h2 {
		font-size: 2rem;
	}

	h3 {
		font-size: 1.375rem;
	}

	.primary-btn {
		max-width: none;
		min-width: 220px;
	}

	.aops-about-content p {
		font-size: 1.125rem;
	}

	.headline {
		font-size: 1.75rem;
	}

	.columns-2 {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		padding-right: 10px;
		padding-left: 10px;
	}

	.intro-headers {
		font-size: 1.2rem;
	}

	.intro-p {
		line-height: 1.4;
	}

	.award-icon {
		width: 80%;
	}

	.results-text {
		font-size: 1rem;
	}

	.courses-col {
		-webkit-box-pack: start;
		-webkit-justify-content: flex-start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
	}

	.courses-wrapper {
		width: 44%;
	}

	.course-content {
		width: auto;
	}

	.course-image {
		max-width: 100%;
	}

	.container {
		max-width: 96%;
		background-position: 0px 0px;
		background-size: auto;
	}

	.headline-support-text {
		font-size: 1.3rem;
	}

	.cta-n-image-container {
		max-width: 50%;
	}

	.col-wrap {
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	.content-block-right {
		width: 50%;
		padding-left: 25px;
	}

	.cta {
		margin-bottom: 0px;
	}

	.cta-header {
		font-size: 1.6rem;
	}

	.arrow-right {
		right: -10px;
	}

	.arrow-left {
		left: -10px;
	}

	.cta-n-image {
		background-position: -150% 50%;
	}

	.text-block-5 {
		font-size: 14px;
	}

	.banner-section.green {
		overflow: hidden;
	}

	.banner-content {
		position: relative;
		z-index: 2;
		max-width: 46%;
		margin-left: 5%;
	}

	.banner-img {
		display: block;
		max-height: 300px;
	}

	.banner-math-right {
		display: none;
	}

	.benefits-wrap {
		margin-top: 40px;
		padding-top: 0px;
		padding-bottom: 20px;
	}

	.testimonial-content {
		padding: 20px;
		font-size: 0.9rem;
	}

	.p-0 {
		padding-right: 0px;
	}

	.class-preview-course1.w--current {
		padding-right: 0px;
	}

	.class-preview-course2 {
		padding-right: 0px;
		padding-left: 0px;
	}

	.class-preview-course2.w--current {
		width: 42%;
		padding-right: 0px;
	}

	.class-preview {
		padding-left: 0px;
	}

	.tab-headers {
		font-size: 1rem;
	}

	.sticky-image {
		position: -webkit-sticky;
		position: sticky;
		top: 60px;
		width: 40%;
		margin-right: 0;
		margin-bottom: 0px;
	}

	.history-info-wrapper {
		margin-top: 20px;
	}

	.history-icon {
		height: 50px;
	}

	.enrollment-details {
		padding-right: 20px;
	}

	.enrollment-selections {
		padding-left: 20px;
	}

	.ba-grok.sm {
		width: 44%;
	}

	.placement-tests-container {
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
	}

	.hero-overlay.comparison {
		height: 16vh;
		padding-top: 20px;
		padding-bottom: 20px;
		background-image: -webkit-gradient(
				linear,
				left top,
				left bottom,
				from(null),
				to(null)
			),
			url("/assets/images/virtual/hero-comparison.jpg");
		background-image: linear-gradient(180deg, null, null),
			url("/assets/images/virtual/hero-comparison.jpg");
		background-position: 0px 0px, 100% 50%;
	}

	.instructor-name {
		font-size: 1rem;
	}

	.instructor {
		width: 25%;
	}

	.slider-text {
		font-size: 0.75rem;
	}

	.slider-bg {
		bottom: -9%;
	}

	.slider-testimonial1 {
		background-image: url("/assets/images/virtual/parent-student.jpg");
		background-repeat: no-repeat;
		background-position: -90px 0px;
		background-size: cover;
	}

	.features-content {
		font-size: 1rem;
	}

	.comparison-image {
		padding: 8px;
	}

	.comparison-image.header-row {
		margin-bottom: 0px;
		padding-top: 10px;
		padding-bottom: 10px;
		border-style: none none solid;
		border-width: 1px;
		border-color: #1b365d;
	}

	.features-label {
		padding: 10px;
	}

	.features-label.gray {
		margin-bottom: 0px;
		padding: 8px;
	}

	.features-label.main {
		width: 28%;
	}

	.features-label.dark {
		width: 28%;
		margin-bottom: 1px;
	}

	.brain-icon {
		max-width: 20px;
		margin-right: 4px;
	}

	.program-comparison {
		margin-right: auto;
		margin-left: auto;
		padding-right: 0px;
		padding-left: 0px;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
	}

	.features-brand {
		max-width: 100px;
		min-height: 50px;
	}

	.showcase-wrapper {
		-webkit-box-pack: start;
		-webkit-justify-content: flex-start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-align-content: stretch;
		-ms-flex-line-pack: stretch;
		align-content: stretch;
	}

	.showcase {
		width: 30%;
	}

	.showcase.lg {
		width: 63%;
	}

	.showcase-headers {
		font-size: 0.8rem;
	}

	.faq-question-wrap {
		display: block;
		margin-right: auto;
		margin-left: auto;
	}

	.faq-tabs {
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}

	.catalog-section-header {
		text-align: center;
		margin-left: 0px;
	}

	.mb-md-40 {
		margin-bottom: 40px;
	}

	.pr-md-0 {
		padding-right: 0px;
	}

	.pr-md-40 {
		padding-right: 40px;
	}
}

@media screen and (max-width: 767px) {
	.course-page > h1.white.banners {
		max-width: 100%;
	}

	h1 {
		margin-bottom: 10px;
		font-size: 1.65rem;
	}

	.results-block {
		width: 100%;
		margin-right: 0px;
	}

	.results-wrapper {
		margin-right: 0;
	}

	.columns-2 {
		display: block;
	}

	.intro-headers {
		font-size: 17px;
	}

	.cta-n-image-container {
		margin-right: auto;
		margin-left: auto;
		-webkit-align-self: flex-start;
		-ms-flex-item-align: start;
		align-self: flex-start;
		-webkit-box-flex: 0;
		-webkit-flex: 0 auto;
		-ms-flex: 0 auto;
		flex: 0 auto;
	}

	.cta.results {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
	}

	.results h2 {
		font-size: 1.6rem;
	}

	.results-wrapper {
		display: block;
	}

	.results-text {
		font-size: 0.8rem;
	}

	.award-icon {
		width: 60%;
	}

	.results-icon {
		left: 20%;
	}

	.courses-wrapper {
		margin: 20px auto;
		width: 100%;
	}

	.course-card-ages {
		max-width: 50%;
	}

	.primary-btn.small {
		padding: 20px;
	}

	.content-block-right {
		padding: 10px;
	}

	.cta {
		display: block;
		margin-top: 20px;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		background-position: 39% 50%;
		text-align: center;
	}

	.cta-wrapper {
		margin-bottom: 20px;
	}

	.cta-header {
		margin-bottom: 20px;
		text-align: center;
	}

	.col-wrap.reverse {
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		-webkit-flex-direction: column-reverse;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse;
	}

	.slide-wrap {
		padding: 90px 50px;
	}

	.cta-n-image {
		background-position: 500% 50%;
	}

	.banner-section {
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		-webkit-flex-direction: column-reverse;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse;
	}

	.banner-section.course-page {
		display: flex;
		flex-direction: column;
		min-height: 500px;
		padding-top: 20px;
		padding-bottom: 5px;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: flex-end;
		align-items: center;
		-webkit-box-align: end;
		-ms-flex-align: end;
		background-color: transparent;
		background-image: url("../images/summer-mid-math-contests-number-theory-geometry-mobile-bnr.svg");
		background-position: 50% 50%;
		background-size: cover;
		background-repeat: no-repeat;
	}

	.banner-section.green {
		background-color: #fff;
	}

	.banner-content {
		position: relative;
		z-index: 1;
		width: 90%;
		max-width: 100%;
		margin-top: -20px;
		margin-right: auto;
		margin-left: auto;
		padding-top: 20px;
		padding-bottom: 20px;
		text-align: center;
	}

	.banner-content.course-page {
		width: 100%;
		padding-right: 20px;
		padding-left: 20px;
		text-align: center;
		margin: 0px;
	}

	.banners {
		font-size: 1.25rem;
	}

	.banner-content.green {
		background-color: #61ad00;
		width: 100%;
	}

	.math-globe {
		left: -20%;
		top: -10%;
		bottom: 0;
		width: 44%;
	}

	.banner-img {
		left: auto;
		max-height: none;
		max-width: 100%;
	}

	.banner-img.green {
		background-color: #61ad00;
	}

	.banner-image-wrap {
		width: 100%;
		-webkit-align-self: auto;
		-ms-flex-item-align: auto;
		-ms-grid-row-align: auto;
		align-self: auto;
		-webkit-box-flex: 0;
		-webkit-flex: 0 auto;
		-ms-flex: 0 auto;
		flex: 0 auto;
	}

	.letters {
		left: -54%;
		top: 0%;
		right: auto;
		bottom: auto;
	}

	.centered-banner-header.courses {
		max-width: 80%;
	}

	.intro-p.mb-80 {
		margin-bottom: 40px;
	}

	.intro-p.w-50 {
		width: 100%;
	}

	.no-mobile {
		display: none;
	}

	.benefits-wrap {
		padding-top: 0px;
	}

	.benefits-wrap.text-left {
		-webkit-box-align: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
		text-align: center;
	}

	.content-testimonial-wrapper {
		margin-top: 20px;
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		-webkit-flex-direction: column-reverse;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse;
	}

	.benefits-wrap.testimonial {
		width: 100%;
	}

	.sticky-image.testimonial {
		display: none;
	}

	.testimonial-mobile {
		display: block;
		padding: 0 2%;
		margin-bottom: 120px;
	}

	.testimonial-mobile .sticky-image.testimonial {
		display: -webkit-box !important;
		display: -webkit-flex !important;
		display: -ms-flexbox !important;
		display: flex !important;
		margin: 0;
		width: 100%;
	}

	.testimonial-callout {
		margin-right: auto;
		margin-left: auto;
	}

	.p-0 {
		margin-bottom: 40px;
	}

	.class-preview-course2 {
		padding-right: 0px;
		padding-left: 0px;
	}

	.full-page-tabs {
		font-size: 1rem;
	}

	.tab-ba.active {
		margin-right: 20px;
	}

	.tab-ba.active.w--current {
		margin-right: 20px;
	}

	.list {
		width: 100%;
		margin-top: 40px;
	}

	.list.w-50 {
		width: 100%;
	}

	.sticky-image {
		position: relative;
		top: 0px;
		width: 100%;
		margin-bottom: 20px;
	}

	.copy-image {
		display: block;
	}

	.history-content-left {
		margin-bottom: 40px;
	}

	.history {
		display: block;
	}

	.placement-tabs {
		-webkit-box-pack: start;
		-webkit-justify-content: flex-start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	.placement-tab,
	.placement-tab.w--current {
		padding: 8px 14px;
	}

	.placement-tab.w--current:last-child {
		margin-right: 0;
	}

	.tab-content {
		font-size: 1rem;
	}

	.hero-overlay {
		padding: 40px 20px;
	}

	.hero-overlay.comparison {
		background-image: -webkit-gradient(
				linear,
				left top,
				left bottom,
				from(null),
				to(null)
			),
			url("/assets/images/virtual/hero-comparison.jpg");
		background-image: linear-gradient(180deg, null, null),
			url("/assets/images/virtual/hero-comparison.jpg");
		background-position: 0px 0px, 50% 50%;
	}

	.instructors-container {
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	.instructor {
		width: 33.3%;
	}

	.instructor.lg {
		width: 50%;
	}

	.slider-text {
		width: 100%;
		height: auto;
		margin-bottom: 40px;
		padding: 20px 24px 20px;
		font-size: 0.9rem;
	}

	.slider-content {
		height: 100%;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-box-align: start;
		-webkit-align-items: flex-start;
		-ms-flex-align: start;
		align-items: flex-start;
	}

	.slider-two {
		display: block;
		height: auto;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
	}

	.slide-nav-inside {
		width: 100%;
	}

	.slider-bg {
		display: none;
	}

	.slider-shadow {
		display: none;
	}

	.slider-testimonial1 {
		background-position: 0;
		width: 100%;
		height: auto;
		min-height: 250px;
	}

	.testimonial-half {
		width: 100%;
		margin-right: 0px;
		margin-bottom: 60px;
		padding: 60px 50px 10px;
	}

	.quotes-icon.centered {
		left: 0%;
		top: -14%;
		right: 0%;
		bottom: auto;
	}

	.testimonials-container {
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	.tab-year-round.active {
		margin-right: 20px;
	}

	.tab-year-round.active.w--current {
		margin-right: 20px;
	}

	.features-content {
		font-size: 0.9rem;
		line-height: 1.1;
	}

	.features-content.white {
		font-size: 0.8rem;
	}

	.features-label.gray {
		margin-right: 0px;
		margin-left: 0px;
	}

	.features-label.main {
		width: 26%;
	}

	.features-label.dark {
		width: 26%;
	}

	.brain-icon {
		max-width: 20px;
	}

	.program-comparison {
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	.features-header.text-blue {
		font-size: 1rem;
	}

	.showcase-wrapper {
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}

	.showcase {
		width: 45%;
	}

	.showcase.lg {
		width: 100%;
	}

	.showcase-content {
		padding: 10px;
	}

	.section.intro.testimonials {
		padding-top: 0;
	}

	.faq-tabs {
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	.tab-link.w--current {
		border-bottom-width: 3px;
	}

	.contact-categories {
		margin-bottom: 40px;
	}

	.pr-sm-0 {
		padding-right: 0px;
	}

	.radio-buttons {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
	}
}

@media screen and (max-width: 700px) {
	.filters.header-row {
		position: static;
	}
}

@media screen and (max-width: 479px) {
	#breadcrumbs,
	.breadcrumbs {
		font-size: 0.8rem;
		margin: 0;
	}

	h1 {
		font-size: 1.5rem;
		line-height: 1.2;
	}

	h1.banners {
		margin-bottom: 0px;
		font-size: 1.25rem;
	}

	h2 {
		font-size: 1.6rem;
	}

	h4 {
		font-size: 1.25rem;
	}

	.headline {
		font-size: 1.6rem;
	}

	.aops-about-content p {
		font-size: 0.8rem;
	}

	.primary-btn {
		margin-top: 10px;
		margin-bottom: 10px;
	}

	.primary-btn.centered {
		margin-right: auto;
		margin-left: auto;
	}

	.features-image {
		min-height: 0px;
		margin-top: 0px;
	}

	.columns-2 {
		display: block;
		margin-bottom: 10px;
	}

	.section.intro {
		padding-top: 40px;
		padding-bottom: 40px;
	}

	.intro-headers {
		margin-top: 10px;
		margin-right: auto;
		margin-left: auto;
		font-size: 1.125rem;
		line-height: 1.2;
	}

	.intro-headers.mobile {
		display: block;
	}

	.intro-headers.hide-mobile {
		display: none;
	}

	.intro-p {
		margin-bottom: 20px;
		line-height: 1.3;
	}

	.courses-wrapper {
		margin-right: 0px;
		margin-left: 0px;
		padding-right: 15px;
		padding-left: 15px;
	}

	.course-image-wrap {
		margin-right: -16px;
		margin-left: -16px;
	}

	h2.text-centered.mb-80 {
		margin-bottom: 40px;
	}

	.container {
		max-width: 98%;
	}

	h3.text-centered {
		margin-top: 10px;
		font-size: 1.2rem;
		text-align: center;
	}

	.features-content .small {
		line-height: 0.8em;
	}

	.small {
		line-height: 0.8em;
		font-size: 0.8em;
	}

	.section-intro.center {
		margin-bottom: 40px;
	}

	.headline-support-text {
		font-size: 1.2rem;
		line-height: 1.4;
	}

	.cta-n-image-container {
		max-width: none;
	}

	.col-wrap {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-webkit-flex-direction: row;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	.col-wrap.reverse {
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		-webkit-flex-direction: column-reverse;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse;
	}

	.content-block-right {
		width: 100%;
		padding-bottom: 0px;
	}

	.benefits-wrap h3 {
		max-width: none;
		text-align: center;
	}

	.column-wrap-reversed {
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		-webkit-flex-direction: column-reverse;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse;
	}

	.cta {
		margin-top: 10px;
		padding: 20px;
		border-radius: 0px;
		background-position: 83% 50%;
		background-size: cover;
	}

	.cta.results {
		padding: 20px 4%;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
	}

	.results-wrapper {
		width: 100%;
		text-align: center;
	}

	.results-icon {
		position: absolute;
		left: auto;
		top: -50px;
		right: auto;
		bottom: auto;
		-webkit-box-ordinal-group: 2;
		-webkit-order: 1;
		-ms-flex-order: 1;
		order: 1;
		text-align: center;
	}

	.results-header {
		margin-top: 80px;
		margin-left: 0%;
	}

	.results-text {
		font-size: 1rem;
		text-align: center;
	}

	.cta-wrapper {
		margin-bottom: 10px;
	}

	.cta-header {
		margin-bottom: 0px;
	}

	.reversed-btn {
		margin-top: 20px;
	}

	.cta-section {
		padding-top: 10px;
	}

	.arrow-right {
		width: 45px;
		height: 45px;
	}

	.testimonial-section-slider {
		padding-top: 40px;
		padding-bottom: 40px;
	}

	.testimonial-place {
		font-size: 14px;
	}

	.slider {
		max-width: none;
		margin-top: 60px;
	}

	.slide-wrap {
		padding: 20px 40px;
		-webkit-justify-content: space-around;
		-ms-flex-pack: distribute;
		justify-content: space-around;
	}

	.arrow-left {
		width: 45px;
		height: 45px;
	}

	.cta-n-image {
		background-position: 150% 50%;
	}

	.cta-image {
		padding-top: 0px;
	}

	.cta-header.text-centered {
		margin-bottom: 20px;
		font-size: 1.4rem;
		text-align: center;
	}

	.cta-headline {
		font-size: 1.4rem;
	}

	.banner-section {
		overflow: hidden;
	}

	.banner-section.course-page {
		min-height: 400px;
		-webkit-box-align: end;
		-webkit-align-items: flex-end;
		-ms-flex-align: end;
		align-items: flex-end;
	}

	.banner-section.green {
		background-color: #fff;
	}

	.banner-content {
		width: 100%;
		margin-left: auto;
		padding: 20px;
	}

	.banner-content.course-page {
		width: 100%;
		padding-right: 10px;
		padding-left: 10px;
		padding-bottom: 0px;
		text-align: center;
	}

	.banner-content.green {
		background-color: #61ad00;
	}

	.banner-math-left {
		display: none;
	}

	.banner-img {
		left: auto;
		width: auto;
		max-height: none;
		max-width: 100%;
		margin-left: auto;
		-webkit-box-ordinal-group: 2;
		-webkit-order: 1;
		-ms-flex-order: 1;
		order: 1;
	}

	.banners {
		font-size: 1.25rem;
	}

	.intro-p.mb-80 {
		margin-bottom: 20px;
	}

	.benefits-wrap {
		margin-top: 20px;
		margin-left: 0px;
		padding-top: 0px;
		padding-bottom: 40px;
		padding-left: 0px;
		border-left-width: 0px;
	}

	.benefits-wrap.mt-80 {
		margin-top: 20px;
	}

	.benefits-list {
		margin-bottom: 30px;
		padding-left: 0px;
	}

	.benefit-icon {
		position: relative;
		left: 0px;
		display: block;
		width: 64px;
		height: 64px;
		margin-bottom: 10px;
	}

	.benefit-icon.tuition {
		left: 0px;
	}

	.list-item {
		font-size: 1rem;
	}

	.p-0 {
		padding: 0px;
	}

	.class-preview-course1.w--current {
		display: block;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-webkit-flex-direction: row;
		-ms-flex-direction: row;
		flex-direction: row;
	}

	.class-preview-course2 {
		padding-right: 0px;
		padding-left: 0px;
	}

	.class-preview-course2.w--current {
		width: 45%;
	}

	.class-preview-menu {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
	}

	.icon-text {
		font-size: 0.9rem;
	}

	.class-description {
		font-size: 0.9rem;
		line-height: 1.2;
	}

	.tab-online.active {
		padding-right: 10px;
	}

	.tab-online.active.w--current {
		padding-right: 10px;
	}

	.full-page-tabs {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
	}

	.tab-header {
		font-size: 0.9rem;
		padding-right: 10px;
	}

	.tab-ba.active {
		margin-right: 0px;
		padding-right: 0px;
	}

	.tab-ba.active.w--current {
		margin-right: 0px;
		padding-right: 0px;
		padding-left: 0px;
		-webkit-align-self: flex-start;
		-ms-flex-item-align: start;
		align-self: flex-start;
		-webkit-box-flex: 0;
		-webkit-flex: 0 auto;
		-ms-flex: 0 auto;
		flex: 0 auto;
		font-size: 0.8rem;
	}

	.list {
		width: 100%;
		margin-top: 40px;
	}

	.list.w-50 {
		width: 100%;
		margin-top: 0px;
	}

	.showcase {
		width: 47%;
		margin: 4px;
	}

	.showcase.lg {
		width: 100%;
	}

	.showcase-content {
		padding: 6px;
	}

	.showcase-headers {
		font-size: 0.875rem;
		line-height: 1.2;
	}

	.sticky-image {
		width: 100%;
		max-width: none;
		margin-top: 10px;
		margin-bottom: 20px;
		margin-right: 0;
	}

	#level .sticky-image {
		margin: 0;
	}

	.copy-image {
		display: block;
	}

	.history-content-left {
		margin-bottom: 20px;
		padding-right: 0px;
		padding-left: 0px;
	}

	.history-text {
		line-height: 1.2;
	}

	.enrollment-details {
		padding-right: 0px;
	}

	.enrollment-selections {
		padding-left: 0px;
	}

	.placement-tab {
		display: inline-block;
		margin-right: 4px;
		text-align: center;
		margin-top: 10px;
	}

	.placement-tab.w--current {
		margin-right: 4px;
	}

	.placement-tests-container {
		display: none;
	}

	.level-test {
		display: block;
		margin-right: 0%;
	}

	.tab-content {
		font-size: 0.8em;
	}

	.levels-slider {
		display: block;
		height: auto;
		background-color: #fff;
	}

	.nav-lf {
		margin-right: 0px;
		margin-left: 0px;
		color: #61ad00;
	}

	.nav-rt {
		margin-right: 0px;
		margin-left: 40px;
		color: #61ad00;
	}

	.slide-two {
		padding-top: 20px;
		padding-bottom: 20px;
	}

	.mask-two {
		background-color: #f8f8f8;
	}

	.hero-overlay {
		height: 15vh;
	}

	.hero-overlay.comparison {
		height: 12vh;
		padding-right: 0px;
		padding-left: 0px;
		background-color: #1b365d;
		background-image: -webkit-gradient(
				linear,
				left top,
				left bottom,
				from(rgba(27, 54, 93, 0.66)),
				to(rgba(27, 54, 93, 0.66))
			),
			url("/assets/images/virtual/hero-comparison.jpg");
		background-image: linear-gradient(
				180deg,
				rgba(27, 54, 93, 0.66),
				rgba(27, 54, 93, 0.66)
			),
			url("/assets/images/virtual/hero-comparison.jpg");
		background-position: 0px 0px, 50% 50%;
		background-size: auto, cover;
	}

	.instructor {
		width: 50%;
		max-width: 100%;
	}

	.instructor.lg {
		width: 100%;
		max-width: 100%;
	}

	.instructor-name {
		font-size: 0.8rem;
		line-height: 1.2;
	}

	.slider-text {
		margin-bottom: 0px;
		padding-top: 20px;
		text-align: center;
	}

	.slider-content {
		height: auto;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-flex-wrap: nowrap;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
	}

	.slide-nav-inside {
		position: absolute;
		left: 0%;
		top: auto;
		right: 0%;
		bottom: auto;
		width: 100%;
		background-color: #fff;
	}

	.slider-bg {
		display: none;
	}

	.slider-testimonial1 {
		height: auto;
		min-height: 200px;
	}

	.slider-testimonial1.second {
		background-image: url("/assets/images/virtual/testimonial.jpg");
	}

	.mask-3 {
		height: 100%;
	}

	.tab-summer.active {
		padding-right: 10px;
	}

	.tab-summer.active.w--current {
		padding-right: 10px;
	}

	.tab-year-round.active {
		margin-right: 20px;
		padding-right: 0px;
	}

	.tab-year-round.active.w--current {
		padding-right: 10px;
	}

	.tab-academy.active {
		padding-right: 10px;
	}

	.tab-academy.active.w--current {
		padding-right: 10px;
	}

	.features-content {
		font-size: 0.8rem;
		line-height: 1;
	}

	.features-content.white {
		font-size: 0.8rem;
		line-height: 1.4;
	}

	.comparison-image {
		position: -webkit-sticky;
		position: sticky;
		top: 0px;
		border-bottom: 1px solid #1b365d;
		background-color: #fff;
	}

	.comparison-image.header-row {
		padding-right: 4px;
		padding-left: 4px;
		min-height: 80px;
		top: 0;
	}

	.features-label {
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	.features-label.gray {
		padding: 2px;
	}

	.features-label.gray {
		padding: 8px 2px;
	}

	.features-label.main {
		width: 22%;
		margin-bottom: 0px;
		padding: 5px 4px;
	}

	.features-label.dark {
		width: 22%;
		min-height: auto;
		padding: 8px 0px;
	}

	.brain-icon {
		width: 25px;
		max-width: 18px;
		margin-right: 2px;
	}

	.program-comparison {
		position: static;
		margin-right: 0px;
		margin-left: 0px;
		padding-right: 0px;
		padding-left: 0px;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-webkit-flex-direction: row;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-ms-grid-columns: 0.25fr 0.25fr 0.25fr 0.25fr;
		grid-template-columns: 0.25fr 0.25fr 0.25fr 0.25fr;
	}

	.features-brand {
		height: auto;
		max-width: 80px;
		/* min-height: auto; */
	}

	.features-header {
		font-size: 0.9rem;
		line-height: 1.2;
	}

	.features-header.text-blue {
		font-size: 0.8rem;
	}

	.faq-tabs {
		height: auto;
		-webkit-align-content: space-between;
		-ms-flex-line-pack: justify;
		align-content: space-between;
		display: block;
	}

	.radio-label {
		font-size: 1rem;
	}

	.section {
		padding-top: 20px;
		padding-bottom: 10px;
		padding-left: calc(5% + 20px);
	}
}

@media (min-width: 700px) {
	.dropdown-content {
		left: -80px;
	}

	.dropdown-content .landing {
		display: none;
	}
}

.fa-caret-right {
	color: #61ad00;
}

.fa-caret-down {
	color: #61ad00;
}

.mobile-only {
	display: none;
}

#key-similarities .section.gray {
	padding: 5rem 5% 0 calc(5% + 20px);
}

@media only screen and (max-width: 768px) {
	.desktop-only {
		display: none;
	}

	.mobile-only {
		display: inline;
	}
}

/* Login modal */
.aops-close-x {
	color: #909090;
	top: 5px;
	right: 5px;
}

.small {
	font-size: 14px;
}

.button {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	padding: 8px 24px;
	cursor: pointer;

	background: #61ad00;
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.160784);
	border-radius: 4px;

	color: #ffffff;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.button:hover {
	background: #447a00;
}

.bordered-text-container {
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: 10px 0px;
	width: 100%;
}

.bordered-text-container .mid-border {
	display: flex;
	flex-grow: 1;
	border-bottom: 1px solid #c2c6cc;
}

.bordered-text-container .bordered-text {
	color: #797c80;
	padding: 0px 10px;
}

.text-center {
	text-align: center !important;
}

/* Redesign styles */
.vc-redesign-modal-standard.aops-modal-frame {
	padding: 0px;
	width: 530px;
	border-radius: 10px;
	overflow: auto;
}

.vc-redesign-modal-standard {
	font: normal normal 400 18px/27px Roboto;
}

.vc-redesign-modal-standard .aops-modal-title {
	font: normal normal 500 28px/36px Roboto;
	color: #000;
	padding: 48px 48px 24px 48px;
	text-align: left;
}

.aops-modal-frame.vc-redesign-modal-standard.text-body
	.aops-modal-buttons.aops-modal-footer {
	padding: 0;
}

.aops-modal-frame.vc-redesign-modal-standard.text-body .aops-modal-body {
	padding: 0;
}

.aops-modal-frame.vc-redesign-modal-standard.text-body
	.aops-modal-content-wrapper {
	padding: 48px 48px 48px;
}

@media (max-width: 768px) {
	.vc-redesign-modal-standard .aops-modal-title {
		font: normal normal 500 24px/31.2px Roboto;
		padding: 48px 16px 24px;
	}

	.vc-redesign-modal-standard.aops-modal-frame {
		width: 95% !important;
		max-width: 95% !important;
	}
}

.vc-redesign-modal-standard button,
.vc-redesign-modal-standard .btn {
	display: flex;
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.160784);
	border-radius: 4px;
	flex-grow: 1;
	flex-shrink: 0;
	background: #61ad00;
	padding: 16px 32px;
	margin: 0px;
	font-size: 16px;
	font-weight: 500;
	height: 56px;
}

.vc-redesign-modal-standard button:hover,
.vc-redesign-modal-standard .btn:hover {
	color: #fff;
	text-decoration: none;
	background-color: #59940f;
}

.vc-redesign-modal-standard .aops-modal-buttons {
	text-align: right;
	display: flex;
	flex-direction: column-reverse;
	margin-top: 32px;
	gap: 8px;
	height: 56px;
}

.vc-redesign-modal-standard .h6 {
	font: normal normal 500 18px/27px Roboto;
}

.vc-redesign-modal-standard .aops-modal-close {
	font: normal normal 500 40px Roboto;
	position: absolute;
	top: 16px;
	right: 16px;
	cursor: pointer;
}

.vc-redesign-modal-standard .aops-modal-close:hover {
	color: #61ad00;
}

.c-green-400 {
	color: #61ad00;
}

.c-navy-600 {
	color: #1b365d;
}

#virtual-login-footer {
	font-size: 16px;
}

.alert {
	position: relative;
	padding: 16px 24px;
	border-left-width: 15px;
	border-left-style: solid;
	text-align: left;
	width: 100%;
}

.alert--flex {
	display: flex;
	flex-direction: row;
	align-items: center;
	width: 100%;
}

.alert--flex .icon {
	padding-bottom: 1px;
	padding-right: 8px;
}

.alert.error {
	border-left-color: #dc2e1e;
	background-color: #fff4f2;
	color: #9c1407;
}

.alert.error .title {
	color: #9c1407;
}

.alert.success {
	border-left-color: #61ad00;
	background-color: #ecf2e6;
	color: #2a4d00;
}

.alert.success .icon {
	font-size: 24px;
	color: #61ad00;
}

.alert.success .title {
	color: #2a4d00;
}

.alert.warning {
	border-left-color: #ffd700;
	background-color: #fffbe5;
	color: #332b00;
}

.alert.warning .title {
	color: #332b00;
}

.alert.alert--animated {
	height: 0;
	padding-top: 0;
	padding-bottom: 0;
	margin-bottom: 0;
	opacity: 0;
	overflow: hidden;
	transition: height 300ms ease-in-out, padding 300ms ease-in-out,
		opacity 300ms ease-in-out, margin-bottom 300ms ease-in-out;
}

.alert--animated.alert--small {
	padding-top: 0;
	padding-bottom: 0;
}

.alert--animated.show-alert {
	padding: 16px 24px;
	height: auto;
	opacity: 1;
}

.alert--animated.show-alert.alert--small {
	margin-bottom: 8px !important;
	padding: 8px 16px !important;
}

.alert--small {
	padding: 8px 16px;
	border-left-width: 7px;
	margin-bottom: 8px;
}

.pe-none {
	pointer-events: none;
}

.bx {
	font-size: 24px;
	width: auto;
}

.pt-xs {
	padding-top: 4px !important;
}

.d-none {
	display: none;
}

.overflow-y-hidden {
	overflow-y: hidden !important;
}

.subscribe {
	margin-top: -18px;
	padding: 0 16px 24px;
	text-align: center;
	font-family: "Roboto", "Source Sans Pro", sans-serif;
	font-weight: 400;
	line-height: 1.5;
	font-size: 16px;
	color: #262626;
	z-index: 1;
	position: relative;
}

.subscribe-content {
	background: #f7feff;
	margin: 0 auto;
	max-width: 819px;
	display: flex;
	flex-direction: column;
	padding: 32px 24px 0;
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.161);
	border-radius: 10px;
}

.subscribe-h5 {
	font-weight: 500;
	font-size: 18px;
	margin-bottom: 8px;
}

.subscribe-p {
	margin-bottom: 16px;
}

.subscribe-btn {
	margin-bottom: 24px;
	display: inline-block;
	background: #5aa701 linear-gradient(#c5e86c, #5aa701);
	border-radius: 30px;
	padding: 10px 40px;
	color: #fff;
	font-weight: 700;
	line-height: 1.778;
	font-size: 18px;
	text-transform: uppercase;
	transition: opacity 200ms cubic-bezier(0.39, 0.575, 0.565, 1) 25ms;
}

.subscribe-btn:hover {
	text-decoration: none;
	opacity: 0.9;
}

.subscribe-phone_wrapper {
	flex-shrink: 0;
	align-items: flex-end;
}

.subscribe-phone {
	height: 192px;
	width: auto;
}

.subscribe-phone2 {
	display: none;
	width: auto;
	height: 179px;
}

@media (min-width: 768px) {
	.subscribe {
		margin: 0 0 -10vw;
		padding: 20px 5% 40px;
		text-align: left;
	}

	.subscribe-content {
		flex-direction: row;
		padding: 24px 87px 0 24px;
	}

	.subscribe-phone_wrapper {
		display: flex;
	}

	.subscribe-phone {
		display: none;
	}

	.subscribe-phone2 {
		display: block;
	}
}
