@charset "UTF-8";
/* CSS Document */

body {
	background-color: #FFFFFF;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
}

.mainHolder {
	position:relative;
	left:0px;
	top:0px;
	width:100%;
	height:auto;
	display:inline-block;
	box-sizing:border-box;
	padding-bottom:30px;
	background-color: #FFFFFF;
	font-family: 'ProximaNova';
	font-size:1px;
	line-height:1px;
	text-align:center;
}

.mainHolder .contentSection {
	position:relative;
	left:0px;
	top:0px;
	width:100%;
	height:auto;
	display:inline-block;
	box-sizing:border-box;
}

.mainHolder .contentSection.theHeader {
	padding-top:20px;
	padding-bottom:20px;
}

.headerGraphic {
	position:relative;
	left:0px;
	top:0px;
	width:46%;
	height:auto;
	display:inline-block;
	box-sizing:border-box;
	max-width:658px;
}

@media(max-width:767px) {
	.mainHolder .contentSection.theHeader {
		padding-left:20px;
		padding-right:20px;
	}
	.headerGraphic {
		width:100%;
		max-width:336px;
	}
}

.mainHolder .contentSection.topText {
	padding-bottom:20px;
}

.mainHolder .contentSection.topText h1 {
	margin:0px;
	padding:0px;
	position:relative;
	left:0px;
	top:0px;
	width:100%;
	height:auto;
	display:inline-block;
	box-sizing:border-box;
	font-family: 'ProximaNova-bold';
	font-weight:bold;
	color:#9039a1;
	font-size:32px;
	line-height:32px;
}

.mainHolder .contentSection.topText .breakHide {
	display:none;
}

.mainHolder .contentSection.topText h1 span {
	font-size:36px;
	line-height:24px;
	display:inline-block;
	color:#fede58;
	vertical-align:middle;
	margin-top:-4px;
}


@media(max-width:1180px) {
	.mainHolder .contentSection.topText h1 {
		font-size:24px;
		line-height:24px;
	}
	.mainHolder .contentSection.topText h1 span {
		line-height:24px;
	}
}


@media(max-width:970px) {
	.mainHolder .contentSection.topText h1 {
		font-size:19px;
		line-height:19px;
	}
	.mainHolder .contentSection.topText h1 span {
		line-height:20px;
	}
}

@media(max-width:767px) {
	.mainHolder .contentSection.topText h1 {
		line-height:18px;
	}
	.mainHolder .contentSection.topText h1 span {
		line-height:15px;
	}
	.mainHolder .contentSection.topText .breakHide {
		display:inline-block;
	}
}

.mainHolder .contentSection.videoSection {
	padding-bottom:20px;
	padding-left:16px;
	padding-right:16px;
}

.mainHolder .contentSection.videoSection .videoHolder {
	position:relative;
	left:0px;
	top:0px;
	width:33.33%;
	height:auto;
	display:inline-block;
	box-sizing:border-box;
	vertical-align:top;
	padding-left:16px;
	padding-right:16px;
	font-family: 'ProximaNova-bold';
	font-weight:bold;
	color:#0072d3;
	font-size:18px;
	line-height:18px;
	text-decoration:none;
	max-width:424px;
}

.mainHolder .contentSection.videoSection a {
	color:#0072d3;
	text-decoration:none;
}

.mainHolder .contentSection.videoSection .videoHolder .videoIcon {
	position:relative;
	left:0px;
	top:0px;
	width:100%;
	height:auto;
	display:inline-block;
	box-sizing:border-box;
	margin-bottom:12px;
}

.mainHolder .contentSection.videoSection .videoHolder .videoIcon .videoIconImage {
	position:relative;
	left:0px;
	top:0px;
	width:100%;
	height:auto;
	display:inline-block;
	box-sizing:border-box;
}

.mainHolder .contentSection.videoSection .videoHolder .videoIcon .spanishButton {
	position:absolute;
	left:0px;
	bottom:4px;
	width:27.3%;
	max-width:107px;
}

@media(max-width:970px) {
	.mainHolder .contentSection.videoSection .videoHolder {
		font-size:16px;
		line-height:16px;
	}
}

@media(max-width:767px) {
	.mainHolder .contentSection.videoSection .videoHolder {
		width:100%;
		font-size:14px;
		line-height:14px;
		padding-bottom:16px;
	}
}

