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

@import url('https://fonts.googleapis.com/css?family=Nunito:400,400i,700,700i,800,800i&display=swap');

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

.mainHolder {
	position:relative;
	left:0px;
	top:0px;
	width:100%;
	height:auto;
	display:inline-block;
	font-size:1px;
	line-height:1px;
	background-color: #FFF;
	text-align:center;
	box-sizing:border-box;
	font-family: 'Nunito', sans-serif;
	font-weight:500;
}

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

.cardSectionHolder {
	position:relative;
	left:0px;
	top:0px;
	width:100%;
	height:auto;
	display:inline-block;
	box-sizing:border-box;
	background-color:#FFF;
	padding-top:100px;
	padding-bottom:100px;
	overflow:hidden;
	background-image:url(img/background.jpg);
	background-position:bottom right;
	background-size:cover;
	background-repeat:no-repeat;
}

.cardSectionHolder .backgroundGirl {
	position:absolute;
	right:0px;
	bottom:0px;
	width:100%;
	height:auto;
	max-width:1200px;
	min-width:600px;
}

.topContent {
	margin-top:50px;
	padding-bottom:50px;
}

.topContent .LitPro_logo {
	width: 287px;
	height: auto;
	object-fit: contain;
	display:inline-block;
	margin-left:15px;
	margin-right:15px;
	box-sizing:border-box;
	vertical-align:top;
}

.topContent .topLogoClass {
	width: 198px;
	height: auto;
	object-fit: contain;
	display:inline-block;
	margin-left:75px;
	margin-right:75px;
	box-sizing:border-box;
	vertical-align:middle;
}

.breakShow {
	display:none;
}

.topContent .topLogoClass.litpro-logo {
	width: 287px;
}

.topContent h1 {
	margin:0px;
	padding:0px;
	font-family:MuseoSans-700;
	font-size: 42px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.29;
	letter-spacing: normal;
	text-align: center;
	color: #ec1d25;
	display:inline-block;
	max-width:930px;
	margin-left:15px;
	margin-right:15px;
	box-sizing:border-box;
	vertical-align:top;
	width:100%;
	margin-top:25px;
}

.topContent h1 span {
	font-family:MuseoSans-300;
	color: #7f7f7f;
}

.responseBar {
	max-width:none;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:20px;
	padding-right:20px;
	background-color:transparent;
	display:none;
}


.responseBar h2 {
	padding:0px;
	margin:0px;
	font-weight:500;
	font-size: 24px;
	font-weight: 600;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.21;
	letter-spacing: 0.54px;
	text-align: center;
	color: #d2222a;
	position:relative;
	display:inline-block;
}



.sectionHolder {
	position:relative;
	left:0px;
	top:0px;
	height:auto;
	display:inline-block;
	box-sizing:border-box;
	vertical-align:top;
	padding-left:50px;
	padding-right:50px;
	
}

.leftSection {
	width:55%;
	
}

.rightSection {
	width:45%;
	text-align:left;
}

.leftSection .card {
	position:relative;
	left:0px;
	top:0px;
	width:100%;
	height:auto;
	display:inline-block;
	box-sizing:border-box;
	border-radius: 20.8px;
	box-shadow: 7px 7px 0 0 rgba(0, 0, 0, 0.25);
	border: solid 1.1px #a58e3a;
	background-color: #ffffff;

	padding:45px;
	padding-bottom:90px;
	text-align:left;
	font-size: 16px;
	font-weight: 400;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.75;
	letter-spacing: normal;
	color: #535151;
	overflow:hidden;
}


.leftSection .card .letterTopHolder {
	position:relative;
	left:0px;
	top:0px;
	width:50%;
	height:auto;
	display:inline-block;
	text-align:center;
	max-width:260px;
	padding-bottom:10px;
	vertical-align:bottom;
}

.leftSection .card .letterTopHolder.leftSide {
	float:left;
}

.leftSection .card .letterTopHolder.rightSide {
	float:right;
}


.leftSection .card .letterTopHolder .topLogoClass {
	position:relative;
	left:0px;
	top:0px;
	width:auto;
	height:66px;
	display:inline-block;
}

