@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: MuseoSans-500;
	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:312px;
	height:auto;
	display:inline-block;
	box-sizing:border-box;
}

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

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

.mainHolder .contentSection.topText h1 {
	margin:0px;
	padding:0px;
	position:relative;
	font-weight:normal;
	left:0px;
	top:0px;
	width:100%;
	height:auto;
	display:inline-block;
	box-sizing:border-box;
	font-family: MuseoSans-500;
	color:#36444a;
	font-size:30px;
	line-height:1.83em;
}

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

.mainHolder .contentSection.topText h1 .showMe {
	display:none;
}

@media(max-width:1290px) {
	.mainHolder .contentSection.topText h1 {
		font-size:27px;
		line-height:1.83em;
	}
}


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

@media(max-width:1040px) {
	.mainHolder .contentSection.topText h1 {
		max-width:560px;
		line-height:34px;
	}
}

@media(max-width:570px) {
	.mainHolder .contentSection.topText h1 {
		max-width:245px;
		font-size:20px;
		line-height:27px;
		letter-spacing:.75px;
	}
	.mainHolder .contentSection.topText h1 .hideMe {
		display:none;
	}
	.mainHolder .contentSection.topText h1 .showMe {
		display:inline-block;
	}
}

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

.mainHolder .contentSection.videoSection .topImage {
	position:relative;
	left:0px;
	top:0px;
	height:auto;
	display:inline-block;
	vertical-align:top;
	margin-left:5px;
	margin-right:5px;
}

.mainHolder .contentSection.videoSection .topImage.topImage1 {
	width: calc(39.4% - 10px);
	max-width:501px;
}

.mainHolder .contentSection.videoSection .topImage.topImage2 {
	width: calc(26.0% - 10px);
	max-width:331px;
}

.mainHolder .contentSection.videoSection .topImage.topImage3 {
	width: calc(34.6% - 10px);
	max-width:440px;
}

@media(max-width:1023px) {
	.mainHolder .contentSection.videoSection .topImage {
		margin-bottom:20px;
	}
	.mainHolder .contentSection.videoSection .topImage.topImage1 {
		width: calc(60.2% - 10px);
	}
	.mainHolder .contentSection.videoSection .topImage.topImage2 {
		width: calc(39.8% - 10px);
	}
	.mainHolder .contentSection.videoSection .topImage.topImage3 {
		width: calc(52.9% - 10px);
	}
	.mainHolder .contentSection.videoSection {
		padding-bottom:0px;
	}
}

@media(max-width:750px) {
	.mainHolder .contentSection.videoSection .topImage {
		margin-bottom:20px;
	}
	.mainHolder .contentSection.videoSection .topImage.topImage1 {
		width: 100%;
	}
	.mainHolder .contentSection.videoSection .topImage.topImage2 {
		width: 100%;
	}
	.mainHolder .contentSection.videoSection .topImage.topImage3 {
		width: 100%;
	}
	.mainHolder .contentSection.videoSection {
		padding-bottom:0px;
	}
}

.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-left:30px;
	padding-right:30px;
}

.mainHolder .contentSection.downloadSection .buttonHolder {
	position:relative;
	left:0px;
	top:0px;
	width:270px;
	height:auto;
	display:inline-block;
	box-sizing:border-box;
	vertical-align:top;
	padding-left:10px;
	padding-right:10px;
	margin-bottom:20px;
}

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

.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:auto;
	height:53px;
}

@media(max-width:970px) {
	.mainHolder .contentSection.downloadSection .buttonHolder {
		padding-left:5px;
		padding-right:5px;
	}
}

@media(max-width:767px) {
	.mainHolder .contentSection.downloadSection .buttonHolder {
		width:100%;
		padding-bottom:10px;
		max-width:none;
	}
}

.mainHolder h2 {
	margin:0px;
	padding:0px;
	font-weight:normal;
	font-family: MuseoSans-500;
	font-size: 20px;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: 0.5px;
	text-align: center;
	color: #36444a;
	display:inline-block;
	margin-bottom:20px;
}

@media(max-width:570px) {
	.mainHolder h2 {
		font-size: 18px;
	}
}


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

.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:190px;
	height:auto;
	display:inline-block;
}

.blueSectionHolder .blueItem p {
	margin:0px;
	padding:0px;
	display:inline-block;
	font-family: MuseoSans-700;
	color:#FFF;
	font-size:20px;
	line-height:1.25;
	
}


@media(max-width:970px) {
	.blueSectionHolder {
		padding-left:0px;
		padding-right:0px;
	}
	.blueSectionHolder .blueItem {
		width:50%;
		
	}
	
	.blueSectionHolder .blueItem .theIcon {
		width:100%;
		max-width:190px;
	}
	
	.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 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: MuseoSans-700;
	color:#36444a;
	font-size:30px;
	line-height:1.1;
}

.mainHolder .contentSection.formSection h4 {
	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: MuseoSans-500;
	color:#36444a;
	font-size:20px;
	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: MuseoSans-500;
	color:#36444a;
	font-size:21px;
	line-height:1.1;
	margin-top:25px;
	white-space:nowrap;
}

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

.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:720px;
	margin-top:20px;
	box-sizing:border-box;
	padding-left:10px;
	padding-right:10px;
	font-family: MuseoSans-700;
	font-weight:bold;
}



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

@media(max-width:767px) {
	.mainHolder .contentSection.formSection h3 {
		font-size:21px;
	}
	.mainHolder .contentSection.formSection h4 {
		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:25px;
	width:100%;
	height:auto;
	display:inline-block;
	background-color:#FFF;
	padding:45px;
	padding-top:55px;
	padding-left:45px;
	padding-right:45px;
	box-sizing:border-box;
	border-radius:25px;
	max-width:725px;
}

.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: MuseoSans-700;
	color:#36444a;
	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;
}

.imagePopupHolder .arrows {
	position:absolute;
	top:50%;
	width:30px;
	height:auto;
	display:inline-block;
	margin-top:10px;
	cursor:pointer;
	margin-top:-15px;
}

.imagePopupHolder .arrowLeft {
	left:0px;
	margin-left:5px;
}

.imagePopupHolder .arrowRight {
	right:0px;
	margin-right:5px;
}

@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;
	}
}