.mainHolder .contentSection.downloadSection {
	padding-bottom:40px;
	padding-left:30px;
	padding-right:30px;
}

.mainHolder .contentSection.downloadSection .buttonHolder {
	position:relative;
	left:0px;
	top:0px;
	width:25%;
	height:auto;
	display:inline-block;
	box-sizing:border-box;
	vertical-align:top;
	padding-left:10px;
	padding-right:10px;
	max-width:290px;
	
}

.mainHolder .contentSection.downloadSection a {
	position:relative;
	left:0px;
	top:0px;
	width:100%;
	height:auto;
	display:inline-block;
	box-sizing:border-box;
	font-family: 'ProximaNova-bold';
	font-weight:bold;
	color:#FFF;
	font-size:16px;
	line-height:1.1;
	text-decoration:none;
	background-color:#bb4bd3;
	text-align:center;
	border-radius:29px;
}

.mainHolder .contentSection.downloadSection a.button2 {
	background-color:#de366b;
}

.mainHolder .contentSection.downloadSection a.button3 {
	background-color:#72bf44;
}

.mainHolder .contentSection.downloadSection a.button4 {
	background-color:#ee9322;
}

.mainHolder .contentSection.downloadSection a span {
	vertical-align:middle;
	display:inline-block;
	position:relative;
}

.mainHolder .contentSection.downloadSection a img {
	vertical-align:middle;
	display:inline-block;
	position:relative;
	margin-left:12px;
	width:21px;
	height:auto;
}

@media(max-width:970px) {
	.mainHolder .contentSection.downloadSection .buttonHolder {
		padding-left:5px;
		padding-right:5px;
	}
	.mainHolder .contentSection.downloadSection a {
		font-size:13px;
		padding-top:3px;
		padding-bottom:3px;
	}
	.mainHolder .contentSection.downloadSection a img {
		width:15px;
		margin-left:6px;
	}
}

@media(max-width:767px) {
	.mainHolder .contentSection.downloadSection .buttonHolder {
		width:100%;
		padding-bottom:10px;
		max-width:none;
	}
	.mainHolder .contentSection.downloadSection a {
		font-size:16px;
		max-width:215px;
		padding-top:0px;
		padding-bottom:0px;
	}
	.mainHolder .contentSection.downloadSection a img {
		width:21px;
	}
}


.mainHolder .contentSection.blueSection {
	padding-top:10px;
	padding-bottom:10px;
	background-color:#0072d3;
}

.blueSectionHolder {
	position:relative;
	left:0px;
	top:0px;
	width:100%;
	height:auto;
	display:inline-block;
	box-sizing:border-box;
	padding-left:20px;
	padding-right:20px;
	max-width:1140px;
}

.blueSectionHolder .blueItem {
	position:relative;
	left:0px;
	top:0px;
	width:33.33%;
	height:auto;
	display:inline-block;
	box-sizing:border-box;
	vertical-align:top;
	padding-top:25px;
	padding-bottom:25px;
	border-left:solid;
	border-left-color: rgba(255,255,255,.1);
	border-left-width:2px;
	border-right:solid;
	border-right-color: rgba(0,0,0,.1);
	border-right-width:2px;
	border-top:solid;
	border-top-color: rgba(255,255,255,.1);
	border-top-width:2px;
	border-bottom:solid;
	border-bottom-color: rgba(0,0,0,.1);
	border-bottom-width:2px;
	text-decoration:none;
}

.blueSectionHolder .blueItem.box1 {
	border-left:none;
	border-top:none;
}

.blueSectionHolder .blueItem.box2 {
	border-top:none;
}

.blueSectionHolder .blueItem.box3 {
	border-right:none;
	border-top:none;
}

.blueSectionHolder .blueItem.box4 {
	border-left:none;
	border-bottom:none;
}

.blueSectionHolder .blueItem.box5 {
	border-bottom:none;
}

.blueSectionHolder .blueItem.box6 {
	border-right:none;
	border-bottom:none;
}

.blueSectionHolder .blueItem .theIcon {
	position:relative;
	left:0px;
	top:0px;
	width:95px;
	height:auto;
	display:inline-block;
}