.leftSection .card .letterTopHolder .banner {
	position:relative;
	left:0px;
	top:0px;
	width:100%;
	height:auto;
	display:inline-block;
}

.leftSection .card .letterTopHolder.leftSide .banner {
	max-width:178px;
}

.leftSection .card .letterTopHolder.rightSide .banner {
	max-width:232px;
}

.leftSection .card .cornerBook {
	position:absolute;
	right:30px;
	bottom:30px;
	width:34%;
	height:auto;
	max-width:177px;
}

.leftSection .card .LitPro_logo {
	width: 260px;
	height: auto;
	object-fit: contain;
	display:inline-block;
	box-sizing:border-box;
	vertical-align:top;
	margin-bottom:35px;
}

.leftSection .card a, .leftSection .card a {
	font-weight:900;
	color: #23418f;
	text-decoration:none;
}

.noBreak {
	white-space:nowrap;
}

.leftSection .card a, .leftSection .logo {
	width:259px;
	max-width:none;
	margin-top:35px;
}

#litProForm .textBoxCls {
	-webkit-appearance:none;
	-ms-appearance:none;
	appearance:none;
	width: 100%;
	height: 40px;
	border:none;
	color: #3b3d3f;
	font-size: 21px;
	letter-spacing: 0.5px;
	box-sizing:border-box;
	outline-color: transparent;
	outline-style: none;
	padding-left:8px;
	margin-top:5px;
	max-width:445px;
	border:none;
	background-color: #ffffff;
	
}

#litProForm .labelCls {
	font-size: 18px;
  font-weight: 700;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.38;
  letter-spacing: normal;
  color: #3b3d3f;

}

#litProForm header {
	display:none;
}

#litProForm .containerSpanCls {
	padding:0px;
	margin:0px;
	margin-bottom:34px;
	display:inline-block;
	width:100%;
}

.sendBtnCls {
	-webkit-appearance:none;
	-ms-appearance:none;
	appearance:none;
	
	display:inline-block;
	border:none;
	 width: 158px;
  height: 63px;
  border-radius: 31.5px;
  background-color: #ec1d25;

	
	font-size: 29px;
	font-weight: 700;
	font-stretch: normal;
	font-style: normal;
	line-height: 29px;
	letter-spacing: 0.5px;
	color: #ffffff;
	cursor:pointer;
	margin-top:30px;
	outline:none;
}

#litProForm .error {
	background-color:transparent !important;
}

#litProForm p {
	padding-bottom:20px;
}

#litProForm .hideMe {
	display:none;
}

.errorCls,.emailErrorCls,.recaptchaError{
	color:red;
	font-family: sofia-pro, sans-serif;
    font-size: 16px;
    position:relative;
	padding-bottom:28px;
	display:block;
	margin-top:15px;
    
}
.errorTextBoxCls{
	border-color:red;
	margin-bottom:0;
	display:block;
}
.emailConfirmationDiv{
	width: 1440px;
    height: 200px;
    color: #004973;
    font-family: SofiaProMedium;
    font-size: 26px;
    line-height: 34px;
    text-align: center;  
    background-color: #a5d9f0;
    position: relative;
    bottom: 25px;
    transform: translateX(16%);
    box-shadow:1px 1px 1px 0 #000;
    padding-top:50px;
}
.g-recaptcha{
	margin-top:20px;
}
.hidden{
	display:none;
}

#litProForm .stars {
	float:right;
	margin-top:15px;
	display:none;
}


.screenshotHolder {
	padding-top:50px;
	padding-bottom:50px;
}

.screenshotHolder h2 {
	margin:0px;
	padding:0px;
	font-weight:normal;
	position:relative;
	left:0px;
	top:0px;
	width:100%;
	height:auto;
	box-sizing:border-box;
	padding-left:15px;
	padding-right:15px;
	max-width:912px;
	font-size: 40px;
	font-weight: 800;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.2;
	letter-spacing: 0.59px;
	text-align: center;
	color: #009de0;
	display:inline-block;
}

