@charset "utf-8";
/* CSS Document */

.wrapper-content {width: auto;}

.home-unauthenticated-top-nav {
    float: right;
    display: block;
	padding: 9px 8px 0 0;
	color:#3A3A3A; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:14px;
	position: relative;
}

.home-unauthenticated-top-nav a {color:#3A3A3A; font-family:Arial, Helvetica, sans-serif; font-size:14px; display:inline-block;}
.home-unauthenticated-top-nav span {
	display:inline-block;
	margin: 0 15px;
    position: relative;
    top: -4px;
}

.new_section {width:100%; position:relative; box-sizing:border-box;}
.new_content {max-width:1012px; margin:0 auto; position:relative; box-sizing:border-box;}

#new_top {background:#3abaac url(../images/new_top-bg.png) center center no-repeat; background-size:cover; margin-bottom:10px;}
#new_top .new_content {padding:15px 0 0 0; max-width:1080px;}
#new_top .new_content:after {
  content: "";
  display: table;
  clear: both;
}
#new_top-left {width:100%; box-sizing:border-box; position:relative;}
#new_top-right {padding:15px; box-sizing:border-box; width:100%;}
#new_top-right h2 {margin:0; padding:0; font-family:BrandonText-Light, sans-serif; color:#fff; font-weight:400; font-size:30px; line-height:32px;}
#new_top-right h2 strong {font-family:BrandonText-Medium, sans-serif; font-weight:400; display:block;}

#new_teachers {background:#f4f1ea; margin-bottom:30px;}
#new_teachers h2 {margin:0; padding:0; font-family:BrandonText-Regular, sans-serif; color:#d83230; font-weight:400; font-size:26px; line-height:26px;}
#new_teachers #new_teachers-top h2 {padding:30px 0 0 15px;}
#new_teachers #new_teachers-top:after {
  content: "";
  display: table;
  clear: both;
}


#new_playlist-outer {position:relative; display:block; width:100%; margin:0 auto;}
#new_playlist-inner {padding-top:56.5%;}
#myPlayer {position:absolute; top:0px; right:0px; bottom:0px; left:0px; width:100%; height:100%;}
#new_teachers .video-js {
/*max-width: 640px;
float: left;*/
}
#new_teachers .vjs-playlist {
max-width:100%;
min-width:100px;
width:100%;
box-sizing:border-box;
display:block;
margin:0;
border:1px solid #d2d2d2;
background:#fff;
}
#new_teachers .vjs-playlist .vjs-playlist-name  {font-family:Arial, Helvetica, sans-serif; font-weight:700; color:#000; font-size:14px;}
#new_teachers .vjs-playlist cite.vjs-playlist-name  {overflow:auto; white-space:normal; height:auto;}
#new_teachers .vjs-playlist .vjs-playlist-description {display:none;}
#new_teachers-video {padding:25px 15px 0 15px;}
#new_teachers-video:after {
  content: "";
  display: table;
  clear: both;
}

#new_teachers #new_teachers-btm h2 {text-align:center; padding:25px 0;}
#new_teachers-btm ul {display:block; margin:0; padding:0; list-style:none; position:relative;}
#new_teachers-btm ul:after {

} 

#new_teachers-btm ul li {display:block; position:relative; padding:20px;}
#new_teachers-btm ul li a {display:block; text-decoration:none; font-family:BrandonText-Regular, sans-serif; color:#3a3a3a; font-weight:400; font-size:24px; line-height:30px; text-align:center; padding:0 10px; position:relative;}
#new_teachers-btm ul li a span {display:inline-block; position:relative; width:9px; height:14px;}
#new_teachers-btm ul li a span img {display:block; width:9px; height:14px; position:absolute; top:2px; left:4px;}
#new_teachers-btm ul li:after {
  content: "";
  display: block;
  width:100%;
  height:1px;
  border-top:3px #fff solid;
  position:absolute;
  top:0px;
  right:0;
  left:0;
} 



#new_parents {border-bottom:20px solid #d83230; padding-bottom:30px; margin-bottom:4px;}
#new_parents .new_content {padding:0 15px;}
#new_parents:after {
  content: "";
  display: table;
  clear: both;
}
#new_parents h2 {margin:0; padding:0 0 25px 0; font-family:BrandonText-Regular, sans-serif; color:#d83230; font-weight:400; font-size:26px; line-height:26px;}

#new_parents-left {max-width:634px; width:100%; overflow:hidden; position:relative; margin:0 auto}
#new_parents-right {padding:15px 0 0 0}