.blueSectionHolder .blueItem p {
	margin:0px;
	padding:0px;
	display:inline-block;
	font-family: 'ProximaNova-bold';
	font-weight:bold;
	color:#FFF;
	font-size:24px;
	line-height:1.25;
	margin-top:15px;
}

@media(max-width:970px) {
	.blueSectionHolder .blueItem p {
		font-size:16px;
		margin-top:10px;
	}
	.blueSectionHolder .blueItem .theIcon {
		width:62px;
	}
}

@media(max-width:767px) {
	.blueSectionHolder {
		padding-left:0px;
		padding-right:0px;
	}
	.blueSectionHolder .blueItem {
		width:50%;
		max-width:275px;
	}
	
	.blueSectionHolder .blueItem.box1 {
		border-left:none;
		border-left-color: rgba(255,255,255,.1);
		border-left-width:2px;
		border-right:solid;
		border-right-color: rgba(0,0,0,.1);
		border-right-width:2px;
		border-top:none;
		border-top-color: rgba(255,255,255,.1);
		border-top-width:2px;
		border-bottom:solid;
		border-bottom-color: rgba(0,0,0,.1);
		border-bottom-width:2px;
	}
	
	.blueSectionHolder .blueItem.box2 {
		border-left:solid;
		border-left-color: rgba(255,255,255,.1);
		border-left-width:2px;
		border-right:none;
		border-right-color: rgba(0,0,0,.1);
		border-right-width:2px;
		border-top:none;
		border-top-color: rgba(255,255,255,.1);
		border-top-width:2px;
		border-bottom:solid;
		border-bottom-color: rgba(0,0,0,.1);
		border-bottom-width:2px;
	}
	
	.blueSectionHolder .blueItem.box3 {
		border-left:none;
		border-left-color: rgba(255,255,255,.1);
		border-left-width:2px;
		border-right:solid;
		border-right-color: rgba(0,0,0,.1);
		border-right-width:2px;
		border-top:solid;
		border-top-color: rgba(255,255,255,.1);
		border-top-width:2px;
		border-bottom:solid;
		border-bottom-color: rgba(0,0,0,.1);
		border-bottom-width:2px;
	}
	
	.blueSectionHolder .blueItem.box4 {
		border-left:solid;
		border-left-color: rgba(255,255,255,.1);
		border-left-width:2px;
		border-right:none;
		border-right-color: rgba(0,0,0,.1);
		border-right-width:2px;
		border-top:solid;
		border-top-color: rgba(255,255,255,.1);
		border-top-width:2px;
		border-bottom:solid;
		border-bottom-color: rgba(0,0,0,.1);
		border-bottom-width:2px;
	}
	
	.blueSectionHolder .blueItem.box5 {
		border-left:none;
		border-left-color: rgba(255,255,255,.1);
		border-left-width:2px;
		border-right:solid;
		border-right-color: rgba(0,0,0,.1);
		border-right-width:2px;
		border-top:solid;
		border-top-color: rgba(255,255,255,.1);
		border-top-width:2px;
		border-bottom:none;
		border-bottom-color: rgba(0,0,0,.1);
		border-bottom-width:2px;
	}
	
	.blueSectionHolder .blueItem.box6 {
		border-left:solid;
		border-left-color: rgba(255,255,255,.1);
		border-left-width:2px;
		border-right:none;
		border-right-color: rgba(0,0,0,.1);
		border-right-width:2px;
		border-top:solid;
		border-top-color: rgba(255,255,255,.1);
		border-top-width:2px;
		border-bottom:none;
		border-bottom-color: rgba(0,0,0,.1);
		border-bottom-width:2px;
	}
}

@media(max-width:374px) {
	.blueSectionHolder .blueItem {
		height:172px;
		padding-left:5px;
		padding-right:5px;
	}
}


.mainHolder .contentSection.formSection {
	padding-top:25px;
	padding-bottom:25px;
	background-color:#FFF;
}

.mainHolder .contentSection.formSection h2 {
	margin:0px;
	padding:0px;
	position:relative;
	left:0px;
	top:0px;
	width:100%;
	height:auto;
	display:inline-block;
	padding-left:20px;
	padding-right:20px;
	box-sizing:border-box;
	font-family: 'ProximaNova-bold';
	font-weight:bold;
	color:#9039a1;
	font-size:40px;
	line-height:1.1;
}