.screenshotHolder .Scholastic-Literacy {
	margin:0px;
	padding:0px;
	font-weight:normal;
	position:relative;
	left:0px;
	top:0px;
	width:100%;
	height:auto;
	box-sizing:border-box;
	padding-left:15px;
	padding-right:15px;
	max-width:900px;
	font-size: 28px;
	font-weight: 400;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.36;
	letter-spacing: normal;
	text-align: center;
	color: #5a6874;
	display:inline-block;
	margin-top:15px;
}

.screenshotHolder .itemHolder {
	position:relative;
	left:0px;
	top:0px;
	width:100%;
	height:auto;
	box-sizing:border-box;
	padding-left:3.4%;
	padding-right:3.4%;
	display:inline-block;
	margin-top:50px;
}

.screenshotHolder .itemHolder .item {
	position:relative;
	left:0px;
	top:0px;
	width:33.33%;
	height:auto;
	display:inline-block;
	box-sizing:border-box;
	padding-left:3.4%;
	padding-right:3.4%;
	padding-bottom:3.4%;
	vertical-align:top;
}

.screenshotHolder .itemHolder .item .screenshotImage {
	position:relative;
	left:0px;
	top:0px;
	width:100%;
	height:auto;
	display:inline-block;
	object-fit: contain;
	max-width:301px;
}

.screenshotHolder .itemHolder .item strong {
	margin:0px;
	padding:0px;
	font-weight:normal;
	position:relative;
	left:0px;
	top:0px;
	width:100%;
	height:auto;
	box-sizing:border-box;
	display:inline-block;
	margin-top:20px;
	font-size: 22px;
	font-weight: 800;
	line-height: 1.27;
	color:#1974ba;
}

.screenshotHolder .itemHolder .item p {
	margin:0px;
	padding:0px;
	font-weight:normal;
	position:relative;
	left:0px;
	top:0px;
	width:100%;
	height:auto;
	box-sizing:border-box;
	display:inline-block;
	margin-top:20px;
	font-size: 20px;
	font-weight: 400;
	line-height: 1.2;
	color:#1974ba;
	margin-top:2px;
}

.listSectionHolder {
	position:relative;
	left:0px;
	top:0px;
	width:100%;
	height:auto;
	box-sizing:border-box;
	display:inline-block;
	background-color:#3353b1;
}

.listSectionHolder .listSection {
	position:relative;
	left:0px;
	top:0px;
	width:60%;
	height:auto;
	box-sizing:border-box;
	display:inline-block;
	
	text-align:left;
	vertical-align:bottom;
	padding-top:60px;
	padding-bottom:60px;
}

.listSectionHolder .astronaut {
	position:relative;
	left:0px;
	top:0px;
	width:23%;
	height:auto;
	box-sizing:border-box;
	display:inline-block;
	max-width:322px;
}



.listSectionHolder .listSection h2 {
	margin:0px;
	padding:0px;
	font-weight:normal;
	position:relative;
	left:0px;
	top:0px;
	width:100%;
	height:auto;
	box-sizing:border-box;
	display:inline-block;
	font-size: 34px;
	font-weight: 800;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.24;
	letter-spacing: 0.5px;
	color: #ffffff;
	max-width:510px;
	padding-bottom:12px;
}

.listSectionHolder .listSection .item {
	position:relative;
	left:0px;
	top:0px;
	width:100%;
	height:auto;
	box-sizing:border-box;
	display:inline-block;
	text-align:left;
	margin-top:10px;
}

.listSectionHolder .listSection .item .checkmark {
	width:30px;
	height:auto;
	display:inline-block;
	vertical-align:top;
}

.listSectionHolder .listSection .item p {
	position:relative;
	left:0px;
	top:0px;
	width: calc(100% - 30px);
	height:auto;
	margin:0px;
	padding:0px;
	font-size: 20px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.2;
	letter-spacing: normal;
	color: #ffffff;
	display:inline-block;
	box-sizing:border-box;
	vertical-align:top;
	padding-left:12px;
	padding-right:12px;
	margin-top:2px;
}

