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

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

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

.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: MuseoSans-700;
	font-weight:normal;
	color:#36444a;
	font-size:35px;
	line-height:35px;
}

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

.mainHolder .contentSection.topText h1 span {
	display:inline-block;
}

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


@media(max-width:767px) {
	.mainHolder .contentSection.topText h1 {
		font-size:24px;
		line-height:1.2;
	}
	.mainHolder .contentSection.topText .breakHide {
		display:inline-block;
	}
	.mainHolder .contentSection.topText h1 span {
		display:none !important;
	}
}

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

.mainHolder .contentSection.videoSection .videoHolder {
	position:relative;
	left:0px;
	top:0px;
	width:36.18%;
	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 .videoHolder.videoHolder2 {
	width:32.5%;
	max-width:381px;
}

.mainHolder .contentSection.videoSection .videoHolder.videoHolder3 {
	width:31.31%;
	max-width:367px;
}

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

.tagClass {
	float:left;
	margin-bottom:5px;
}

.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% !important;
		font-size:14px;
		line-height:14px;
		padding-bottom:16px;
		max-width:381px;
	}
}

.mainHolder .contentSection.downloadSection {
	padding-bottom:35px;
	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: MuseoSans-700;
	font-weight:normal;
	color:#FFF;
	font-size:16px;
	line-height:1.1;
	text-decoration:none;
	background-color:#2f2f2f;
	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: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:#2f2f2f;
}

.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: MuseoSans-700;
	font-weight:normal;
	color:#FFF;
	font-size:20px;
	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:35px;
	padding-bottom:25px;
	background-color:#fed90f;
}

.mainHolder 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: MuseoSans-700;
	font-weight:normal;
	color:#000;
	font-size:24px;
	line-height:1.1;
	margin-bottom:20px;
}

.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: MuseoSans-700;
	font-weight:normal;
	color:#000;
	font-size:24px;
	line-height:1.1;
	margin-top:0px;
	margin-bottom:0px;
}

.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;
	font-weight:normal;
	color:#000;
	font-size:18px;
	line-height:1.1;
	margin-top:15px;
}

.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-700;
	font-weight:normal;
	color:#000;
	font-size:21px;
	line-height:1.1;
	margin-top:25px;
	white-space:nowrap;
}

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

.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:normal;
}

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

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

@media(max-width:767px) {
	.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 .contentPopup {
	position:relative;
	left:0px;
	top:25px;
	width: calc(100% - 40px);
	height: calc(100vh - 50px);
	display:inline-block;
	background-color:#FFF;
	padding:45px;
	padding-top:55px;
	padding-left:45px;
	padding-right:45px;
	box-sizing:border-box;
	border-radius:25px;
}

.imagePopupHolder .contentPopup iframe {
	position:relative;
	left:0px;
	top:0px;
	width: 100%;
	height: 100%;
	display:inline-block;
	background-color:#FFF;
	box-sizing:border-box;
	border:none !important;
}

.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 .contentPopup .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;
	}
}