.mainHolder .contentSection.formSection h3 {
	margin:0px;
	padding:0px;
	position:relative;
	left:0px;
	top:0px;
	width:100%;
	height:auto;
	display:inline-block;
	padding-left:20px;
	padding-right:20px;
	box-sizing:border-box;
	font-family: 'ProximaNova-bold';
	font-weight:bold;
	color:#9039a1;
	font-size:27px;
	line-height:1.1;
	margin-top:5px;
}

.mainHolder .contentSection.formSection p {
	margin:0px;
	padding:0px;
	position:relative;
	left:0px;
	top:0px;
	width:100%;
	height:auto;
	display:inline-block;
	padding-left:20px;
	padding-right:20px;
	box-sizing:border-box;
	font-family: 'ProximaNova-bold';
	font-weight:bold;
	color:#9039a1;
	font-size:21px;
	line-height:1.1;
	margin-top:25px;
	white-space:nowrap;
}

.mainHolder .contentSection.formSection p a {
	text-decoration:none;
	color:#9039a1;
}

.mainHolder .contentSection.formSection p .showMe {
	display:none;
}

.mainHolder .contentSection .scholasticLogo {
	margin-top:25px;
}

.mainHolder .contentSection.formSection .formHolder {
	position:relative;
	left:0px;
	top:0px;
	width:100%;
	height:auto;
	display:inline-block;
	max-width:891px;
	margin-top:20px;
	box-sizing:border-box;
	padding-left:10px;
	padding-right:10px;
	font-family: 'ProximaNova-bold';
	font-weight:bold;
}

@media(max-width:1180px) {
	.mainHolder .contentSection.formSection h2 {
		font-size:33px;
	}
	.mainHolder .contentSection.formSection h3 {
		font-size:23px;
	}
	.mainHolder .contentSection.formSection p {
		font-size:19px;
	}
}

@media(max-width:970px) {
	.mainHolder .contentSection.formSection h2 {
		font-size:26px;
	}
	.mainHolder .contentSection.formSection h3 {
		font-size:16px;
	}
	.mainHolder .contentSection.formSection p {
		font-size:18px;
	}
}

@media(max-width:767px) {
	.mainHolder .contentSection.formSection h2 {
		font-size:21px;
	}
	.mainHolder .contentSection.formSection h3 {
		max-width:375px;
	}
	.mainHolder .contentSection.formSection p {
		line-height:1.25;
	}
	.mainHolder .contentSection.formSection p .showMe {
		display:inline-block;
	}
	.mainHolder .contentSection.formSection p .hideMe {
		display:none;
	}
}


.imagePopupHolder {
	position:fixed;
	left:0px;
	top:0px;
	width:100vw;
	height:100vh;
	display:block;
	background-color: rgba(0,0,0,.7);
	z-index:50000;
	overflow-x:hidden;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
	text-align:center;
}

.imagePopupHolder .imagePopup {
	position:relative;
	left:0px;
	top:50%;
	width:100%;
	height:auto;
	display:inline-block;
	background-color:#FFF;
	padding:25px;
	padding-top:25px;
	box-sizing:border-box;
	border-radius:25px;
	max-width:625px;
	-webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
}

.imagePopupHolder .imagePopup .popupImage {
	position:relative;
	left:0px;
	top:0px;
	width:100%;
	height:auto;
	display:inline-block;
}

.imagePopupHolder .imagePopup p {
	margin:0px;
	padding:0px;
	display:inline-block;
	font-family: 'ProximaNova-bold';
	font-weight:bold;
	color:#0072d3;
	font-size:24px;
	line-height:1.1;
	margin-bottom:10px;
}

.imagePopupHolder .imagePopup .theX {
	position:absolute;
	right:15px;
	top:15px;
	width:30px;
	height:auto;
	display:block;
	cursor:pointer;
}

@media(max-width:1370px) {
	.imagePopupHolder .imagePopup {
		max-width:575px;
	}
}

@media(max-width:1025px) {
	.imagePopupHolder .imagePopup {
		top:0px;
		-webkit-transform:none;
		-ms-transform:none;
		transform:none;
		margin-top:25px;
		max-width:575px;
	}
}

@media(max-width:970px) {
	.imagePopupHolder .imagePopup p {
		font-size:16px;
	}
}