.videoSectionHolder {
	position:relative;
	left:0px;
	top:0px;
	width:100%;
	height:auto;
	box-sizing:border-box;
	display:inline-block;
	background-color:#0ea8ad;
	padding-top:60px;
	padding-bottom:60px;
	overflow:hidden;
}

.videoSectionHolder h2 {
	margin:0px;
	padding:0px;
	font-weight:normal;
	position:relative;
	left:0px;
	top:0px;
	width:100%;
	height:auto;
	box-sizing:border-box;
	display:inline-block;
	font-size: 34px;
	font-weight: 800;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.24;
	letter-spacing: 0.5px;
	color: #ffffff;
	max-width:510px;
	padding-bottom:12px;
}

.videoSectionHolder .theVideo {
	position:relative;
	left:0px;
	top:0px;
	width:75%;
	height:auto;
	display:inline-block;
	max-width:580px;
	margin-top:15px;
}

.videoSectionHolder .Ovals {
	position:absolute;
	left:50%;
	top:50%;
	width:89%;
	height:auto;
	display:inline-block;
	-webkit-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
}

.bottomSection {
	padding-top:35px;
	padding-bottom:50px;
}

.bottomSection .panda {
	position:absolute;
	left:0px;
	bottom:0px;
	width:19.7%;
	height:auto;
	display:inline-block;
}

.bottomSection h2 {
	margin:0px;
	padding:0px;
	font-weight:normal;
	position:relative;
	left:0px;
	top:0px;
	width:100%;
	height:auto;
	display:inline-block;
	box-sizing:border-box;
	padding-left:50px;
	padding-right:50px;
	font-size: 34px;
  	line-height: 1.18;
	color:#3b3d3f;
	font-weight:700;
	max-width:880px;
}

.bottomSection p {
	margin:0px;
	padding:0px;
	font-weight:normal;
	position:relative;
	left:0px;
	top:0px;
	width:100%;
	height:auto;
	display:inline-block;
	box-sizing:border-box;
	padding-left:50px;
	padding-right:50px;
	font-size: 21px;
  	line-height: 32px;
	color:#3b3d3f;
	font-weight:700;
	max-width:880px;
	margin-top:30px;
}

.bottomSection .signed {
	font-weight:400;
}

.bottomSection a {
	position:relative;
	left:0px;
	top:0px;
	width: 300px;
	height: 71px;
	border-radius: 35.5px;
	box-shadow: 5px 7px 0 0 #a6a6a6;
	background-color: #3353b1;
	display:inline-block;
	margin-top:30px;
	font-size: 21px;
	font-weight: 700;
	font-stretch: normal;
	font-style: normal;
	line-height: 71px;
	letter-spacing: normal;
	text-align: center;
	color: #ffffff;
	text-decoration:none;
}

.bottomSection a .buttonImage {
	vertical-align:middle;
	margin-right:3px;
}

.bottomSection p .quote_start {
	margin-right:8px;
	line-height:32px;
}

.bottomSection p .quote_end {
	margin-left:8px;
	line-height:32px;
	vertical-align:text-bottom;
}

@media (max-width: 1220px) {
	.leftSection {
		padding-right:15px;
	}
	#litProForm .stars {
		display:block;
	}
	
	.rightSection {
		padding-left:15px;
	}
	.leftSection .card .letterTopHolder .topLogoClass {
		height:58px;
	}
}