/*
#new_parents-getstarted {display:block; color:#fff; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:40px; line-height:50px; width:304px; height:165px; overflow:hidden; background:url(../images/getstarted.png) 0 0 no-repeat; box-sizing:border-box; padding:32px 0 0 26px; margin:0 auto}
#new_parents-getstarted:hover {color:#bad8df; text-decoration:none; background-position:0 -165px;}
*/

#new_parents-getstarted {display:block; color:#fff; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:40px; line-height:50px; width:100%; max-width:634px; height:165px; overflow:hidden; background:#27acca url(../images/getstarted.png) right top no-repeat; box-sizing:border-box; padding:32px 0 0 26px; margin:0 auto}
#new_parents-getstarted:hover {color:#bad8df; text-decoration:none; background-position:right -165px; background-color:#539dae;}



#new_modal-bg {display:none; position:fixed; height:100%; width:100%; left:0; right:0; top:0; bottom:0; background-color:rgb(0,0,0); background-color:rgba(0,0,0,0.4);}
#new_modal-redapple {position:fixed; left:0; right:0; top:10px; text-align:center; display:none;}
#new_modal-redapple span {display:inline-block; position:relative;}
#red_apple-img {height:calc(100vh - 20px); width:auto;}
#new_modal-redapple-close {display:block; top:10px; right:10px; position:absolute;}




/* Media Queries */

@media only screen and (min-width: 480px) {
.home-unauthenticated-top-nav {padding: 68px 0 0 0;}

}

@media only screen and (min-width: 720px) {


}


@media only screen and (min-width: 960px) {
#new_top {height:360px; background:#3abaac url(../images/new_top-bg.png) center center no-repeat; margin-bottom:30px; background-size:auto;}
#new_top-left {margin-left:50px;}

#new_teachers {padding-bottom:45px;}

#new_teachers-btm ul:before {
  content: "";
  display: block;
  width:1px;
  height:78px;
  border-right:1px #d83230 solid;
  position:absolute;
  top:7px;
  left:0;
} 

#new_teachers-btm ul {display:block; margin:0; padding:0; list-style:none; position:relative; height:80px;}

#new_teachers-btm ul:after {
  content: "";
  display: table;
  clear: both;
  width:auto;
  height:auto;
  border-top:none;
  position:relative;
} 


#new_teachers-btm ul li {display:block; float:left; width:25%; position:relative; height:80px; padding:0;}
#new_teachers-btm ul li:after {
  content: "";
  display: block;
  width:1px;
  height:78px;
  border-right:1px #d83230 solid;
  position:absolute;
  top:7px;
  right:0;
  left:auto;
  border-top:none;
} 

#new_parents {padding-bottom:100px;}

#new_parents .new_content {padding:0 0 0 15px;}
#new_parents h2 {margin:0; padding:0 0 25px 0; font-family:BrandonText-Regular, sans-serif; color:#d83230; font-weight:400; font-size:36px; line-height:36px;}

#new_parents-left {float:left; margin:0}
#new_parents-right {float:right; padding:192px 15px 0 0; margin:0;}
#new_parents-getstarted {margin:0;}	
	
	
#new_top-left {float:left; max-width:586px; width:100%; box-sizing:border-box; overflow:hidden; position:relative;}
#new_top-right {float:right; max-width:420px; padding:32px 0 32px 38px; box-sizing:border-box; margin-right:14px;}
#new_top-right h2 {margin:0; padding:0; font-family:BrandonText-Light, sans-serif; color:#fff; font-weight:400; font-size:40px; line-height:42px;}
#new_top-right h2 strong {font-family:BrandonText-Medium, sans-serif; font-weight:400; display:block;}

#new_teachers h2 {font-size:36px; line-height:36px;}
	
#new_teachers-video {padding:25px; background:#fff}
	
#new_playlist-outer {max-width:640px; float:left;}
#new_teachers .vjs-playlist {max-width:260px; float:right;}

#new_teachers #new_teachers-top h2 {padding:30px 0 25px 15px;}

#new_parents-getstarted {display:block; color:#fff; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:40px; line-height:50px; width:304px; height:165px; overflow:hidden; background:url(../images/getstarted.png) 0 0 no-repeat; box-sizing:border-box; padding:32px 0 0 26px; margin:0 auto}
#new_parents-getstarted:hover {color:#bad8df; text-decoration:none; background-position:0 -165px;}


}


@media only screen and (min-width: 1024px) {

}

@media only screen and (min-width: 1280px) {

}