@media (max-width: 1010px) {
	.topContent .topLogoClass {
		margin-left:0px;
		margin-right:0px;
	}
	.topContent .topLogoClass.litpro-logo {
		margin-top:45px;
	}
	.sectionHolder {
		width:100%;
		padding-left:30px;
		padding-right:30px;
		margin-top:35px;
	}
	.leftSection {
		max-width:none;
	}
	.rightSection {
		max-width:none;
		padding-left:60px;
		padding-right:60px;
	}
	#litProForm .textBoxCls {
		max-width:none;
	}
	.topContent h1 {
		width:100%;
		max-width:580px;
		margin-left:0px;
		margin-right:0px;
	}
	.cardSectionHolder .bubbles {
		display:none;
	}
	.cardSectionHolder {
		padding-top:25px;
		padding-bottom:200px !important;
	}
	.screenshotHolder .itemHolder {
		padding-left:3.4%;
		padding-right:3.4%;
		margin-top:50px;
	}
	
	.screenshotHolder .itemHolder .item {
		width:50%;
		padding-left:3.4%;
		padding-right:3.4%;
		padding-bottom:3.4%;
	}
	.screenshotHolder .itemHolder .item strong {
		font-size: 18.5px;
		line-height: 1.27;
		height:50px;
	}
	
	.screenshotHolder .itemHolder .item p {
		display:none;
	}
	.screenshotHolder h2 {
		font-size: 34px;
		line-height: 1.12;

	}
	
	.screenshotHolder .Scholastic-Literacy {
		font-size: 26px;
		line-height: 1.27;
	}
	.listSectionHolder .listSection {
		position:relative;
		left:0px;
		top:0px;
		width:100%;
		height:auto;
		box-sizing:border-box;
		display:inline-block;
		
		text-align:center;
		vertical-align:bottom;
		padding-top:45px;
		padding-bottom:45px;
		padding-left:15px;
		padding-right:15px;
		max-width:630px;
	}
	
	.listSectionHolder .astronaut {
		width:243px;
	}
	
	
	
	
	.listSectionHolder .listSection h2 {
		font-size: 28px;
		line-height: 1.2;
	}
	.listSectionHolder .listSection .item p {
		font-size: 16px;
		margin-top:5px;
	}
	.videoSectionHolder {
		padding-top:45px;
		padding-bottom:45px;
	}
	
	.videoSectionHolder h2 {
		font-size: 28px;
	}
	
	.bottomSection {
		padding-bottom:0px;
	}
	
	.bottomSection .panda {
		position:relative;
		left:0px;
		bottom:0px;
		width:243px;
		height:auto;
		display:inline-block;
		margin-top:30px;
	}
	
	.bottomSection h2 {
		font-size: 28px;
	}
	
	.bottomSection p {
		font-size: 16px;
		line-height: 1.4;
	}
	.breakShow {
		display:inline-block;
	}
	.sectionHolder {
		padding-bottom:0px;
	}
		
}

@media (max-width: 660px) {
	.cardSectionHolder {
		padding-top:25px;
		padding-bottom:25px;
	}
	.leftSection .card .cornerBook {
		display:none;
	}
	.leftSection .card .letterTopHolder {
		display:none;
	}
	.bottomSection h2 {
		font-size: 26px;
	}
	.videoSectionHolder h2 {
		font-size: 26px;
	}
	.listSectionHolder .listSection h2 {
		font-size: 26px;
		line-height: 1.2;
	}
	.screenshotHolder h2 {
		font-size: 32px;
		line-height: 1.12;

	}
	
	.screenshotHolder .Scholastic-Literacy {
		font-size: 24px;
		line-height: 1.27;
	}
	.topContent h1 {
		width:100%;
		font-size: 30px;
		line-height: 1.26;
		padding-left:35px;
		padding-right:35px;
	}
	.breakHide {
		display:none;
	}
	
	.logoHeader {
		padding-left:20px;
		padding-right:20px;
		padding-top:28px;
		padding-bottom:28px;
	}
	.leftSection .card {
		padding:20px;
		padding-bottom:40px;
		font-size: 18px;
		line-height: 1.43;
	}
	.rightSection {
		padding-left:40px;
		padding-right:40px;
	}
	.leftSection {
		padding-left:20px;
		padding-right:20px;
	}
	.responseBar h2 {
		font-size: 18px;
		line-height: 1.21;
	}
	.screenshotHolder .itemHolder {
		padding-left:15px;
		padding-right:15px;
		margin-top:50px;
	}
	
	.screenshotHolder .itemHolder .item {
		width:100%;
		padding-left:0px;
		padding-right:0px;
		padding-bottom:15px;
	}
	
}