@charset "UTF-8";

/* ======================== */
/* ! Lets Start Fresh OK?   */
/* ======================== */

:root {
	--ea_blue: #4298cc;
	--ea_text: #182552;
	--ea_btn_hover: #ffffff;
	--ea_white: #ffffff;
	--ea_border: #ddd;
  }
/**
 * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
 * http://cssreset.com
 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	color:#484848;
	font-weight:100;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

p{line-height:140%;}



/* ============ */
/* ! Clearfix   */
/* ============ */


.clearfix
{
	display: inline-table;
/* Hides from IE-mac \*/
	height: 1%;
	display: block;
/* End hide from IE-mac */
}

html>body .clearfix
{
	height: auto;
}

.clearfix:after
{
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

#body{
	-webkit-font-smoothing:antialiased;
}
#wrapper{
	background:#FFF;	
}

.col_50{
	width:50%;
	float:left;
}
.col_25{
	width:25%;
	float:left;
}
.col_33{
	width:33.33%;
	float:left;
}
.col_66{
	width:66.66%;
	float:left;
}
.col_100{
	width:100%;
	float: left;
}
.ui-autocomplete{
	border-radius:5px !important;
	border: 0 !important;
	overflow: hidden !important;
	line-height: 25px !important;
	box-shadow: 0 10px 50px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 10px 50px rgba(0,0,0,.2);
    z-index: 100003 !important;
    background: #FFF;
}
.ui-autocomplete a{
	border-radius: inherit !important;
}
.ui-autocomplete a:hover{
	border-radius: inherit !important;
}
.ui-menu .ui-menu-item{
	border: 1px solid transparent;
}
.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus,.ui-button:hover,.ui-button:focus{background: #cae9f1 !important;border: 1px solid #cae9f1 !important;color: #484848 !important;border-radius: 5px !important;}
.ui-state-active{background: #cae9f1 !important;border: 1px solid #cae9f1 !important;color: #484848 !important;border-radius: 5px !important;}
.ui-state-active:hover{background: #cae9f1 !important;border: 1px solid #cae9f1 !important;color: #484848 !important;border-radius: 5px !important;}
.lock{
	height: 100vh;
    overflow: hidden;
}

/* ============ */
/*	   LOGIN	*/
/* ============ */

#login{
	width:100%;
	height: 40px;
	position:fixed;
	background-color:#FFF;
	z-index:9999;
}

.welcome_user{
	position: relative;
	float: right;
	margin: 5px -3px 0px 0px;
	text-align:center;
	font-size:11px;
}

.welcome_user h2{
	line-height:22px;
	position:relative;
	float:left;
	font-size:13px;
	color:#1c4e81;
}

#signed_in{
	position: relative;
    float: left;
    margin: 3px;
}

#settings{
	position:relative;
	float:right;
	width: 30px;
	height: 24px;
	background: url('../images/settings.png') no-repeat;
	background-position: 7px 2px;
	border: 1px #CCC solid;
	background-color: #f3f8fc;
	margin: 7px 2px 0px 0px;
}

#settings:hover{
	background-color: #d1e2f2;
}

.logged_in{
	position: relative;
	float: left;
	border: 1px #CCC solid;
	background-color: #f3f8fc;
	padding: 1px 25px 1px 1px;
	margin: 2px -2px 0px 0px;
	/*height:22px;*/
}

#logged_in_icon{
	margin-top:1px;
	position:relative;
	float:left;
}

#account_settings{
	position: fixed;
	margin: 7px 0px 0px 686px;
	text-align:right;
	font-size:11px;
	background-color: #f3f8fc;
	border: 1px #ccc solid;
	width: 200px;
	height: 24px;
	z-index: 2000;
}

.account_settings_cells{
	height:24px;
	position:relative;
	text-decoration:none;
	color:black;
}

.account_settings_cells:hover{
	background-color: #d1e2f2;
}

#account_settings h2{
	line-height: 24px;
	text-align: center;
}

#update_email{
	width:99px;
	border-left:1px #ccc solid;
	float:left;
}

#update_pass{
	width:100px;
	float:left;
}

#update_pass_window{
	position: fixed;
	margin: 0px 10px 0px 470px;
	text-align:right;
	font-size:11px;
	background-color: #f3f8fc;
	border-bottom:1px #ccc solid;
	border-left:1px #ccc solid;
	border-right:1px #ccc solid;
	width: 520px;
	height: 39px;
	z-index: 3000;
	display:none;
}

#update_email_window{
	position: fixed;
	margin: 0px 10px 0px 585px;
	text-align:right;
	font-size:11px;
	background-color: #f3f8fc;
	border-bottom:1px #ccc solid;
	border-left:1px #ccc solid;
	border-right:1px #ccc solid;
	-webkit-box-shadow: 0px 1px 15px rgb(156, 156, 156);
	box-shadow: 0px 1px 15px rgb(156, 156, 156);
	width: 350px;
	height: 39px;
	z-index: 3000;
	display:none;
}

#form2{
	position:relative;
	float: left;
}

#pass_change_form{
	margin-left:5px;
}

#email_change_form{
	margin-left: 20px;
}

fieldset
{
    border: 0;
    padding: 0;
    margin: 0;
}

input {
    border-radius: 0;
	-webkit-appearance: none;
	outline:none;
	padding:0;
}
textarea{
	outline:none;
	padding:0;
}

.pass_retrieve_email input{
	width:130px !important;
	background: #FFF url(../images/login_icons.png) no-repeat !important;
}

#inputs input:focus
{
    outline: none;
	
}

#inputs{
}

#actions {
	float:left;
}

#submit
{   
	white-space: nowrap;
	background-color: #ccc;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#eaeaea));
	background-image: -webkit-linear-gradient(top, #fcfcfc, #eaeaea);
	background-image: -moz-linear-gradient(top, #fcfcfc, #eaeaea);
	background-image: -ms-linear-gradient(top, #fcfcfc, #eaeaea);
	background-image: -o-linear-gradient(top, #fcfcfc, #eaeaea);
	background-image: linear-gradient(top, #fcfcfc, #eaeaea);
	border: 0px;
	padding: 5px 10px;
	height: 40px;
	/*margin: 5px 10px 0px 4px;*/
	float:right;
	text-decoration: none;
	color: #333;
}

#submit:hover
{
	background-color: #ddd;        
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#ddd));
	background-image: -webkit-linear-gradient(top, #fafafa, #ddd);
	background-image: -moz-linear-gradient(top, #fafafa, #ddd);
	background-image: -ms-linear-gradient(top, #fafafa, #ddd);
	background-image: -o-linear-gradient(top, #fafafa, #ddd);
	background-image: linear-gradient(top, #fafafa, #ddd);        
}

#submit:active
{
	-moz-box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;
	-webkit-box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;
	box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;
	position: relative;
	top: 1px;
}

#submit:focus
{
	outline: 0;
	background: #fafafa;
}    

#submit:before
{
	background: #ccc;
	background: rgba(0,0,0,.1);
	float: left;        
	width: 1em;
	text-align: center;
	font-size: 1.5em;
	margin: 0 1em 0 -1em;
	padding: 0 .2em;
	-moz-box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
	-webkit-box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
	box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
	-moz-border-radius: .15em 0 0 .15em;
	-webkit-border-radius: .15em 0 0 .15em;
	border-radius: .15em 0 0 .15em;
        pointer-events: none;        
}

#selection_submit
{   
	border: 1px solid #ccc;
	padding: 0px 10px;
	height: 23px;
	font: 12px;
	font-family: 'Open Sans', 'sans-serif';
	text-decoration: none;
	color: #333;
	white-space: nowrap;
	background-color: #ccc;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#eaeaea));
	background-image: -webkit-linear-gradient(top, #fcfcfc, #eaeaea);
	background-image: -moz-linear-gradient(top, #fcfcfc, #eaeaea);
	background-image: -ms-linear-gradient(top, #fcfcfc, #eaeaea);
	background-image: -o-linear-gradient(top, #fcfcfc, #eaeaea);
	background-image: linear-gradient(top, #fcfcfc, #eaeaea);
}

#selection_submit_ie{
	position:relative;
	float:right;
	margin-top:13px;
	margin-left:5px;
	white-space: nowrap;
	background-color: #ccc;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ccc));
	background-image: -webkit-linear-gradient(top, #eee, #ccc);
	background-image: -moz-linear-gradient(top, #eee, #ccc);
	background-image: -ms-linear-gradient(top, #eee, #ccc);
	background-image: -o-linear-gradient(top, #eee, #ccc);
	background-image: linear-gradient(top, #eee, #ccc);
	border: 1px solid #777;
	padding: 7px 10px 5px;
	font:	12px Helvetica, Arial;
	text-decoration: none;
	color: #333;
	text-shadow: 0 1px 0 rgba(255,255,255,.8);
	-moz-border-radius: .2em;
	-webkit-border-radius: .2em;
	border-radius: .2em;
	-moz-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
	-webkit-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
	box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);	
}

#selection_submit_ie9{
	position:relative;
	float:right;
	margin-left:5px;
	white-space: nowrap;
	background-color: #ccc;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ccc));
	background-image: -webkit-linear-gradient(top, #eee, #ccc);
	background-image: -moz-linear-gradient(top, #eee, #ccc);
	background-image: -ms-linear-gradient(top, #eee, #ccc);
	background-image: -o-linear-gradient(top, #eee, #ccc);
	background-image: linear-gradient(top, #eee, #ccc);
	border: 1px solid #777;
	padding: 7px 10px 5px;
	font:	12px Helvetica, Arial;
	text-decoration: none;
	color: #333;
	text-shadow: 0 1px 0 rgba(255,255,255,.8);
	-moz-border-radius: .2em;
	-webkit-border-radius: .2em;
	border-radius: .2em;
	-moz-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
	-webkit-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
	box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);	
}

#selection_submit:hover
{
	background-color: #ddd;        
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#ddd));
	background-image: -webkit-linear-gradient(top, #fafafa, #ddd);
	background-image: -moz-linear-gradient(top, #fafafa, #ddd);
	background-image: -ms-linear-gradient(top, #fafafa, #ddd);
	background-image: -o-linear-gradient(top, #fafafa, #ddd);
	background-image: linear-gradient(top, #fafafa, #ddd);        
}

#selection_submit:active
{
	-moz-box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;
	-webkit-box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;
	box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;
	position: relative;
	top: 1px;
}

#selection_submit:focus
{
	outline: 0;
	background: #fafafa;
}    

#selection_submit:before
{
	background: #ccc;
	background: rgba(0,0,0,.1);
	float: left;        
	width: 1em;
	text-align: center;
	font-size: 1.5em;
	margin: 0 1em 0 -1em;
	padding: 0 .2em;
	-moz-box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
	-webkit-box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
	box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
	-moz-border-radius: .15em 0 0 .15em;
	-webkit-border-radius: .15em 0 0 .15em;
	border-radius: .15em 0 0 .15em;
        pointer-events: none;        
}

.err{
	position:fixed;
	margin:5px 0px 0px 11px;
	color:red;
	padding-bottom:5px;
	font-family:"Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;
	font-size:11px;
	text-align:center;
}

.err2{
	position:fixed;
	margin:20px 0px 0px 45px;
	color:red;
	padding-bottom:5px;
	font-family:"Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;
	font-size:11px;
	text-align:center;
}

.err_account{
	margin: -1px -4px;
	color:white;
	background-color:#1c4e81;
	padding-bottom:5px;
	font-family:"Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;
	font-size:11px;
	text-align:center;
	padding: 0px 5px 2px 5px;
}

.err_account_success{
	margin: -1px -4px;
	color:#000;
	padding-bottom:5px;
	font-family:"Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;
	font-size:11px;
	text-align:center;
	border: 1px #CCC solid;
	padding: 6px 5px 6px 5px;
}

#toggleText{
	position:fixed;
	width: 200px;
	margin:20px 0px 0px 45px;
	color:red;
	background-color:#FFF;
	padding-bottom:5px;
	font-family:"Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;
	font-size:11px;
	text-align:center;
}

/*-----END LOGIN-----*/

/*New Login*/
.quiz_overlay_home{
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99;
	background-color: rgba(0,0,0,0.5); /*dim the background*/
	width: 100%;
	height: 100%;
}

#teacher_login_w{
	width: 500px;
	height: 340px;
	margin: -125px 0 0 -200px;
	border-radius:10px;
	z-index: 100002;
	left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
#teacher_login_w #teacher_login_content{
	overflow:hidden;
	height:100%;
	width:100%;
	position: relative;
	border-radius: 10px;
}
#teacher_login_w #teacher_login_content #login_heading #login_details{
    position: absolute;
    right: 60px;
}
#teacher_login_w #teacher_login_content #login_heading #login_details #login_u{
	color: #4298cc;
}
#teacher_login_w #teacher_login_content #login_heading #login_details #login_s{
	color:#6d6e72;
	font-size: 16px;
}
#teacher_login_w #teacher_login_content #login_heading #login_details .login_u{
	text-align: right;
    font-size: 18px;
    text-transform: none;
    line-height: 18px;
	font-weight: 400;
}
#t_login_w{
	position: relative;
	height: calc(100% - 57px);
	width: 400px;
	margin: 0 auto;
}
#t_login_w #user_login{
	height: 80%;
	width: 100%;
    top: 10%;
}
#t_login_w #user_login #user_login_inputs{
	height: calc(100% - 70px);
}
#t_login_w #user_login #user_login_inputs .trial_error{
	display: none;
	top:60px;
}
#t_login_w #user_login #user_login_inputs ul{
	display: flex;
    align-items: center;
	width: 100%;
    height: 100%;
    position: relative;
}
#t_login_w #user_login #user_login_inputs .user_login{
	position: absolute;
}
#t_login_w #user_login #user_login_inputs .user_login #password_set{
	display: none;
}
#t_login_w #user_login #user_login_inputs .user_login .password_req{
	font-size: 10px;
    text-align: center;
}
#t_login_w #user_login #user_login_inputs #user_login_2 input{
	margin: 5px 0px;
}
#t_login_w #user_login #user_login_inputs #user_login_2 span{
	margin: 5px 0px;
}
#t_login_w #user_login #user_login_inputs #user_login_2 .trial_error{
	top: 152px;
    width: 360px;
}
#t_login_w #user_login #user_login_inputs #user_login_3{
	display:none;
}
#t_login_w #user_login #user_login_inputs #user_login_3 div{
	background: url(../images/student_login_icons.svg);
    width: 100px;
    height: 100px;
    background-size: 470px;
    background-position: -343px -29px;
    margin: auto;
}
#no_user{
	position: absolute;
	color: #e0645c;
	font-weight: 400;
	font-size: 14px;
	margin: 4px 0px;
	display:none;
}
#reset_account_confirm{
	position: absolute;
    width: 100%;
    height: 100%;
    background: #ecf4f9;
    width: calc(100% + 100px);
    margin: 0;
    left: -50px;
    bottom: -2px;
	display: none;
}
#reset_account_confirm #reset_account_message{
	position: absolute;
	text-align: center;
    z-index: 1;
    bottom: 20px;
	width: 100%;
	display:none;
}
#reset_password_1{
	display:none;
}
#ea_reset_main{
	height: 400px;
}
#ea_reset_main #teacher_login_w{
	position: relative;
    background: #FFF;
    margin: 0 auto;
	box-shadow: 0 10px 50px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 10px 50px rgba(0,0,0,.2);
    margin-top: 1em;
    margin-bottom: 1em;
}
#ea_reset_main #teacher_login_w #user_login_0{
	display:none;
}
.login_message{
	position: absolute;
	font-weight: 400;
	font-size: 14px;
	margin: 4px 0px;
	display:none;
	background: #e0645c;
	color: #FFF;
	bottom: -50px;
	width: 100%;
	line-height: 40px;
	text-align: center;
	border-radius:5px;
}
#ea_schoolcode_error{
	top: 60px;
    bottom: 0;
    height: 140px;
    line-height: normal;
    background: #FFF;
    color: #666;
    font-weight: 600;
    font-size: 1em;
}
#ea_schoolcode_error a{
    margin: 0 auto;
    display: block;
    clear: both;
    float: none;
}
#no_user_student_8 button{
	background: rgba(255,255,255,0.6);
    position: absolute;
    right: 5px;
    top: 5px;
    height: 30px;
    border-radius: 5px;
    border: 0;
    font-size: 12px;
	background: transparent;
    border-left: 1px solid #fff;
    border-radius: 0;
	color:#FFF;
}
#no_user_student_8 button:hover{
	background:#FFF;
	border:0;
	border-radius: 5px;
	color:#666;
}
#ea_terms{
	z-index: 1;
	position: absolute;
	background: #FFF;
	width: 90%;
	height: 85%;
	top: 0;
	box-shadow: 0 10px 50px rgb(0 0 0 / 20%);
	-webkit-box-shadow: 0 10px 50px rgb(0 0 0 / 20%);
	padding: 5%;
	transition: 0.5s ease;
	transform: translate(0px , 340px);
	display:none;
}
.ea_terms{
	transform: translate(0px , 0px) !important;
}
#ea_terms .ea_welcome{
	text-align: center;
	font-size: 2em;
	color: #6d6e72;
	font-weight: 100;
}
#ea_terms .ea_welcome_content{
	border-top: 1px solid #ddd;
	text-align: center;
	padding-top: 10px;
}
#ea_terms .ea_welcome_content .trial_confirm{
	width: 92%;
	position: relative;
	height: 30px;
	margin-top: 5px;
	margin: 0 auto;
}
#ea_terms .ea_welcome_content .trial_confirm .trial_confirm_text{
	width: 90%;
	margin: 0 auto;
	text-align: left;
	margin-top: 8px;	
}
#ea_terms .ea_welcome_content .trial_confirm label{
	
}
.spin_loader {
	/* background: url(../images/pre_loader.svg) no-repeat; */
	display: block;
	height: 36px;
	width: 36px;
	position: absolute;
	z-index: 100000;
	left: 0;
    right: 0;
    margin: 0 auto;
	top: 80px;
}

.ball-clip-rotate-pulse {
  position: relative;
  margin-left: 16px;
  }
  .ball-clip-rotate-pulse > div {
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
    position: absolute;
    top: 0px;
    left: 0px;
    border-radius: 100%; }
    .ball-clip-rotate-pulse > div:first-child {
      background: #4298cc;
      height: 16px;
      width: 16px;
      top: 7px;
      left: -7px;
      -webkit-animation: scale 1s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite;
              animation: scale 1s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite; }
    .ball-clip-rotate-pulse > div:last-child {
      position: absolute;
      border: 2px solid #4298cc;
      width: 30px;
      height: 30px;
      left: -16px;
      top: -2px;
      background: transparent;
      border: 2px solid;
      border-color: #4298cc transparent #4298cc transparent;
      -webkit-animation: rotate 1s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite;
              animation: rotate 1s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite;
      -webkit-animation-duration: 1s;
              animation-duration: 1s; }

@keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1); }
  50% {
    -webkit-transform: rotate(180deg) scale(0.6);
            transform: rotate(180deg) scale(0.6); }
  100% {
    -webkit-transform: rotate(360deg) scale(1);
            transform: rotate(360deg) scale(1); } }

.sign_in{
	border: 0!important;
    float: right;
    padding: 0!important;
    width: 100px;
    height: 27px;
    text-align: center;
    position: relative;
    line-height: 20px;
}
#user_login_0{

}
#user_login_1{
	display:none;
}
#user_login_2{
	display: none;
}
#actions_sign_in{
	position: absolute;
	bottom: 0;
    right: 0;
    left: 0;
	height: 40px;
}
#actions_sign_in .sign_in{
	position: absolute;
	left:0;
	right: 0;
	margin:0 auto;
	border: none;
    height: 40px;
    padding: 0;
    width: 180px;
    margin: 0 auto;
    float: none;
}
#actions_sign_in #sign_in{
	display:none;
}
#actions_sign_in #create_account{
	display:none;
}
#actions_sign_in #reset_account{
	display:none;
}
#sign_out{
	cursor: pointer; 
	color: #0E2952 !important;
	text-transform: uppercase;
	font-size: 11px;
	line-height: 17px;
	color: #FFF !important;
	border: 0px;
	float: right;
	padding: 5px 50px 5px 10px;
	margin: 0;
}
.notify_login{
	width: 50px;
    height: 27px;
    float: right;
    background: #FFF;
    border: 0;
}
#sub_config{
    border: 0;
    height: 27px;
    padding: 0;
    background: #4298cc;
    width: 50px;
	position: relative;
    float: right;
}
#sub_config:hover{
	background: #005587;
	color: #FFF !important;
}
.active_sub_config{
	background: #005587 !important;
	color: #FFF !important;
}
#sub_config span{
    background: url(../images/user_settings.svg) no-repeat;
    background-position: -34px -4px;
    background-size: 56px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    width: 22px;
    height: 22px;
    top: 2px;
}
#sub_config:hover .sub_labels{
	display: block;
}
#settings_drop_down .student_graph_dd button{
	border-radius: 0;
}
#settings_drop_down .student_graph_dd{
	display: flex;
    flex-direction: column;
    border-radius: 5px;
    overflow: hidden;
}
#settings_drop_down .student_graph_dd button:first-child{

}
#notify_message{
	right: 70px;
    top: 15px;
}
.message_label{
	position: absolute;
    width: 90px;
    background: #6d6e72;
    border-radius: 5px;
    color: #fff;
    font-size: 11px;
    padding: 6px 10px;
    text-align: center;
}
#notify{
    width: 50px;
    height: 50px;
    margin: 0 auto;
    border-radius: 10px;
    position: fixed;
    z-index: 20;
    right: 10px;
    bottom: 10px;
    background-position: 5px 0px;
    box-shadow: 0 2px 20px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 2px 20px rgba(0,0,0,.2);
    z-index: 1000;
}
#notify:hover{
	background: #e5e5e5 url(../images/message.svg) no-repeat;
	background-position: 5px 0px;
}
#notify #notify_number{
	width: 20px;
    height: 20px;
    background: #db4437;
    border-radius: 50%;
    text-align: center;
    color: #FFF;
    font-size: 13px;
    position: absolute;
    right: -4px;
    top: -5px;
	display:none;
}
#message_centre #notify:hover{
	background: #e5e5e5 url(../images/message.svg) no-repeat;
	background-position: 5px 0px;
}
#notify_message{
	right: 70px;
    top: 15px;
}
.message_label{
	position: absolute;
    width: 80px;
    background: #6d6e72;
    border-radius: 3px;
    color: #fff;
    font-size: 11px;
    padding: 5px 10px;
    text-align: center;
}
#message_centre #notify #notify_number{
	width: 20px;
    height: 20px;
    background: #db4437;
    border-radius: 50%;
    text-align: center;
    color: #FFF;
    font-size: 13px;
    position: absolute;
    right: -4px;
    top: -5px;
	display:none;
}
#message_center_contact_button{
	width: 100%;
    border: 0;
    position: absolute;
    bottom: 0;
}
#message_center_contact{
	width: 100%;
    height: 400px;
    background: #FFF;
    position: absolute;
    bottom: 0;
    border-top: 1px solid #ddd;
    z-index: 2;
	font-size: 14px;
	display:none;
}
#message_center_contact #message_center_contact_close{
	background: url(../images/close_icon.svg) no-repeat;
    width: 30px;
    height: 30px;
    border: 0;
    background-position: -5px -9px;
    position: absolute;
    right: 0;
    top: 8px;
}
#message_center_contact p{padding: 60px 30px;}
#message_center_contact input{
	font-size: 14px;
    line-height: 35px;
    border-radius: 3px;
	border: 1px solid #ddd;
    display: block;
    height: 35px;
	width: 200px;
    margin: 0 auto;
    padding: 0 19px;
	font-weight: 100;
}
#message_center_contact textarea{
	border:1px solid #ddd;
    padding: 5px 19px;
	width:200px;
	font-size: 14px;
    margin: 0 auto;
	display: block;
	min-height: 100px;
}
#message_center_contact label{
	margin-left:10%;
	font-weight: 100;
}
#message_center_contact #message_centre_submit{margin-top: 10px;width: 240px;border: 0;}
#message_centre #message_centre_wrapper #message_centre_internal{
	overflow: scroll;
    height: 100%;
    position: absolute;
    display: block;
    width: 100%;
}
#message_centre #message_centre_wrapper #message_centre_heading{
	background: #FFF url(../images/message.svg) no-repeat;
	background-position: 10px -3px;
    font-family: 'Josefin Sans', sans-serif;
    height: 45px;
}
#message_centre #message_centre_wrapper .message_style{
	font-weight: 100;
}
#message_centre #message_centre_wrapper .message_new_message{
	text-align:center;
	font-size:12px;
}
#message_centre #message_centre_wrapper .message_class{
	font-size: 14px;
    background: #FFF;
    width: 90% !important;
    margin: 3% !important;
    padding: 10px;
    border-radius: 10px;
    text-align: justify;
}
#message_centre #message_centre_wrapper .message_class img{
	width: 100%;
    display: block;
    margin: 0 auto;
    max-width: 330px;
    border-radius: 10px;
}
#message_centre #message_centre_wrapper .message_class p{padding: 10px 0px;}
#message_centre #message_centre_wrapper .message_class a{text-align: center;display: block;margin: 0 auto;}
#message_centre #message_centre_wrapper .message_spacer{
	width: 80%;
    margin: 0 auto;
    border-bottom: 1px solid #ddd;
    margin-top: 30px;
    margin-bottom: 30px;
}
#message_centre #message_centre_wrapper .message_class .message_style_number{
	width: 30px;
    height: 30px;
    border-radius: 50%;
    position: absolute;
    background: #4298cc;
    color: #FFF;
    line-height: 30px;
    text-align: center;
    top: -10px;
    left: -10px;
}
#message_centre #notify{
    width: 50px;
    height: 50px;
    margin: 0 auto;
    border-radius: 5px;
 	position: fixed;
    z-index: 20;
    right: 20px;
    bottom: 20px;
	background-position: 5px 0px;
    -webkit-box-shadow: 0 16px 24px 2px rgba(0,0,0,0.14),0 6px 30px 5px rgba(0,0,0,0.12),0 8px 10px -5px rgba(0,0,0,0.2);
    box-shadow: 0 16px 24px 2px rgba(0,0,0,0.14),0 6px 30px 5px rgba(0,0,0,0.12),0 8px 10px -5px rgba(0,0,0,0.2);
}
.notify{
	background: #FFF url(../images/message.svg) no-repeat;
}
#notify_login{
	border: 0;
	background: #4298cc;
	width: 75px;
    height: 27px;
    float: right;
    position: relative;
    border-bottom-right-radius: 5px;
}
#notify_login:hover{
	background: #005587;
}
#notify_login:hover{
	background: #005587;
	color: #FFF !important;
}
#notify_login span{
    background: url(../images/message.svg) no-repeat;
	background-position: -43px -6px;
    background-size: 66px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    width: 22px;
    height: 22px;
    top: 2px;
}
#message_centre #notify:hover{
	background: #e5e5e5 url(../images/message.svg) no-repeat;
	background-position: 5px 0px;
}
#notify_message{
	right: 70px;
    top: 15px;
}
.message_label{
	position: absolute;
    width: 80px;
    background: #6d6e72;
    border-radius: 3px;
    color: #fff;
    font-size: 11px;
    padding: 5px 10px;
    text-align: center;
}
#message_centre #notify #notify_number{
	width: 20px;
    height: 20px;
    background: #db4437;
    border-radius: 50%;
    text-align: center;
    color: #FFF;
    font-size: 13px;
    position: absolute;
    right: -4px;
    top: -5px;
	display:none;
}
#message_centre #message_centre_wrapper .calander_input{
    margin-top: 10px;
    margin-bottom: 10px;
    float: left;
    margin-left: 10px;
}
#message_centre #message_centre_wrapper .calander_mode_icon{
	background: #FFF url(../images/class_update.svg) no-repeat !important;
    background-position: 0px -3px;
}
#message_centre #message_centre_wrapper #calander_mode_heading{
    background: none;
    border: none;
    width: 285px;
    padding: 0;
    margin: 10px;
    position: relative;
    float: left;
}
#message_centre #message_centre_wrapper #calander_mode_heading label{
	width: 50%;
    padding: 10px 0px;
}
#message_centre #message_centre_wrapper .calander_no_mynumeracy label{
	width: 100% !important;
}
#message_centre #message_centre_wrapper #calander_mode_heading .calander_totals{
    right: 10px;
    top: 8px;
}
#message_centre .calander_count_style{
	position: absolute;
    line-height: 25px;
    text-align: center;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    color: #6d6e72;
    background: #FFF;
    font-size: 12px;
    border-radius: 5px;
}
#message_centre #message_centre_wrapper #calander_mode_heading .calander_totals:first-child{
	left: 10px;
}
#message_centre #message_centre_wrapper .calander_internal{
	clear: both;
    top: 100px;
}
#message_centre #message_centre_wrapper .calander_internal #calander_internal{
    position: relative;
    height: 100%;
}
#message_centre #message_centre_wrapper .calander_internal .calander_1{

}
#message_centre #message_centre_wrapper .calander_internal .calander_2{
	display: none;
}
#message_centre #message_centre_wrapper .calander_internal .calander_3{
	display: none;
}
#message_centre #message_centre_wrapper .calander_internal .calander_view_wrapper{
    width: 95%;
    margin: 0 auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}
#message_centre #message_centre_wrapper .calander_internal .calander_view_wrapper:after{
	clear: both;
    content: "";
    display: table;
}
#message_centre #message_centre_wrapper .calander_internal .calander_view_wrapper .calander_current_view{
	clear: both;
	float: left;
    width: 100%;
}
#message_centre #message_centre_wrapper .calander_internal .calander_view_wrapper .calander_heading{
    height: 40px;
    line-height: 40px;
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
    padding-left: 20px;
}
#message_centre #message_centre_wrapper .calander_internal .calander_view_wrapper .calander_substrand_wrapper{
	clear: both;
}
#message_centre #message_centre_wrapper .calander_internal .calander_view_wrapper .calander_substrand{
    border-radius: 5px;
    line-height: 31px;
    height:31px;
    padding-left: 31px;
    font-weight: 100;
    font-size: 14px;
    position: relative;
    cursor: pointer; 
    display: block;
}
#message_centre #message_centre_wrapper .calander_internal .calander_view_wrapper .calander_substrand:hover{
	box-shadow: 0px 0px 25px 5px rgba(0,0,0,.2);
    -webkit-box-shadow: 0px 0px 25px 5px rgba(0,0,0,.2);
    z-index: 2;
}
#message_centre #message_centre_wrapper .calander_internal .calander_view_wrapper .calander_substrand .calander_arrow{
	position: absolute;
    width: 13px;
    height: 13px;
    border-right: 3px solid #FFF;
    border-top: 3px solid #FFF;
    left: 5px;
    top: 7px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
}
#message_centre #message_centre_wrapper .calander_internal .calander_view_wrapper .calander_substrand .calander_arrow_down{
	transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    top: 3px;
}
#message_centre #message_centre_wrapper .calander_internal .calander_view_wrapper .calander_substrand_wrapper .calander_substrand_content{
	-webkit-transition: 0.3s ease;
	transition: 0.3s ease;
	display: none;
	clear: both;
}
#message_centre #message_centre_wrapper .calander_internal .calander_view_wrapper .calander_substrand .calander_substrand_count{
    right: 3px;
    top: 3px;	
}
#message_centre #message_centre_wrapper .calander_internal .calander_view_wrapper .calander_subheading{
    line-height: 30px;
    padding-left: 40px;
    font-size: 12px;
    margin: 5px 0px;
}
#message_centre #message_centre_wrapper .calander_internal .calander_view_wrapper .calander_assessment{
    width: 120px;
    height: 100px;
	float: left;
    position: relative;
    margin: 5px;
    cursor: pointer; 
}
#message_centre #message_centre_wrapper .calander_internal .calander_view_wrapper .calander_assessment:hover .calander_avatar{
	box-shadow: 0 2px 20px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 2px 20px rgba(0,0,0,.2);
}
#message_centre #message_centre_wrapper .calander_internal .calander_view_wrapper .calander_assessment .calander_avatar{
    width: 100%;
    height: 100px;
    border-radius: 5px;
    background: #ecf4f9;
    background: #FFF;
}
#message_centre #message_centre_wrapper .calander_internal .calander_view_wrapper .calander_assessment .calander_avatar img{
    width: 40px;
    margin: 4px;
}
#message_centre #message_centre_wrapper .calander_internal .calander_view_wrapper .calander_assessment .calander_content{
    width: 100%;
    position: absolute;
    margin: 0 auto;
    text-align: center;
    font-size: 12px;
    height: 50px;
    display: table;
}
#message_centre #message_centre_wrapper .calander_internal .calander_view_wrapper .calander_assessment .calander_content .calander_content_name{
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;
    position: relative;
}
#message_centre #message_centre_wrapper .calander_internal .calander_view_wrapper .calander_assessment .calander_avatar .calander_content_type{
    position: absolute;
    width: 80px;
    right: 0;
    top:0;
    height: 50px;
    line-height: 50px;
    font-size: 11px;
    text-align: center;
}
#message_centre #message_centre_wrapper .calander_internal .calander_view_wrapper .calander_assessment .calander_hide{
	display: none;
}
.switch-field input {
    position: absolute !important;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    width: 1px;
    border: 0;
    overflow: hidden;
}

.switch-field label {
  float: left;
}

.switch-field label {
  display: inline-block;
  width: 60px;
  background-color: #e4e4e4;
  color: rgba(0, 0, 0, 0.6);
  font-size: 14px;
  font-weight: normal;
  text-align: center;
  text-shadow: none;
  padding: 6px 14px;
  width: 72px;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition:    all 0.1s ease-in-out;
  -ms-transition:     all 0.1s ease-in-out;
  -o-transition:      all 0.1s ease-in-out;
  transition:         all 0.1s ease-in-out;
}

.switch-field label:hover {
    cursor: pointer;
    background: #ccc;
}

.switch-field input:checked + label {
  background-color: #4298cc;
  color: #FFF;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.switch-field label:first-of-type {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.switch-field label:last-of-type {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.header_buttons:hover > .sub_labels{
	display: block;
}

#offer_reset {
    display: none;
    text-align: center;
    font-size: small;
}
a.offer_reset {
    color: #4298cc;
    cursor: pointer;
}

#sign_in_cancel{
	height: 36px;
	line-height: 36px;
	padding: 0px;
	width: 94px;
	border: none;
	float:left;
	background-image:none;
	text-align: center;
}

#login_heading{
	height: 25px;
	line-height: 29px;
	font-size: 18px;
	font-weight: 100;
	padding: 15px;
	text-transform: uppercase;
	background-image: url(../images/user.svg);
	background-repeat: no-repeat;
	background-position: 96% 70%;
}
#login_heading span{padding-left:10px;}
.login_common ul li{
	/*display: inline-block;*/
	width: 400px;
	/*margin: 5px;*/
}
.prefix {
	float:left;
    line-height: 1.5em;
    font-size: 16px;
    color: #737373;
	vertical-align: top;
	display: inline-block;
	width: 20px;
	height: 24px;
	padding: 8px 10px;
	background: #f2f2f2 url(../images/student_login_icons.svg);
	border: 1px solid transparent;
	border-right: 0;
	border-top-left-radius: 2px;
	border-bottom-left-radius: 2px;
	-moz-border-radius-topleft: 2px;
	-moz-border-radius-bottomleft: 2px;
	-webkit-border-top-left-radius: 2px;
	-webkit-border-bottom-left-radius: 2px;
}
.ppfix {
	float: left;
  margin: 0;
  vertical-align: top;
  display: inline-block;
  font-family: 'Open Sans', 'sans-serif';
  font-size: 13px;
  color: #343434;
    width: 182px;
  height: 20px;
  background: #fbfbfb;
  -webkit-appearance: none;
  width: 330px !important;
}
.student_login_ie{font-size:12px;position:absolute;left:-70px;margin-top:10px;}

#logged_in{
	position: relative;
	height: 24px;
	line-height: 25px;
	font-size: 12px;
	font-weight: 400;
	float: right;
}

#logged_in #log_in_w{
	width: 700px;
	position: absolute;
	right:0;
	text-align: right;
	line-height: 37px;
	display:block;
	z-index: 3;
}
#logged_in #log_in_w button:first-child{
	/*border-bottom-right-radius: 5px;*/
}
#logged_in #log_in_w #quiz_notify{
	float:right;
	width:25px;
	height:25px;
	border:none;
	border-radius:50%;
	margin:2px;
	background-color: #e0645c;
    color: #FFF;
    font-size: 12px;
	cursor: pointer; 
	line-height: 12px;
    padding: 2px;
}

#logged_in #log_in_w #quiz_notify:hover{background-color:#AB554F;}
#logged_in #log_in_w #quiz_notify:focus{outline:0;}


#logged_in #log_in_w h2{
	float:right;
    padding: 0px 10px 0px 10px;
    text-align: right;
}

#logged_in #log_in_w #username{
    line-height: 27px;
    font-size: 1em;
    color: #6d6e72;
    font-weight: 600;
}
#setttings_header{
	background: #FFF url(../images/user_settings.svg) no-repeat;
    background-position: 0px -3px;
}
.header_buttons{
	overflow: visible;
	height: 27px !important;
    line-height: 27px !important;
    border-radius: 0;
}
.sub_labels{
	min-width: 100px;
    position: absolute;
    color: #FFF;
    font-size: 10px;
    padding: 5px;
    background-color: rgba(97,97,97,0.902);
    top: 40px;
    right: 7px;
    text-align: center;
    border-radius: 5px;
    line-height: 10px;
    display: none;
}
.side_wrapper{
	position: fixed;
    right: 10px;
    top: 1%;
    /*background: #fafafb;*/
    background: rgba(250,250,251,.9);
	min-width: 350px;
    width: 570px;
	padding: 10px; 
    z-index: 1000000;
    -webkit-box-shadow: 0 16px 24px 2px rgba(0,0,0,0.14), 0 6px 30px 5px rgba(0,0,0,0.12), 0 8px 10px -5px rgba(0,0,0,0.2);
    box-shadow: 0 16px 24px 2px rgba(0,0,0,0.14), 0 6px 30px 5px rgba(0,0,0,0.12), 0 8px 10px -5px rgba(0,0,0,0.2);
	box-shadow:none;
    display: none;
    border-radius: 10px;
	height: calc(98% - 20px);
    overflow: hidden;
}
.side_wrapper_heading{
    text-align: center;
    line-height: 49px;
    background: #FFF;
    font-weight: 100;
    text-transform: uppercase;
    font-size: 1.2em;
    height: 47px;
    border-bottom: 1px solid #eee;
	border-radius: 7px;
}

.toolbar_dropdown_box li .toolbar_headings_functions{
	/*width: 280px !important;*/
    width: 100%;
	clear: both;
}
.school_heading{
    text-align: center;
    line-height: 30px;
    color: #6d6e72;
    font-size: 16px;
}
#view_teacher_emails{
   display: block;
   border-radius: 5px;
   border: 0;
   margin: 0 auto;
   background-image: url(../images/teacher_white.svg);
   background-repeat: no-repeat;
   width: 210px;
   background-size: 25px;
   background-position: 6px 2px;
   padding-left: 30px;
}
.sub_message{
	width: 300px;
    position: absolute;
    color: #FFF;
    font-size: 14px;
    padding: 15px;
    background-color: rgba(97,97,97,0.902);
    top: 40px;
    right: 7px;
    text-align: center;
    border-radius: 5px;
    line-height: 20px;
    left: -360px;
    top: 0px;
    display: none;
}
.sub_message_common{
	display: none;
	font-weight: 400;
}
#sub_message_submit{
	min-height: 145px;
	display: none;
	overflow: hidden;
}
#sub_message_submitted{
	display: none;
	position: relative;
}
#sub_message_submitted .plane-container{
	width:100px !important;
}
#sub_message_submitted .plane-container{
	-webkit-animation-timing-function: linear !important;
	-moz-animation-timing-function: linear !important;
	animation-timing-function: linear !important;
	
	-webkit-animation: paper-plane-request 5s forwards infinite;
	-moz-animation: paper-plane-request 5s forwards infinite;
	animation: paper-plane-request 5s forwards infinite;
}
@-webkit-keyframes paper-plane-request {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform: translate(-200px, 0px);
    -moz-transform: translate(-200px, 0px);
    transform: translate(-200px, 0px);
  }
  /*
  20% {
    -webkit-transform: rotate(15deg);
    -moz-transform: rotate(15deg);
    transform: rotate(15deg);
    -webkit-transform: translateX(-60px);
    -moz-transform: translateX(-60px);
    transform: translateX(-60px);
  }
  40% {
    -webkit-transform: rotate(15deg);
    -moz-transform: rotate(15deg);
    transform: rotate(15deg);
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  60% {
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    transform: rotate(-10deg);
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    transform: translateX(20px);
  }
  80% {
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    transform: rotate(-10deg);
    -webkit-transform: translateX(60px);
    -moz-transform: translateX(60px);
    transform: translateX(60px);
  }
  */
  100% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform: translate(200px, 0px);
    -moz-transform: translate(200px, 0px);
    transform: translate(200px, 0px);
  }
}
#messages_list{
	left: 0%;
	height: 145px;
	position: relative;
}
.message_list_active{
	box-shadow: 0 5px 20px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 5px 20px rgba(0,0,0,.2);
    transform: scale(1.1);
    background: #fff;
    border-radius: 5px;
    padding: 10px;
    position: absolute;
    z-index: 1;
	left: 0;
    right: 0;
    margin: auto;
    width: 440px;
    background: #fafafb;
    background: rgba(250,250,251,.94);
    overflow: auto;
    overflow: auto;
    height: auto !important;
	top: 10px;
}
#sub_message_emaillist{
	height: auto;
    overflow: auto;
    position: relative;
}
#sub_message_request{
	clear:both;
	margin-top: 20px;
}
.settings_explainer{
	text-align: center;
    font-size: 12px;
    padding: 20px 20px 0px 20px;
}
.settings_field{
	width: 85%;
    margin: 0 auto;
    background: #fff;
    border-radius: 10px;
    height: 50px;
    margin-bottom: 10px;
    line-height: 50px;
    padding: 0px 10px;
    color: #6d6e72;
    position: relative;
	font-size: 15px;
}
.settings_smaller{
	width: 85%;
    height: auto;
    line-height: 20px;
    font-size: 12px;
    text-align: center;
    padding: 10px;
	margin-top: 20px;
	border-radius: 10px;
    height: fit-content;
    display: flex;
    flex-direction: column;
}
.settings_email{
	font-size: 12px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    width:85%;
    margin-bottom: 2px;
}
.settings_student_numbers{
	background: #cefbd3;
    height: 20px;
    border-radius: 5px;
	width: 340px;
	margin: 0 auto;
	margin-bottom: 10px;
	font-size: 12px;
	text-align: center;
	font-weight: 600;
}
.setting_student_desc{
	background: #eee;
	border-radius: 5px;
	font-weight: 600;
	margin-bottom: 5px;
}
.student_sub_warning_01{
	background: #fee4a7;
}
.settings_student_numbers div{
	width: 50%;
	float:left;
	font-weight: 600;
}
#message_defualt{}
#message_defualt .sub_message_enquire{
	font-weight: 400;
    font-size: 16px;
    width: 90%;
    margin: 0 auto;	
}
#message_formative{display: none;}
#message_mynumeracy{display: none;}
.messages_list{
	
}
#add_new_email{
	width: 100%;
    padding: 0;
    border: 0;
    height: 30px;
	font-size: 12px;
    color: #6d6e72;
	background: #ecf4f9;
}
.settings_button{
	width: 100px;
    margin: 0 auto;
    display: block;
    height: 30px;
    border: none;
    border-radius: 5px;
    background: #FFF;
    border: 1px solid #ddd;
    color: #6d6e72;
    text-transform: uppercase;
}
.settings_button:hover{
	border: 1px solid #4298cc;
	background: #4298cc;
	color:#FFF;
}
.switch {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 150px;
    height: 25px;
    padding: 1px;
    background-color: white;
    border-radius: 18px;
    cursor: pointer;
}
.switch-label {
    position: relative;
    display: block;
    height: inherit;
    font-size: 13px;
    font-weight: 400;
    text-transform: uppercase;
    background: #4298cc;
    color: #FFF;
    border-radius: 5px;
    -webkit-transition: 0.15s ease-out;
    -moz-transition: 0.15s ease-out;
    -o-transition: 0.15s ease-out;
    transition: 0.15s ease-out;
    -webkit-transition-property: opacity background;
    -moz-transition-property: opacity background;
    -o-transition-property: opacity background;
    transition-property: opacity background;
}
.switch-label:before, .switch-label:after {
  position: absolute;
  top: 50%;
  margin-top: -.5em;
  line-height: 1;
  -webkit-transition: inherit;
  -moz-transition: inherit;
  -o-transition: inherit;
  transition: inherit;
}
.switch-label:before {
  content: attr(data-off);
  right: 11px;
  color: #FFF;
}
.switch-label:after {
  content: attr(data-on);
  left: 11px;
  color: white;
  opacity: 0;
}
.settings_switch{
	padding: 0 !important;
    width: 70px !important;
    position:absolute !important;
    right: 15px;
    top: 13px;
    border-radius: 5px;
}
.settings_switch .switch-label{border: 0;}
.settings_switch .switch-label:before{right:14px;}
.settings_switch .switch-label:after{color:#4298cc;opacity: 100;left: 7px;}
.settings_switch .trial_option:after{left: 17px;}
.settings_spacer{
	width: 40%;
    margin: 0 auto;
    border-bottom: 1px solid #ddd;
    clear: both;
}
#password_error{
	position: absolute;
	right: 320px;
	top: 0;
	font-size: 13px;
	font-weight: 600;
	color: #FFF;
	background: red;
	padding: 0px 30px;
}

#form1{
	position: relative;
	float:right;
}

.logged_in_form{right:0px;top:0px;}
.teacher_login #actions{
	position: absolute;
    left: 0;
    right: 0;
    bottom: -35px;
    margin: 0 auto;
    width: 100px;
}
.teacher_login .home{background-position: 2px 5px;}
.teacher_login .key{background-position: 39px 5px;}
.login_common .login_input{
	border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
	border: 1px solid transparent;
	background: #f9f9f9;
	height: 50px;
	margin:0;
}
.login_common span{
	border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
	padding: 13px 10px;
}


/*New Index page*/

#home{
	width:100%;
	font-family: 'Open Sans', 'sans-serif';
	font-weight:400;
	min-width: 1024px;
    position: relative;
}

.menu_item{

}

nav {font-size: 14px;position: relative;width: 100%;padding-top: 90px;margin:0 auto;font-weight: 400;/*text-transform: uppercase;letter-spacing: 1px;padding-top: 98px;*/
}
nav ul, #cssmenu li {list-style: none outside none;
margin: 0;}
nav ul {position: relative; text-align:center;}
nav ul li { display:inline-block; min-height: 1px; vertical-align: middle;}
nav ul ul {position: absolute; top: 80px; left: 0; z-index: 598; width: 100%;}
nav ul ul li {float: left; width:100%;}
nav ul ul li a{padding:5px; text-align:left;clear: both;}
nav ul ul li a:hover{border-radius: 5px;}
nav ul ul {bottom: 0; left: 0; }
nav ul ul {margin-top: 0; }
nav ul ul ul{font-size:12px;top: 29px;}
nav ul ul ul li{border: 0 !important;}
nav a { display: block; line-height: 1em; text-decoration: none; padding:10px 8px;color: #005587;font-weight:600;}

nav > ul {}

  nav:after, nav ul:after {
    content: '';
    display: block;
    clear: both;
}
.has_sub{  margin-left: -5px;}
nav ul .has_sub:hover{
	background: #ecf4f9;
	border-radius: 5px;
}

nav ul.sub{
	width: 985px;
	margin: 0 auto;
    left: 0;
    right: 0;
	background: #f7f7f7;
	z-index: 10000;
	top: 32px;
	position: absolute;
	text-transform: none;
	display:none;
}
nav .sub li:first-child{
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	overflow: hidden;
	border-top: 1px solid #eee;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
}
nav .sub li:last-child{
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	overflow: hidden;
	border-bottom: 1px solid #eee;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
}
nav ul.sub li .sub_headings{
    width: 96%;
    margin: 0 auto;
    border-radius: 5px;
    margin-top: 10px;
}
	nav ul.sub > li{
		display: inline-block;
		float: left;
		clear:both;
		vertical-align: top;
		background: #f7f7f7;
		width:100%;
	}
	
	nav li:hover ul.sub {
    display: block;
	}
	
	nav li:hover ul.sub:after{
		clear:both;
	}

.sub_w{
	float: left;
	position: relative;
	width:33.33%;
	height:165px;
}
#ausvels_literacy a{text-align: center;}
#ausvels_literacy ul{
	margin: 0 auto;left: 0;right: 0;width: 500px;
}
#ausvels_literacy ul li{
    width: 250px;
}
#ausvels_literacy ul li a{
	width: 230px;
}
.sub_headings{
	padding: 10px;
	background: #4298cc;
  	text-align: center;
  	color: #FFFFFF;
  	font-weight: 100;
    font-size: 20px;
}
.sub_headings_2{
	color: #6d6e72;
	text-align: center;
	font-size: 17px;
    font-weight: 600;
	clear: both;
}
.sub_headings:hover{background:#c6c6c6;}
.sub_headings_2:hover{}
.sub_headings_3{
	font-size: 15px;
    color: #ff6d10;
    font-style: italic;
    width: fit-content;
    margin: 0 auto;
    border-radius: 5px;
}
.sub_headings_3:hover{
	background: #FFF;
}
.ausvel_submenus{ top: 20px;left: 20px;}
.assessment_w{}
.nsw_menu{height:auto;overflow:auto;padding-bottom: 44px;}

header{
	width: 96%;
	max-width: 1400px;
	height:130px;
	background:#FFF;
	margin: 0 auto;
	position: relative;
}

#header_logo{
	font-family: 'Open Sans', 'sans-serif';
	display: block;
	position: absolute;
	top: 10px;
	text-decoration:none;
}
#header_logo h1{font-weight: 400 !important;font-size: 40px !important;}
#header_logo h1 span:first-child{color:#6d6e72;}
#header_logo h1 span:last-child{color:#1fa1d2;}
#header_logo span{}
#header_logo span h2{
	background-color: #1fa1d2;
  	color: #FFF;
  	font-weight: 100;
  	font-style: italic;
  	font-size: 16px;
  	width: 404px;
  	line-height: 25px;
  	text-align: center;
  	border-radius: 7px;
  	bottom: -18px;
  	position: absolute;
  	letter-spacing: 1px;
}

#header_logo_image {
	font-family: 'Open Sans', 'sans-serif';
    background: url(../images/logo_smaller.png) no-repeat;
    background-size: contain;
	display: block;
	position: absolute;
	top: 10px;
	text-decoration:none;
    width: 452px;
    height: 74px;
}

#header_logo_grid {
    background: url(../images/logo_title_only.png) no-repeat;
    background-size: cover;
	position: absolute;
	top: 10px;
	display: block;
    width: 424px;
    height: 52px;    
}

.home_register{
	float:left;
	padding: 10px 40px 10px 20px;
}
#login_w_buttton{
	width:100%;
	display: flex;
	justify-content: center;
}
#login_w_buttton a{
	border-radius: 5px;
    width: 50%;
}
#login_w_buttton a:last-child{
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
#login_w_buttton a:first-child{
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
#login_w{
	position:absolute;
	right:0;
	top:0;
}
#ea_action_buttons{
    position: absolute;
    display: flex;
    height: 30px;
    top: 30px;
    width: 500px;
    right: 0px;
    justify-content: end;
}
#ea_action_buttons a{
	width: 80px;
    padding: 0 10px;
    text-align: center;
	line-height: 14px !important;
    text-align: right !important;
    font-size: 12px !important;
}
#ea_action_buttons .trial_buttons{
	position: relative;
}
#ea_action_buttons .trial_buttons span{
    background: url(../images/trial_icons.svg) no-repeat;
    position: absolute;
    background-size: 48px;
	width: 25px;
    height: 25px;
    left: 3px;
    top: 3px;
}
#ea_action_buttons .trial_buttons #trial_request_1{
	background-position: -24px 0px;	
}
#ea_action_buttons .trial_buttons #trial_request_2{
	background-position: 0px 0px;	
}
#ea_action_buttons .ea_trial_video{
    border: 0;
    line-height: 30px;
    height: 30px;
    position: relative;
    margin: 0 2.5px;
}
#ea_action_buttons .ea_trial_video:last-child{
    margin: 0 0 0 2px;
    width: 110px;
}
#ea_action_buttons .ea_trial_video div{
    position: absolute;
    background: url(../images/quiz_admin_icons_v4.svg) no-repeat;
    width: 25px;
    height: 25px;
    background-size: 220px;
    background-position: -59px -51px;
    left: 3px;
    top: 4px;
}
.login_buttons{
	background:url(../images/home_login_icon.png) no-repeat;
	background-position: 95px 4px;
	border-bottom:4px solid transparent;
}

.login_buttons:hover{
	border-bottom:4px solid #005587;
}

#login_w ul{
    overflow: auto;
    width: 340px;
    margin: 0 auto;
    margin-top: 5px;
    margin-bottom: 5px;
    border-radius: 5px;
}

#login_w ul li{
	float: left;
	overflow: hidden;
}

#login_w ul a{
    display: block;
    text-decoration: none;
    color: #666;
    font-size: 13px;
    font-weight: 600;
    height: 35px;
    width: 160px;
	padding-left: 10px;
    margin: 0;
    line-height: 35px;
    text-align: center;
    background: #eee;
    position: relative;
    border: 0;
    background: none;
    border-radius: 5px;
}
#login_w ul a:hover{
	background: #eee;
}
#login_w ul a span{
	background: url(../images/student_login_icons.svg);
    position: absolute;
    width: 30px;
    height: 30px;
    left: 5px;
    top: 2px;
}
#login_w ul a #login_a_student{
	background-position: -48px -5px;	
}
#login_w ul a #login_a_teacher{
	background-position: -3px -5px;	
}

#promo_link{
	color: #1fa1d2;
	text-decoration: none;
}
#hero_image #promo_2017 .shapes_promo_hover:hover #promo_free{
	text-decoration: underline;
}
#promo_2017{}
#promo_2017 .shapes_2017{
	width: 220px;
    height: 220px;
    position: absolute;
    background: #FFF;
    border-radius: 50%;
    left: 40px;
    top: 40px;
    color: #1fa1d2;
	-webkit-animation-duration: 8s;
	-webkit-animation-delay: 1s;
	-webkit-animation-iteration-count: 1;
	animation-duration: 8s;
	animation-delay: 1s;
	animation-iteration-count: 1;
}
#promo_2017 .shapes_2017 #promo_text_1{
	font-size: 11px;
    line-height: 45px;
	margin-top: 22px;
}
#promo_2017 .shapes_2017 #promo_text_1 h1{font-weight:600;}
#promo_2017 .shapes_2017 #promo_text_2{
	font-size: 10px;
    width: 160px;
    text-align: center;
    margin-left: 31px;
}
#eai_update{
   	position: absolute;
    width: 300px;
    height: 100px;
    background: #ffeea1;
    border-radius: 30px;
    position: fixed;
    bottom: 10px;
    right: 10px;
    z-index: 4;
	right: -300px;
}
#eai_update #eai_icon{
	width: 80px;
    height: 80px;
	position: absolute;
    left: 10px;
    top: 10px;
	background-color: #FFF;
	border-radius: 20px;
	z-index: 100;
}
#eai_update #eai_icon div{
	background: url(../images/mn_align.svg);
    background-size: 200px;
    width: 60px;
    height: 60px;
    margin: 10px;
    background-position: 0px 3px;
}
#eai_update .eai_desc{
	position: absolute;
    color: #666;
    width: 170px;
    right: 20px;
    top: 10px;
    height: 80px;
	display: flex;
    align-items: center;
	font-size: 20px;
    font-weight: 600;
	opacity: 0;
}
#eai_update #eai_desc_1{
	opacity: 1;
}
#eai_update #eai_desc_2{
	left: 20px;
}
#hero_image{
	background:url(../images/hero_image.jpg);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: center center;
	width: 100%;
    min-height: 920px;
    color: #FFF;
    text-align: center;
    position: relative;
	background-repeat: no-repeat;
}

#hero_text{
	padding: 290px 10px;
	padding: 25% 0% 0% 0%;
	text-align: center;
}	
	
#hero_image h1{
	font-size:4em;
	font-weight:100;
}

#hero_image h2{
	font-size:20px;
	font-weight:100;
}

#hero_text #hero_buttons{
    width: 140px;
    margin: 0 auto;
	margin-top: 1%;
	height: 40px;
}

#hero_text #hero_buttons a{
	width: 100px;
	display:block;
	float: left;
	font-size: 0.9em;
	border-radius: 5px;
}

#mn_macbook_intro_w{
	width: 500px;
    margin: 0 auto;
    position: absolute;
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    bottom: -70px;
    z-index: 1;
}
#macbook_video{
	/*
    position: absolute;
    bottom: 30px;
    left: 0;
    right: 0;
	*/
    margin: auto;
    width: 640px;
    border-radius: 10px;
    overflow: hidden;
    height: 360px;
	margin-top: 1%;
	padding-bottom: 5%;
}
#macbook_video iframe{
	border-radius: 10px;
}
#my_numeracy_intro{
    position: relative;
    width: 100%;
    height: 190px;
    color: #484848;
    bottom: 0;
    text-align: center;
    background: #4298cc;
}

#my_numeracy_intro h2{
	font-size: 2em;
    padding: 15px 0px;
}

#my_numeracy_intro #mn_descrip{
    max-width: 1024px;
    margin: 0 auto;
	font-weight:100;
	font-size:1.8em;
	padding-top: 70px;
	color: #FFF;
}
#my_numeracy_intro #mn_descrip #mn_button_wrapper{
	display: flex;
	margin: 0 auto;
	justify-content: center;
}
#my_numeracy_intro a{
	color: #FFF;
    background: #4298cc;
    background: #0076a9;
    width: 190px;
    height: 50px;
    display: block;
    font-size: 0.7em;
    text-decoration: none;
    font-weight: 100;
    float: left;
    text-transform: uppercase;
    font-family: 'Josefin Sans', sans-serif;
    line-height: 55px;
    margin-top: 15px;
}
#my_numeracy_intro a:first-child{
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}
#my_numeracy_intro a:last-child{
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}

#my_numeracy_intro a:hover{
	background:#005587;
	color:#FFFFFF;
}

#login_not_subscribed{
	position: absolute;
    top: 0;
    width: 410px;
    padding: 30px;
    margin: 0 auto;
    left: 0;
    right: 0;
    z-index: 1;
    clear: both;
    color: #6d6e72;
    background: #FFF;
    border-radius: 10px;
    top: 130px;
    box-shadow: 0 10px 50px rgba(0,0,0,.2);
}

#login_not_subscribed p{
	text-align: center;
    font-weight: 100;
    font-size: 18px;
    background: #fff;
    border-radius: 10px;
    margin: 5px;
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: -50px;
    height: 40px;
    line-height: 40px;
}

#login_not_sub_buttons{
	width: 300px;
  	margin: 0 auto;
}

#login_not_sub_buttons a{
	height: 36px;
	width:100px;
  	line-height: 36px;
    padding: 0px 0px !important;
    float: left;
    text-align: center;
}
#not_subscribed_register{
	padding: 9px 30px 10px !important;
}
.blue_button{
	background: #4298cc;
	color:#FFF;
	height: 40px;
    line-height: 40px;
    padding: 0 20px;
	font-size: 12px;
	text-decoration: none;
	cursor: pointer; 
	outline:none;
	border-radius: 0;
	font-family: 'Open Sans', 'sans-serif';	
}

html.non-touch .blue_button:hover{
	background:#005587;
	background-position: 90% 50%;
}

.orange_button{
	color:#FFF;
	height: 40px;
    line-height: 40px;
    padding: 0 20px;
	font-size: 13px;
	background: #ff6d10;
	text-decoration:none;
	cursor: pointer; 
	outline:none;
	display: block;
	text-align: center;
	border-radius: 5px;
}

.orange_button:hover{
	background:#8e4820;
}

.blue_button_2{
    color: #FFF;
    background: #4298cc;
    width: 210px;
    height: 60px;
    display: block;
    text-align: center;
    font-size: 1.2em;
    text-decoration: none;
    font-weight: 100;
    margin: 0 auto;
    text-transform: uppercase;
    border-radius: 5px;
    line-height: 60px;
    padding: 5px;
	border: 0;
	font-weight: 100;
    padding: 0;
}

.blue_button_2:hover{
	background:#005587;
}
.border_radius_left{
	border-top-left-radius:5px;
	border-bottom-left-radius:5px;
}
.border_radius_right{
	border-top-right-radius:5px;
	border-bottom-right-radius:5px;
}
#contact_us{
	background:#0076a9;
	width:100%;
	height: 60px;
}

#contact_us_form{
    margin: 0 auto;
    height: 60px;
    max-width: 650px;
    position: relative;
}

#contact_us_form fieldset{
	width:100%;
	position:absolute;
}

#keep_in_touch_1{
	transition: all 0.5s ease 0s;
}

#keep_in_touch_2{
	transition: all 0.5s ease 0s;
	display:none;
	top: 50px;
}

#keep_in_touch_2 h2{
	float: left;
    color: #FFF;
    line-height: 61px;
    padding: 0px 20px 0px 100px;
}

#contact_us_form_2 #actions{
    position: absolute;
    bottom: 50px;
    left: 255px;
}

#contact_us_form_2 .contact_us_inputs{
	width: 189px;
	margin: 5px;
}

#contact_us_form_2 #which_department{
	width: 455px;
}

#contact_us_form_2 input:focus{
	background: #eee;
}

#contact_us_w{
	width: 464px;
	margin: 0 auto;
	padding: 5px 0px;
}

#contact_us_w p{
    padding: 20px;
    text-align: center;
    z-index: 1000;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    background: #4298cc;
    color: #FFF;
    width: 80%;
    border-radius: 5px;
    bottom: 30px;
}

#contact_us_w #question_text{
	width: 432px;
	height: 100px;
	margin: 5px;
	border: 1px solid #ddd;
	outline: none;
	padding:10px;
	font-size:14px;
}

.contact_us_inputs{
	height: 40px;
	margin: 10px 20px 10px 0px;
	width: 200px;
	border: none;
	padding: 0px 10px;
	font-size: 14px;
	outline: none;
	float: left;
}

#submit_message{border: none;height: 36px;line-height: 36px;position: absolute;width: 220px;}

#send_details{
    float: left;
	margin: 10px 0px 10px 0px;
	width: 18%;
	border: initial;
	text-align: center;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	padding: 0% 1% 0% 1%;
}

#contact_us_w_confirm p{
	text-align:center;
	color:#FFF;
	line-height: 60px;
	font-size: 20px;
}

#contact_us_form input{
	height: 40px;
	margin: 10px 0px 10px 0px;
	width: 37%;
	border: none;
	padding: 0px 10px;
	font-size: 14px;
	outline: none;
	float: left;
	padding: 0% 1% 0% 3%;
}

#contact_us_form input:focus{
	background: #eee;
}

#contact_us_form button{
	
}

#home_content_w{
	width: 100%;
}

.centered_popup{
	background: #FFF;
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 1000000;
	box-shadow: 0 10px 50px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 10px 50px rgba(0,0,0,.2);
}

#questions_wrapper{
    width: 500px;
    height: 350px;
    margin: -175px 0 0 -250px;
    border-radius: 10px;
}

#support_wrapper{
	width: 1000px;
    height: 456px;
    margin: -228px 0 0 -500px;
    border-radius: 10px;
    overflow: hidden;
	z-index: 10005 !important;
}

#support_wrapper .support_options{
	height: 100px;
	position:relative;
}	

#support_wrapper .support_options .support_content{
	width: 900px;
    float: right;
    height: 100%;
 	position: relative;
}

#support_wrapper .support_options .support_content h2{
	padding: 5px 0px 0px 15px;
    margin-left: 25px;
    width: 400px;
    border-bottom: 1px solid #ccc;
}

#support_wrapper .support_options .support_content p{
	font-size: 15px;
    padding-left: 60px;
}

#support_wrapper .support_options .support_content a{
	position: absolute;
    right: 18px;
    top: 33px;
    width: 150px;
    padding: 5px;
    background: #4298cc;
	color: #FFF;
    font-size: 14px;
    text-align: center;
	border-radius:5px;
}

#support_wrapper .support_options .support_content button{
	position: absolute;
    right: 18px;
    top: 33px;
    width: 110px;
    padding: 5px;
    border: 1px solid #909090;
    font-size: 14px;
    color: #585858;
    text-align: center;
	border-radius:20px;
	background: none;
}

#support_wrapper .support_options .support_content a:hover{
	background:#005587;
	color:#FFF;
}

#support_wrapper .support_options #pds_wrapper{
	position:absolute;
	height: 170px;
    right: 0;
    top: 30px;
    background-color: #fff;
    z-index: 1;
}

#support_wrapper .support_options #pds_wrapper p{
	font-size:12px;
	width: 690px;
    text-align: justify;
}
#support_wrapper .support_options #pds_wrapper h3{
	text-align: center;
    text-decoration: underline;
}
#support_wrapper .support_options #pds_wrapper li{
	font-size: 16px;
    text-align: center;
}

#support_wrapper .support_options .support_icons{
	width: 100px;
    float: left;
	height:100%;
	border-radius: 5px;
	transform: scale(0.9);
}

#support_wrapper .support_options .support_icons span{
	width:64px;
	height:64px;
	margin: 18px;
	display:block;
	background-image:url(../images/support_icons.svg);
	background-size: 256px;
}

.bolder{
	font-weight: 600;
    color: #0076a9;
    font-size: 1.1em;
}

.home_column{
	width:50%;
	float:left;
	padding: 40px 0px;
}

.home_column h2{
	text-align: center;
}

.home_column p{
	padding: 0px 55px 40px 25px;
	text-align: justify;
}

.home_white{
	background:#FFF;
	clear: both;
	overflow:hidden;
}

.home_grey{
	background:#f1f6f6;
	clear: both;
	overflow: hidden;
}

.home_width{
	max-width: 1300px;
	width: 96%;
	margin:0 auto;
	position: relative;
	height: 100%;
}
.home_width .slick_class{
	overflow: hidden;
    border-radius: 10px;
}
.header_width{
	margin:0 auto;
	position: relative;
	height: 100%;
}
.home_sub_buttons a{
    margin: 0 auto;
    width: 60%;
    position: relative;
    display: block;
    text-align: center;
    border-radius: 5px;
    font-size: 0.9em;
    padding: 0;
    height: 40px;
    line-height: 40px;
	max-width: 200px;
}
#home_who{
	text-align:justify;
}

#home_who ul{}

#home_who ul li{
	background:url(../images/home_tick.png) no-repeat;
	padding: 20px 0px 0px 30px;
	background-position: 0px 22px;
}

#home_links_w{
    width: 90%;
    padding: 20px 0px;
    float: right;
}

#home_links_w .wwo_table{
	width: 100%;
}

#home_links_w .wwo_table .wwo_row{
	border-bottom: 1px solid #ddd;
    height: 80px;
}

#home_links_w .wwo_table .wwo_row .wwo_t{
	width: 40px;
    height: 40px;
    margin: 0 auto;
}
#home_links_w .wwo_table .wwo_row .wwo_t_2{
	height:80px;	
	width: 100%;
}
#home_links_w .wwo_table .wwo_row .wwo_t_3{
	margin-top: 20px;
}
#home_links_w .wwo_table .wwo_row .wwo_t a{
    background: url(../images/home_tick.svg);
    display: block;
    width: 100%;
    height: 100%;
    background-size: 130px;
    background-position: 0px 1px;
    border-radius: 50%;
}
#home_links_w .wwo_table .wwo_row .wwo_t a:hover{
	background-position: -39px 1px;
	transform: scale(1.4);
	-webkit-transform: scale(1.4);
	box-shadow: 0 10px 50px rgba(0,0,0,.2);
}
#home_links_w .wwo_table .wwo_w{
    display: table;
    width: 95%;
    height: 60px;
}
#home_links_w .wwo_table .wwo_w a{
	width: 80%;
    display: table;
    margin: 0 auto;
    text-align: center;
    border-radius: 5px;
    font-size: 15px;
    margin-top: 20px;
    height:60px;
    color:#FFF;
    text-decoration: none;
    line-height: normal;
    padding: 0;
    background: #4298cc;
}
#home_links_w .wwo_table .wwo_w a:hover{
	background: #005587;
}
.wwo_i{
    display: table-cell !important;
    width: 100% !important;
    vertical-align: middle !important;
    height: 60px;
    text-align: center !important;
    color: #484848;
}
#home_links_w .wwo_table .wwo_row .wwo_t .wwo_i_2{
	height:80px;
}
#home_links_w a{
   border-radius: 5px; 
   font-size: 20px;
}

.home_links{
	background: #f6f6f6;
	min-height: 40px;
	float: left;
	position: relative;
	width: 99%;
	text-align:center;
	margin-bottom:10px;
}

.home_links h3{
	color:#0076a9;
	font-weight:600;
	padding: 8px;
}

.home_links a{
	display: table;
	width: 33%;
	float: left;
	margin-bottom: initial;
	height: 60px;
}

.home_links a div{
	display: table-cell;
    vertical-align: middle;
    height: 60px;
}

.home_links a:hover{
	
}

.home_links_style:hover{
	background:#0076a9;
	color:#FFF;
}

.home_links_3{
	width: 33%;
	float: left;
}

.home_links_3 a{
	padding:20px 0px;
}

.home_links_spacer{
	display: block;
	width: 15px;
	float: left;
	height: 1px;
}

.h2_style{
	font-size: 34px;
	padding: 50px 0px 10px;
	font-weight:100;
}
	
#home_testimonials{
	position: relative;
	height: 300px;
}

#home_testimonials h2{
	position:absolute;
	height: 250px;
}

#testimonials_w {  
    position: relative; 
}

#testimonials_w > div { 
    position: absolute; 
    top: 10px; 
    left: 10px; 
    right: 10px; 
    bottom: 10px; 
}

.testimonial { margin: 0; padding: 100px 50px 0px; position: relative;     font-family: Georgia, serif;     color: #666;     border-radius: 5px;     font-style: italic;     text-shadow: 0 1px 0 #ECFBFF;} .testimonial p:before, .testimonial p:after {     content: "\201C";     position: absolute;     font-size: 80px;     line-height: 1;     color: #999;     font-style: normal; } .testimonial p:before {     top: 80px;     left: 10px; } .testimonial p:after {     content: "\201D";padding: 0px 10px; }
.testimonial_c{
	position: absolute;
	top: 40px;
	right: 10%;
}

.testimonial h3{font-weight:600;font-style: normal;padding: 15px 30px;}

#home_subscription{
	position:relative;
	width: 95%;
    margin: 0 auto;
    border-radius: 10px;
}

#home_subscription h2{
	width: 100%;
	text-align: center;
	float: left;
}
#home_subscription h3{
	clear:both;
	padding:0px 20px 80px 30px;
	text-align: center;
}

#v_subscriptions{
    position: absolute;
    right: 0;
    left: 0;
    top: 70%;
    width: 200px;
    margin: 0 auto;
    font-size: 1em;
}

#home_info_1{
	
}

#home_info_1 h2{
	
}

#home .header{
	width: 1200px;
	margin:0 auto;
}

#home .h_wrapper{
	width: 1200px;
	background:url(../images/logo_bg.jpg) no-repeat 2px 5px;
	background-position-x: 130px;
}

#home_anchor{
    width: 1200px;
    height: 150px;
    display: block;
    position: absolute;
}

#sub_headings{
	height:260px !important;
}


#home .h_content{
	background: url(../images/desk_bg.jpg) no-repeat;
	background-size: cover;
	-moz-background-size: cover;
	background-position: center;
	position: relative;
	min-width: 940px;
	clear: both;
	height: 490px;
}

#home .h_content_subpages{
	position: relative;
	width:100%;
	overflow: hidden;
	clear: both;
	min-height: 800px;
	/*background-color:#fefefe;*/
	background-color: #f1f6f6;
}

.sub_headings_div{
	background: #FFF;
	height: 30px;
	border-top: 1px solid #012b53;
	width: 940px;
	margin: 0 auto;
}

#home #menubar .menu_item{
	list-style-type:none;
	display:block;
	float:left;
	text-align:center;
	width: 110px;
	height: 40px;
}

#home .menu{
	padding: 160px 0px 0px 10px;
}

/* ============ */
/*	  Welcome	*/
/* ============ */

#welcome_wrap{
	margin: 0 auto;
	position:relative;
	width:100%;
}

#welcome_wrap h1{
	text-align: center;
	letter-spacing: 2px;
	text-transform: uppercase;
	font-family: 'Josefin Sans', sans-serif;
	padding: 20px 0px 20px 0px;
	color: #FFF;
  	background-color: #4298cc;	
	font-size: 20px;
	font-weight: 100;
	height: 16px;
}

#welcome {
	position:relative;
	float:left;
	width: 500px;
	color:#FFF;
	padding-right:50px;
	padding-left:50px;
	padding-top: 45px;
	padding-bottom:25px;
	background:#022a53;
	background: rgba(2,42,83,0.85);
	margin: 55px 0px 10px 40px;
}

#sale_badge{
	width: 180px;
	height: 180px;
	background: #700303;
	position: absolute;
	border-radius: 50%;
	right: 40px;
	top: 54px;
	z-index:1;
}

#sale_badge h1{
	margin: 35px 10px 0px;
	letter-spacing:2px;
	line-height: 26px;
	font-size:18px;
}

#sale_more{
	margin: -18px !important;
	padding: 0 !important;
	font-size: 100px !important;
}

#sale_badge_more{
	width: 160px;
	height: 290px;
	background: #00274e;
	position: absolute;
	right: 50px;
	top: 154px;
	opacity: .90;
}

#sale_badge_more h2{
	color:#FFF;
	margin-top: 85px;
	padding: 20px;
	text-align: center;
	font-size: 15px;
}

#sale_badge_more a{
	text-decoration: none;
	color: #FFF;
	text-transform: uppercase;
	padding: 5px 10px;
	width: 100px;
	height: 30px;
	border: 1px solid #FFF;
	left: 28px;
	text-align: center;
	line-height: 30px;
	top: 20px;
	position: relative;
}

#sale_badge_more a:hover{
	background: #FFF;
	color: #00274e;
}

#welcome_2{
	position: relative;
	float: right;
	width: 240px;
	margin-top: 140px;
}

#welcome_2 a{
	text-align: center;
	display: block;
	margin: 10px 0px;
	background: #022a53;
	background: rgba(2,42,83,0.85);
	padding: 10px;
	color: #FFF;
	text-decoration: none;
	font-weight: 100;
	border:1px solid transparent;
	border-radius: 10px;
}

#welcome_2 a:hover{
	background:#f2f2f0;
	color:#022a53;
	border:1px solid #022a53;
}

#welcome_2_subscribe{
	background: #700303 !important;
}

#welcome_2_subscribe:hover{
	background:#f2f2f0 !important;
	color:#022a53 !important;
	border:1px solid #022a53;
}

.center_conent{margin: 0 auto;}
.numeracy_wrapper{width:920px;}
.num_lit_c1{
	position: relative;
	float: left;
	width: 440px;
	color: #FFF;
	background:#022a53;
	background: rgba(2,42,83,0.85);
	margin: 90px 20px 0px 20px;
}

.num_lit_c2{
	position: relative;
	width: 440px;
	float: left;
	margin-top:90px;
}

.lit_c1{
	position: relative;
	float: left;
	width: 573px;
	height: 369px;
	color: #FFF;
	background:#022a53;
	background: rgba(2,42,83,0.85);
	margin: 90px 20px 0px 20px;
}

.lit_c2{
	position: relative;
	width: 307px;
	float: left;
	margin-top:90px;
}

.num_lit_text{
	margin:20px 30px;
}

.tiled_images_space{
	width:20px;
	height:20px;
	position:relative;
	float:left;
}

.num_lit_c2_wrap{
	position: relative;
	display: block;
	float: left;
	height: 160px;
	width: 440px;
	margin-top: 20px;
}

.num_lit_c2_links_wrap{
	position: relative;
	display: block;
	float: left;
	width:210px;
	height:160px;
}

.num_lit_c2_links_wrap_lit{
	position: relative;
	display: block;
	float: left;
}

.num_lit_c2_links{
	border:2px solid rgba(2,42,83,0.85);
	display: block;
	background: rgba(2,42,83,0.9);
	width: 205px;
	height: 170px;
	position: relative;
	float: left;
	text-decoration: none;
	color: #FFF;
	font-family: 'Open Sans', 'sans-serif';
	font-size: 30px;
	font-weight: 100;
}

.num_lit_c2_links_lit{
	border:2px solid rgba(2,42,83,0.85);
	display: block;
	background: rgba(2,42,83,0.9);
	width: 282px;
	height: 150px;
	position: relative;
	float: left;
	text-decoration: none;
	color: #FFF;
	font-family: 'Open Sans', 'sans-serif';
	font-size: 30px;
	font-weight: 100;
}

.num_lit_c2_links:hover{
	background: none;
}

.num_lit_c2_links_lit:hover{
	background: none;
}

.num_lit_c2_links h2{
    position:absolute;
    bottom:15px;
    right:25px
}

.num_lit_c2_links_lit h2{
	position:absolute;
    bottom:15px;
    right:25px
}

.num_lit_choose{
	position: relative;
	float: left;
	width: 286px;
	height:70px;
	background: rgba(2,42,83,0.9);
	opacity: 0.85;
	margin-top:20px;
}

.num_lit_school{
	position:relative;
	float:left;
	width:133px;
	height:70px;
	background: rgba(2,42,83,0.9);
	opacity: 0.85;
	margin-top:20px;
}

#welcome_list li{
	font-family: 'Open Sans', 'sans-serif';
	font-weight:100;
	background-image:url(../images/welcome_tick.png);
	background-color:transparent;
	background-repeat:no-repeat;
	background-position-y: -3px;
	padding-left:35px;
	padding-bottom:25px;
	font-size: 15px;
	text-align:justify;
	float:left !important;
}

#heading_wrapper{
	width: 100%;
  	border-bottom: 1px solid #ccc;
}

#heading_wrapper a{
	text-decoration: none;
}

#heading_wrapper h2{
	color: #616263;
  height: 25px;
  line-height:25px;
  padding-left: 10px;
  font-weight: 100;
  font-size: 1.6em;
}
 
#hamburger{
	position: absolute;
  	top: 9px;
  	right: 5px;
}

#hamburger span{
	 background-color: #616263;
	 width: 30px;
	 height: 3px;
	 display: block;
	 float: right;
	 clear: both;
	 margin: 3px 0px 3px;
}

#strand_menu{
	position: absolute;
	right: 0;
	bottom: 0;
	width: 300px;
	list-style: none outside none;
}

#strand_menu h5{  padding-right: 30px;}

#strand_menu li{
	background-image:none;
	padding:0px;
}

#strand_menu > ul { display: inline-block; }

  #strand_menu:after, nav ul:after {
    content: '';
    display: block;
    clear: both;
}

#strand_menu ul > li{
		display: inline-block;
		float: left;
		clear:both;
		vertical-align: top;
		background: #f7f7f7;
		width:100%;
	}
	
	#strand_menu li:hover ul {
    display: block;
	}

#strand_menu ul{
	list-style: none outside none;
  	margin: 0;
  	left: 0;
  	position: absolute;
  	top: 45px;
  	z-index: 10000;
	box-shadow: 0px 5px 20px -6px #000;
  -webkit-box-shadow: 0px 2px 9px 0px rgba(50, 50, 50, 0.52);
  -moz-box-shadow: 0px 2px 9px 0px rgba(50, 50, 50, 0.52);
  box-shadow: 0px 3px 3px -2px rgba(50, 50, 50, 0.52);
  width: 310px;
	display:none;
}

#strand_menu ul li{
	padding: 0px;
  	float: left;
  	position: relative;
  	clear: both;
  	width: 280px;
}

#strand_menu ul li a{
	width: 280px;
}

#literacy_splash{clear:both;}

#literacy_options{
	position:absolute;
	top:0;
	right:0;
}

#literacy_options ul{

}

#literacy_options ul li{

}

#strand_menu a{
	color:#616263;
	width: 280px;
	display: block;
	float: left;
	height: 45px;
  	line-height: 45px;
	font-size: 17px;
	text-align: right;
	font-weight: 100;
	padding-right: 30px;
}

#strand_menu a:hover{
	background:#F0F0F0;
}

.num_lit_subpage li{
	background-image:url(../images/welcome_tick.png);
	background-color:transparent;
	background-repeat:no-repeat;
	background-position-y: -3px;
	padding-left:35px;
	padding-bottom:25px;
	font-size: 14px;
	text-align:justify;
}

.num_lit_subpage h2{
	font-family: 'Open Sans', 'sans-serif';
	font-size: 28px;
	margin-bottom: 10px;
	font-weight:100;
}

#literacy_menu_w ul{
	position: absolute;
	right: 0;
	top: 0;
	width: 360px;
}

#literacy_menu_w ul li{}

#literacy_menu_w ul li a{}

.literacy_active{
	background:#005587;
	border-bottom:4px solid #4298cc;
	background-image:none;
}

.literacy_active:hover{background-image:none;}

/* END WELCOME */







/* ============ */
/*	  CONTENT	*/
/* ============ */

#home .info_pane_content{
	position:relative;
	background-repeat:repeat;
}

#home .info_pane_home{
	height:100%;
	position:relative;
	overflow:auto;
	width:100%;
}

#home .info_pane{
	height:100%;
	position:relative;
	width:80%;
	margin:0 auto;
	overflow:auto;
}

.samples_infopane{
	overflow:auto;
}

.info_text{
	position:relative;
	overflow:auto;
}

.sub_titles{
	position: relative;
	font-weight: 100;
	font-size: 30px;
	color: #1c4e81;
	letter-spacing: 1px;
}

.sub_titles h2{
	text-align: center;
}

#home .bg_shadow{
	background:url(../images/project_paper_shadow_thin.jpg);
	height:20px;
	background-repeat:repeat-x;
}

.school_wrapper{
	margin: 0 auto;
	position:relative;
	width:490px;
}

.school_wrapper_c1{
	position: relative;
	float: left;
	width: 490px;
	height: 200px;
	color: #FFF;
	background: rgba(2,42,83,0.9);
	margin-top: 40px;
	margin-right: 0px;
	margin-bottom: 0px;
}

.school_wrapper_c2{
	position: relative;
	float: left;
	margin: 20px 0px 0px 0px;
	width:510px;
	clear:both;
}

.school_wrapper_text{
	margin:30px;
}

#home .school_blurb{
	width:890px;
	margin:0 auto;
	margin-bottom:20px;
}

#home .school_blurb p{
	text-align: justify;
	font-size: 14px;
	padding: 15px 25px 15px;
	background:#022a53;
	background: rgba(2,42,83,0.85);
	color: #FFF;
}

.centre_p{
	text-align:center !important;
}

#category_bg_wrapper{
	height:140px;
	width:568px;
	margin:0 auto;
	border-bottom:1px dashed rgba(0, 0, 0, 0.3);
	padding-top:20px;
}

#category_bg_wrapper_2{
	height:140px;
	width:385px;
	margin:0 auto;
	border-bottom:1px dashed rgba(0, 0, 0, 0.3);
	padding-top:20px;
}

.reporting_bg_wrapper{
	height:240px;
	width:568px;
	margin:0 auto;
	padding-top:30px;
}

.measurement_title_style{
	position:absolute;
	top:65px;
	left:10px;
	font-size:17px;
	pointer-events:none;
	color:black;
}

.measurement_title_style:first-letter{
	font-size:24px;
}

#measurement_title{
	top: 40px !important;
}

#reporting_box_wrapper{
	position: relative;
	float: left;
	clear: both;
	width: 490px;
	height: 350px;
	font-size: 15px;
	text-align: center;
}

.reporting_thumb{
	width: 120px;
	height: 40px;
	line-height: 40px;
	display: block;
	float: left;
	text-decoration: none;
	background: #FFF;
	border-bottom: 3px solid #005587;
	color: #005587;
	padding-left:30px;
}

.reporting_thumb:hover{
	background: #005587;
	border-bottom:3px solid #FFF;
	color:#FFF;
}

#reporting_link{
	text-decoration:none;
	color:#FFF;
}

#reporting_link:hover{
	color: #CCC;
	transition: color .15s linear;
	-webkit-transition: color .15s linear;
	-moz-transition: color .15s linear;
}

#reporting_box{
	position:relative;
	margin-top:20px;
}

.reporting_margin{
	margin-left:200px !important;
}

.pdf_excel_wrapper{
	margin: 0 auto;
	position:relative;
	height:50px;
	margin-top: 20px;	
}
.pdf_excel_wrapper .reporting_excel{
	 background: #FFF url(../images/reporting_download.png) no-repeat;
}
.pdf_excel_wrapper .reporting_excel:hover{
	 background: #005587 url(../images/reporting_download.png) no-repeat;
	 color:#FFF;
}
.pdf_excel_wrapper .reporting_google{
	 background: #FFF url(../images/reporting_download.png) no-repeat -150px 0px;
}
.pdf_excel_wrapper .reporting_google:hover{
	 background: #005587 url(../images/reporting_download.png) no-repeat -150px 0px;
	 color:#FFF;
}
#reporting_box_wrapper p{
	color:#FFF;
}

.reporting_pdf{
	width:50px;
	height:50px;
	display:block;
	background:url(../images/pdf_excel.png) no-repeat 0px -50px;
	margin:10px;
	position:relative;
	float:left;
}

.reporting_pdf:hover{
	background:url(../images/pdf_excel.png) no-repeat 0px 1px;
}

.category_bg{
	width:150px;
	height:150px;
	display:block;
	position:relative;
	float:left;
	margin-bottom:20px;
}

.category_text{
	border: 2px solid rgb(2,42,83);
	display: block;
	width: 145px;
	height: 145px;
	position: relative;
	float: left;
	text-decoration: none;
	color: #FFF;
	font-family: 'Open Sans', 'sans-serif';
	font-size: 16px;
	font-weight: 100;
}

.category_bg_lit{
	width:235px;
	height:150px;
	display:block;
	position:relative;
	float:left;
	margin-bottom:20px;
}

.category_text_lit{
	border: 2px solid rgb(2,42,83);
	display: block;
	width: 230px;
	height: 140px;
	position: relative;
	float: left;
	text-decoration: none;
	color: #FFF;
	font-family: 'Open Sans', 'sans-serif';
	font-size: 21px;
	font-weight: 100;
}

.category_text:hover{
	background: rgb(2,42,83);
}

.category_text_lit:hover{
	background: rgb(2,42,83);
}

.category_text h2{
	position: absolute;
	left: 10px;
	top: 10px;
}

.category_text_lit h2{
	position: absolute;
	left: 15px;
	top: 15px;
}

.category_images{
	position: absolute;
	bottom:15px;
	right:15px;
}

.category_bg_image:hover{
	background:url(../images/category_bg.png) no-repeat 0px 0px;
}

.category_bg_image_reporting{
	width:176px;
	height:95px;
	background:url(../images/category_bg.png) no-repeat 0px 0px;
	display:block;
}

.category_bg_image_reporting:hover{
	background:url(../images/category_bg.png) no-repeat 0px -97px;
}

#category_numbers{
	position:absolute;
	left:60px;
	top:-10px;
	pointer-events:none;
}

#category_reading{
	position:absolute;
	left:80px;
	top:-10px;
	pointer-events:none;
}

#category_measurement{
	position:absolute;
	left:40px;
	top:-20px;
	pointer-events:none;
}

#category_structure{
	position:absolute;
	left:65px;
	top:-30px;
	pointer-events:none;
}

#category_reporting{
	position:absolute;
	left:90px;
	top:-20px;
	pointer-events:none;
}


.how_it_works{
	background: url(../images/desk_bg_nodocs.jpg) no-repeat;
	background-size: cover;
	-moz-background-size: cover;
	background-position: center;
	position: relative;
	min-width: 940px;
	clear: both;
	height: 480px;
}
.content-wrapper{
	max-width: 1024px;
    margin: 0 auto;
    overflow: hidden;
	position:relative;
}
.content-wrapper .internal-wrapper{
	
}
#my_numeracy_main{
	color:#FFF;
}
#my_numeracy_main #mn_heading{
	font-family: 'Josefin Sans', sans-serif;
	font-size: 6em;
    text-transform: uppercase;
    font-weight: 300;
    text-align: center;
}
.trademark{
	font-size: 15px;
    position: absolute;
	padding: 0 10px;
    color: #6d6e72;
}
#my_numeracy_main .mn_sub{
    background-color: rgba(0,0,0,0.5);
    padding: 10px 5px;
    font-size: 26px;
    line-height: 30px;
    margin-bottom: 12px;
    font-family: 'Josefin Sans', sans-serif;
    border-radius: 10px;
    height: auto;
    border: 0;
}
#my_numeracy_main .mn_sub_2{
    width: 90%;
    margin: 0 auto;
    font-size: 19px;
    border-radius: 10px;
    line-height: 19px;
    height: auto;
}
#myn_logo_main{
    position: absolute;
    width: 110px;
    height: 30px;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 3;
    bottom: -100px;
    transform: scale(2);
}
.myn_logo{
    position: absolute;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    -webkit-box-shadow: 0px 20px 25px -12px rgba(0, 0, 0, 0.35);
    box-shadow: 0px 20px 25px -12px rgba(0, 0, 0, 0.35);
    transition: 0.4s ease;
    border: 1px solid #FFF;
    top: 0;
}
.myn_logo .myn_logo_start{
    background: url(../images/mynumeracy_icons_v2.svg);
    width: 30px;
    height: 30px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background-size: 140px;
    background-position: -53px -28px;
}
.myn_logo_1{
    margin: auto;
    left: -110px;
    right: 0;
    z-index: 1;
}
.myn_logo_2{
    width: 40px;
    height: 40px;
    left: -60px;
    right: 0;
    margin: auto;
    top: -5px;	
    z-index: 2;
}
.myn_logo_3{
	z-index: 3;
    width: 50px;
    height: 50px;
    left: 0;
    right: 0;
    margin: auto;
    top: -10px;
}
.myn_logo_4{
    width: 40px;
    height: 40px;
    left: 0px;
    right: -60px;
    margin: auto;
    top: -5px;
    z-index: 2;	
}
.myn_logo_5{
    margin: auto;
    right: -110px;
    left: 0;
    z-index: 1;	
}
.myn_logo_which_1 .myn_logo_1{
	background: rgba(180, 215, 235, 0.6);
}
.myn_logo_which_1 .myn_logo_2{
	background: rgba(247, 182, 176, 0.6);
}
.myn_logo_which_1 .myn_logo_3{
	background: rgba(245, 223, 121, 1);
}
.myn_logo_which_1 .myn_logo_4{
	background: rgba(165, 211, 202, 0.6);
}
.myn_logo_which_1 .myn_logo_5{
	background: rgba(216, 205, 236, 0.6);
}
.myn_logo_which_2 .myn_logo_1{
	background: rgba(245, 223, 121, 0.6);
}
.myn_logo_which_2 .myn_logo_2{
	background: rgba(247, 182, 176, 0.6);
}
.myn_logo_which_2 .myn_logo_3{
	background: rgba(180, 215, 235, 0.6);
}
.myn_logo_which_2 .myn_logo_4{
	background: rgba(165, 211, 202, 0.6);
}
.myn_logo_which_2 .myn_logo_5{
	background: rgba(216, 205, 236, 0.6);
}
.myn_logo_which_3 .myn_logo_1{
	background: rgba(245, 223, 121, 0.6);
}
.myn_logo_which_3 .myn_logo_2{
	background: rgba(180, 215, 235, 0.6);
}
.myn_logo_which_3 .myn_logo_3{
	background: rgba(247, 182, 176, 0.6);
}
.myn_logo_which_3 .myn_logo_4{
	background: rgba(165, 211, 202, 0.6);
}
.myn_logo_which_3 .myn_logo_5{
	background: rgba(216, 205, 236, 0.6);
}
#my_numeracy_main section{
	position:relative;
	overflow: hidden;
	min-height:800px;
}
#my_numeracy_main section #mn_purchase{
	position:absolute;
	bottom:10%;
	width: 100%;
}
#my_numeracy_main section #mn_purchase #mn_p_button{width:100%;position:relative;}
#my_numeracy_main section #mn_purchase #mn_p_button a{}
#my_numeracy_main .mn_background{
	background: #f0f0f0;
}
#my_numeracy_main section h2{
	text-align:center;
	font-family: 'Open Sans', 'sans-serif';
	font-size: 1.3em;
    font-weight: 100;
	height: 240px;
}
#my_numeracy_main section .mn_style{
    color: #666;
    padding: 2em;
	max-width: 1024px;
    margin: 0 auto;
    padding-bottom: 0;
}
#my_numeracy_main section .mn_style_2{
	width: 33.33%;
    color: #FFF;
    text-align: left;
    float: left;
    padding: 0;
    text-align: center;
}
#my_numeracy_main section .mn_style_2 h2{
	color:#666;
	padding: 0 1em 0 1em;
	font-size:1.1em;
	margin-top: 30px;
}
#my_numeracy_main section .mn_style_3{
	width: 80%;
    margin: 0 auto;
	color: #FFF;
	clear: both;
	padding-top: 1em;
}
#my_numeracy_main section .mn_style_3 .mn_slide_3_icons{
    width: 100px;
    height: 100px;
    margin: 0 auto;
    display: block;
    background-color: #FFF;
    border-radius: 50%;
    -webkit-box-shadow: 0px 20px 25px -12px rgba(0, 0, 0, 0.35);
    box-shadow: 0px 10px 45px -12px rgba(0, 0, 0, 0.35);
    border: 2px solid #FFF;
}
#my_numeracy_main section .mn_style_3 .mn_slide_3_icons img{
    width: 80px;
    height: 80px;
    margin: 5px;	
}
#my_numeracy_main section .col_1{
	width:40%;
	float:left;
}
#my_numeracy_main section .col_2{
	width:60%;
	float:left;
}
#my_numeracy_main #slide-1{
	background: url(../images/mn_01.jpg) no-repeat;
	background-size: cover;
	-moz-background-size: cover;
	background-position: center;
    background-attachment: fixed;
    border-bottom: 10px solid #ddd;
}
#my_numeracy_main #slide-1 #mn_slide_welcome{
	position: relative;
    padding-top: 30%;
}
#my_numeracy_main #slide-2{
	min-height: 400px;
}
#my_numeracy_main #slide-2 #macbook{
	background: url(../images/macbook.png) no-repeat;
    height: 461px;
    width: 800px;
    display: block;
    margin: 0 auto;
}
#my_numeracy_main #slide-2 #macbook #macbook_video{
	width: 600px;
    margin: 0 auto;
}
#my_numeracy_main #slide-2 #macbook #macbook_video video{
	margin: 60px 0px;
}
#my_numeracy_main #slide-3{
	background: url(../images/mn_02.png) no-repeat;
    background-position: center;
    background-attachment: fixed;
    background-size: contain;
    border-bottom: 10px solid #ddd;
}
#my_numeracy_main #mn_04{
	
}
#my_numeracy_main .triangle_wrapper{
    position: absolute;
    bottom: 210px;
    width: 90%;
    margin: 0 auto;
    left: 0;
    right: 0;
    background: #f5f5f5;
    height: 370px;
    border-radius: 20px;
    -webkit-box-shadow: inset 0 0px 5px rgba(0,0,0,.39), 0 0px 0px rgba(0,0,0,.39), 0 0px 0 rgba(0,0,0,.39);
    box-shadow: inset 0 0px 5px rgba(0,0,0,.39), 0 0px 0px rgba(0,0,0,.39), 0 0px 0 rgba(0,0,0,.39);
}
#my_numeracy_main #slide-3 .triangle_wrapper:before{
	/*
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 900px 500px;
    border-color: transparent transparent #f0f0f0;
    position: absolute;
    content: '';
    */
}
#my_numeracy_main #slide-3 #mn_ipad_01{
}
#my_numeracy_main #slide-4{
	min-height: 1050px;
	background: url(../images/mn_04.jpg) no-repeat;
    background-position: center;
    background-attachment: fixed;
    background-size: cover;
    border-bottom: 10px solid #ddd;
}
#my_numeracy_main #slide-4 .mn_circles{
	width: 250px;
    height: 250px;
    background: #FFF;
    position:absolute;
    border-radius: 50%;
	font-family: 'Josefin Sans', sans-serif;
    font-size: 40px;
    text-align: center;
	-webkit-box-shadow: inset 0 0px 5px rgba(0,0,0,.39), 0 0px 0px rgba(0,0,0,.39), 0 0px 0 rgba(0,0,0,.39);
    box-shadow: inset 0 0px 5px rgba(0,0,0,.39), 0 0px 0px rgba(0,0,0,.39), 0 0px 0 rgba(0,0,0,.39);
    border: 0;
    left: 0;
    right: 0;
    margin: auto;
    top: 160px;
}
#my_numeracy_main #slide-4 .mn_circles span{
    display: table-cell;
    vertical-align: middle;
    height: 250px;
}
#my_numeracy_main #slide-5{

}
#my_numeracy_main #slide-5 #mn_ipad_01_w{
	width: 90%;
	margin:0 auto;
    display: block;
}
#toggle_ls{
	position:relative;
	float:right;
}

#toggle_thumb{
	position:relative;
	float:right;
}

.toggle_off_ls{
	display:block;
	width:32px;
	height:28px;
	background:url(../images/toggle.png) 0px 28px;
}

.toggle_off_ls:hover{
	background:url(../images/toggle.png) 0px 56px;
}

.toggle_on_ls{
	display:block;
	width:32px;
	height:28px;
	background:url(../images/toggle.png) 0px 84px;	
}

.toggle_on_ls:hover{
	background:url(../images/toggle.png) 0px 56px;
}

.toggle_off_thumb{
	display:block;
	width:32px;
	height:28px;
	background:url(../images/toggle.png) 32px 28px;
}

.toggle_off_thumb:hover{
	background:url(../images/toggle.png) 32px 56px;
}

.toggle_on_thumb{
	display:block;
	width:32px;
	height:28px;
	background:url(../images/toggle.png) 32px 84px;	
}

.toggle_on_thumb:hover{
	background:url(../images/toggle.png) 32px 56x;
}

.thumbnail_wrapper{
	
}

.thumbnail_row_wrapper{
	position:relative;
	width:864px;
	margin:0 auto;
}

.thumbnail_row_wrapper_ls{
	position:relative;
	overflow:auto;
	margin-bottom:60px;
	margin-top:20px;
	/*background:url(../images/project_paper_dark.png);*/
	background-color:rgb(240, 240, 240);
	border: 1px solid #CCC;
	height:310px;
}

#thumbnail_row_wrapper_ls_single{
	height:193px !important;
}

#thumbnail_row_wrapper_double{
	height:430px !important;
}

#thumbnail_row_wrapper_triple{
	height:550px !important;
}

.please_log_in {
	z-index: 999;
	opacity: 0.8;
	width: 830px;
	height: 150px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	background: #FFF;
	position: relative;
	background:url(../../design/images/lock.png) no-repeat;
	background-position:370px 15px;
}

.please_log_in_text h1{
	opacity: 1 !important;
	font-size: 20px;
	letter-spacing: 1px;
	text-align: center;
	padding-top:90px;
}

.please_log_in_text h2{
	text-align:center;
}

.please_log_in_text_ls h2{
	text-align:center;
}

.year_heading{
	width: 900px;
	margin:0 auto;
	background:url(../images/year_heading_bg.png) no-repeat 0 10px;
}

.year_heading li{
	list-style:none;
	height: 30px;
	background-color:transparent;
	background-repeat:no-repeat;
	background-position-y: 3px;
	padding-top:17px;
	font-size: 19px;
	vertical-align:bottom;
	color:#1c4e81;
	font-family:futura-pt, Gill Sans, sans-serif;
	font-weight:100;
}

.expand_all{
	display:block;
	width:85px;
	height:15px;
	background:url(../images/expand_all.png);
	background-position-y: 30px;
	position: relative;
	float:right;
	margin-bottom:5px;
	cursor:pointer;
}

.expand_all:hover {
	background-position-y:15px;
}

.expand_all_2nd{
	display:block;
	width:85px;
	height:15px;
	background:url(../images/expand_all.png);
	background-position-y:45px;
	position: relative;
	float:right;
	margin-bottom:5px;
	cursor:pointer;
}

.expand_all_2nd:hover{
	background-position-y:60px;
}

.ausvel_range_wrapper{
	width: 832px;
	margin: 0 auto;
}

.ausvel_range_bg{
	width: 830px;
	height: 150px;
	border: 1px solid #ccc;
	background-color: rgb(240, 240, 240);
	position:relative;
	clear:both;
}

.ausvel_heading{
	width: 830px;
	height: 25px;
	font-weight: 100;
	border: 1px solid #ccc;
	background: #FFF;
	clear:both;
	cursor: pointer;
	background-image:url(../../design/images/ausvel_heading_bg_expand.png);
	position:relative;
}

.ausvel_heading:hover{
	background:#ccc;
}

.ausvel_heading h2{
	text-align:center;
	padding-top: 4px;
	line-height: 22px;
	font-size:14px;	
}

.pre_postvals_box{
	width:395px;
	position:relative;
	float:left;
	margin:0px 0 0 15px;
}

.pre_postvals_box_ls{
	position:relative;
	width: 830px;
	height: 45px;
	background:url(../images/thumbnail_background_ls.png) no-repeat;
	margin: -9px 0px 0px 55px;
}

#postvals_box{
	width:395px;
	height:210px;
	position:relative;
	float:left;
}

.prepost_headings{
	margin:0 auto;
	text-align:center;
	margin: 10px 0px 5px 0px;
	font-size: 13px;
	text-transform:uppercase;
	border-bottom: 1px solid #C2C2C2;
}

.prepost_headings_ls{
	width:539px;
	position:relative;
	float:left;
	padding:15px 0 0 15px;
	font-size:15px;
}

.prepost_download{
	position:relative;
	float:left;
	width:135px;
	height:23px;
	padding-top:10px;
	background:url(../images/project_paper_bg_ls.png) no-repeat 0px 0px;
	margin-top:5px;
	text-align:center;
	text-decoration:none;
	color:#1c4e81;
	font-size:14px;
}

.prepost_download:hover{
	background:url(../images/project_paper_bg_ls.png) no-repeat 0px -35px;
	text-decoration:underline;
}

.thumbnail_box{
	width:80px;
	height:90px;
	color:#FFF;
	text-align:center;
	float:left;
	margin:0px 50px 0 90px;
}

#thumbnail_box_right{
	margin: 0px 70px 0 0px !important;
}

#q_a_links{
	color:#000;
	font-size:14px;
	text-decoration:none;
}

#q_a_links:hover{
	text-decoration:underline;
}

q_a_links:visited{
	color:#000;
}

#thumbnail{
	display:block;
	width:80px;
	height:90px;
	background: url('../images/document_thumbnail_small.png') 0 102px;
	z-index:200;
}

#thumbnail:hover{
	background-position: 0 215px;
}

#thumbnail_2{
	display:block;
	width:80px;
	height:90px;
	background: url('../images/document_thumbnail.png') 0 -13px;
	z-index:200;
}

#thumbnail_2:hover{
	background: url('../images/document_thumbnail.png') 0 215px;
}

#domain_year_wrapper{
	text-align:center;
	position:relative;
	z-index:9997;
}

#domain_year_wrapper ul ul {
	display: none;
}

#domain_year_wrapper ul li:hover > ul{
	display:block;
}

#domain_year_wrapper ul{
	float:left;
	list-style: none;
	position: relative;
	display: inline-table;
}

#domain_year_wrapper ul:after{
	content:"";
	clear:both;
	display:block;
}

#domain_year_wrapper ul li{
	float: left;
	width: 215px;
	height: 20px;
	border: 1px solid #CCC;
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(0.5, white));
	background-image: -webkit-linear-gradient(center bottom, #eeeeee 0%, white 50%);
	background-image: -moz-linear-gradient(center bottom, #eeeeee 0%, white 50%);
	background-image: -o-linear-gradient(bottom, #eeeeee 0%, #ffffff 50%);
	background-image: -ms-linear-gradient(top, #eeeeee 0%, #ffffff 50%);
	background-image: linear-gradient(top, #eeeeee 0%, #ffffff 50%);
}

#domain_year_wrapper ul li:hover{
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #eeeeee), color-stop(0.5, white));
	background-image: -webkit-linear-gradient(center top, #eeeeee 0%, white 50%);
	background-image: -moz-linear-gradient(center top, #eeeeee 0%, white 50%);
	background-image: -o-linear-gradient(top, #eeeeee 0%, #ffffff 50%);
	background-image: -ms-linear-gradient(bottom, #eeeeee 0%, #ffffff 50%);
	background-image: linear-gradient(bottom, #eeeeee 0%, #ffffff 50%);
}

#domain_year_wrapper ul li:hover a{
	background-position-y: 20px;
}

#domain_year_wrapper ul li a{
	display: block;
	text-decoration:none;
	color: #444;
	font-size: 13px;
	line-height: 20px;
	background:url(../../design/images/domain_year_dropdown_bg.png);
}

#domain_year_wrapper ul ul {
		background: #5f6975;
		border-radius: 0px;
		padding: 0;
		position: absolute;
		top: 100%;
	}
		#domain_year_wrapper ul ul li {
			float: none; 
		}
			#domain_year_wrapper ul ul li a {
				color: #444;
				background:none;
			}	
				#domain_year_wrapper ul ul li a:hover {
					background: #1c4e81;
					color:#FFF;
				}
		
	#domain_year_wrapper ul ul ul {
		position: absolute;
		left: 100%;
		top:0;
	}
	
.domain_year_sub{
	background:#FFF !important;
	border:none !important;
}

#copyright_wrapper{
	width: 80%;
    margin: 0 auto;
	background: #FFF;
	z-index:10000;
	margin-top: 20px;
	margin-bottom: 20px;
}

#copyright_wrapper p{
	text-decoration:none;
	font-size: 13px;
}

#copyright_wrapper h2{
	background: #F0F0F0;
	font-size: 18px;
	line-height: 30px;
	text-align: center;
	font-weight: 100;
	margin-bottom:20px;
	border-radius: 5px;
}

/* END CONTENT */




/* ================= */
/*	    PURCHASE     */
/* ================= */

#purchase_wrapper{
	width:100%;
	margin:0 auto;
}

.purchase_width{
	width:95%;
	margin:0 auto;
	overflow: hidden !important;
}

#purchase_table{
	margin: 30px 0px;
}

#purchase_table table{
	text-align: center;
	line-height: 35px;
	background: #FFF;
	margin:0 auto;
	width:100%;
}

#purchase_table #lit_warning{
	float: right;
    margin: 20px;
}

#purchase_table table th{font-weight: 400;}

#purchase_table table .td_school{font-size: 14px;border-top: 1px solid #ddd;text-align: left;}

#purchase_table table .th_num{width:56.25%;background:#e8f3f9;}
#purchase_table table span{width: 26.33%;margin: 0% 3%;float: left;}
#purchase_table table span h2{background:url(../images/home_tick.png) no-repeat;text-align: center;padding-left: 20px;background-position: 2px 6px;}
#purchase_table table .th_lit{width:18.75%;background:#f6f6f6;}

#purchase_table table #th_1{border-top: 40px solid #FFF;}
#purchase_table table #th_2{border-top: 40px solid #FFF;}
#purchase_table table #th_3{}
#purchase_table table #th_4{border-top: 40px solid #FFF;}

#purchase_table table .th{border-bottom: 3px solid #FFF;font-weight: 400;font-size: 13px;}


#purchase_table table #sf_last_1{border-bottom: 40px solid #FFF;}
#purchase_table table #sf_last_2{border-bottom: 40px solid #FFF;}
#purchase_table table #sf_last_3{}
#purchase_table table #sf_last_4{border-bottom: 40px solid #FFF;}

#purchase_table table tr{
}

#purchase_table table tr td{
}

#purchase_table table .c_0{width:25%;}
#purchase_table table .c_1{background:#e8f3f9;width:18.75%;}
#purchase_table table .c_2{background:#e8f3f9;width:18.75%;}
#purchase_table table .c_3{background:#C4E5F8;width:18.75%;border-bottom: none;}
#purchase_table table .c_4{background:#f6f6f6;width:18.75%;}

#purchase_wrapper .purchase_titles{
	width: 100%;
    font-size: 20px;
    font-weight: 100;
    /* width: 300px; */
    /* background: #87b7e1; */
    position: relative;
    padding-top: 20px;
    height: 30px;
    /* margin-top: 40px; */
    clear: both;
    color: #6d6e72;
    text-align: center;
}
.close_button {
    width: 40px;
    height: 40px;
    background: #FFFFFF url(../images/close_icon.svg);
    background-position: -2px -6px;
    border: 2px solid #4298cc;
    transition: none !important;
	cursor: pointer;
	
	outline:none;
    right: 1px !important;
	top: 1px !important;
	transform: scale(0.8);
	border-radius: 8px;
	box-shadow: none;
}
.close_button:hover{
	background: #4298cc url(../images/close_icon.svg);
    background-position: -59px -7px;
    border: 2px solid #4298cc;
}
#purchase_sub_w{
	font-weight:100;
}

#purchase_form_wrapper{height: 800px; color:#666;}

.hvr-outline-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
}
.hvr-outline-out:before {
  content: '';
  position: absolute;
  border: #f1f6f6 solid 4px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: top, right, bottom, left;
  transition-property: top, right, bottom, left;
}
.hvr-outline-out:hover:before, .hvr-outline-out:focus:before, .hvr-outline-out:active:before {
  top: -8px;
  right: -8px;
  bottom: -8px;
  left: -8px;
}

#purchase_sub_1{

}

#purchase_1{

}

#purchase_1 #purchase_calendly{
	position: absolute;
    width: 100%;
    top: 0px;
	background: #FFF;
	display:none;
}

#purchase_1 #purchase_calendly #pd_session_close{
    background: url(../images/close_icon.svg) no-repeat;
    width: 30px;
    height: 30px;
    border: 0;
    background-position: -5px -9px;
    position: absolute;
    right: 0;
    top: 8px;
}

#purchase_1 #purchase_sub_w{

}

#purchase_1 #purchase_sub_w .pur_col{
    width: 50%;
    float: left;
	position:relative;
}

#purchase_1 #purchase_sub_w #pd_wrapper{

}

#purchase_2{
	position:absolute;
	top:0;
}

.purchase_common{
	background:#FFF;
	height: 690px;
	width: 100%;
}

#purchase_sub_1 #purchase_options{float: left;width: 75%;position:relative;}
#purchase_sub_1 #purchase_summary{float: left;width: 25%;position:relative;overflow:hidden;}

#purchase_sub_1 #purchase_summary #ps_totals{
    height: 494px;
    position: relative;
    border: 1px solid #f1f1f1;
}
#purchase_sub_1 #purchase_summary #ps_totals #ps_titles{margin-top: 60px;}
#purchase_sub_1 #purchase_summary #ps_totals #ps_final{
    position: absolute;
	top: 120px;
  	width: 100%;
}

#purchase_sub_1 #purchase_summary #ps_totals #purchase_icon{
	display:block;
	width:60px;
	height:60px;
	border-radius:50%;
	margin:0 auto;
	margin-top:20px;
	background: #4298cc url(../images/shopping_cart.png) no-repeat;
}

#purchase_sub_1 #purchase_summary #ps_totals h2{
	text-align: center;
    color: #87b7e1;
    padding: 10px 0px 0px 0px;
    font-size: 20px;
    text-transform: uppercase;
}

#purchase_sub_1 #purchase_summary #ps_totals h3{
	font-size: 15px;
	clear:both;
	padding: 5px;
    font-weight: 400;
}
#purchase_sub_1 #purchase_summary #ps_totals #ps_final #total_wrapper{
	width: 200px;
    margin: 0 auto;
}
#purchase_sub_1 #purchase_summary #ps_totals #ps_final #ps_quote{
	display:block;
	font-family: "Roboto Slab", serif;
	text-align: center;
	font-size: 40px;
    color: #6d6e72;
	width: 76%;
    text-align: right;
    float: left;
}

#purchase_sub_1 #purchase_summary #ps_totals #ps_final #ps_gst{
	float: right;
    line-height: 70px;
    height: 50px;
	display:none;
	padding: 0px 2%;
	font-size: 13px;
    width: 40px;
}

#purchase_sub_1 #purchase_summary #purchase_nav{
	border: 0;
    float: right;
    background: #4298cc url(../images/next_icon_v2.svg) no-repeat;
    padding: 10px 30px;
    font-size: 14px;
    width: 100%;
	background-position: 95% 3px;
	position: absolute;
    bottom: 0;
}

#purchase_sub_1 #purchase_summary #purchase_nav:hover{
	background: #005587 url(../images/next_icon.svg) no-repeat;
	background-position: 95% 3px;
}

#purchase_sub_1 .pr_style{
	width:100%;
	padding: 10px 0px 20px 0px;
	overflow: auto;
}

#purchase_sub_1 .pr_1_c{
	width: 33.33%;
    float: left;
}

#purchase_sub_1 .pr_2_c{
	width:100%;
}

#purchase_sub_1 .pr_3_c{
	text-align: center;
}

#purchase_sub_1 .pr_3_c #p_num_students{
	outline: 0;
    border: 1px solid #ddd;
    background: #f1f6f6;
    width: 200px;
    text-align: center;
    height: 30px;
    font-size: 12px;
    cursor: pointer;
	color: #4298cc;
}

#purchase_sub_1 .pr_5_c{
	text-align: center;
    font-size: 18px;
}
#purchase_sub_1 #pr_6{
    position: absolute;
    top: 50px;
	background:#FFF;
}

#purchase_sub_1 .ps_checked{
	background: #4298cc !important;
    color: #FFF !Important;
}

#purchase_sub_1 .ps_1{
    background: #f1f6f6;
    border: 0;
    padding: 10px;
    outline: 0;
    color: #4298cc;
    border: 1px solid #ddd;
	cursor: pointer;
	margin: 0 auto;
    width: 200px;
    display: block;
	height: 90px;
}

#purchase_sub_1 .ps_1 .ps_text{
	font-family: "Roboto Slab", serif;
    font-size: 16px;
	font-weight:300;
}

#purchase_sub_1 .ps_2 .ps_text{font-size:13px;}
#purchase_sub_1 .ps_2{
	width: 120px;
    margin: 0 auto;
}

#purchase_form h3{
	text-align: center;
    padding: 20px 0px 0px;
    font-size: 16px;
    font-weight: 100;
}

#purchase_form .p_sub_head{
	text-align: center;
    color: #87b7e1;
	margin: 0 25px;
    padding: 15px 0px 0px 0px;
    font-size: 25px;
    text-transform: uppercase;
    font-weight: 100;
    letter-spacing: 2px;
    border-bottom: 1px solid #87b7e1;
}

#purchase_form .p_sub_head #purchase_back{
	border: 0;
    top: 13px;
    background: #4298cc;
    text-align: center;
    padding: 10px 10px;
    position: absolute;
    left: 0;
	font-size: 14px;
}

#purchase_form .p_sub_head #purchase_back:hover{
	background:#0076a9;
}
.purchase_included_wrapper{
	background: #f9f9f9;
	padding-bottom: 1%;
	clear:both;
}
#purchase_included{
    width: 100%;
    clear: both;
    margin-top: 30px;
    max-width: 90%;
    margin: 0 auto;
    border-radius: 10px;
    overflow: hidden;
    background: #ffffff;
	border: 1px solid #f1f1f1;
	display: flex;
	justify-content: center;
	justify-content: center;
	flex-wrap: wrap;
	padding: 1%;
}
#purchase_included .purchase_item{
    width: 20%;
    float: left;
    padding: 10px 4.1%;
    height: 120px;
    position: relative;
    display: none;
	margin: 1%;
	background: #f7f7f7;
    border-radius: 10px;
}
#purchase_included .purchase_item .purchase_item_header{
	display: table;
	height: 50px;
	width: 100%;
}
#purchase_included .purchase_item .purchase_item_header .purchase_item_header_child{
	vertical-align: middle;
	display: table-cell;
	text-align: center;
    font-size: 13px;
}
#purchase_included .purchase_item .purchase_item_button{
    height: 20px;
    line-height: 20px;
    border: 0;
    border-radius: 5px;
    width: 110px;
    margin: 0 auto;
    display: block;
    bottom: 10px;
	padding: 0;
	width: 98px;
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	display: none;
}
#purchase_included .purchase_item .purchase_item_button:hover{
	
}
#purchase_included .purchase_item .purchase_tick{
    width: 30px;
    height: 30px;
    background: url(../images/home_tick.svg) no-repeat;
    background-size: 100px;
    background-position: -1px 0px;
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	bottom: 30px;
}
[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
  position: absolute;
  left: -9999px;
}
[type="checkbox"]:not(:checked) + label,
[type="checkbox"]:checked + label {
  position: relative;
  padding-left: 25px;
  cursor: pointer;
}

/* checkbox aspect */
[type="checkbox"]:not(:checked) + label:before,
[type="checkbox"]:checked + label:before {
  content: '';
  position: absolute;
  left: -20px;
  top: 9px;
  width: 20px; height: 20px;
  border: 1px solid #ddd;
  outline: 0;
  background: #f8f8f8;
  border-radius: 3px;
  /*box-shadow: inset 0 1px 3px rgba(0,0,0,.3)*/
}
/* checked mark aspect */
[type="checkbox"]:not(:checked) + label:after,
[type="checkbox"]:checked + label:after {
  content: '✔';
  position: absolute;
  top: 13px;
  left: -16px;
  font-size: 18px;
  line-height: 0.8;
  color: #4298cc;
  transition: all .2s;
}
/* checked mark aspect changes */
[type="checkbox"]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}
[type="checkbox"]:checked + label:after {
  opacity: 1;
  transform: scale(1);
}
/* disabled checkbox */
[type="checkbox"]:disabled:not(:checked) + label:before,
[type="checkbox"]:disabled:checked + label:before {
  box-shadow: none;
  border-color: #bbb;
  background-color: #ddd;
}
[type="checkbox"]:disabled:checked + label:after {
  color: #999;
}
[type="checkbox"]:disabled + label {
  color: #aaa;
}
/* accessibility */
[type="checkbox"]:checked:focus + label:before,
[type="checkbox"]:not(:checked):focus + label:before {
  border: 1px dotted blue;
}

/* hover style just for information */
label:hover:before {
  /* border: 1px solid #4778d9!important; */
}

.buttons{
	outline:0;
	/*transition: all 0.3s ease 0s;*/
	text-decoration: none;
	cursor: pointer;
	
}

#purchase_sub_3 h1{width: 450px;}
#purchase_sub_3 .purchase_w_white{height: 340px;}

.purchase_sub_3_sub{
	padding: 20px 20px 50px 20px;
	width: 600px;
	float: left;
}


.purchase_sub_3_sub p{
	clear: both;
	padding: 15px 100px;
	font-size: 25px;
}

.purchase_sub_3_sub  a{
	text-decoration: none;
	padding:5px;
}

.purchase_sub_3_sub  a:hover{
	text-decoration:underline;
	background: #87b7e1;
	color:#FFF;
}

.purchase_active{
	border-bottom: 4px solid #005587;
	background: #4298cc;
}

.purchase_w_white{
	background:#FFF;
	width: 100%;
	overflow: auto;
}

.purchase_w_grey{
	background:#f6f6f6;
	width: 100%;
	overflow: auto;
	height: 390px;
	position: relative;
	border-top: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
}

.purchase_sub_com h1{
	font-size: 21px;
	font-weight: 100;
	width: 300px;
	background: #4298cc;
	position: relative;
	padding: 15px 40px;
	margin-top: 40px;
	clear: both;
	color: #FFF;
	text-align: right;
}

#purchase_sub_3 h2{
	font-size: 18px;
	font-weight: 100;
	width: 300px;
	float: left;
	position: relative;
	padding: 20px 0px 0px 20px;
	border-bottom: 2px solid #0076a9;
}

.purchase_sub_com h3{
	width: 100px;
	border-bottom: 1px solid #CCC;
	height: 40px;
	line-height: 40px;
	float: left;
	text-align: center;
}

#purchase_wrapper input:focus{
	background: #EEE;
}

#school_population{
	width: 778px;
	margin:0 auto;
}

#school_pop{
	color:#000;
	border:1px solid red;
}

.purchase_sub_w{
	padding: 0px 25px;
	height: 550px;
	position: relative;
}

.purchase_details_w{
	position: relative;
	width: 50%;
	float: left;
}

.purchase_details_w h2{
	text-align: center;
    padding: 20px 0px;
}

.purchase_details_w .purchase_wrappers{
	position:relative;
}

#purchase_errors{
	display:none;
    clear: both;
    position: relative;
    width: 250px;
    margin: 0 auto;
    text-align: center;
    background: #ff5b78;
    color: #FFF;
    font-size: 12px;
    padding: 5px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    margin-top: 60px;
    position: absolute;
    right: 0;
    margin: 0 auto;
    top: -45px;
    z-index: 1000;
}

.purchase_sub_w p{
	font-size: 14px;
	clear: both;
	text-align: center;
	padding: 10px 0px 0px 0px;
	float: left;
	line-height: 40px;
}

.purchase_details_2_w{
	margin-left: 25px;
}

.purchase_details_3_w{
	float: left;
    width: 100%;
}

.purchase_details_3_w h2{
	text-align: center;
    padding: 20px 0px;
}

#terms_button{
	
}
#terms_button:hover{
	
}
.input_wrapper{
	clear: both;
	position: relative;
}

::-webkit-input-placeholder {
   color: #CCC;
}

:-moz-placeholder { /* Firefox 18- */
   color: #CCC;
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #CCC;
}

:-ms-input-placeholder {  
   color: #CCC;
}

.input_dropdown{
	outline: 0;
    border: 1px solid #ddd;
    border-radius: 5px;
    padding-left: 20px;
    height: 40px;
    font-size: 14px;
    color: #4298cc;
    display: block;
    margin: 0 auto;
	width: 250px;
    margin-bottom: 5px;
    background: #FFF;
    font-family: 'Open Sans', 'sans-serif';
}
.input_dropdown:focus{
	box-shadow: 0 0px 10px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 0px 10px rgba(0,0,0,.2);
}
.payment_inputs{
    margin: 0 auto;
}

.export_options_wrapper{
	display: none;
    position: absolute;
    box-shadow: 0 10px 50px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 10px 50px rgba(0,0,0,.2);
    z-index: 10000;
	top: 37px;
    right: 22px;
    background: #FFF;
    border-radius: 5px;	
}
.student_graph_dd button input{
    z-index: 1;
    box-sizing: border-box;	
    left: 4px !important;
    top: 4px !important;
    pointer-events: none;
}
#export_class_results{
	height: 100%;
    display: table;	
}
.toolbar_headings_functions button:hover,
.toolbar_headings_functions a:hover {
	background: #EAF4FB;
	color: #666;
}
.toolbar_headings_functions button,
.toolbar_headings_functions a{
	width: 100%;
	height: 27px;
	font-size: 13px;
	text-decoration: none;
	text-align: center;
	background-repeat: no-repeat;
	color: #666;
	line-height: 27px;
	display: block;
	padding-left:10px;
	position:relative;
	font-weight:100;
	float: left;
	border-radius:5px;
	border: none;
    outline: 0;
    padding: 0;
    cursor: pointer;
	background:#FFF;
}
.toolbar_headings_functions button span{
	width:26px;
	height:25px;
	display:block;
	background-image: url('../images/menu_icons_all_v6.svg');
	position: absolute;
  	left: 0;
	background-size: 1550%;
	margin: 1px;
}
.input_not_select{
	color:#000 !important;
}

.extra_wide{
	width:500px !important;
}

.dropdown_w{
	float: left;
	position: relative;
}

.dropdown_w a{
	text-decoration:none;
	color:#CCC;
}

.arrow-down {
	width: 0; 
	height: 0; 
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #ccc;
	position: absolute;
	right: 20px;
	top: 27px;
	pointer-events: none
}

.dropdown_sub{
	display:none;
	position: absolute;
	width: 318px;
	z-index: 10;
	background: #EEE;
	left: 10px;
	top: 51px;
	border: 1px solid #ccc;
}

.dropdown_sub_extra_wide{
	width:520px;
	background: #f6f6f6;
}

.dropdown_sub ul{

}

.dropdown_sub ul li{

}

.dropdown_sub ul li a{
	text-decoration: none;
	text-align: center;
	display: block;
	height: 30px;
	line-height: 30px;
	font-size: 13px;
	color: #000;
}

.dropdown_sub ul li a:hover{
	background: #4298cc;
	color:#FFF;
}

.dropdown_sub_extra_wide ul li a{
	height:40px !important;
	text-align: left;
	line-height:40px !important;
	padding-left:10px;
}

.dropdown_sub span{
	float:right;
	padding: 0px 5px;
	width: 90px;
	text-align: center;
	border-left: 1px solid #ccc;
}

.add_product{
	width: 40px !important;
	font-size: 40px;
}

.purchase_totals{
	width:100px;
	height:40px;
	background:#EEE;
	border:1px solid #CCC;
	line-height: 40px;
	text-align: center;
	font-weight: 100;
	position: absolute;
	right: 0;
	top: 10px;
	display:none;
}

.purchase_type{
	float: left;
	height: 42px;
	line-height: 42px;
	text-decoration: none;
	font-weight: 100;
	color: #000;
	padding: 0px 10px;
	margin: 10px 0px 10px 10px;
	width: 190px;
	font-size: 18px;
}

.purchase_inputs{
	margin: 0 auto;
	width: 100%;
	clear: both;
	border-bottom: 1px solid #eee;
	position: relative;
	opacity: .7;
}

.purchase_add{
	width: 50px !important;
	margin: 10px 0px 10px 0px !important;
	font-size: 40px !important;
	text-align:center;
}

#curriculum_subt_num{
	margin-left:-10px;
}

#num_inputs{
	height: 180px;
}

#lit_inputs{
	height: 160px;
}

.purchase_inputs_small{
	width: 100px;
	color: #000 !important;
	text-align: center;
	margin-left: 0px;
}

.dropdown_small{
	width: 120px;
	margin-left: -10px;
}

.purchase_inputs_small a{
	height:40px !important;
	line-height:40px !important;
}


.lit_dropdown{
	background: #f6f6f6;
}

#lit_text_w{
	clear:both;
	padding:0px 30px;
	display:none;
}

#lit_text_w li{
	background: url(../images/home_tick.png) no-repeat;
	padding: 5px 30px;
	background-position: 4px 6px;
}

#pt_w{
	position: absolute;
	right: 30px;
	bottom: 30px;
}

#pt{
	border:1px solid #999;
	background:#FFF;
	float: left;
	position: relative;
	top: -1px;
}

.purchase_payment{
	height:800px;
	position: relative;
	padding: 5em 0em;
}

.purchase_payment h2{
	text-align:center;
}
#payment_further{
	font-size: 13px;
    text-align: center;
    padding: 0 !important;
    height: 100px;
}
.purchase_students_form{
	width: 40% !important;
    float: left;
    margin-left: 5% !important;
}
.purchase_payment #invoice_wrapper{
	width:100%;
	background-color:#FFF;
	margin:0 auto;
	height: 600px;
	    position: relative;
}

.purchase_payment #purchase_logo_wrapper{
	margin:30px;
}

#invoice_contents{
    overflow: auto;
}

#invoice_contents span{
	float:left;
	clear:both;
	padding: 5px;
	width: 100%;
}

#invoice_contents #purchase_sub_details{
	width: 100%;
    clear: both;
}

#invoice_contents #purchase_sub_details #order_details{
	width: 320px;
    margin:0 auto;
}

.payment_wrapper{
	position: relative;
	margin: 0 auto;
}

#purchase_error_w{
	background: #0076a9;
	color: #FFF;
	position: absolute;
	right: 217px;
	bottom: 60px;
	height: 54px;
	width: 200px;
	text-align: center;
	font-size: 12px;
}

#purchase_error_w p{
	padding: 10px;
}
#payment_terms_w{
	display: flex;
	justify-content: center;
	padding-top: 4%;
	height:150px;
}
.payment_terms_w{
	position: relative;
	width: 50%;
	margin: 0 auto;
	font-size: 15px;
	text-align: center;
	float: left;
	width: fit-content;
}

.payment_terms_w label{
    height: 40px;
	padding-left: 0 !important;
	float: left;
	width: 25px;
	height: 25px;
	margin-left: 10px;
}
.payment_terms_w label:before{
	left: 0 !important;
	top: 0 !important;
}
.payment_terms_w label:after{
	left: 3px !important;
	top: 4px !important;
}
.payment_terms_w .privacy_text{
	float: left;
}
.payment_terms_w .privacy_text a{
	color: #4298cc;
}
#purchase_submit{
    width: 90%;
    height: 40px;
    display: block;
    position: absolute;
    right: 5%;
    border-radius: 5px;
    text-align: center;
    line-height: 22px;
    color: #FFF;
    border-bottom: 4px solid #75391c;
    font-weight: 100;
    border: 0;
    border: 0;
    margin: 0 auto;
    background: #ff6d10;
    font-size: 17px;
    display: none;
    cursor: pointer;
    top: 20px;
}
#purchase_price{
    font-family: 'Open Sans', 'sans-serif';
    font-weight: 100;
    font-size: 22px;
    box-shadow: none;
    -webkit-box-shadow: none;
    line-height: 40px;
    /* background: #87b7e1; */
    width: 100%;
    text-align: center;
    color: #87b7e1;
    font-size: 2em;
}
#purchase_price_desc{
	font-size: 9px;
    text-align: center;
}
#purchase_confirm{
    width: 50%;
    float: right;
    height: 80px;
    border-left: 1px solid #ddd;
    display: none;
}
#purchase_confirm .col_100{
	height:100%;
}
#purchase_confirm .col_50{
	position: relative;
    height: 100%;
	display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    flex-direction: column;
}
#purchase_confirm .col_50 #pricing_trial{
	width: 150px;
	font-size: 1em;
}
#purchase_submit:hover{
	background:#0076a9;
}

#purchase_sub_2_h1 p{
	padding: 20px 90px;
	line-height:1.5em;
	text-align: justify;
}
.purchase_session{
	display: none;
	line-height: 40px !important;
}
.purchase_form_internal{
    height: 100%;	
}
#purchase_more{
    background: #f9f9f9;
    margin-top: 20px;
}
#purhcase_dev{
	width: 90%;
	margin: 0 auto;
	font-weight: 100;
	overflow: auto;
}
#purhcase_dev p{
	padding: 0.5em 0;
}
#purchase_pd_options{
    width: 80%;
    margin: 0 auto;	
}
#purchase_pd_options .purcase_pd_border{
	border: 1px solid #ddd;
    width: 80%;
    margin: 0 auto;
    border-radius: 5px;
    text-align: right;
    background: #eee;
    position: relative;
    height: 40px;
    cursor: pointer;
}
#purchase_pd_options .purcase_pd_border:hover{
	background: #ddd;
}
#purchase_pd_options .purcase_pd_prices{
	
}
#purchase_pd_options .purcase_pd_prices .purchase_pd_item{
	margin: 10px 0px;
}
#purchase_pd_options .purcase_pd_prices .purchase_pd_item div{
	text-align: center;
}
#purchase_pd_options .purcase_pd_prices .purchase_pd_item div:first-child{
	
}
#purchase_pd_options .purcase_pd_border label{
	position: absolute;
    padding: 0;
    left: 10px;
    width: 20px;
    height: 20px;
    top: 10px;	
}
#purchase_pd_options .purcase_pd_border label:before{
    left: 0;
    top: 0;	
}
#purchase_pd_options .purcase_pd_border label:after{
    top: 4px;
    left: 4px;	
}
#purchase_pd_options .purcase_pd_border .purchase_pd_text{
    font-weight: 400;
    line-height: 40px;
    text-align: center;
}
.sub_options_w{
	overflow: auto;
	background: #FFF;
	border: 1px solid transparent;
	position: relative;
	width:100%;
}

.sub_options_headings{
	display:block;
	padding: 10px 0px;
	font-size: 26px;
	text-align: center;
}

.num_des{
	height:160px;
	width: 80%;
    margin-top: 200px;
    margin: 0 auto;
    margin-top: 100px;
    margin-bottom: 100px;
    background: #ecf4f9;
    border-radius: 20px;
    padding: 2%;
}
.num_des p{text-align:center;font-size: 2em;}
.num_des ul{margin: 0 auto;width: 90%;padding:10px 0px}
.num_des ul li{padding-top: 20px;}
.purchase_students{
    width: 60%;
    margin: 0 auto;
    position: relative;
    z-index: 100;
}
.purchase_students h2{
	position: absolute;
    z-index: 1;
    font-size: 14px;
    width: 90%;
    text-align: center;
    font-weight: 400;
    pointer-events: none;
    top: 20px;
}
.wrapper-dropdown-2 {
    /* Size and position */
    position: relative; /* Enable absolute positionning for children and pseudo elements */
    width: 130px;
    margin: 0 auto;
    padding: 10px 15px;

    /* Styles */
    background: #ecf4f9;
    cursor: pointer;
    outline: none;
	border-radius:10px;
}
.wrapper-dropdown-2:hover {background:#d9e9f3;}

.wrapper-dropdown-2:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    right: 16px;
    top: 50%;
    margin-top: -3px;
    border-width: 6px 6px 0 6px;
    border-style: solid;
    border-color: grey transparent;
}

.wrapper-dropdown-2 .dropdown {
	overflow:hidden;
  /* Size & position */
    position: absolute;
    top: 100%;
    left: 0px;
    width: 150px;
    border-radius: 10px;
	padding: 0;
    right: 0px;
    z-index: 2;
    /* Styles */
    background: white;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    list-style: none;
	box-shadow: 0 0 5px rgba(0,0,0,0.1);

    /* Hiding */
    opacity: 0;
    pointer-events: none;
}
.wrapper-dropdown-2 .dropdown li{padding:0;}
.wrapper-dropdown-2 .dropdown li a {
    display: block;
    text-decoration: none;
    color: #333;
    padding: 10px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    text-align: center;
}
.wrapper-dropdown-2 .dropdown li a:hover {background:#d9e9f3;}
.wrapper-dropdown-2 .dropdown li i {
    margin-right: 5px;
    color: inherit;
    vertical-align: middle;
}

/* Hover state */

.wrapper-dropdown-2 .dropdown li:hover a {
    color: grey;
}

/* Active state */

.wrapper-dropdown-2.active:after {
    border-width: 0 6px 6px 6px;
}

.wrapper-dropdown-2.active .dropdown {
    opacity: 1;
    pointer-events: auto;
}

/* No CSS3 support */

.no-opacity       .wrapper-dropdown-2 .dropdown,
.no-pointerevents .wrapper-dropdown-2 .dropdown {
    display: none;
    opacity: 1; /* If opacity support but no pointer-events support */
    pointer-events: auto; /* If pointer-events support but no pointer-events support */
}

.no-opacity       .wrapper-dropdown-2.active .dropdown,
.no-pointerevents .wrapper-dropdown-2.active .dropdown {
    display: block;
}

.rangeslider,
.rangeslider__fill {
  display: block;
  -moz-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3);
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

.rangeslider {
  background: transparent;
  background: #f5f4f4;
  position: relative;
}

.rangeslider--horizontal {
    height: 20px;
    width: 100%;
    margin-top: 10px;
	margin-bottom: 20px;
    z-index: 2;
    height: 40px;
}
.range-output{
	color: #666;
    text-align: center;
    font-family: 'Open Sans', 'sans-serif';
    font-size: 1.3em;
    display: none;
}
.rangeslider--vertical {
  width: 20px;
  min-height: 150px;
  max-height: 100%;
}

.rangeslider--disabled {
  opacity: 0.4;
}

.rangeslider__fill {
    background: #f5df79;
    position: absolute;
    background: rgba(245, 223, 121, 0.5);
}
.rangeslider--horizontal .rangeslider__fill {
  top: 0;
  height: 100%;
}
.rangeslider--vertical .rangeslider__fill {
  bottom: 0;
  width: 100%;
}

.rangeslider__handle {
  background: white;
  border: 1px solid #ccc;
  cursor: pointer;
  display: inline-block;
  width: 40px;
  height: 40px;
  position: absolute;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4xIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(0, 0, 0, 0.1)));
  background-image: -moz-linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.1));
  background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.1));
  background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.1));
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.rangeslider__handle:after {
  content: "";
  display: block;
  display: none;
  width: 18px;
  height: 18px;
  margin: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjEzIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0.13)), color-stop(100%, rgba(255, 255, 255, 0)));
  background-image: -moz-linear-gradient(rgba(0, 0, 0, 0.13), rgba(255, 255, 255, 0));
  background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.13), rgba(255, 255, 255, 0));
  background-image: linear-gradient(rgba(0, 0, 0, 0.13), rgba(255, 255, 255, 0));
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.rangeslider__handle:active {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjEiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4xMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, rgba(0, 0, 0, 0.12)));
  background-image: -moz-linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.12));
  background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.12));
  background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.12));
}
.rangeslider--horizontal .rangeslider__handle {
    top: -10px;
    touch-action: pan-y;
    -ms-touch-action: pan-y;
    width: 100px;
    height: 40px;
    border-radius: 10px;
    top: -1px;
    text-align: center;
    line-height: 40px;
    font-size: 14px;
}
.rangeslider--vertical .rangeslider__handle {
  left: -10px;
  touch-action: pan-x;
  -ms-touch-action: pan-x;
}

input[type="range"]:focus + .rangeslider .rangeslider__handle {
  -moz-box-shadow: 0 0 8px rgba(255, 0, 255, 0.9);
  -webkit-box-shadow: 0 0 8px rgba(255, 0, 255, 0.9);
  box-shadow: 0 0 8px rgba(255, 0, 255, 0.9);
}
#range_slider_master{
	height: 80px;
    position: fixed;
    width: 100%;
    z-index: 100000;
    background: #FFF;
    bottom: 0;
    border-top: 1px solid #eee;	
}
.purchse_style{
	color: #666;
    text-align: center;
    font-family: 'Open Sans', 'sans-serif';
    font-size: 1em;
    font-weight: 100;
}
.purchase_style_heading{border-bottom: 2px solid #87b7e1;}
.purchse_style .sub_options{
	width: 50px;
    height: 50px;
    background: url(../images/globe_v2.svg) no-repeat;
    display: block;
	margin: 0 auto;
}
.purchse_style .sub_heading{
    width: 100%;
    display: block;
}
#purchase_form_submit #sign_up{
	max-width: 100%;
    margin: 0;
    height: 100%;
    position: absolute;
    width: 100%;
}
#purchase_form_submit .sign_up_internal{
	margin-top:0 !important;
}
#purchase_form_submit #purchase_sub_heading{
	text-align: center;
    font-size: 1.5em;
    font-weight: 100;
    line-height: 2em;
}
.sub_options_dot{
	width: 20px;
	height: 20px;
	display: block;
	float: left;
	border-radius: 50%;
	background: #87b7e1;
	margin: 10px;
}
#purchase_overlay{
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10000 !important;
	background: radial-gradient(at center center, rgba(0, 0, 0, 0.1) 0%, rgba(20, 20, 20, 0.3) 100%);
	width: 100%;
    height: 100vh;
    display: none;
}
#purchase_form{
    position: fixed;
    z-index: 100;
    width: 95%;
    height: 90%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    border-radius: 20px;
    z-index: 99999;
	overflow: hidden;
	max-width: 1024px;
    display: none;	
}
#further_details{
	width: 96%;
    height: 80px;
    padding: 2%;
}
.purchase_sub_heading{
	color: #6d6e72;
    font-size: 1.5em;
    font-family: 'Open Sans', 'sans-serif';
    font-weight: 100;
    padding: 0.5em;
    width: 50%;
}
.so_subh{
	width: 33.33%;
	float: left;
	height: 500px;
	position: relative;
    border-radius: 20px;
	display:table;
}
.so_subh_absolute{
	position: absolute;
    z-index: 3;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 10px 50px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 10px 50px rgba(0,0,0,.2);
    float: initial;
	margin-top: 50px;
}
.so_subh_absolute .so_items_wrapper .so_subh_ul{
	margin-top: 160px;
	min-height: 410px;
    background: rgb(236, 244, 249);
}
.skip_pd{
	margin: 0 auto;
    display: block !important;
    margin-top: 50px;
}
.so_subh .so_sub_desc{
	
}
.pricing_svg_more{
    position: absolute;
    width: 100%;
    top: 72px;
}
.so_subh_i{
	width:100%;
	position:relative;
}
.so_subh_i .pricing_svg{
	position:absolute;
	top: 85px;
    overflow: hidden;
    width: 100%;
}
.so_subh_i .pricing_svg .deco-layer{
	-webkit-transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
}
.so_subh:hover .deco-layer--1 {
	-webkit-transform: translate3d(15px,0,0);
	transform: translate3d(15px,0,0);
}

.so_subh:hover .deco-layer--2 {
	-webkit-transform: translate3d(-15px,0,0);
	transform: translate3d(-15px,0,0);
}
.so_subh_i .so_items_wrapper{position:absolute;z-index:1;width: 100%;}
.sub_most_pop{
	z-index: 1;
    border: 4px solid #f5df79 !important;
    border-radius: 20px !important;
}
.sub_options_wrapper{
	position: absolute;
    width: 100%;
    height: 20px;
    font-size: 15px;
    bottom: 1px;
    left: 0;
}
.sub_options_wrapper .sub_summative{
	width: 90%;
    background: #FFF;
    border-radius: 5px;
    height: 16px;
    line-height: 16px !important;
    display: block !important;
    margin: auto;
    font-size: 12px;
}
.price_wrapper{
	width: 100%;
    height: 230px;
    position: absolute;
    z-index: 1;
    text-align: center;
    font-family: 'Josefin Sans', sans-serif;
    font-size: 2.5em;
    color: #6d6e72;
    top: 140px;
}
.price_wrapper .sub_prices_wrapper{
    height: 280px;
    width: 80%;
    margin: 0 auto;
	border: 1px solid #e4e4e4;
    border-radius: 10px;
    margin-top: 20px;
    background: #FFF;
    padding: 1%;
    position: relative;
    cursor: pointer;
    margin-bottom: 20px;
    clear: both;
    border: 4px solid transparent;
}
.price_wrapper .sub_prices_wrapper:hover{
	box-shadow: 0 5px 20px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 5px 20px rgba(0,0,0,.2);
    border: 4px solid #fff;
    border: 4px solid #87b7e1 !important;
}
.price_wrapper .sub_prices_wrapper .sub_buttons{
    position: absolute;
    right: 10px;
    bottom: 10px;
    font-family: 'Open Sans', 'sans-serif';
    font-weight: 100;
    font-size: 22px;
    box-shadow: none;
    -webkit-box-shadow: none;
    line-height: 40px;
    background: #87b7e1;
    width: 120px;
    left:0;
    right:0;
    margin: auto;
}
.price_literacy{
    font-size: 18px;
    font-family: 'Open Sans', 'sans-serif';
    font-weight: 100;
    height: 40px;
    display: table;
    margin-bottom: 10px;
    width: 90%;
    border: 1px solid #ddd;
    border-radius: 10px;
    margin: 0 auto;
    background: #f9f9f9;
    margin-top: 10px;
    height: 100px;
    background: #e4f1ef;
	border: 1px solid #A5D3CA;
	position: relative;
	font-weight: 400;
}
.price_numeracy{
	background: #fcf5d6;
	border: 1px solid #f5df79;	
}
.price_numeracy_half{
	width: 45%;
    float: left;
    margin: 2%;
}
.price_numeracy_half .sub_options_wrapper{
	display:flex;
}
.price_numeracy_half:nth-child(2) {
    margin: 2%;
}
.price_numeracy_half:nth-child(4) {
    margin: 2%;
}
.price_literacy div{
	display:table-cell;
	vertical-align: middle;
	text-align: center;
}
price_literacy .price_two_line{
	display: block;
    height: 30px;
    line-height: 30px;
}
.price_wrapper .sub_prices{
	height: 40px;
    line-height: 40px;
    font-size: 20px;
}
.price_wrapper .sub_prices_standalone{
	margin-bottom: 20px;
}
.price_wrapper .sub_prices .sub_prices_child{
    text-align: center;
    position: relative;
    font-size: 20px;
}
.price_wrapper .sub_prices .sub_prices_child .sub_prices_subchild{
	font-size: 15px;
    position: absolute;
    width: 100%;
    height: 15px;
    bottom: 0;	
}
.answers_wrapper {
	float: left;
	position: relative;
	left: 50%;
	clear: both;
}
.answers_wrapper_2 {
	float: left;
	position: relative;
	left: -50%;
}
.purchase_form_sub_options{
    clear: both;
	padding-bottom: 3%;
}
.purchase_form_sub_options .price_literacy{
    width: 200px;
    margin: 5px;
    display: block;
    float: left;
}
.purchase_form_sub_options .price_literacy div{
	text-align: center;
	line-height: 90px;
	display: flex;
	justify-content: center;
}
.purchase_bundle{
	display: none;
	padding-bottom: 4%;
    position: relative;
}
#purchase_included .purchase_item:nth-child(even){
	background:#f7f7f7;
	border-radius: 10px;
}
.purchase_bundle .purchase_bundle_wrapper{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
#pd_cost_wrapper{
    width: 800px;
    height: 300px;
    margin: 0 auto;
    margin-top: 20px;
    padding: 20px;
    border: 1px solid #ddd;
    border-radius: 20px;
}
.sub_buttons{
	width: 100px;
    height: 40px;
    border-radius: 5px;
    border: 0;
    outline: none;
    font-size: 17px;
    background: #ff6d10;
    color: #FFF;
    /*box-shadow: 0 5px 20px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 5px 20px rgba(0,0,0,.2);*/
}
.sub_buttons:hover{
	background:#79a4ca;
}
.sub_button_cancel{display:none;}
.so_subh_num{
	width: 35px;
	height: 35px;
	border-radius: 50%;
	display: block;
	background: #FFF url(../images/info_v2.svg) no-repeat;
	background-size: 35px;
	color: #87b7e1;
	float: left;
	line-height: 35px;
	font-weight: 400;
	margin: 8px 0px 0px 8px;
}
#so_subh_w{
	width:100%;
	margin-top: 10px;
	max-width:1200px;
	margin:0 auto;
	position:relative;
	overflow:hidden;
}
#so_subh_w .purchase_details{
    width: 72%;
    left: 25%;
    padding: 0% 2%;
    margin-top: 50px;
    height: 800px;
    float: left;
	position: absolute;
	background:#FFF;
	display:none;
}
#so_subh_w #purchase_details_1{
	z-index:2;
}
#so_subh_w #purchase_details_2{
	z-index:1;
}
#so_subh_w #purchase_details_3{
	z-index:2;
}
#so_subh_w #purchase_details_4{
	z-index:1;
}
#so_subh_w .purchase_details #pd_session_desc{
    margin: 0 auto;
    text-align: justify;
    font-weight: 100;
	width: 100%;
    padding: 0;
}
#so_subh_w .purchase_details #pd_session_desc .pd_session_wrapper{
	background: #ecf4f9;
    width: 90%;
    border-radius: 20px;
	padding: 5%;
    margin: 20px 0px;
    text-align: left;
    height: 300px;
}
#so_subh_w .purchase_details #pd_session_desc .pd_session_feature{
	background: url(../images/check_v2.svg) no-repeat;
    height: 30px;
    padding-left: 40px;
    padding: 5px 0px 0px 40px;
	font-size: 14px;
    display: block;
    margin: 30px 0px;
    background-position: 0px 0px;
    clear: both;
    float: left;
}
#so_subh_w .purchase_details .pd_buttons{
	width:180px;
	height:60px;
    position: relative;
    margin: 0 auto;
    display: block;
}
#so_subh_w .purchase_details .pd_buttons .purchase_icons{
	background: url(../images/purchase_icons.svg) no-repeat;
	width: 60px;
    height: 60px;
    display: block;
    position: absolute;
    top: 0;
}
#so_subh_w .purchase_details .pd_buttons .purchase_text{
	width: 120px;
    float: right;
}
#so_subh_w .purchase_details .pd_select{background: #79a4ca !important;}
.purchase_confirm{
	background: url(../images/check_v2.svg) no-repeat;
    width: 30px;
    height: 30px;
    display: none;
	position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    bottom: -40px;
    margin-right: auto;
}
.sub_details{
	display:none;
	position: absolute;
	top: 0;
}
.so_subh h2{
	height: 130px;
	text-align: center;
	font-size: 1.6em;
	background: #87b7e1;
	color: #FFF;
	display:table-cell;
	vertical-align:middle;
    width: 400px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
	font-weight:100;
	padding: 0px 5px;
}

.so_subh #pop_ribbon{
	position: absolute;
    width: 120%;
    left: -10%;
    z-index: 1;
    top: 135px;
}
.so_subh #pop_ribbon #pop_title{
	font-size: 15px;
	background: #f5df79;
    margin-bottom: 20px;
    text-transform: uppercase;
    color: #6d6e72;
    height: 40px;
    text-align: center;
    line-height: 40px;
    z-index: 2;
    position: absolute;
    width: 100%;
    box-shadow: 0 5px 20px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 5px 20px rgba(0,0,0,.2);
    border-radius: 10px;
}
.so_subh #pop_ribbon .pop_skew{
	position: absolute;
    background: #0c7582;
    width: 8%;
    top: 6px;
    height: 40px;
    z-index: 1;
}
.so_subh #pop_ribbon #pop_title_l{transform: skew(00deg,20deg);left:0;}
.so_subh #pop_ribbon #pop_title_r{transform: skew(00deg,-20deg);right:0;}
.so_subh ul{margin-top: 780px;}
.so_subh ul li{}

.so_subh_ul{

}
.pd_button_cancel{
	position: absolute;
    bottom: 5px;
    right: 0;
    left: 0;
	margin: 0 auto;
    height: 20px;
    line-height: 10px;
    font-size: 13px;
	width: 70px;
}
.so_subh_ul li{
	padding: 0px 0px 15px 0px;
    height: 80px;
    position: relative;
    clear: both;
    display: block;
    border-bottom: 1px solid #ddd;
}
.sub_pd{display:none;}
.so_subh_ul .sub_options{background: #ecf4f9;}

.so_subh_ul .purchase_check_link{
	border-bottom: 1px solid #ddd;
}
.so_subh_ul li .purchase_check{
	background: url(../images/check_v2.svg) no-repeat;
	width: 30px;
    height: 95px;
    background-position: 0px 35px;
    display: block;
    margin: 0 auto;
}
.so_subh_ul li .confirm_check{
	position: absolute;
    left: 0;
    right: 0;
    bottom: -25px;
}
.so_subh_ul li a{
	position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    bottom: 10px;
    text-decoration: none;
    width: 100px;
    margin: 0 atuo;
    display: block;
    margin: 0 auto;
    font-size: 14px;
    overflow: auto;
    text-align: center;
	background:#FFF;
    border-radius: 5px;
    color: #1fa1d2;
    padding: 2px;
    text-transform: uppercase;
    font-size: 12px;
	border: 1px solid #ddd;
}

.so_subh_ul li a:hover{
	color:#FFF;
	background:#1fa1d2;
	border:1px solid #1fa1d2;
}

.so_subh_a_text{
	width: 100%;
	display: block;
	float: left;
	text-align: center;
    color: #666;
    font-family: 'Open Sans', 'sans-serif';
    font-size: 1em;
    margin-top: 10px;
}
.so_subh_a_text .pd_session_title{
	float:left;
    text-align: center;
    width: 100%;
}
.so_subh_a_text .pd_session_type{
	float:left;
    text-align: center;
    width: 100%;
    font-size: 13px;
}
.supscription_info_w{
}

.purchase_bullets{
	padding: 0px 35px
}

.purchase_bullets li{
	background: url(../images/bullet_point.png) no-repeat;
	background-position: 0px 1px;
	padding: 0px 30px;
	font-size: 15px;
	font-weight: 400;
}

.so_subh_prices{
	background:#f6f6f6;
	padding: 10px;
	position: absolute;
	bottom: 10px;
	left: 110px;
	border: 1px solid #ddd;
	display:block;
	text-decoration:none;
	color:#000;
}

.so_subh_prices:hover{
	background:#0076a9;
	color:#FFF;
}

.overlay_bg{
	z-index: 11;
	background-color: rgba(0,0,0,0.5);
	width: 100%;
	height: 100%;
	position: absolute;
}

.sub_prices_content_w{
	z-index:12;
	position: absolute;
	width: 550px;
	background: #FFF;
	left: 280px;
	top: 150px;
}

.sp_heading{

}

.sp_heading h1{
	padding: 5px;
	margin: 0px;
	width: 470px;
	text-align: left;
	float: left;
	font-size: 19px;
	height: 28px;
}

.sp_heading a{
	float: left;
	display: block;
	width: 70px;
	text-align: center;
	line-height: 37px;
	font-size: 18px;
	height: 38px;
	text-decoration:none;
	color:#000;
}

.sp_heading a:hover{
	color:#FFF;
	background:#ff6d10;
}

.sp_body table{
	border: 1px solid #ddd;
}

.sp_body tr{
	height: 40px;
	border-bottom: 1px solid #ddd;
	font-size: 15px;
}

.sp_body td{
	width: 500px;
	padding: 10px;
}

.sub_price{
	width: 110px !important;
	text-align: right;
	border-left: 1px solid #DDD;
}

.sub_content_more{
    position: absolute;
    z-index: 11;
    width: 80%;
    margin-left: 10%;
    height: auto;
    margin-top: 25px;
    box-shadow: 0 10px 50px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 10px 50px rgba(0,0,0,.2);
    background: #FFF;
    top: 0;
    left: 0;
    border: 1px solid #eee;
}

.sub_cont_header{
	
}

.sub_cont_header h1{
	text-align: left;
	width: 310px;
	margin: 0;
}

.sub_cont_body{}

.sub_cont_body ul{
	padding: 30px 20px;
	text-align: justify;
	font-size: 13px;
}

.sub_cont_body ul li{
    background: url(../images/check_v2.svg) no-repeat;
    background-position: 0px 1px;
    padding: 0px 0px 20px 50px;
    color: #666;
    /* text-align: center; */
    font-family: 'Open Sans', 'sans-serif';
    font-size: 1.1em;
    font-weight: 100;
}

.sub_cont_body ul li ul{
	padding: 10px 40px;
}

.sub_cont_body ul li ul li{
	padding: 0px;
	list-style: inherit;
	background: none;
	list-style-type: disc;
}

.so_subh_n{
	width: 50%;
	float: left;
	overflow: auto;
	text-align: justify;
}	

.so_subh_n p{
	padding: 0px 20px 20px
}

.so_subh_prices_num{
	left: 490px;
}

#terms_conditions{
    width: 90% !important;
    position: absolute !important;
    overflow: visible !important;
    z-index: 100 !important;
    background: #eee !important;
    top: 150px !important;
    font-size: 12px !important;
    left: 0 !important;
    right: 0 !important;
    margin: auto !important;
    border-radius: 10px !important;
    box-shadow: 0 5px 20px rgba(0,0,0,.2) !important;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2) !important;
}

#terms_conditions a{
	position: absolute;
	right: 0;
	top: 0;
	background: #ff6d10;
	border-bottom: 4px solid #75391c;
	padding:5px;
	color: #FFF;
}

#terms_w{
	padding:50px;
}

.terms_titles{
	float: left;
	width: 15%;
	clear: both;
	padding-bottom: 20px;
}

.terms_titles h3{
	float: left;
	font-weight: 400;
	padding: 0px 2px;
	line-height: inherit;
	height: inherit;
	margin: inherit;
	width: inherit;
	border: none;
	text-align: left;
}

.sub_terms{
	float: left;
	width: 85%;
	padding-bottom: 20px;
}

#purchse_submitted_wrapper{
	
}

/* END PURCHASE */




/* ================ */
/*	    CONTACT     */
/* ================ */

#contact_intro{
	font-family: 'Open Sans', 'sans-serif';
	text-align:justify;
	line-height:1.5em;
	margin-top:18px;
	font-size:16px;
	font-weight: 300;
}

#about_title{
	float:left;
	margin-bottom:18px;
}

#portrait{
	float:right;
	margin:4px;
}

#contact_us_icon{
	position:relative;
	float:right;
}

#contact_title{
	text-align:right;
}


/*	  END CONTACT     */






/* ======== */
/*	  FAQ   */
/* ======== */

.video_wrapper{width:720px;margin:0 auto;};
#faq_list{font-size:14px;}
.faq_answers{overflow:auto;}
.faq_top{
	position: absolute;
	right: 30px;
	font-weight: 600;
	text-decoration: none;
	color:#012b53;
}
.faq_top:hover{text-decoration:underline;}
#faq_list ul{float: left;}
#faq_list h2{
	color: #012b53;
    font-weight: 600;
    font-size: 24px;
    padding: 10px 0px;
}
#faq_list ul li{
	padding: 0px 0px 10px 30px;
	background: url(../images/home_tick.png) no-repeat;
}
#faq_list ul li a{text-decoration:none;color:#012b53;font-weight:600;font-size: 14px;}
#faq_list ul li a:hover{text-decoration:underline;}

.faq_questions{
	text-align: justify;
	font-size: 15px;
}

.faq_w{
	background:#FFF;
	margin: 20px 0px;
	padding: 30px;
	overflow:auto;
	clear: both;
}

.faq_w li{
	font-weight: 600;
	list-style: none;
	padding: 0px 0px 15px 30px;
	background: url(../images/home_tick.png) no-repeat;
}

.faq_w h2{
	font-weight: 600;
    padding: 10px 0px 10px 50px;
	font-size:15px;
}

.faq_w p{
	padding: 0px 30px 20px 0px;
	text-align: justify;
}

.faq_w span.inline{
	width: 100%;
	float: left;
	clear: both;
	display:inline-block;
}

.faq_w span.inline img{
	margin: 0 auto;
	display: block;
	padding: 10px 0px 10px 0px;
}

.faq_w span.inline_text{
	clear: both;
	position: relative;
	padding-left: 60px;
	float: left;
}

.faq_answers_list li{
	font-weight: 100;
	background: none;
	list-style: initial;
	list-style-type: decimal;
	margin: 0px 60px;
	padding:10px 0px;
	float: left;
	clear: both;
}

.faq_answers_list ul{
	padding: 0px 0px 20px 0px;
	overflow: auto;
}

#faq_results_summary li{list-style:none;}

#faq_results_summary li span{
	background-image:url(../images/faq_images/results_summary_list.png);
	background-repeat:no-repeat;
	width:25px;height:25px;display:block;float: left;margin-right: 10px;
}

#faq_results_summary li p{padding-left: 40px;}

#faq_results_summary li:nth-child(1) span{background-position:0px 0px;} 
#faq_results_summary li:nth-child(2) span{background-position:-25px 0px;} 
#faq_results_summary li:nth-child(3) span{background-position:-50px 0px;} 
#faq_results_summary li:nth-child(4) span{background-position:-75px 0px;} 
#faq_results_summary li:nth-child(5) span{background-position:-100px 0px;} 


h3.arconix-faq-term-title{
	font-size: 20px;
    font-weight: 100;
}
.arconix-faq-title{
	font-size: 20px;
    font-weight: 100;
    background: url(../../../../../../design/images/plus.svg) no-repeat left transparent !important;
    background-position: -1px 1px !important;
    background-size: 20px !important;
}
.arconix-faq-content p{
	padding: 5px 0px !important;
}
.arconix-faq-content ul{
    list-style: initial !important;
    padding-left: 40px;
}
.arconix-faq-content strong{
	font-weight: bold !important;
}
/*	  END FAQ     */






/* =============== */
/*	    FOOTER     */
/* =============== */

#footer{
	width:100%;
	height:300px;
}

#footer ul{
	padding: 30px 0px 0px 0px;
	float: left;
}

#footer ul li{
	padding: 4px;
}

#footer ul li a{
	text-decoration: none;
    color: #6d6e72;
    padding: 4px;
}

#footer ul li a:hover{
	color:#1fa1d2;
}

#footer_w{
	width: 95%;
	margin: 0 auto;
	overflow: auto;
	font-size: 14px;
	padding-bottom: 45px;
	position: relative;
}

.footer_head{
	font-weight:600;
	height: 30px;
}

#footer_social{
	float:right;
}

#footer_social ul{float:left;}

#footer_social ul li{}

#footer_social ul ul a li{clear: none;}

#copyright{
	font-size: 13px;
	width: 100%;
	margin: 0 auto;
	height: 18px;
}

/*** Social Media ****************************************************/
.cv-social-media-rounded {
	width:200px;
	margin:0;
	padding:0;
	overflow:hidden;
	list-style:none;
	color:#FFF;
	padding: 0px 0px 10px !important;
}

.social{
	background: url(../images/social.svg);
    background-size: 530%;
}

.cv-social-media-rounded li {
	width: 40px;
	height:	40px;
	display:inline-block;
	font-size:26px;
	float:left;
	color:#FFF;
}

.cv-social-media-rounded a {
	display:block;
	width:100%;
	height:100%;
	
	-webkit-animation-duration: 2s;
	-moz-animation-duration: 2s;
	-o-animation-duration: 2s;
	animation-duration: 2s;
	  
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
}

.cv-social-media-rounded a:hover {
	display:block;
	
	-webkit-animation-duration: 1s;
	-moz-animation-duration: 1s;
	-o-animation-duration: 1s;
	animation-duration: 1s;
	
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
}

#facebook{
    background-position: 0px 0px;
}
#facebook:hover{
	background-position: 0px -48px;
}
#twitter{
	background-position: -51px 0px
}
#twitter:hover{
	background-position: -51px -48px;
}
#pintrest{
	background-position: -104px 0px
}
#pintrest:hover{
	background-position: -104px -50px;
}
#instagram{
	background-position: -163px 0px	
}
#instagram:hover{
	background-position: -163px -50px;		
}
/*	END FOOTER   */






/* =============== */
/*	  Selections   */
/* =============== */

#selections{
	width: 450px;
	position:relative;
	float:left;
	margin-top:4px;
}

#selections h3{
	position:relative;
	float:left;
	color:#FFF;
	margin-top:14px;
	margin-right:10px;
}

#form_selection_ie{
	position:relative;
	float:left;
	margin-top:-12px;
}

#form_selection_ie9{
	position:relative;
	float:left;
	margin-top:3px;
}

#form_selection{
	position:relative;
	float:left;
	margin-left:10px;
}

#selections_sub_headings a{
	position: relative;
	float: left;
	color: #012b53;
	font-size: 16px;
	letter-spacing: 1px;
	font-family: 'Open Sans', 'sans-serif';
	text-decoration: none;
	text-transform: uppercase;
}

#selections_sub_headings a:hover{
	color:rgb(64,145,201);
}

#selections_sub_headings h1{
	position:relative;
	float:left;
	color: #012b53;
	font-size:16px;
	letter-spacing:1px;
	margin: 6px 10px 0px 20px;
	font-family: 'Open Sans', 'sans-serif';
	text-decoration:none;
	text-transform: uppercase;
}

#selections_sub_headings h2{
	position:relative;
	float:left;
	color:#FFF;
	font-size:17px;
	letter-spacing:1px;
	margin:18px 0 0 10px;
}

/* =============== */
/*	    SLIDER     */
/* =============== */

#sliding_wrapper{
	width:800px;
	margin: 0 auto;
	padding-top:25px;
}

/* THIS IS THE ACTUAL DISPLAY AREA OF THE SLIDERS */
#container
{
    margin: 0 auto;
    width: 90%;
}
#faqss-modern .faqss-section .faqss-item .faqss-content{overflow:auto;padding: 15px !important;}
#faqss-modern .faqss-section .faqss-item .faqss-content ul{
	list-style: inherit;
	list-style: unset;
	padding-left: 30px;
}
#faqss-modern .faqss-section .faqss-item .faqss-content ol{
	list-style: inherit;
	list-style: unset;
	padding-left: 30px;
}
#faqss-modern .faqss-section .faqss-item{background:#FFF !important;}
#faqss-modern .faqss-section .faqss-item h6 a.faqss-acc{
	padding: 15px 15px 15px 40px !important;
    background: url(../images/check_v2.svg) no-repeat;
    background-position: 10px 10px;
	text-decoration: none;
    color: #012b53;
    font-weight: 600;
    font-size: 14px;
	background-size: 28px;
}
#faqss-modern .faqss-aside ul li a{
	background: #FFF;
    border: 1px solid #eee;
    border-right-color: #eee !important;
    border-radius: 5px !important;
	padding: 15px 15px 15px 50px !important;
    background: #FFF url(../images/info_v2.svg) no-repeat;
    background-size: 30px;
    background-position: 11px 11px;
    color: #1fa1d2;
    font-weight:400;
    font-size: 16px;
	text-decoration:none;
}
#faqss-modern .faqss-aside ul li a:hover{
	background:#dff1ff url(../images/info_v2.svg) no-repeat;
	background-size: 30px;
    background-position: 11px 11px;
	border:1px solid #dff1ff;
}
#faqss-modern .faqss-aside ul li a.active{
	background: #dff1ff url(../images/info_v2.svg) no-repeat;
    background-size: 30px;
    background-position: 11px 11px;
    border: 1px solid #dff1ff;
}
.faqss-content p{padding: 10px 0px;}

/* SET TO THE TOTAL WIDTH OF ALL DIVS */
#slider-wrapper
{
    width: 4800px;
	height:150px;
	font-family: 'Josefin Sans', sans-serif;
}

.slider-wrapper-text
{
	text-align:center;
	margin:0 auto;
	width:700px;
	font-size:25px;
}

.slider-wrapper-text h3
{
	font-family: 'Josefin Sans', sans-serif;
	font-size:32px;
	display:inline;
	color:#1C4E81;
	text-transform: uppercase;
}

#text2_large{
	font-size:22px;
	text-transform: uppercase;
	font-family: 'Josefin Sans', sans-serif;
}

.purple_h2{
	color:#1C4E81;
	display:inline;
}

.slide1_text1{
	margin-top:24px;
}

.slide1_text2{
	font-size:18px;
	margin-top:-34px;
}

.slide2_text2{
	font-size:22px;
	margin-top:-50px;
}

.slide3_text2{
	font-size:18px;
	margin-top:-35px;
}

.arrow_blue{
	margin-top: -5px;
	vertical-align:middle;
}

/* THESE ARE THE INDIVIDUAL SLIDE PROPERTIES */
.slide
{
    width: 800px;
    height: 150px;
    overflow: hidden;
    float: left;
}

.arrows_wrapper{
	width:860px;
	margin:0 auto;
}

.arrows{
	height:60px;
	overflow:hidden;
	position:relative;
	width:940px;
	margin: 0 auto;
	background: url('../images/arrows.png') no-repeat -9999px 0;
}

.arrows li{
	display:inline-block;
	height:60px;
	width:60px;
	position:absolute;
	z-index:99;
}

.arrows li a{
	display:block;
	height:100%;
	text-indent:-999px;
}

.arrows li.previous a{
	background: url('../images/arrows.png') no-repeat -120px 0;
}

.arrows li.previous a:hover{
	background: url('../images/arrows.png') no-repeat -180px 0;
	left:30px;
}

.arrows li.next{
	position:relative;
	float:right;
}

.arrows li.next a{
	background: url('../images/arrows.png') no-repeat 0px 0;
}

.arrows li.next a:hover{
	background: url('../images/arrows.png') no-repeat -61px 0;
}

#arrow_wrapper{
	position:absolute;
	width:100%;
	height:60px;
	margin:0 auto;
	margin-top:67px;
}

.arrows .previous{
	left:40px;
	-webkit-transition: left 0.2s ease-out;
    -moz-transition: left 0.2s ease-out;
    -o-transition: left 0.2s ease-out;
    transition: left 0.2s ease-out;
}

.arrows .previous:hover{
	left:37px;
	-webkit-transition: left 0.2s ease-out;
	-moz-transition: left 0.2s ease-out;
	-o-transition: left 0.2s ease-out;
	transition: left 0.2s ease-out;
}

.arrows .next{
	right:40px;
	-webkit-transition: right 0.2s ease-out;
	-moz-transition: right 0.2s ease-out;
	-o-transition: right 0.2s ease-out;
	transition: right 0.2s ease-out;
}

.arrows .next:hover{
	right:37px;
	-webkit-transition: right 0.2s ease-out;
	-moz-transition: right 0.2s ease-out;
	-o-transition: right 0.2s ease-out;
	transition: right 0.2s ease-out;
}

/* END OF SLIDER */








/* ================== */
/*	   Learn More     */
/* ================== */
#learn_more_wrapper{font-size:20px;overflow: hidden;max-width:1600px; margin:0 auto;}
.learn_more_common{
	height: 100vh;
	font-size: 20px;
}
.learn_more_sections{
	height:600px;
    position: relative;
}
.learn_more_sections_l{
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
}
.learn_more_sections_r{
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
}
.learn_more_sections .learn_more_innner{
	padding:30px 0px;
}
#learn_more_01{

}
#learn_more_01 img{
	width:100%;
}
#learn_more_02{
    padding: 0px 0px 50px 0px;
}
#learn_more_02 #learn_more_intro{
	width: 50%;
    margin: 0 auto;
    text-align: center;
	font-size: 20px;
    margin-top: 30px;
}
#learn_more_03{

}
#learn_more_ea{
	clear: both;
	width: 110px;
    height: 110px;
    margin: 0 auto;
    border-radius: 20px;
	display:flex;
    background: #FFF;
}
.learn_more_text{
    width: 80%;
    margin: 0 auto;
    min-width: 450px;
}
.learn_more_text .icon{
	width: 100px;
    height: 100px;
	float: left;
}
.learn_more_text .icon img{width:100%;}
.learn_more_text .title{
    float: left;
    font-weight: 100;
    font-size: 25px;
    line-height: 100px;
    padding:0px 0px 0px 30px;
}
.learn_more_content{
	background: url(../images/check_v2.svg);
	background-repeat:no-repeat;
	background-position:0px 20px;
	clear:both;
	width:80%;
	margin:0 auto;
	padding: 20px 0px 20px 40px;
    font-size: 17px;
	text-align:justify;
}
.learn_more_content li{
    background: url(../images/analyse_next.svg);
    background-repeat: no-repeat;
    background-size: 30px;
    padding: 5px 0px 5px 40px;
    font-size: 14px;
    line-height: 20px;
}
.learn_more_buttons{
	position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    width: 150px;
    text-align: center;
    bottom: 10%;
	z-index: 1;
    font-size: 15px;
}
.section_1_images{position: absolute;width: 100%;}
.section_1_images img{width: 110%;}
#learn_more_analyse{
	position:absolute;
	width: 100%;
    height: 100%;
    z-index: 1;
}

.pagination {
  list-style: none;
  float: left;
}

.pagination li {
  float: left;
  margin-left:4px;
}

.pagination li a {
  float: left;
  width: 12px;
  height: 12px;
  line-height: 6px;
  margin-right: 3px;
  text-indent: -9999px;
  background-color: #1c4e81;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  filter: alpha(opacity=30);
  opacity:0.3;
}

.on a{
  	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important;
	filter: alpha(opacity=100) !important;
	opacity:1 !important;
}



/* Worksheet */

.content_wrap{
	width:100%;
	margin:0 auto;
	overflow: auto;
	background-color: #f6f6f6;
	margin-top: -1px;
	display:none;
	padding-bottom: 20px;
	border-radius: 10px;
}
.content_wrap .strand_content{
	display: flex;
    justify-content: center;
	flex-wrap: wrap;
}
.strand_col{
	float:left;
	width:33.33%;
	max-width: 340px;
}

.cd{
	list-style: none;
	list-style-position: inside;
	text-align: justify;
	padding-top: 5px;
	position: relative;
}
#worksheet_numeracy_literacy{
    width: 99%;
    margin: 0 auto;
    margin-top: 10px;
    /* height: 32px; */
    position: relative;
    clear: both;
	line-height: 18px;
}
#worksheet_numeracy_literacy .switch-field{
    display: flex;
    justify-content: center;	
}
#worksheet_numeracy_literacy .switch-field label{
	width: fit-content;
	min-width: 80px;
}
#worksheet_search{
	margin: 5px 0px;
	position: absolute;
	width: 100%;
}
#worksheet_search  .input_dropdown{
	height: 28px;
	text-align: center;
	padding: 0;
	margin: 0 auto;
}
.worksheet_search_fixed{
	position: fixed !important;
	top: 0;
	height: 40px;
	background: #FFF;
	width: 100%;
	z-index: 10;
	border-bottom: 1px solid #ddd;
	margin: 0 !important;
	left: 0;
}
.worksheet_search_fixed .input_dropdown{
	margin-top: 5px !important;
}
#worksheet_wrapper{
	width: 1024px;
    margin: 0 auto;
}
#worksheet_choice{
	width: 60%;
	margin: 0 auto;
	height: 60px;
	border: 0;
}
#worksheet_choice .switch-field{
	display: flex;	
}
#worksheet_choice .switch_logged_in label{
	font-size: 25px;
    font-weight: 100;	
}
#worksheet_australian{
	width: 1024px;
    margin: 0 auto;
    margin-top: 20px;
}
#worksheet_australian #worksheet_content{
    position: relative;
    clear: both;
    margin-top: 20px;
    width: 100%;
    height: 150vh;
}
#worksheet_australian #worksheet_content #worksheet_internal{
	width: 100%;
	height: 100%;
}
#worksheet_headers_wrapper{
    z-index: 1;
    position: relative;
    width: 1024px;
    clear: both;
    display: inline-block;
	margin-top: 40px;
}
#worksheet_headers_wrapper .switch-field{
	display: flex;
	justify-content: center;
}
#worksheet_headers_wrapper .switch-field label{
	font-size: 13px;
}
#resource_content_wrapper{
	width: 100%;
    /* float: left; */
    margin-bottom: 30px;
    clear: both;
    /* margin-top: 5px; */
	/* border-radius: 20px;
	background-color: #f6f6f6; */
}

.worksheet_year_wrapper{
    margin: 0 auto;
    width: 8.33%;
    float: left;
}

#resource_content_wrapper h3{
	font-size:1.2em;
	font-weight: 100;
	text-align: center;
	padding: .5em;
}

#resource_content_wrapper h4{
    text-align: center;
    padding: 10px;
    width: 80%;
    font-size: 15px;
    margin: 0 auto;
    border-radius: 5px;
}

#resource_content_wrapper .substrand_header{
	font-size: 18px;
    color: #373737;
    padding: 7px;
    /*background: #fff;
     text-align: center; 
    border: 1px solid #ddd;*/
    border-radius: 5px;
    width: 100%;
    margin: 0 auto;
}
#resource_content_wrapper .substrand_header .nsw_outcome{
	font-size: 12px;
	/* border-top: 1px solid #ddd; */
}
.substrand{
	padding:5px;
	width: 90%;
    margin: 0 auto;
}

.cd img{
	padding: 0px 2px;
	position: relative;
	top: 4px;
}

.cd_text{
	display:block;
	font-size:.8em;
	text-decoration:none;
	border:1px solid transparent;
	color:#6d6e72;
	border: solid 1px transparent;
	padding: 10px;
	border-radius: 10px;
	background: transparent;
	width: 100%;
	transition: 0.1s ease;
}

/* .cd_text:hover{
	background:#FFF;
    box-shadow: 0 10px 10px rgb(0 0 0 / 10%);
} */
.cd_text_highlight{
	/* background: #f9ffdf; */

	border: 2px solid #f5df78;
	
}
/* .cd_text_highlight .cd_text:hover{
	background: #f9ffdf;
	border: 1px solid #f5df78;
	box-shadow: 0 10px 10px rgb(0 0 0 / 20%);
} */
.cd_text .download_icon{
	width:20px;
	height: 20px;
	display: block;
	display: block;
    background: url(../images/inlp_download.svg);
	background-size: 40px;
	margin:0 auto;
	margin-top: 10px;
}
.worksheet_download_error{
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    margin: auto !important;
    height: 35px !important;
    position: fixed !important;
    display: none;	
    z-index: 1000000000 !important;
}
.worksheet_download{
	width: 100%;
    position: absolute;
    z-index: 1;
    background: #FFF;
    height: 60px;	
    border-radius: 5px;
    display: none;
    box-shadow: 0 10px 20px rgb(0 0 0 / 10%);
    top: 5px;
    height: 100%;
}
.worksheet_download .worksheet_header{
    text-align: center;
    height: 33.33%;
    display: table;
    width: 100%;	
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	font-size: 13px;
}
.worksheet_download .worksheet_header .worksheet_header_child{
	display: table-cell;
	vertical-align: middle;
}
.worksheet_download .worksheet_download_button{
	width: 100%;
    float: left;
    height: 33.33%;
    border: 0;
    padding: 0;
    font-size: 12px;
    position: relative;
    background: #FFF;
}
.worksheet_download .worksheet_download_button:last-child{
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}
.worksheet_download .worksheet_download_button div{
	position: absolute;
	width: 30px;
	height: 30px;
	left: 0;
	background: url(../images/inlp_download.svg);
    background-repeat: no-repeat !important;
	background-position: 2px 2px !important;
    background-size: 50px;
    top: 50%;
    transform: translateY(-50%);
}
.worksheet_download .worksheet_download_button:hover{
	background-color: #f6f0fd;	
}
.worksheet_pager{
	width: 100%;
	margin: 0 auto;
	height: 39px;
	max-width: 900px;
}

.worksheet_pager ol{
	list-style:none;
	width:600px;
	margin:0 auto;
	text-align:center;
	padding-top: 9px;
}

.worksheet_pager li{
	display:inline;
}

.worksheet_pager a{
	text-decoration: none;
	color: #1c4e81;
	padding: 10px;
	font-size: 18px;
	font-family: 'Josefin Sans', sans-serif;
	height: 25px;
}

.worksheet_pager a:hover{
	text-decoration:underline;
	background:#d9d9d9;
}

.worksheet_year_heading{
	width:100%;
	margin:0 auto;
	cursor: pointer;
}

.worksheet_year_heading li{
	vertical-align:bottom;
	color:#1c4e81;
	font-weight:100;
	border-right: 1px solid #ddd;
    padding: 10px 0px 10px 0px;
	margin-top: -1px;
	list-style: none;
	font-size: 14px;
	text-align: center;
}

.worksheet_year_heading li:hover{
	background:#4298cc;
	color: #FFF;
	transform: scale(1.2, 1.2);
	border-left:1px solid transparent;
	border-right:1px solid transparent;
	box-shadow: 0 10px 50px rgba(0,0,0,.2);
	border-radius: 5px;
}
.worksheet_intro{
	width: 100%;
	margin: 0 auto;
    overflow: auto;
    margin-bottom: 40px;
    min-width: 1024px;
}

.worksheet_intro p{
	padding:20px;
	text-align: justify;
	font-size: 14px;
	line-height: 1.5em;
}

.worksheet_intro h2{
	width: 90%;
    margin: 0 auto;
}
.worksheet_intro h2 div{
    font-size: 18px;
    padding: 5%;
    height: 300px;
    border-radius: 10px;
    font-weight: 400;
}
.worksheet_intro h2 div span{
	display: block;
    width: 40px;
    height: 40px;
    border-radius: 5px;
    margin: 1%;
}
.purchase_button{
	position: relative;
	float: right;
	height: 15px;
	padding: 8px 12px;
	font: 12px futura-pt, Gill Sans, sans-serif;
	text-decoration: none;
	color: #1c4e81;
	border: 1px solid #1c4e81;
	text-transform: uppercase;
	margin: 10px 10px 20px 0px
}

.purchase_button:hover{
	background: #1c4e81;
	color:#fff;
}

.purchase_padding{margin-right:60px !important;}

.overlay-bg {
	display:none;
	position: fixed;
	height:100%;
	width: 100%;
	cursor: pointer;
	z-index: 10000;
}

.overlay-content {
	color: #022a53;
	text-align: center;
	font-weight: 100;
	background: #FFF;
	padding: 1%;
	width: 600px;
	height: 100px;
	position: relative;
	top: 35%;
	margin: 0 auto;
	cursor: default;
	box-shadow: 0 0 5px rgba(0,0,0,0.9);
}

.overlay_popup{
	float:none;
	border: 1px solid;
}
 
.close-btn {
	position: absolute;
	right: 0;
	top: 0;
	background: #fff;
	cursor: pointer;
	border: 1px solid #333;
	background-image:url(../images/delete_24.png);
	background-position: 5px 5px;
	background-repeat: no-repeat;
	padding: 12px;
}
.close-btn:hover {
	background: #ccc;
}
.section{
	overflow: hidden;
	position:relative;
}
#section0{
	background:#FFFFFF;
}
.section .page_container{
	width: 90%;
	max-width: 1024px;
    margin: 0 auto;
}
#ea_full_width .page_container{
	width: 100%;
}
.section .page_container h1{
	text-align: center;
    color: #6d6e72;
    font-size: 3.5em;
    font-weight: 100;
    letter-spacing: 1px;
    padding: 0.5em 0 0 0;
}
.section .page_container h2{
	text-align: center;
    font-size: 1.6em;
    font-weight: 100;
    color: #6d6e72;
}
.section .page_image_main{
    width: 90%;
    margin: 0 auto;
    height: 350px;
	border-radius: 10px;

}
.section .page_image_main .nsw_thumb{
	border-radius: 5px;
    margin: 10%;
    width:80%;
    box-shadow: 0px 5px 15px 0px rgba(39,49,65,0.1);
}
#section0 img{
	width:100%;
	max-width: 800px;
	margin: 0 auto;
	display: block;
}

#section1 h2{
	text-align:center;
	padding: 0em 1em 2em 1em;
}
#section1 .text_wrapper{
	
}
#section2{
	padding-top:100px;
	height:1300px;
}
#section2 li{
	padding-left:50px;
	line-height:2em;
	position:relative;
}
#section2 li span{
	width:1em;
	height:1em;
	border-radius:50%;
	display:block;
	background:#4298cc;
    float: left;
    margin: 10px 10px 0 0;
	left: 20px;
	position:absolute;
}
#section3{
	padding-top:100px;
}
.slick-track img{border-radius: 10px !important;}
.nsw_sections{margin: 50px 0px;}
.nsw_sections h2{font-weight:100;}
#home_sub_menu .col_33:nth-child(1) .landing_page_icons{
	background-color: #f5df79;
    background-position: 6px 9px;
}
#home_sub_menu .col_33:nth-child(2) .landing_page_icons{
	background-color: #b4d7eb;
	background-position: -84px 5px;
}
#home_sub_menu .col_33:nth-child(3) .landing_page_icons{
	background-color: #f7b6b0;
	background-position: -162px 9px;
}
.online_icons{
	width: 99px;
    display: block;
    margin: 0 auto;
    height: 99px;
    border-radius: 50%;
    position: relative;
	margin-bottom: 2em;
	background: url(../images/education.svg);
    background-position: 1px 2px;
    overflow: hidden;
}
.landing_page_icons{
	width: 99px;
    display: block;
    margin: 0 auto;
    height: 99px;
    border-radius: 50%;
    position: relative;
	margin-bottom: 2em;
	background: url(../images/landing_page_icons.svg);
    overflow: hidden;
    background-size: 260px;
    margin-top: 1em;
}
.online_icons img{
	width: 60%;
    margin: 0 auto;
    display: block;
    padding: 20%;
}
.section .image_wrapper{
	width: 60% !important;
	height: auto;
	margin:0 auto;
    position: relative;
    clear: both;
	margin-bottom: 50px;
}
.section .image_wrapper_2{
	
}
.section .image_wrapper_2 img{
	width:100%;
}
.section .image_container{
	width: 100%;
    display: block;
}

.section .image_container img{
	width:100%;
}
.ea_webinar_heading{
	text-align: center;
	padding: 20px;
	background-color: #eaf7ff;
	border-radius: 10px;
	width: 75%;
	margin: 0 auto;
	font-size: 25px;
	font-weight: 100;
	margin-bottom: 10px;
	position: relative;
}
.ea_webinar_heading .ea_webinar_icon{
	background-color: #4298cc;
	background-image: url(../images/quiz_admin_icons_v4.svg);
	background-repeat: no-repeat;
	position: absolute;
	width: 55px;
	height: 55px;
	border-radius: 5px;
	left: 10px;
	top: 10px;
	background-size: 295px;
	background-position: -80px -185px;
}
#ea_webinar_history{
	display: flex;
	max-width: 1200px;
	margin: 0 auto;
	justify-content: center;
	float: none;
	flex-wrap: wrap;
}
#ea_webinar_history .webinar_tn{
	background: #F6F6F6;
	width: 250px;
	height: 150px;
	border: 1px solid #ddd;
	border-radius: 10px;
	margin: 0.5%;
	cursor: pointer;
	position: relative;
}
#ea_webinar_history .webinar_tn:hover{
	border: 1px solid #4298cc;
}
#ea_webinar_history .webinar_tn .ea_w_icon{
	left: 10px;
	top: 10px;
}
#ea_webinar_history .webinar_tn:hover .ea_w_icon{
	transform: scale(1.2);
}
#ea_webinar_history .webinar_tn .webinar_play{
	position: absolute;
	background: url(../images/quiz_tools_v3.svg) no-repeat;
	background-color: #4298cc;
	width: 35px;
	height: 35px;
	border-radius: 5px;
	right: 5px;
	bottom: 5px;
	background-size: 260px;
	background-position: -129px 1px;
}
#ea_webinar_history .webinar_tn .webinar_h{
	color: #4298cc;
	font-weight: 400;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;	
}	
#ea_webinar_book{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
#ea_webinar_book .ea_webinar_book{
	width: 37%;
    height: 130px;
    margin: 1%;
    padding: 1%;
	background: #FFF;
	border-radius: 10px;
	border: 1px solid #ddd;
	cursor: pointer;
}
#ea_webinar_book .ea_webinar_book:hover{
	border: 1px solid #4298cc;
}
#ea_webinar_book .ea_webinar_book:hover a .ea_w_heading .ea_w_icon{
	transform: scale(1.2);
}
#ea_webinar_book .ea_webinar_book a{
	display: block;
	height: 100%;
	width: 100%;
	color: #666;
	text-decoration: none;
	position: relative;
}
#ea_webinar_book .ea_webinar_book a .ea_w_heading{
	font-weight: 600;
	width: calc(100% - 50px);
	padding-left: 50px;
}
.ea_w_icon{
	width: 40px;
	height: 40px;
	float: left;
	border-radius: 5px;
	position: absolute;
	left: 0;
}
.ea_w_icon div{
	background-image: url(../images/quiz_admin_icons_v4.svg);
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
	position: absolute;
	background-size: 220px;
	background-position: -60px -139px;
}
#ea_webinar_book .ea_webinar_book a .ea_w_date{
	width: 100%;
	position: absolute;
	text-align: center;
	top: 60px;
}
#ea_webinar_book .ea_webinar_book a .ea_w_link{
	position: absolute;
	width: 30%;
	border-radius: 5px;
	right: 0;
	bottom: 0;
	text-align: center;
	font-size: 15px;
}
.c_1{width:100%;float:left;}
.c_2{width:50%;float:left;}
.c_3{width:33.33%;float:left;}
.c_4{width:25%;float:left;}
.s_1{font-size:1.3em;font-weight:100;}
.s_2{font-weight:100;font-size: 1em;}
.s_1 p{
	text-align: justify;
	padding: 5% 3%;
	font-size: 20px;
}
.c_1_margin{
	margin: 5% 5% 5% 5%;
    width: 90%;
    display: flex;
    height: auto;
    clear: both;
    height: 400px;
}
.c_1_margin .c_2{
	position: relative;
}
.ea_box{
    background: #f9f9f9;
    background: #ffffff;
    background: transparent;
    border-radius: 10px;	
}
#ea_full_width{
	background: #FFF;
}
#ea_full_width .online_icons{
	border: 2px solid #FFF;
}
#ea_full_width .c_3 h2{
	font-size: 1.5em;
	font-weight: 100;
}
#ea_full_width .s_1 p{
	line-height: 30px;
}
#ea_full_width .ea_strong{
	font-size: 1.5em;
}
#ea_full_width .section{
	background: transparent;
}
#ea_full_width .ea_background_gradient{
    position: absolute;
    width: 100%;
    height: 45%;
    top: 263px;
    z-index: 0;
    filter: blur(100px);
    opacity: 0.7;	
}
#ea_full_width .ea_literacy_background{
    background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(165,211,202,0.5) 50%, rgba(216,205,236,0.5) 100%);
}
#ea_full_width .ea_color_box{
    width: 80%;
    background: red;
    margin: 0 auto;
    height: 100%;
    border-radius: 10px;	
}
#ea_full_width .ea_image_box{
	position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
#ea_full_width .ea_image_box img{
	border-radius: 5px;
    position: absolute;
    width: 60%;
    left: 0;
    right: 0;
    margin: auto;
    top: -20%;
    box-shadow: 0 0px 10px rgb(0 0 0 / 15%);
    max-width: 400px;
}
#ea_full_width .ea_image_box_multi img{
    width: 40%;
    left: 5%;
    margin: auto;
    top: 15%;
    z-index: 4;
    right: unset;
}
#ea_full_width .ea_image_box_multi img:nth-child(2){
	z-index: 3;	
	left: 15%;
    top: 30%;
}
#ea_full_width .ea_image_box_multi img:nth-child(3){
	z-index: 2;	
	left: 25%;
    top: 40%;
}
/*animation element*/

.animation-element {
  opacity: 0;
  position: absolute;
}
/*animation element sliding left*/

.animation-element.slide-left {
  opacity: 0;
  -moz-transition: all 1000ms linear;
  -webkit-transition: all 1000ms linear;
  -o-transition: all 1000ms linear;
  transition: all 1000ms linear;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}

.animation-element.slide-left.in-view {
  opacity: 1;
  -moz-transform: translate3d(250px, 0px, 0px);
  -webkit-transform: translate3d(250px, 0px, 0px);
  -o-transform: translate(250px, 0px);
  -ms-transform: translate(250px, 0px);
  transform: translate3d(250px, 0px, 0px);
}
.animation-element.slide-left-2.in-view {
  opacity: 1;
  -moz-transform: translate3d(250px, 60px, 0px);
  -webkit-transform: translate3d(250px, 60px, 0px);
  -o-transform: translate(250px, 60px);
  -ms-transform: translate(250px, 60px);
  transform: translate3d(250px, 60px, 0px);
}
.animation-element.slide-right {
  opacity: 0;
  -moz-transition: all 1000ms linear;
  -webkit-transition: all 1000ms linear;
  -o-transition: all 1000ms linear;
  transition: all 1000ms linear;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}

.animation-element.slide-right.in-view {
  opacity: 1;
  -moz-transform: translate3d(-250px, 0px, 0px);
  -webkit-transform: translate3d(-250px, 0px, 0px);
  -o-transform: translate(-250px, 0px);
  -ms-transform: translate(-250px, 0px);
  transform: translate3d(-250px, 0px, 0px);
}
.animation-element.slide-right-2.in-view {
  opacity: 1;
  -moz-transform: translate3d(-250px, -60px, 0px);
  -webkit-transform: translate3d(-250px, -60px, 0px);
  -o-transform: translate(-250px, -60px);
  -ms-transform: translate(-250px, -60px);
  transform: translate3d(-250px, -60px, 0px);
}



#sub_form_wrapper{}

.sub_form_headings{
	margin: 0 auto;
	position: relative;
	width:90%;
	max-width: 1400px;
}

.sub_form_headings h2{
	font-size: 28px;
	font-weight: 400;
	padding:10px 0px;
	letter-spacing: 1px;
	color:#FFF;
  	line-height: 15px;
}

.sub_form_description{
	width: 90%;
  	max-width: 1400px;
	margin:0 auto;
}

.sub_form_description h2{
	text-align: center;
    color: initial;
}

.sub_form_description li{
	background-image: url(../images/welcome_tick_2.png);
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 25px 20px;
	padding: 20px 60px 10px 60px;
	font-size: 14px;
	text-align: justify;
	list-style-type: none;
}

.sub_form_description ol li{
	margin:0px 55px;
	background:none;
	line-height: 15px;
	padding: 5px;
	font-style:italic;
}

.sub_form_description ol li span{
	display:block;
	width:10px;
	height:10px;
	border-radius:50%;
	background: #4298cc;
	float: left;
 	margin: 5px 5px;
}

.sub_form_content{
	background:#FFF;
	overflow: auto;
}

.sub_w ul li a{border:none !important;padding-left: 20px;width: 80%;margin: 0 auto;border-radius:5px;background-image: url(../images/menu_icon.svg);
    background-repeat: no-repeat;
    background-size: 17px;
    background-position: 3px 2px;}
.num_alg{background-color: #f5df79;}
.num_alg_menu a{border-bottom:3px solid #f5df79;}
.num_alg_menu a:hover{border-bottom:3px solid #f5df79;background:#f5df79 !important;}
.num_alg_menu ul li a:hover{background-color:#f5df79 !important;}
.mea_geo{background-color: #b4d7eb;}
.mea_geo_menu a{border-bottom:3px solid #b4d7eb;}
.mea_geo_menu a:hover{border-bottom:3px solid #b4d7eb;background:#b4d7eb !important;}
.mea_geo_menu ul li a:hover{background-color:#b4d7eb !important;}
.sta_pro{background-color: #f7b6b0;}
.sta_pro_menu a{border-bottom:3px solid #f7b6b0;}
.sta_pro_menu a:hover{border-bottom:3px solid #f7b6b0;background:#f7b6b0 !important;}
.sta_pro_menu ul li a:hover{background-color:#f7b6b0 !important;}
.lit_read_menu a{border-bottom:3px solid #A5D3CA;}
.lit_read_menu a:hover{border-bottom:3px solid #A5D3CA;background:#A5D3CA !important;}
.lit_read_menu ul li a:hover{background-color:#A5D3CA !important;}
.lit_write_menu a{border-bottom:3px solid #d8cdec;}
.lit_write_menu a:hover{border-bottom:3px solid #d8cdec;background:#d8cdec !important;}
.lit_write_menu ul li a:hover{background-color:#d8cdec !important;}
.substrand_headings{padding: 10px 0px 3px 5px;font-weight:600;text-align:center;margin: 0 auto;width: 70%;border-radius: 0;}
.lit{
	height: 45px;
  	display: block;
 	float: left;
  	padding: 0px 20px;
  	line-height: 45px;
 	font-weight: 400;
  	font-size: 14px;
	padding: 0px 40px 0px 20px;
	position:relative;
	color:#6d6e72;
}
.lit:hover{background-color: #FFF}

.sub_form_menu{
	position: relative;
	clear: both;
	margin-top: 20px;
	width: 90%;
  max-width: 1400px;
  margin:0 auto;
}

.sub_form_menu ul{
	width:100%;
}

.sub_form_menu ul li{
	width: 33.3%;
	height: 38px;
	position: relative;
	float: left;
	font-size: 18px;
	font-weight: 100;
	text-decoration: none;
	display: inline;
	text-align: center;
	line-height: 40px;
	border-bottom: 2px solid #fefefe;
}

.sub_form_menu ul li a{
	height: 38px;
	display: block;
	text-decoration: none;
	color: #616263;
  	font-weight: 400;
}

.sub_form_menu ul li:hover{
	background:#d9d9d9;
	transition: background .15s linear;
	-webkit-transition: background .15s linear;
	-moz-transition: background .15s linear;
}

.sub_form_menu ul li ul{
	height: 180px;
	width: 100%;
	margin-top: 2px;
}

.sub_form_menu ul li ul li{
	height: 30px;
	border: none !important;
	font-size: 13px;
	text-align: left;
	line-height:30px;
	color: #CCC;
	background: none;
	width: 100%;
	overflow:hidden;
}

.sub_form_menu ul li ul li:hover{
}

.sub_form_menu ul li ul li a{
	height:30px;
	width: 100%;	
	padding-left: 20px;
	font-weight:400;
}

.sub_form_menu ul li ul li a:hover{
	background:#F0F0F0;
	transition: background .05s linear;
	-webkit-transition: background .05s linear;
	-moz-transition: background .05s linear;
}

#summ_form_dd{
	width:600px;
	position: absolute;
	z-index: 9996;
	top: 0;
	right: 0;
}

#summ_form_dd a{color: #616263;}

#summ_form_dd ul{
	height:45px;
	line-height:45px;
}

#summ_form_dd ul:after{
	content:"";
	clear:both;
	display:block;
}


#summ_form_dd ul li{
	background:none;
	text-align: center;
	padding:0px;
	height: 45px;
	width: 300px;
	position: relative;
	float: left;
	background: #FFF url(../../design/images/domain_year_dropdown_bg.png) no-repeat;
	background-position: 58px 2px;
}

#summ_form_dd ul li:hover > ul{
	display:block;
}

#summ_form_dd ul li a{
	display: block;
	width: 260px;
	height: 45px;
	line-height:45px;
	font-size: 14px;
	text-decoration:none;
	font-weight: 400;
	padding-right: 40px;
	text-align:right;
}

#summ_form_dd ul li:hover{
	background-position: 58px -18px;
}

#summ_form_dd ul ul {
	display:none;
	position: absolute;
	top: 45px;
}

#summ_form_dd ul li ul li{
	background:#FAFAFA;
	width: 270px;
}

#summ_form_dd ul li ul li a{
	font-weight: 100;
}

#summ_form_dd ul li ul li a:hover{
	background: #f7f7f7;
}

#summ_form_dd ul li ul li:hover{
}

.summ_form_range_wrapper{
	position: relative;
}

.range_heading_wrapper{
	float: left;
}

.headings_year_lit{
	background: none !important;
	width: 66px;
	text-align: center;
	border: none !important;
}
.active_title{
	background:#f4f4f4 !important;
}
.summ_form_range_heading{
}

.range_active{background-color: #4298cc !important;color: #FFF !important;}

.range_headings{
	height: 24px;
  	letter-spacing: 1px;
  	position: relative;
  	float: left;
  	color: #616263;
}
.range_headings h3{
	padding:none;
	text-align:center;
	line-height:23px;
	padding: 0px 5px;
	font-size: 12px;
	font-weight:400;
}

.summ_form_titles h3{font-weight:600 !important;}
.summ_form_range_heading:hover{background-color:#eee;}

.year_headings{
	position: absolute;
	top: -18px;
	left: 8px;
	color: #FFF;
}

.summ_form_range_heading_lit{
	width: 65px;
	margin-top:20px;
	font-weight:600;
	font-size: 13px;
}

.p_summ_form_range_heading{
	background: none;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: none;
}

.s_summ_form_range_heading{
	background: none;
	border-top: 1px solid #f4f4f4;
	border-right: 1px solid #f4f4f4;
}

.summ_form_range_bg{
	width: 100%;
	left: 0px;
	top: 48px;
	clear: both;
	padding-bottom: 5px;
}

.summ_form_range_bg_lit{
	top:68px;
}

.summ_form_range_bg h2{
	width: 600px;
	text-align: center;
	font-size: 25px;
	font-weight: 100;
	margin: 0 auto;
	letter-spacing: 4px;
	color:#000;
	background: none;
	text-transform: uppercase;
}

.summ_form_subscription{
	background: #FFF;
	width: 600px;
	margin: 0 auto;
	height: 200px;
	margin-top: 105px;
	border: 1px solid #ccc;
}

.summ_form_subscription h3{
	font-family: 'Josefin Sans', sans-serif;
	text-align:center;
	color:#000;
	line-height: 185px;
	font-size: 17px;
	letter-spacing: 2px;
	text-transform: uppercase;
}

.formative_upgrade{
	font-family: 'Josefin Sans', sans-serif;
	border: 1px solid #ccc;
	width: 600px;
	height: 160px;
	margin: 0 auto;
	text-transform: uppercase;
	margin-top: 50px;
	background: #f4f4f4;
}

.formative_upgrade h3{margin-top: 45px;}

.upgrade{position: absolute;top: 215px;right: 337px;}
.formative_upgrade_button{top:150px};

.summ_form_spacer{
	position: relative;
	float: left;
	display: block;
	width: 42px;
	height: 150px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

.sum_form_box{
	width: 395px;
	height: 140px;
	position: relative;
	float: left;
}

.summ_form_intro_text{
	position: absolute;
	left: 0px;
	top: 68px;
	font-weight: 100;
	color: #FFF;
	width: 100%;
	border-top: 1px solid #ccc;
	font-size: 30px;
	letter-spacing: 5px;
	text-transform: uppercase;
	font-family: 'Josefin Sans', sans-serif;
	text-align: center;
}

.summ_form_intro_text_2{color:#000;top: -57px;border-top: none;}

.summ_form_intro_text p{
	line-height: 610px;
}

.summ_form_intro_text_lit{margin-top:24px}

.summ_form_choose_substrand{margin-top: 25px;border: none;}

.summ_form_assessment{
	font-size:15px;
	color:#616263;
	text-transform: uppercase;
	letter-spacing:1px;
	font-weight: 400;
  	text-align: center;
	background-color:#FFF;
}
.summ_form_assessment h3{}
.range_header_wrapper{width: 100%;margin: 0 auto;background-color: #FFF;float:left;}
.range_header_wrapper h3{width:100%;float:inherit;}
#range_wrapper_content_wrapper{position:relative;clear:both;padding-top: 10px;background-color:#FFF;}

.summ_form_formative{
	display: block;
	width: 70px;
	height: 70px;
	float: left;
	margin: 3px;
	background: url(../../design/images/formative_thumbnails.png) no-repeat;
}

.summ_form_formative:hover{
	background: url(../../design/images/summ_form_assessment_dl.jpg) 0px 0px;
}

.summ_form_formative_titles{
	
}

.form_sub_bg{
}

.prograss_numbers_wrapper{
	margin: 0 auto;
	position:relative;
	background-color: #FFF;
	overflow:auto;
}

.progress_wrapper_formative{
	width:24.9% !important;
}

.progress_wrapper{
	width:33.23%;
	float:left;
  	margin: 0 auto;
  	position: relative;
	border-top: 1px solid #eee;
	color:#616263;
	background-color:#FFF;
	height: 100%;
}

.progress_wrapper span{
	width:40px;
	height:40px;
	display:block;
	position:absolute;
	top:0;
	left:0;
	text-align: center;
  	line-height: 40px;
  	font-size: 1.2em;
	color: #616263;
}

.progress_wrapper h2{
	text-align:center;
	line-height: 40px;
  	font-size: 19px;
	text-transform: inherit;
  	letter-spacing: 1px;
	width: 100%;
	font-weight:100;
	color: #616263;
}

.progress_wrapper h5{
	font-size: 0.9em;
  	text-align: justify;
  	padding: 22px 30px;
	color: #616263;
	clear:both;
}

.pn_literacy_w{
	width:470px;
}

.progress{
	height: 20px;
	position: absolute;
	top: 100px;
}

.progress_numbers{
	display:block;
	width: 168px;
	height: 80px;
	position: absolute;
	background: url(../../design/images/progress_numbers.png) no-repeat;
	cursor: pointer;
}

.progress_numbers_literacy{
	background: url(../../design/images/progress_numbers_literacy.png) no-repeat;
}


.pre_assessment{
	background-position: 0px 0px;
	left:0px;
}

.reporting{
	background-position: -180px 0px;
	left:150px;
}

.formative_assessment{
	background-position: -360px 0px;
	left:300px;
}

.post_assessment{
	background-position: -540px 0px;
	left:450px;
}

.post_assessment_literacy{
	left:300px;
}

.pre_assessment:hover{
	background-position: 0px -80px;
}

.reporting:hover{
	background-position: -180px -80px;
}

.formative_assessment:hover{
	background-position: -360px -80px;
}

.post_assessment:hover{
	background-position: -540px -80px;	
}

.white_lit_w{
	left: -265px !important;
}

.pre_assessment_wrapper{
	display:none;
	position: absolute;
	height: 276px;
	width:100%;
}

.white_arrow{
	position:absolute;
	display:block;
	height:15px;
	width:30px;
	background: url(../../design/images/white_arrow.png) no-repeat;
	z-index:10000;
}

.white_arrow_pre_assessment{left: 270px;}
.wa_p_l{left:350px;}

.white_arrow_reporting{left: 420px;}
.wa_r_lit{left:500px;}

.white_arrow_formative{left: 570px;}

.white_arrow_post_assessment{left: 710px;}
.wa_pa_lit{left:640px;}

.white_wrapper{
	position:relative;
	background: #FFF;
	height: 300px;
	border-top: 1px solid #d2d6d5;
	text-align: justify;
	width:100%;
}

.white_wrapper h3{font-size: 15px;font-weight: 100;text-align: center;height: 25px;line-height: 25px;}
.white_wrapper h4{font-size: 13px; font-weight: 100; width:70x; height:25px; text-align:center; line-height:25px; margin-top:70px;margin-left:-1px;clear:both;}
.white_wrapper h5{border-top: 1px solid #d2d6d5;border-bottom: 1px solid #d2d6d5;float: left;padding: 13px 50px 30px 50px;height: 40px;width: 280px;font-weight:100;margin-top: 43px;font-size: 13px;}

.answers_wrapper {
	float: left;
	position: relative;
	left: 50%;
	clear: both;
}
.answers_wrapper_2 {
	float: left;
	position: relative;
	left: -50%;
}

.reporting_wrapper{
	display:none;
	position: absolute;
	height: 276px;
	bottom: -61px;
	left: -190px;
}

.reporting_wrapper h5{width: 450px;margin-top: 23px;padding-bottom: 67px;}

.formative_wrapper{float: left; position: relative; left: 50%; margin-top:26px;}

.formative_wrapper_2{float: left; position: relative; left: -50%;}

.formative_wrapper_3{float:left;margin-bottom: 15px;}

.formative_wrapper_3 h4{text-align:center;font-weight:100;font-size: 13px;clear:both;}

.formative_assessment_wrapper{
	display:none;
	position: absolute;
	height: 276px;
	bottom: -61px;
	left: -190px;
}

.formative_assessment_text h4{line-height: inherit;margin: 0 auto;text-align:justify;padding: 30px 25px;}

.formative_links_wrapper{float: left;width: 470px;padding-left: 5px;}

.summ_formative_reporting_wrapper{float: left;border-left: 1px solid #d2d6d5;height: 260px;width:125px;}

.formative_assessment_text{float:left;width: 260px;border-left: 1px solid #d2d6d5;height:260px;}

.inlp_assessment_wrapper{}

.formative_ac_text{
	position: relative;
	clear: both;
	font-weight: 100;
	text-align: justify;
	font-size: 15px;
	background: #FFF;
	height: 116px;
	border-top: 1px solid #ccc;
}

.formative_ac_text h4{padding: 15px 50px;font-size: 13px;text-align:center;}

.inlp_formative_assessment_wrapper{
	position: relative;
	height: 300px;
	width: 66.33%;
	border-right: 1px solid #ccc;
	background: #fff;
	float:left;
}

.reporting_formative_assessment_wrapper{float: left;position: relative;width: 33.33%;}

.formative_assessment_h3{font-weight: 100;font-size: 16px;text-align: center;padding: 10px; height: 25px; margin: 0 auto;font-family: 'Josefin Sans', sans-serif;letter-spacing: 1px;text-transform: uppercase;}

.inlp_formative_wrapper{width: 480px;padding: 20px;margin: 0 auto;}

.formative_reporting_wrapper{width:122px;margin: 0 auto;}

.post_assessment_wrapper{
	display:none;
	position: absolute;
	height: 276px;
	bottom: -61px;
	left: -190px;
}

.reporting h3{
	text-align:center;
	font-size: 14px;
}

.summ_form_thumbnail{
	display: block;
	position: relative;
	width: 120px;
	height: 120px;
	margin: 0 auto;
}

.sft1{background: url('../images/summ_form_thumbnail.jpg') 0px 120px;}
.sft2{background: url('../images/summ_form_thumbnail.jpg') 480px 120px;}
.sft3{background: url('../images/summ_form_thumbnail.jpg') 360px 120px;}
.sft4{background: url('../images/summ_form_thumbnail.jpg') 240px 120px;}
.sft5{background: url('../images/summ_form_thumbnail.png') 120px 120px;}

.sft1:hover{background-position:0px 0px;}
.sft2:hover{background-position:480px 0px;}
.sft3:hover{background-position:360px 0px;}
.sft4:hover{background-position:240px 0px;}
.sft5:hover{background-position:120px 0px;}


.summ_form_doc_wrapper{float:left;width:50%;}
.summ_form_doc_wrapper h3{text-align:center;font-weight:400;}
.summ_form_doc_wrapper h4{margin-top:0px;}

.summ_form_center{}

.slide_thumbnail{
	-webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.slide_thumbnail:hover{
	-webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

#strand_wrapper{
	width: 800px;
    margin: 0 auto;
    height:40px;
}
#strand_wrapper a{
	width: 33.33%;
    float: left;
    text-align: center;
    text-decoration: none;
    line-height: 40px;
    color: #6d6e72;
}
#strand_wrapper a:hover{
	background:#4298cc !important;
	color:#fff;
}
#strand_wrapper a:first-child{
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}
#strand_wrapper a:last-child{
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}
#strand_wrapper button{
	width: 33.33%;
    float: left;
    text-align: center;
    text-decoration: none;
    line-height: 40px;
    color: #6d6e72;
    border: 0;
    cursor: pointer;
}
#strand_wrapper button:hover{
	background:#4298cc !important;
	color:#fff;
}
#strand_wrapper button:first-child{
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}
#strand_wrapper button:last-child{
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
}
#strand_headings{
	
}
#strand_headings .c_2{
	text-transform: uppercase;
    font-size: 35px;
    font-weight: 100;
}
#strand_headings .c_2:first-child{
	
}
#strand_headings .c_2:last-child{
	text-align: right;
}
.strand_assessment_wrapper{
	width: 100%;
    clear: both;
}
.strand_assessment_wrapper:nth-child(odd){
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;	
}
.strand_assessment_wrapper:nth-child(odd) .s_a_heading .ss_a_range_wrapper_new{
	background: #f9f9f9;
}
.strand_assessment_wrapper .s_a_heading{
	width: 100%;
    font-size: 0.9em;
    color: #1c4e81;
    height: 50px;
    /* line-height: 50px; */
    transition: none;
    -webkit-transition: none;
}
.strand_assessment_wrapper .s_row_active{
	background: #e4f9ff;
	border-radius: 5px;
}
.strand_assessment_wrapper .ss_a_heading{
	height: 50px;
    line-height: 50px;
}
.strand_assessment_wrapper .s_a_heading .s_a_year{
	width: 50%;
	float: left;
	line-height: 50px;
    height: 50px;
    position: relative;	
}
.strand_assessment_wrapper_new .s_a_heading .s_a_year{
	width: 130px;	
}
.strand_assessment_wrapper .s_a_heading .ss_a_year{
	position: relative;
	width:31%;
	height: 50px;
    line-height: 50px;
}
.strand_assessment_wrapper .s_a_heading .s_a_year .s_a_year_span{
	padding-left:30px;
    font-size: 16px;
    font-weight: 100;
    position: absolute;
    background: url(../images/menu_icon.svg);
    background-repeat: no-repeat;
    background-position: -4px 10px;
}
.strand_assessment_wrapper .s_a_heading .s_a_range_wrapper{
    width: 50%;
    float: right;	
}
.strand_assessment_wrapper .s_a_heading .ss_a_range_wrapper{
	width:69%;
	display:flex;
}
.strand_assessment_wrapper .s_a_heading .ss_a_range_wrapper_new{
	width: 270px !important;
    float: right;
    border: 1px solid #ddd;
    border-radius: 5px;
    margin-top: 4px;
    margin-right: 5px;
    background: #FFF;
}
.strand_assessment_wrapper .s_a_heading .ss_a_range_wrapper_new .s_assessment_type{
	width: 49px;
    float: left;
    text-align: center;
    height: 40px;
    line-height: 40px;
    border-right: 1px solid #ddd;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;	
}
.strand_assessment_wrapper .s_a_heading .s_a_range_wrapper button{
	float: right;
	background: #FFF;
	border: 0;
	height: 40px;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    width: 100px;
    margin-left: -1px;
    padding: 0;
    transition: none;
    -webkit-transition: none;
    background: transparent;
}
.strand_assessment_wrapper .s_a_heading .ss_a_range_wrapper button{
	width:55px;
	height:50px;
}
.strand_assessment_wrapper .s_a_heading .s_a_range_wrapper button:hover{
	background:#4298cc;
	color: #FFF;
	transform: scale(1.2);
	border-left:1px solid transparent;
	border-right:1px solid transparent;
	box-shadow: 0 10px 50px rgba(0,0,0,.2);
	border-radius: 5px;
}
.strand_assessment_wrapper .s_a_heading .s_a_range_wrapper button:last-child{
    border-left: 0;
}
.strand_assessment_wrapper .s_a_heading .s_a_range_wrapper button:first-child{
	border-right: none;
}
.strand_assessment_wrapper .s_a_content_wrapper{
	
}
.strand_assessment_wrapper .s_a_content_formative_wrapper{
	display: none;
	height: 200px;
    box-shadow: 0 2px 10px rgb(0 0 0 / 15%);
    background: #f6f6f6;
	border-radius: 10px;
}
.range_internal{
    position: relative;
    clear: both;
    overflow: visible;
    width: 95%;
    margin: 0 auto;
    margin-top: 30px;
    padding-top: 20px;
}
.range_internal{
    margin-top: 0;
    padding-top: 20px;
}
.strand_assessment_wrapper .s_a_content_wrapper .s_a_content_range{
	height:200px;
	box-shadow: 0 2px 10px rgb(0 0 0 / 15%);
	background: #f6f6f6;
	border-radius: 10px;
}
.strand_assessment_wrapper .s_a_content_wrapper .ss_a_content_range{
	height: 350px;
	overflow: auto;
}
.strand_assessment_wrapper .s_a_content_wrapper .ss_a_content_range .range_internal{
	padding-top: 20px;
}
.ss_range_content{
	width: 100%;
	height: 40px;
    padding: 10px 0px;
    color: #6d6e72;
}
.ss_range_content .ss_steps_heading{
	height: 40px;
    line-height: 60px;
	position: relative;
}
.ss_range_content .ss_steps_heading .ss_a_heading_wrapper{
    width: 100%;
    float: left;
    position: absolute;
    font-size: 18px;
    font-weight: 100;
    z-index: 1;
    line-height: 20px;
}
.ss_range_content .ss_steps_heading .ss_a_range_wrapper{
	width: 100%;
    position: absolute;
    z-index: 2;
}
.inlp_wrapper_download{position: relative;z-index: 10;}
.ss_a_range_wrapper a{
	float:right;
	text-decoration: none;
    padding: 0px 5px;
    height: 40px;
    margin-top: 10px;
    border-radius: 5px;
}
.ss_a_range_wrapper_new a{
	margin-top: 0px;
    width: 100px;
}
.ss_a_range_wrapper a .inlp_download{
	position: absolute;
    width: 200px;
    background: #FFF;
    border-radius: 5px;
    height: 80px;
    top: 35px;
    right: 0;
    margin: auto;
    z-index: 100;
    display: none;	
}
.ss_a_range_wrapper a .inlp_download div{
    width: 100%;
    height: 40px;
    float: left;
    text-align: center;
    line-height: 40px;
    font-size: 12px;
    color: #4298cc;	
}
.ss_a_range_wrapper a:hover{
	background: #FFF;
	transform: scale(1.1, 1.1);
	box-shadow: 0 2px 10px rgb(0 0 0 / 15%);
}
.ss_a_range_wrapper .a_active{
	background: #FFF;
	transform: scale(1.1, 1.1);
	box-shadow: 0 2px 10px rgb(0 0 0 / 15%);
}
.ss_a_range_wrapper a:hover .range_text{color: #4298cc;}
.ss_a_range_wrapper a:hover .range_icon{}
.ss_ul_download{
	
}
.ss_ul_download li{
	position: relative;
    width: auto;
    display: block;
    /* width: 80px; */
    height: 40px;
    float: right;
}
.ss_ul_download li a{
	position: relative;	
}
.ss_ul_download li ul{
    position: absolute;
    width: 200px;
    background: #FFF;
    border-radius: 5px;
    height: 80px;
    top: 55px;
    right: -3px;
    margin: auto;
    z-index: 100;
    border: 1px solid #ddd;
    display: none;
}
.ss_ul_download li ul li{
	width: 100%;
	height: 40px	
}
.ss_ul_download li ul li a{
    width: 100%;
    height: 40px;
    float: left;
    text-align: center;
    line-height: 40px;
    font-size: 12px;
    color: #4298cc;
    margin: 0 !important;
    padding: 0 !important;
}
.ss_a_range_wrapper a .range_icon{
	width:20px;
	height:20px;
	display: block;
	background: url(../images/inlp_download.svg);
    background-repeat: no-repeat;
    background-position: 0px 2px;
    margin-top: 11px;
    float: left;
    background-size: 30px;
}
.ss_a_range_wrapper a .range_text{
	float:left;
	line-height: 40px;
    font-size: 13px;
    font-weight: 400;
    color: #4298cc;
}
.strand_type{
	padding: 10px 0px 0px 0px !important;
    font-weight: 400  !important;
    font-size: 2em  !important;
    text-transform: uppercase;
}
.highlight_row{
	background:#ecf4f9 !important;
}
#table_wrapper{
	/* border: 1px solid #ccc; */
    margin-top: 60px;
    margin-bottom: 100px;
}
.table_wrapper_new{
    width: 700px;
    margin: 0 auto;
    margin-top: 60px;
    margin-bottom: 100px;	
}
.active_element{
    background: #4298cc !important;
    border-radius: 5px;
	color: #FFF !important;
	transform: scale(1.2, 1.2);
	border-left:1px solid transparent !important;
	border-right:1px solid transparent !important;
	box-shadow: 0 10px 50px rgba(0,0,0,.2);
}
.active_menu_item{
	transform: scale(1.1, 1.1);
	border-radius: 5px;
	box-shadow: 0 2px 10px rgb(0 0 0 / 15%);
}
.active_ss{
	left: 0px;
    border-radius: 5px;
    background: #FFF url(../images/menu_icon.svg) !important;
    background-repeat: no-repeat !important;
    background-position: -4px 5px !important;
    width: initial;
    padding: 0px 10px 0px 22px !important;
    height: 40px;
    line-height: 40px;
    box-shadow: 0 2px 10px rgb(0 0 0 / 15%);
    transform: scale(1.2, 1.2);
}
.literacy_wrapper_main{
	margin-top: 40px;
    overflow: auto;
        overflow: visible;
}
.literacy_wrapper{border-top: 0 !important;}
.literacy_wrapper .content_wrap{
	box-shadow: 0 20px 50px rgba(0,0,0,.2);
	margin-top: 3px;
}
#literacy_range_wrap{
	
}
#years_header{
	height: 40px;
}
#years_header .year_cell{
	width: 14%;
    float: left;
    text-align: right;
    font-weight: 100;
    text-transform: uppercase;
}

/* Samples Page */

.sample_wrapper{
	width: 100%;
}

.sample_wrapper .samples_content{
	width: calc(100% - 20px);
    height: auto;
    float: left;
    background: #fff;
    margin: 0px 10px;
    margin-bottom: 50px;
    border-radius: 6px;
    box-shadow: 0 6px 15px rgba(36,37,38,0.08);
}
.sample_wrapper .samples_content_50{
	width: calc(50% - 20px);
}
.sample_wrapper .samples_content h2{
    text-align: center;
    color: #6d6e72;
    font-size: 30px;
    padding: 20px 0px;
    font-weight: 400;
    width: 80%;
    margin: 0 auto;
}
.sample_wrapper .samples_content .samples_divider{
	clear: both;
	height: 1px;
	width: 80%;
	margin: 0 auto;
	background: #eee;
	width: 70%;
}
.sample_wrapper .samples_content .samples_internal{
	overflow: auto;
	padding-bottom: 1em;
}
.sample_wrapper .samples_content .samples_internal .samples_sub_heading{
    text-align: center;
    color: #1fa1d2;
    font-size: 25px;
    font-weight: 400;
    padding: 10px 0px;	
}
.sample_wrapper .samples_content .samples_internal .sameples_content{
	
}
.sample_wrapper .samples_content .samples_internal .sameples_content .c_1{
	margin-bottom: 20px;
}
.sample_wrapper .samples_content .samples_internal h3{
	color: #1fa1d2;
    text-align: center;
    font-size: 22px;
    font-weight: 100;
}

.sample_wrapper .samples_content .samples_internal a{
	width: 70%;
    margin: 0 auto;
    display: block;
    text-decoration: none;
    text-align: center;
    background: #ecf4f9;
    padding: 10px 0px;
    border-radius: 5px;
    font-size: 14px;
    color: #6d6e72;
    position: relative;
    margin-bottom: 15px;
    padding: 10px 0px 10px 30px;
    max-width: 320px;
}

.sample_wrapper .samples_content .samples_internal a:hover{
	background: #d9e9f3 !important;
}

.sample_wrapper .samples_content .samples_internal a .range_icon{
	width: 30px;
    height: 30px;
    display: block;
    background: url(../images/inlp_download.svg);
    background-repeat: no-repeat;
    background-position: 0px 2px;
    top: 4px;
    background-size: 60px;
    position: absolute;
    transform: scale(0.8);
    left: 0;
}

/* Trial */
#ea_video_wrapper{
	position: relative; 
    padding-bottom: 56.25%; 
    height: 0; overflow: hidden; 
    max-width: 100%; height: auto; 
    margin-bottom: 5%;
}
#ea_video_wrapper iframe{
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%; 	
}
#ea_video_wrapper iframe #player{
	border-radius: 10px;
	overflow: hidden;
}
.trial_home{
	
}
.trial_home .calendly-inline-widget{
	height: 820px !important;
    border: 0 !important;
}
#sign_up_hero{
	/*background-image: url(../images/trial_hero.png);
    height: 900px;*/
    height: auto;
    position: relative;
    width: 100%;
    float: left;
    margin-bottom: 50px;
    margin-top: 10px;
}
#sign_up_hero:after{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    border-radius: 30px;
    background: #FFF;
    background: #fbfdfe;
}
#sign_up{
	/* box-shadow: 0 5px 20px rgba(0,0,0,.2); */
    /* -webkit-box-shadow: 0 5px 20px rgba(0,0,0,.2); */
    border-radius: 20px;
    overflow: auto;
    max-width: 900px;
    margin: 0 auto;
    margin-top: 50px;
    margin-bottom: 50px;
    background: #FFF;
	background: #edfaff;
	background: #fcf5d6;
    position: relative;
    height: 515px;
    overflow: hidden;
    z-index: 10;
    clear: both;
}
#sign_up .sign_up_internal{
	width: 600px;
    margin: 0 auto;
    margin-top: 60px;
}
#sign_up .sign_up_internal .input_dropdown{
	border: 0;
}
.trial_confirm{
	width: 90%;
	height: 40px;
	margin: 0 auto;
	margin-top: 10px;
}
.trial_confirm .trial_confirm_text{
	font-size: 12px;
	width: calc(100% - 30px);
	float: left;
	margin-top: 5px;
}
.trial_confirm label{
	float: left;
	width: 25px;
	height: 25px;
	padding-left: 0 !important;
}
.trial_confirm label:before{
	left: 0 !important;
	top: 5px !important;
}
.trial_confirm label:after{
	left: 3px !important;
	top: 8px !important;
}
.trial_confirm label .trial_error{
	left: -94px;
	top: 40px;
}
.trial_confirm .trial_confirm_text a{
	color: #4298cc;
}
.sign_up{
	width: 100%;
	max-width: 600px;
	margin: 0 auto;
	padding: 30px 0px 0px 0px;
    clear: both;
    padding: 30px 0px;
}
#submit_trial{
	width: 100%;
}
#trial_submit{
	margin-top: 10px;
}
#trial_slider_heading{
    text-align: center;
    font-weight: 100;
    line-height: 20px;	
}
.center_text{text-align: center;}
#trial_hero{
	opacity: 0;
	width: 110% !important;
}
#trial_welcome{
	font-weight: 400;
    background: #ffefa7;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 50px;
    line-height: 50px;
    width: 50%;
    position: absolute;
    z-index: 1;
    display: table;
}
.trial_welcome{
	color: #666;
    background: transparent;
    border-radius: 10px;
    padding: 20px;
    width: 80%;
    margin: 0 auto;
}
.trial_error{
    position: absolute;
    color: #FFF;
    font-size: 10px;
    padding: 5px;
    background-color: rgba(97,97,97,0.902);
    top: 47px;
    text-align: center;
    border-radius: 5px;
    line-height: 10px;
    z-index: 100;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 200px;
    display: none;
}
.arrow-up {
	width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid rgba(97,97,97,0.902);
    position: absolute;
    right: 0;
    left: 0;
    margin: 0 auto;
    top: -10px;
    pointer-events: none;
}
.trial_loader{
    left: 0;
    right: 0;
    width: 0px;
    height: 0;
    position: absolute;
    margin: 0 auto;
    top: 50%;
    margin-top: -30px;
}
.trial_icon{
	width: 100px;
    height: 100px;
    margin: 0 auto;
}
.trial_icon img{width:100%;}
.trial_icon .trial_icon_heading{width:100%;}
#sign_up_sub{
	width: 80%;
    margin: 0 auto;
    text-align: center;
}
#sign_up_sub .sign_up_sub_row{
	background: #ffffff;
    border-radius: 10px;
    padding: 2%;
	overflow: auto;
	border: 3px solid #f8ecb3;
    background: #fcf5d6;
}
#sign_up .frame {
  width: 500px;
  height: auto;
  margin: 15% auto 0;
  position: absolute;
  width: 100%;
}
#trial_sent{
	background-color: #e8f5fa;
    height: 100%;
    display: none;
}
#trial_sent .message_1 h1{
    padding: 20px;
}
#trial_sent .message_2{
    text-align: center;
    z-index: 100;
    position: absolute;
    width: 90%;
    left: 0;
    right: 0;
    margin: 0 auto;
	font-weight: 400;
    width: 80%;
    font-size: 20px;
    padding: 10px;
    border-radius: 10px;
	bottom: 5%;
}
#sign_up svg {
  max-width: 100%;
  height: auto;
  display: block;
}

/**
 * Paper Plane
 */
/*Paper Plane: Container*/
.plane-container {
  width: 200px;
  margin: 0px auto;
  z-index: 3;
}
 /*Paper Plane: Image*/
.plane {
  width: 100%;
  height: 60px;
}

/*Paper Plane: Animation*/
.plane-container {
  -webkit-animation: paper-plane-scoping 2s alternate infinite;
  -moz-animation: paper-plane-scoping 2s alternate infinite;
  animation: paper-plane-scoping 2s alternate infinite;

  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  animation-timing-function: linear;
}

@-webkit-keyframes paper-plane-scoping {
  0% {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    transform: translateY(0px);
  }
  100% {
    -webkit-transform: translateY(100px);
    -moz-transform: translateY(100px);
    transform: translateY(100px);
  }
}

.plane {
  -webkit-animation-timing-function: ease-in-out;
  -moz-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;

  -webkit-animation: paper-plane-soaring 4s forwards infinite;
  -moz-animation: paper-plane-soaring 4s forwards infinite;
  animation: paper-plane-soaring 4s forwards infinite;
}
@-webkit-keyframes paper-plane-soaring {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  40% {
    -webkit-transform: rotate(15deg);
    -moz-transform: rotate(15deg);
    transform: rotate(15deg);
  }
  50% {
    -webkit-transform: rotate(15deg);
    -moz-transform: rotate(15deg);
    transform: rotate(15deg);
  }
  60% {
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  70% {
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

/**
 * Clouds
 */
.clouds {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  transform: translateZ(0);
}

.cloud {
  position: absolute;
  top: 20%;
  width: 300px;
  right: 0;
  opacity: 1;
}

.cloud.front {
  z-index: 9;
}

.cloud.distant {
  z-index: 1;
}

.cloud.background {
  z-index: 1;
}

/*Cloud Sizing*/
.cloud.smaller {
  margin-right: 400px;
  width: 100px;
  margin-top: 50px;
}

.cloud.small {
  margin-right: 200px;
  width: 150px;
}

.cloud.big {
  width: 500px;
  margin-top: 50px;
  margin-right: 150px;
}

.cloud.massive {
  width: 600px;
  margin-top: 20px;
  margin-right: 0px;
}


/*Cloud: Animation*/
.cloud {
  -webkit-animation-name: cloud-movement;
  -webkit-animation-timing-function: linear;
  -webkit-animation-direction: forwards;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-duration: 8s;

  -moz-animation-name: cloud-movement;
  -moz-animation-timing-function: linear;
  -moz-animation-direction: forwards;
  -moz-animation-iteration-count: infinite;
  -moz-animation-duration: 8s;

  animation-name: cloud-movement;
  animation-timing-function: linear;
  animation-direction: forwards;
  animation-iteration-count: infinite;
  animation-duration: 8s;
}

.slow {
  -webkit-animation-duration: 9.2s;
  -moz-animation-duration: 9.2s;
  animation-duration: 9.2s;
}

.slower {
  -webkit-animation-duration: 11.2s;
  -moz-animation-duration: 11.2s;
  animation-duration: 11.2s;
}

.slowest {
  -webkit-animation-duration: 13.5s;
  -moz-animation-duration: 13.5s;
  animation-duration: 13.5s;
}

.super-slow {
  -webkit-animation-duration: 20.5s;
  -moz-animation-duration: 20.5s;
  animation-duration: 20.5s;
}

@-webkit-keyframes cloud-movement {
  0% {
    opacity: 0.1;
    -webkit-transform: translateX(300px);
    -moz-transform: translateX(300px);
    transform: translateX(300px);
  }
  10% {

    opacity: 0.7;
  }
  90% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-1000px);
    -moz-transform: translateX(-1000px);
    transform: translateX(-1000px);
  }
}
#career_hero{
	background-image: #FFF;
    height: 600px;
    position: relative;
    width: 100%;
    float: left;
    box-shadow: 0 5px 20px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 5px 20px rgba(0,0,0,.2);
    border-radius: 10px;
    background-color: #78c6e4;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='175' viewBox='0 0 28 49'%3E%3Cg fill-rule='evenodd'%3E%3Cg id='hexagons' fill='%23ffffff' fill-opacity='0.4' fill-rule='nonzero'%3E%3Cpath d='M13.99 9.25l13 7.5v15l-13 7.5L1 31.75v-15l12.99-7.5zM3 17.9v12.7l10.99 6.34 11-6.35V17.9l-11-6.34L3 17.9zM0 15l12.98-7.5V0h-2v6.35L0 12.69v2.3zm0 18.5L12.98 41v8h-2v-6.85L0 35.81v-2.3zM15 0v7.5L27.99 15H28v-2.31h-.01L17 6.35V0h-2zm0 49v-8l12.99-7.5H28v2.31h-.01L17 42.15V49h-2z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
#career_hero #career_col_1{
	display: block;
    height: 100%;
    background: #1fa1d2;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px; 
	position: relative;   
	border-right: 1em solid #78c6e4;
    width: 280px;
}
#career_hero #career_col_1 h1{
	font-size: 2em;
	color: #FFF;  
}
#career_hero #career_col_2{
	background: #fff;
    height: 100%;
    width: 728px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    transition: 0.5s ease;
}
#career_hero #career_icon{
    width: 110px;
    height: 110px;
    margin: 0 auto;
    border-radius: 20px !important;
    box-shadow: 0 10px 50px rgba(0,0,0,.2);
    position: absolute;
    left: 0;
    right: 0;
    top: 140px;
}
#career_hero #career_icon img{
    border-radius: 20px !important;
}
#career_complete{
	display: none;
}
#career_complete h1{
	font-size: 30px;
    margin-top: 230px;
}
.career_submitting{
	transform: scale(0.8);
    border-radius: 10px;
    box-shadow: 0 10px 50px rgba(0,0,0,.2);
}
.careers_upload_wrapper{
    position: relative;
    border: 1px solid #ddd;
    border-radius: 5px;
    width: 90%;
    margin: 0 auto;
    margin-bottom: 10px;
}
.careers_upload{
	width: 90%;
    margin-left: 5%;
    margin-top: 30px;
    margin-bottom: 10px;
}
.careers_upload + label{
	font-weight: 100;
    text-align: center;
    width: 100%;
    display: block;
    position: absolute;
    top: 0;
    color: #4298cc;
}
.careers_submit{
	width: 95% !important;
    margin: 0 auto;
    display: block;
}
.privacy_download{
    display: block;
    width: 200px;
    margin: 0 auto;
    border-radius: 5px;
    text-align:center;	
}
.privacy_item{
	float: left;
    padding: 1% 0%;
    width: 100%;
}
.privacy_item_alt{
	border-top: 10px solid #ecf4f9;
}
.privacy_item .privacy_sub_header{
	font-size: 2.5em;
    font-weight: 100;
}
.privacy_item .privacy_sub_content{
    margin: 10px 0px;	
}
.privacy_item .privacy_sub_content .privacy_sub_content_text{
    float: left;
    margin: 10px 0px;
}
.privacy_item .privacy_sub_content_child{
	
}
.privacy_item .privacy_sub_content .privacy_bullet{
    float: left;
    padding: 10px 0px 10px 30px;
    clear: both;
    position: relative;
    width: 100%;
	width: calc(100% - 30px);	
}
.privacy_item .privacy_sub_content .privacy_bullet div{
	clear: both;
	margin-top: 10px;
}
.privacy_item .privacy_sub_content .privacy_bullet span{
	font-weight: 600;
    font-size: 1.1em;
    background: #ecf4f9;
    padding: 0.5%;
    border-radius: 5px;
    border: 1px solid #ddd;
    float: left;
    min-width: 90px;
}
.privacy_item .privacy_sub_content .privacy_bullet a{
	text-decoration: none;
	color: #666;
}
.privacy_item .privacy_sub_content .privacy_bullet .privacy_bullet_inline{
	clear: none;
	float: left;
	margin-left: 10px;
}
.privacy_item .privacy_sub_content .privacy_bullet:before{
    content: '';
    background: url(../images/home_tick.svg);
    position: absolute;
    width: 20px;
    height: 20px;
    background-size: 70px;
    left: 0;
}
.privacy_item .privacy_sub_content .privacy_bullet_clear:before{
	display: none;
}
.privacy_item .aus_cont_wrap{
	display: flex;
}
.privacy_item .aus_cont_wrap .privacy_sub_content{
    margin: 2%;
    padding: 1%;
}
.privacy_item_new .privacy_sub_content .privacy_sub_header{
	font-size: 2em;
}
.aus_cont_wrap .privacy_sub_content_child_aust_1{
	display: flex;
    clear: both;
    flex-wrap: wrap;
}
.aus_cont_wrap .privacy_sub_content_child_aust_1 .privacy_bullet{
    width: 33%;
}
.aus_cont_wrap_1{
	width: 100%;
}
.aus_cont_wrap_1 .col_50{
	margin: 0 5%;
	background: #FFF;
    border-radius: 10px;
    padding: 1%;
}
.aus_new_table{
    width: 100%;
    background: #FFF;
    border-radius: 10px;
}
.aus_new_table .aus_new_col{
	padding: 1%;
}
.aus_new_table .aus_new_col:nth-child(2){
	border-left: 2px solid #f0f7fb;
    border-right: 2px solid #f0f7fb;
}
.aus_new_table .aus_new_col .aus_new_row{
	
}
.aus_new_table .aus_new_col .aus_new_row:first-child{
	font-size: 1.5em;
    font-weight: 100;
    text-align: center;
}
#ac_v9 .page_wrapper .privacy_item{
    border-radius: 20px;
    padding: 2%;
    width: calc(95% - 4%);
    margin: 0 auto;
    float: none;
}
#online_sub_heading h1{
	font-size: 1.5em;
    letter-spacing: 0;
    padding: 0;
	margin-bottom: 0.5em;
}
#online_box{
	box-sizing: border-box;
	margin-bottom: 200px;
}
#online_wrapper{
	margin: 32px auto 0px;
    padding: 0px 32px;
    max-width: 1376px;
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 32px;
}
#online_wrapper .online_cell{
	
}
#online_wrapper #online_cell_6{
	background-color: rgba(245, 223, 121, 0.3);
	/*background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='305' viewBox='0 0 80 105'%3E%3Cg fill-rule='evenodd'%3E%3Cg id='death-star' fill='%23ffffff' fill-opacity='0.4'%3E%3Cpath d='M20 10a5 5 0 0 1 10 0v50a5 5 0 0 1-10 0V10zm15 35a5 5 0 0 1 10 0v50a5 5 0 0 1-10 0V45zM20 75a5 5 0 0 1 10 0v20a5 5 0 0 1-10 0V75zm30-65a5 5 0 0 1 10 0v50a5 5 0 0 1-10 0V10zm0 65a5 5 0 0 1 10 0v20a5 5 0 0 1-10 0V75zM35 10a5 5 0 0 1 10 0v20a5 5 0 0 1-10 0V10zM5 45a5 5 0 0 1 10 0v50a5 5 0 0 1-10 0V45zm0-35a5 5 0 0 1 10 0v20a5 5 0 0 1-10 0V10zm60 35a5 5 0 0 1 10 0v50a5 5 0 0 1-10 0V45zm0-35a5 5 0 0 1 10 0v20a5 5 0 0 1-10 0V10z' /%3E%3C/g%3E%3C/g%3E%3C/svg%3E");*/
}
#online_wrapper .online_cell .oc_backgrounds{
    width: 100%;
    height: 200%;
    border-radius: 50%;
    position: absolute;
    left: -50%;
    bottom: -50%;
    z-index: 0;
}
#online_wrapper .online_cell .oc_backgrounds_bottom{
	height: 100%;
	width: 200%;
}
#online_wrapper .online_cell .oc_backgrounds_top{
	background: #b4d7eb;
    bottom: unset;
    top: -60%;
    width: 200%;
    height: 100%;
}
#online_wrapper .online_cell .oc_backgrounds_right{
	left: unset;
    right: -50%;	
}
#online_wrapper .online_cell .oc_backgrounds_1{
	background: #f5df79;
}
#online_wrapper .online_cell .oc_backgrounds_2{
	background: #d8cdec;
}
#online_wrapper .online_cell .oc_backgrounds_3{
	background: #b4d7eb;
}
#online_wrapper .online_cell .online_cell_internal{
	padding: 2%;
    width: 96%;
}
#online_wrapper .online_cell .online_cell_internal .c_2{
    height: 100%;	
}
#online_wrapper .online_cell .online_cell_internal .oc_internal{
	padding: 2%;
    width: 96%;
	height: 96%;	
	position: relative;
}
#online_wrapper .online_cell .online_cell_internal .oc_internal .oc_heading{
	font-size: 2.5em;
	color: #6d6e72;
	border-radius: 10px;
	padding: 2%;
}
#online_wrapper .online_cell .online_cell_internal .oc_internal img{
	width: 55%;
	margin: 0 auto;
	display: block;
	z-index: 1;
    position: absolute;
    left: 0;
    right: 0;
    top: -2%;
}
#online_wrapper .online_cell .online_cell_internal .oc_flex_vertical{
	display: flex;
    flex-direction: column;
}
#online_wrapper .online_cell .online_cell_internal .oc_internal .oc_cell{
	position: relative;
    flex-grow: 1;
    min-height: 3.5em;
    width: calc(100% - 20px);
    padding-left: 30px;
}
#online_wrapper .online_cell .online_cell_internal .oc_internal .oc_cell:before{
    content: '';
    position: absolute;
    background: #fff;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    left: -10px;
    top: 5px;
}
#online_wrapper .online_cell .online_cell_internal .oc_before_clear .oc_cell:before{
	display: none;
}
#online_wrapper .online_cell .online_cell_internal .oc_internal .oc_text{
	text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
	bottom: 50px;
	z-index: 2;
}
#online_wrapper .online_cell .online_cell_internal .oc_internal .oc_mn_ml{
	font-family: 'Josefin Sans', sans-serif;
    text-transform: uppercase;
    font-weight: 400;
    /*text-shadow: 0 1px 0 #fff, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgb(0 0 0 / 10%), 0 0 5px rgb(0 0 0 / 10%), 0 1px 3px rgb(0 0 0 / 30%), 0 3px 5px rgb(0 0 0 / 20%), 0 5px 10px rgb(0 0 0 / 25%), 0 20px 10px rgb(0 0 0 / 5%), 0 10px 10px rgb(0 0 0 / 5%);*/
    font-size: 2.5em !important;
    color: #fcf5d7;
    position: absolute;
    top:0;
}
#online_wrapper .online_cell .online_cell_internal .oc_internal .oc_stars{
	display: flex;
    justify-content: center;
    position: absolute;
    width: 96%;
    bottom: 10px;
}
#online_wrapper .online_cell .online_cell_internal .oc_internal .oc_stars .oc_star{
	background: url(../images/online/star.svg) no-repeat;
    background-size: cover;
    width: 50px;
    height: 50px;
    margin: 0 5%;
}
#online_wrapper .online_cell .online_cell_internal .oc_internal .oc_barchart{
    width: 60%;
    position: absolute;
    bottom: 0;
    left: -5%;
    height: 200px;
    display: flex;
    flex-direction: column;	
}
#online_wrapper .online_cell .online_cell_internal .oc_internal .oc_barchart .oc_bar{
	height: 50px;
    width: 100%;
    background: red;
    background: linear-gradient(to right,#eeeeee 0%,#7FEBB3 100%);
    position: relative;
    margin: 5px 0px
}
#online_wrapper .online_cell .online_cell_internal .oc_internal .oc_barchart .oc_bar:after{
    content: '';
    position: absolute;
    right: -25px;
    height: 50px;
    width: 50px;
    background: #7FEBB3;
    border-radius: 50%;
    z-index: 1;
    border: 2px solid #FFF;
    top: -1px;
}
#online_wrapper .online_cell .online_cell_internal .oc_internal .oc_text_flex{
	display: flex;
	flex-direction: column;
}
#online_wrapper .online_cell .online_cell_internal .oc_internal .oc_text_left{
	width: 80%;
    right: unset;
    text-align: left;
    padding: 0 5%;	
}
#online_wrapper .online_cell .online_cell_internal .oc_internal .oc_text_top{
	top: 0;
	height: 50%;
    bottom: unset;
}
#online_wrapper .online_cell .online_cell_internal .oc_internal .oc_text_1{
	font-size: 2.5em;
	bottom: 5%;
}
#online_wrapper .online_cell .online_cell_internal .oc_internal .oc_text_2{
	font-size: 1.5em;
}
#online_wrapper .online_cell .online_cell_internal .oc_internal .oc_text_3{
	font-size: 1.5em;
}
#online_wrapper .online_cell_first{
	display: flex;	
}
#online_wrapper .online_cell_1{
	position: relative;
    overflow: hidden;
    width: 100%;
    height: 464px;
    grid-area: span 1 / span 2 / auto / auto;
    border-radius: 16px;
    box-sizing: border-box;
}
#online_wrapper .online_cell_2{
	position: relative;
    overflow: hidden;
    width: 100%;
    height: 464px;
    grid-area: span 1 / span 4 / auto / auto;
    border-radius: 16px;
    box-sizing: border-box;
}
#online_wrapper .online_cell_3{
	position: relative;
    overflow: hidden;
    width: 100%;
    height: 464px;
    grid-area: span 1 / span 2 / auto / auto;
    border-radius: 16px;
    box-sizing: border-box;
}
.page_wrapper{
	max-width: 1200px;
	margin: 0 auto;
}
.c_2_m_5{
	width:40%;
	float: left;
	margin: 2% 5%;
	text-align: left;
	background: #fcf5d6;
    border-radius: 20px;
    padding: 2%;
}
.c_2_m_5:first-child{

}
.c_2_m_5:last-child{

}
.c_1_heading{
	display: flex;
}
.c_1_heading .c_2_m_5 img{
	width: 70%;
    display: block;
	max-width:200px;
    margin: 0 auto;
}
.heading_1{
	width: 50%;
	margin: 0 auto;
	float: none;
	padding: 2%;
}
.heading_1 .s_1{
	text-align: center;
	font-weight: 400;
	font-size: 2.5em;
	color: #6d6e72;
}
#p_bullets{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 50px;
	width: 95%;
	margin: 0 auto;
	float: none;
}
.t_2{
	position: relative;
	height: 130px;
	background: #f9f9f9;
	border-radius: 10px;
	overflow: hidden;
}
.t_2 .landing_page_back{
	position: absolute;
	left: 0;
	top: -65px;
	width: 260px;
	height: 260px;
	z-index: 0;
	border-radius: 50%;
	left: -150px;
}
.t_2 .landing_page_icons{
	box-shadow: none;
	border: 0;
	float: left;
	position: absolute;
	left: 10px;	
	background: url(../images/australian/icons.svg);
	background-repeat: no-repeat;
	background-size: 950px;
	background-position: -30px -42px;
}
.t_2 .t_2_text{
	width: calc(100% - 150px);
	padding-left: 120px;
	height: 100%;
	display: table;
	position: absolute;
}
.t_2 .t_2_text h2{
	display: table-cell;
	vertical-align: middle;
	font-size: 1.2em;
	font-weight: 100;
}
#l_hero{
	height: 50vh;
	margin-bottom: 2%;
	min-height: 400px;
}
#section_landing{
	margin-bottom: 1%;
}
#section_landing #l_hero #l_hero_w{
	width: 100%;
	flex-basis: 100%;
}
#section_landing #l_hero #l_hero_w #landing_page_trial{
	z-index: 2;
    position: absolute;
    font-size: 1.3em;
    border-bottom-right-radius: 20px;
    padding: 0.5em 1em;
}
#section_landing #l_hero #l_hero_w .l_hero_t_landing{
	width: 90%;
    left: 0;
    height: 80%;
    margin: 15% 5% 0% 5%;
}
#section_landing #l_hero #l_hero_w .l_hero_t div{
	font-size: 0.7em;
}
#section_landing #l_hero #l_hero_w .l_hero_image{
    left: 0;
    right: 0;
    margin: auto;
}
#section_landing #l_hero{
	display: flex;
    width: 80%;
    margin: 0 auto;
	max-width: 1200px;
	min-height: 450px;
}
#section_landing #l_hero #ft_hero{
    width: 66.66%;
	flex-basis: 66.66%;
	margin: 0% 0% 0% 2%;
}
#section_landing #l_hero #ft_hero #l_hero{
    display: block;
	width: 100%;
}
#section_landing #l_hero #ft_hero #l_hero #l_hero_w{
	width: 100%;
}
#section_landing #l_hero #ft_hero #l_hero #l_hero_w #ft_hero_body #l_hero_t{
	width: 100%;
    height: 100px;
}
#section_landing #l_hero #ft_hero #l_hero #l_hero_w #ft_hero_body #ft_right{
    width: 100%;
}
#section_landing #l_hero #ft_hero #l_hero #l_hero_w #ft_legal{
	position: absolute;
    font-size: 11px;
    bottom: 1%;
    text-align: center;
    width: 100%;
}
#l_hero #l_hero_w{
	height: 100%;
	width: 80%;
	margin: 0 auto;
	border-radius: 20px;
	overflow: hidden;
	position: relative;
	max-width: 1200px;
}
#l_hero #l_hero_w #l_hero_b{
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 0;
}
#l_hero #l_hero_w .l_hero_b{
	position: absolute;
	width: 100%;
	height: 100%;
	opacity: 0;
}
#l_hero #l_hero_w .l_hero_b_1{
	background: #f0f7fb;
	opacity: 1;
}
#l_hero #l_hero_w .l_hero_b_2 , #l_hero #l_hero_w .l_hero_b_4{
	background: #fcf5d6;
}
#l_hero #l_hero_w .l_hero_b_3{
	background: #fce9e7;
}
#l_hero #l_hero_w .l_hero_b_trial{
	background: #fcf5d6;
	width: 100%;
    height: 100%;
}
#l_hero #l_hero_w .l_hero_image{
	top: 2.5%;
	width: 40%;
	z-index: 1;
	position: absolute;
	right: 5%;
	opacity: 0;
}
#l_hero #l_hero_w .l_hero_image:after{
	content: "";
	display: block;
	padding-bottom: 100%;
}
#l_hero #l_hero_w .l_hero_image .l_hero_i{
	position: absolute;
	width: 70%;
    left: 0;
    right: 0;
    margin: auto;	
}
#l_hero #l_hero_w #l_hero_t{
	position: absolute;
	z-index: 1;
	width: 45%;
	left: 5%;
	text-align: center;
	height: 100%;
}
#l_hero #l_hero_w #l_hero_t .l_hero_t{
	display: table;
	vertical-align: middle;
	height: 100%;
	width:100%;
	font-size: 3em;
	color: #6d6e72;
	opacity: 0;
	position: absolute;
}
#l_hero #l_hero_w #l_hero_t .l_hero_t div{
	display: table-cell;
	vertical-align: middle;
	height: 100%;
}
#l_hero #l_hero_f{
	width: 100%;
	height: 100%;
	display: flex;
	position: absolute;
}
#l_hero #l_hero_f .l_hero_t{
	font-size: 20px;
	font-weight:100;
}
#l_hero_work{width:70%;margin:0 auto;}
.l_hero_p #l_hero{
	height:410px;
	clear: both;
	margin-top:1em;
}
.l_hero_p #l_hero #l_hero_f .c_2 .l_hero_t{
	width:90%;
	padding:5%;
}
.l_hero_p #l_hero #l_hero_f .c_2{
	display: flex;
	justify-content: center;
	align-items: center;
}
.l_hero_p #l_hero #l_hero_f .c_2{
	flex-direction: column;
}
.l_hero_p #l_hero #l_hero_f .c_2 .l_hero_r{
	height: 100px;
	display: flex;
	width: 100%;
}
.l_hero_p #l_hero #l_hero_f .c_2:last-child .l_hero_r .l_hero_r_i{
	width: 95%;
	height: 95%;
	background: #FFF;
	border-radius: 10px;
	margin: 0 auto;
}
.l_hero_p #l_hero #l_hero_f .c_2:last-child .l_hero_r .l_hero_r_i .l_hero_r_i_i{
	width: 80px;
	height: 80px;
	margin: 8px;
	float: left;
	position: relative;
}
.l_hero_p #l_hero #l_hero_f .c_2:last-child .l_hero_r .l_hero_r_i .l_hero_r_i_i span{
	background: url(../images/ea_edu_icons.svg);
	width:100%;
	height:100%;
	display:block;	
	position: absolute;
	background-size: 240px;
}
.l_hero_p #l_hero #l_hero_f .c_2:last-child .l_hero_r .l_hero_r_i .l_hero_r_i_i div{
	width:100%;
	height:100%;
	border-radius: 10px;
}
.l_hero_p #l_hero #l_hero_f .c_2:last-child .l_hero_r .l_hero_r_i .l_hero_r_i_t{
	font-size: 1.2em;
	align-items: center;
	text-align: center;
	float: fl;
	float: left;
	width: calc(100% - 96px);
	height: 100%;
	text-align: center;
	line-height: 100px;
}
.section #l_sub_hero_sub_heading{
	margin-top: 1%;
}
.section #l_sub_hero_sub_heading #l_sub_hero{
    background: #f0f7fb;
    padding: 1% 0%;
    width: 78%;
    border-radius: 20px;
    margin: 0 auto;
    margin-bottom: 2%;
    font-size: 1.4em;
    color: #6d6e72;
    text-align: center;
	display: block;
	min-height:30px;
}
.section #l_sub_hero{
	width: 80%;
    display: flex;
    justify-content: center;
	margin: 0 auto;
	max-width: 1200px;
	align-items: center;
    min-height: 50px;
}
.section #l_sub_hero .l_sub_hero{
	background: #f0f7fb;
    margin: 2%;
    padding: 1%;
    border-radius: 20px;
    height: 120px;
    display: flex;
    align-items: center;
    flex-basis: 33.33%;
}
.section #l_sub_hero .l_sub_hero:first-child{
    margin: 2% 2% 2% 0%;
}
.section #l_sub_hero .l_sub_hero:last-child{
	margin: 2% 0% 2% 2%;
}
.section #l_sub_hero .l_sub_hero .l_sub_hero_h{
    background: url(../images/l_sub_hero_icons.svg);
    border-radius: 10px;
    background-color: #c1e0f1;
    margin-right: 2%;
	background-position: -170px 0px;
	width: 80px;
    height: 80px;
	min-width: 80px;
	background-color: transparent;
	background-size: 310%;
}
.section #l_sub_hero .l_sub_hero:first-child .l_sub_hero_h{
	background-position: 0px 0px;
}
.section #l_sub_hero .l_sub_hero:last-child .l_sub_hero_h{
	background-position: -80px 0px;
}
.section #l_sub_hero .l_sub_hero .l_sub_hero_c{
	text-align: center;
}
.section #l_sub_hero .l_sub_hero .l_sub_hero_c span{
	font-weight: 600;
}
.online_box_v2{
	margin: 0 !important;
}
.online_box_v2 #online_wrapper{
	padding: 0;
	grid-template-columns: repeat(3, 1fr);
}
.online_box_v2 #online_wrapper .online_cell_3{
	grid-area: span 1 / span 1 / auto / auto;
	height: 544px;
}
.online_box_v2 #online_wrapper .online_cell_1{
	height: 544px;
}
.online_box_v2 #online_wrapper .online_cell .online_cell_internal .oc_text{
	font-weight: 100;
}

/* Free Trial */
#ft_hero{
	
}
#ft_hero #ft_hero_int{
	
}
#ft_hero #ft_hero_int #ft_hero_sub{
	width: 90%;
	height: 10%;
	position: absolute;
	text-align: center;
	font-size: 1.5em;
	font-weight: 100;
	left: 0;
	right: 0;
	margin: auto;
	top: 2%;
	display: table;
    border-radius: 15px;
    height: auto;
    width: calc(100% - 70px);
    padding: 5px;
	z-index: 2;
	display: flex;
	flex-direction: column;
}
#ft_hero #ft_hero_int #ft_hero_sub div:first-child{
	padding: 5px;
	font-weight: 400;
}
#ft_hero #ft_hero_int #ft_hero_sub div{
	display: table-cell;
	vertical-align: middle;
}
#ft_hero #ft_hero_int #ft_hero_body{
	width: 100%;
	height: 100%;
	position: absolute;
	bottom: 0;
}
#ft_hero #ft_hero_int #trial_sent #promo_2017 h3{
	font-size: 3em;
	font-weight: 100;
	display: table-cell;
	vertical-align: middle;
}
#ft_hero #ft_hero_int #trial_sent #promo_2017 #promo_text_2{
	display: table;
	height: 100%;
	margin: 0;
	width: 100%;
}
#ft_hero #l_hero_t{
	left: 0% !important;
	position: relative !important;
	float: left;
}
#ft_hero #l_hero #l_hero_w{
	margin-top: 0;
}
#ft_hero #promo_2017{
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	height: 300px;
	position: absolute;
	width: 300px;
}
#ft_hero #ft_right{
	width: 55%;
	float: left;
	height: 100%;
}
#ft_hero #ft_right #ft_form{
	position: relative;
	height: 100%;
	width: 100%;
}
#ft_hero #ft_right #ft_form #sign_up_form{
	height: 220px;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 90%;
	left: 0;
	right: 0;
}
#ft_hero #ft_right #ft_form #sign_up_form input{
	border: 0;
}
#ft_hero #ft_right #ft_form #sign_up_form select{
	border: 0;
}
#ft_hero #ft_right #ft_form #sign_up_form #trial_submit{
	width: 100%;
	margin: 0 auto;
	float: none;
	margin-top: 10px;
}
#ft_hero #ft_right #ft_form #sign_up_form #trial_submit button{
	box-shadow: none;
}
.ft_point_text{
	font-size: 1.3em;
	width: calc(100% - 40px);
	padding-left: 40px;
	position: relative;
	font-weight: 100;
}
.ft_point_text .ft_point{
	background: url(../images/home_tick.svg);
	display: block;
	width: 100%;
	height: 100%;
	background-size: 130px;
	background-position: 0px 1px;
	border-radius: 50%;
	width: 40px;
	height: 40px;
	position: absolute;
	left: 0;
}
#ft_map{
	width: 80%;
	margin: 0 auto;
	display: flex;
	align-items: center;
	margin-top: 5%;
}
#ft_map #ft_map_int{
	width: 50%;
	position: relative;
}
#ft_map #ft_map_int .ft_map_item{
	background: #4298cc;
	width: 15px;
	height: 15px;
	position: absolute;
	border-radius: 50%;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	opacity: 0;
}
#ft_map #ft_map_image{
	width: 100%;
	max-width: 500px;
	display: block;
}
#ft_map #ft_map_text{
	font-weight: 100;
	font-size: 1.4em;
	text-align: center;
	width: 50%;
	float: left;
}
#ft_saying{
	height: auto;
	padding-bottom: 5%;
	width: 100%;
	float: left;
	position: relative;
}
#ft_saying .ft_saying{
	position: absolute;
	min-height: 100px;
	width: 100%;
	opacity: 0;
}
#ft_saying .ft_saying .testimonial{
	padding: 0px 50px;
}
#ft_saying .ft_saying .testimonial p{
	width: 90%;
	max-width: 1024px;
	margin: 0 auto;
	position: relative;
}
#ft_saying .ft_saying .testimonial h3{
	text-align: center;
}
#ft_saying .ft_saying .testimonial p:before{
	top: 0;
	left: -40px;
}
#ft_dots{
	width: 95%;
	margin: 0 auto;
	float: none;
}
/* GDPR Cookie dialog */
.gdprcookie {
	position: fixed;
	color: white;
	font-size: .8em;
	line-height: 1.5em;
	right: 1.5rem;
	bottom: 1.5rem;
	max-width: 40em;
	padding: 1rem;
	background: #fdffee;
	border-radius: 10px;
	color: #666;
	-webkit-box-shadow: 0px 8px 10px 1px rgb(0 0 0 / 4%), 0px 3px 4px 2px rgb(0 0 0 / 7%), 0px 5px 5px -3px rgb(0 0 0 / 12%);
	box-shadow: 0px 8px 10px 1px rgb(0 0 0 / 4%), 0px 3px 4px 2px rgb(0 0 0 / 7%), 0px 5px 5px -3px rgb(0 0 0 / 12%);
	z-index: 1000000;
}
.gdprcookie h1,
.gdprcookie h2 {
	font-size: 1.2em;
	margin-bottom: .5rem;
	font-weight:600;
}
.gdprcookie h2 {
	font-size: 1.2em;
}
.gdprcookie a {
	color: inherit;
}
.gdprcookie .close_button{
	width:40px;
	height:40px;
	border-radius:50%;
	background: #FFFFFF url(../images/close_icon.svg);
	background-position:-2px -6px;
	border: 2px solid #4298cc;
	transition:none;
	right: -6px !important;
	top: 1px !important;
	transform: scale(0.8);
	border-radius: 8px;
	padding: 0;
	position: absolute;
}
.gdprcookie .close_button:hover{
	background: #4298cc url(../images/close_icon.svg);
	background-position: -59px -7px;
	border: 2px solid #4298cc;
}

/* GDPR Cookie buttons */

.gdprcookie-buttons {
	text-align: center;
}
.gdprcookie-buttons button {
	color: white;
	font-family: inherit;
	font-size: 1em;
	padding: .4rem;
	border: solid .05rem currentColor;
	border-radius: .15rem;
	margin: 0 .5rem;
	background: none;
	cursor: pointer;
	background: #4298cc;
	color: #FFF;
	height: 40px;
	padding: 0 20px;
	font-size: 12px;
	text-decoration: none;
	cursor: pointer;
	
	outline: none;
	border-radius: 0;
	font-family: 'Open Sans', 'sans-serif';
	border-radius: 5px;
}
.gdprcookie-buttons button:disabled {
	color: rgba(255,255,255,.5);
}


/* GDPR Cookie types */

.gdprcookie-types ul {
	overflow: hidden;
	padding: 0;
	margin: 0 0 1rem;
}
.gdprcookie-types li {
	display: block;
	list-style: none;
	float: left;
	width: 50%;
	padding: 0;
	margin: 0;
}
.gdprcookie-types input[type=checkbox] {
	margin-right: .25rem;
}
#lds_grid {
  display: none;
  z-index: 10000;
  position: relative;
  width: 64px;
  height: 64px;
  margin: auto;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
transform: scale(2);
}
#lds_grid div {
  position: absolute;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: #4298cc;
  animation: lds-grid 1.2s linear infinite;
}
#lds_grid div:nth-child(1) {
  top: 6px;
  left: 6px;
  animation-delay: 0s;
}
#lds_grid div:nth-child(2) {
  top: 6px;
  left: 26px;
  animation-delay: -0.4s;
}
#lds_grid div:nth-child(3) {
  top: 6px;
  left: 45px;
  animation-delay: -0.8s;
}
#lds_grid div:nth-child(4) {
  top: 26px;
  left: 6px;
  animation-delay: -0.4s;
}
#lds_grid div:nth-child(5) {
  top: 26px;
  left: 26px;
  animation-delay: -0.8s;
}
#lds_grid div:nth-child(6) {
  top: 26px;
  left: 45px;
  animation-delay: -1.2s;
}
#lds_grid div:nth-child(7) {
  top: 45px;
  left: 6px;
  animation-delay: -0.8s;
}
#lds_grid div:nth-child(8) {
  top: 45px;
  left: 26px;
  animation-delay: -1.2s;
}
#lds_grid div:nth-child(9) {
  top: 45px;
  left: 45px;
  animation-delay: -1.6s;
}
@keyframes lds-grid {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    opacity: 0.5;
    -webkit-transform: scale(0.2);
            transform: scale(0.2);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
#terms_of_use h1{
    display: flex;
    flex-direction: column;
}
#terms_of_use .t_c_bold{
	font-weight:600;
}
#terms_of_use .privacy_bullet{
	display: flex;
	padding: 2px;
}
#terms_of_use .privacy_bullet:before{
	display: none;
}
#terms_of_use .privacy_bullet .t_c_0{
	width: 5%;display: flex;
}
#terms_of_use .privacy_bullet .t_c_1{
	flex-shrink: 4;
}
/* Media Queries */
@media screen and (max-width:1400px){
	.progress_wrapper_formative{
		width:49.9% !important;
	}
}

@media only screen and (device-width: 768px) {
	#home{min-width: 768px;}
	nav{letter-spacing: normal;}
	nav ul.sub{
		width: 100%;
    	margin-left: 0%;
    	margin-right: 0%;
    	min-width: inherit;
	}
	.sub_w{height: 200px;}
	.section .page_container{width:100%;}
	.content_wrap{
		border-left: none;
    	border-right: none;
	}
	#purchase_sub_1 .ps_1{width:160px;}
	#purchase_sub_1 .ps_1 .ps_text{font-size:13px;}
	#literacy_wrapper .p_sub_head{padding: 15px 0px 35px 0px;}
	.input_dropdown{width:200px;}
	#school_state{width:220px !important;}
	.payment_inputs{width: 230px !important;}
	#payment_terms_w{width:100%; }
}

@media only screen and (max-width: 768px){
	#home{min-width: 100%;}
	#header_logo{ top: 5px; }
	#header_logo h1{
		font-size: 35px !important;
		text-align: center;
	}
	#header_logo span h2{
	   width: 100%;
		margin: 0 auto;
		left: 0;
		right: 0;
	}
	#online_wrapper .online_cell .online_cell_internal .oc_internal .oc_text_3{font-size: 1.3em;}
	#login_w{
		transform: scale(0.8);
		transform-origin: right;
	}
}

@media only screen and (max-width: 834px) {
	#home{min-width: 100%;}
	#login_w{
		transform: scale(0.8);
		transform-origin: right;
	}
}

@media only screen and (max-width: 1024px){
	#hero_text{
		padding: 30% 0% 0% 0%;
	}
	#hero_image h1{
		font-size: 2.5em;
		padding-top: 10%;
	}
}

@media only screen and (max-width : 480px){
	#home{min-width: 100%;}
	body{
	    -webkit-text-size-adjust: none;
	}
	
	header {
		height:280px;width: 100%;
	} 
	.trademark{    right: 1px !important;top: -6px !important;}
	#header_logo{ width: 100%;left:0px;}
	#header_logo h1{
		font-size: 35px !important;
	    text-align: center;
	}
	#header_logo span h2{
	   width: 96%;
	    margin: 0 auto;
	    left: 0;
	    right: 0;
	}
	#login_w{
		top:90px;
		width: 100%;
		transform: none;
		min-width: 420px;
	}
	
	nav{
		width: 100%;
	  	padding-top: 200px;
	  	font-weight: 400;
	}
	
	nav ul li{text-align: center;float:none;font-size: 10px;}
	#hero_image h1 {
	  	font-size: 30px;
	}
	#hero_image h2 {
	 	font-size: 15px;
	}
	#hero_text{width: 90%;padding: 0;margin: 0 auto;}
	#hero_text #hero_buttons{margin-top: 160px;}
	#eai_update{
		left: 0;
		right: 0;
		margin: auto;
		transform: none !important;
	}
	#mn_macbook_intro_w{width: 90%;}
	#macbook_video video{width: 227px;}
	#my_numeracy_intro{height: 265px;}
	#contact_us_wrapper{overflow:initial !important}
	#keep_in_touch_1 input {border-radius:20px;}
	#contact_us_form input{  border-radius: 0;margin: 0;width: 100%;padding: 0;}
	.testimonial_c{display:none;}
	#home_links_w{margin:0 auto; float:none;}
	#send_details{
		width: 100%;
		float: none;
	    clear: both;
	    margin: 0 auto;
	    border-radius: 0;
	    margin-top: 10px;
	    padding: 0;
	}
	.home_column{  width: 100%;padding:0px;}
	.h2_style{  font-size: 22px;padding: 30px 0px 10px;text-align:center;}
	.testimonial p{width:100%;}
	.testimonial p:before, .testimonial p:after {     content: "\201C";     position: absolute;     font-size: 50px;     line-height: 1;     color: #999;     font-style: normal; }
	.testimonial{font-size:10px;}
	.testimonial {padding: 100px 20px 0px 20px;}
	#home_testimonials{height:340px;}
	#home_subscription h2{width: 100%;padding: 20px 0px;}
	#v_subscriptions{}
	#footer ul{  clear: both;}
	#footer_social{float:left;}
	.home_column p{padding: 0px 25px 40px 25px;font-size: 13px;}
	#copyright{text-align:center;}
	#login_w_buttton{
		border-radius: 5px;
	    overflow: hidden;
	    width: 95%;
	    margin: 0 auto;
	}
	#login_w_buttton a{
		width: 50%;
		padding: 0px;
	    text-align: center;
		border-radius: 0 !important;
	}
	#macbook_video{
		width: 100%;
	}
	#macbook_video iframe{
		width: 100%;
	}
	#myn_logo_main{top: -50px;}
	#slide-1 #myn_logo_main{top: 400px;}
	#home_who ul li{font-size: 13px;}
	#home_links_w .wwo_table .wwo_w a{font-size: 12px;}
	#home_links_w a{font-size: 11px;}
	.home_sub_buttons a{width:80%;}
	#my_numeracy_main #mn_heading{font-size: 40px;}
	#my_numeracy_main #slide-1{background-attachment: scroll;min-height: 500px;}
	#mc_icons_wrapper{    transform: scale(0.8) translateY(50px);width:300px !important;margin: 0 auto;}
	#my_numeracy_main section .mn_style_2{width: 100%;float:left;}
	#my_numeracy_main .triangle_wrapper{top: 10px;height: 90%;}
	#my_numeracy_main section .mn_style_2 h2{padding: 0;margin: 0;font-size: 14px;height: auto;}
	#my_numeracy_main #slide-4 .content-wrapper .col_33{width: 100%;height: 300px !important;}
	#my_numeracy_main #slide-4{background-size: 100%;background-position: top;background-attachment:scroll;}
	#my_numeracy_main #slide-4 .mn_circles{top:0;}
	#mn_ipad_01_w{width: 100% !important;}
	#my_numeracy_main{margin-top:100px;}
	#my_numeracy_main #slide-2 .content-wrapper .mn_style{font-size: 1em;}
	#slide-2 .icon{margin: 0 !important;height: 120px !important;}
	.section .page_container{width: 100%;}
	#learn_more_wrapper{display: flex;flex-direction: column;}
	.learn_more_sections{height: 380px;}
	#learn_more_03 .learn_more_sections{width: 100%;border-radius: 0;}
	.learn_more_content{font-size: 12px;}
	.learn_more_text .title{padding: 0;font-size: 20px;}
	#learn_more_04 .learn_more_sections{width: 100%;margin-top: 140px;}
	#learn_more_04 .learn_more_sections #home_register{bottom: -10% !important;}
	#learn_more_02 #learn_more_intro{width: 100%;font-size: 15px;}
	#purchase_wrapper{margin-top: 80px;}
	.so_subh{width: 100%;box-shadow: none !important;border-radius: 10px;overflow: hidden;}
	.so_subh #pop_ribbon #pop_title{font-size: 11px;}
	.sub_prices_wrapper{width:90% !important;}
	.sub_cont_body ul li{font-size: 12px;}
	.payment_terms_w label{float:none;}
	#purchase_wrapper .purchase_titles{font-size: 20px;}
	.purchase_form_sub_options .col_50{width:100%;}
	.promo_code_w{margin:0;}
	.sample_wrapper .samples_content{width: 100% !important;box-shadow: none;margin: 0;}
	#sign_up_hero{background-image: none;}
	#sign_up{border: 0;margin: 0;border-radius: 0;}
	#sign_up_hero:after{box-shadow: none;border-radius: 0;background: transparent;}
	#sign_up .sign_up_internal{width: 100%;margin-top: 5%;}
	#sign_up .sign_up_internal .c_1{width:95%;float:none;margin: 0 auto;}
	#sign_up .sign_up_internal .c_2{width: 100%;display: flex;flex-direction: column;}
	#sign_up .sign_up_internal .c_2 .school_inputs{width: calc(100% - 20px) !important;}
	#sign_up .sign_up_internal .c_2 select{width: 100% !important;}
	#sign_up_hero{padding-bottom: 50px;height: auto;}
	.s_1{font-size: 15px;padding: 0px 5px;}
	nav ul.sub{width: 100%;}
	.sub_w{height: 320px;}
	nav ul ul ul{top:60px;}
	#section2 li{font-size: 15px;}
	.section .page_image_main .c_2{width: 100% !important;}
	.section .page_container .c_2{width: 100%;}
	.section .page_container .text_wrapper .c_3{width: 100%;}
	.num_des{height: 300px;}
	#home .h_content_subpages{ /*margin-top: 100px; */}
	#strand_wrapper{width: 85%;display: flex;flex-direction: column;height: 120px;}
	#strand_wrapper a{width: 100%;}
	#strand_wrapper a:first-child{
		border-top-right-radius: 5px;
		border-top-left-radius:5px;
		border-bottom-left-radius: 0;
	}
	#strand_wrapper a:last-child{
		border-top-right-radius: 0;
		border-bottom-left-radius: 5px;
		border-top-left-radius:0;
	}
	.active_menu_item{
		border-radius: 5px !important;
	}
	#promo_2017{
		position: relative;
		height: 290px;
		width: 300px;
		margin: 0 auto;
	}
	.section .page_container h1{
		font-size: 2.2em;
		padding: 0;
	}
	.pr_strand_wrapper .pr_strand_body .pr_substrand_body .pr_substrand_body_content .pr_content{
		width: 100% !important;
	}
	.parent_page #student_home #student_login_box{
		border-radius: 0;
	}
	.parent_page .pr_strand_wrapper .pr_strand_body .pr_substrand_body #myn_main_content #myn_content .myn_tile{
		width: 98%;
		margin: 0% 1% 10px 1% !important;
		height: 50px;
	}
	.parent_page .pr_strand_wrapper .pr_strand_body .pr_substrand_body #myn_main_content #myn_content .myn_tile .myn_tile_inner{
		border-radius: 8px;
	}
	.parent_page .pr_strand_wrapper .pr_strand_body .pr_substrand_body #myn_main_content #myn_content .myn_tile .myn_tile_inner .myn_tile_inner_parent .myn_icon{
		transform: scale(0.7);
		transform-origin: top left;
		margin: 8px;
	}
	.parent_page .pr_strand_wrapper .pr_strand_body .pr_substrand_body #myn_main_content #myn_content .myn_tile .myn_tile_inner .myn_tile_inner_parent .myn_title{
		padding-left: 50px;
	}
	.parent_page #header_logo{
		transform: scale(0.7);
		width: auto !important;
	}
	#pr_internal #pr_body #pr_body_content #pr_body_content_interal #pr_body_stuff #pr_student{
		height:50px !important;
	}
	#pr_internal #pr_body #pr_body_content #pr_body_content_interal #pr_body_stuff #pr_student #pr_student_name{
		font-size:1.3em !important;
	}
	#pr_internal #pr_body #pr_body_content #pr_body_content_interal #pr_body_stuff #pr_student #pr_student_year{
		font-size: 1.3em !important;
	}
	#pr_internal #pr_body #pr_body_content #pr_body_content_interal #pr_body_stuff #pr_teacher #pr_student_name{
		width: 100% !important;
	}
	#ft_hero #ft_hero_int #ft_hero_body{
		display: flex;
		flex-direction: column;
		width: 100%;
	}
	#ft_hero #ft_hero_int #ft_hero_sub{
		border-top: 1px solid #666;
		position: fixed;
		z-index: 12;
		bottom: 0;
		top: unset;
		border-bottom-left-radius: 0;
		border-bottom-right-radius: 0;
		font-size: 1em;
		border-left: 1px solid #666;
		border-right: 1px solid #666;
		border-bottom: 0;
	}
	#ft_hero #ft_right{
		width: 100%;
		z-index: 10;
	}
	#ft_hero #ft_right #ft_form #sign_up_form{
		position: relative;
		margin-top: 20px;
	}
	#ft_hero #promo_2017{
		transform: scale(0.6);
	}
	#ft_dots{
		display: flex;
		flex-direction: column;
	}
	#ft_dots .c_3{
		width: 100%;
		margin-bottom: 5%;
	}
	#ft_detail #p_bullets{
		grid-template-columns: repeat(1, 1fr);
		width: 95%;
		margin: 0 auto;
		float: none;
	}
	.c_2_m_5{
		width:90%;
		margin: 3%;
	}
	.heading_1{
		width:90%;
	}
	#p_bullets{
		grid-template-columns: repeat(1, 1fr);
		gap: 20px;
	}
	.online_box_v2 #online_wrapper{
		grid-template-columns: repeat(1, 1fr);
		padding: 0px 10px;
	}
	#online_wrapper .online_cell .online_cell_internal .oc_internal .oc_text_3{
		font-size:1.1em;
	}
	#online_wrapper{
		grid: unset;
		display: flex;
		flex-direction: column;
	}
	#online_wrapper .online_cell .online_cell_internal .c_2{
		height: 50%;
		width: 100%;
	}
	#online_wrapper .online_cell .online_cell_internal .oc_internal .oc_text_top{
		width:100%;
	}
	#l_hero #l_hero_f{
		flex-direction: column;
	}
	.l_hero_p #l_hero{
		height: 550px;
	}
	#so_subh_w{
		display: flex;
		flex-direction: column;
	}
	#l_hero{
		height: 40vh;
		flex-direction: column;
		width: 95% !important;
	}
	#l_hero #ft_hero{
		width: 100% !important;
		margin: 0 !important;
	}
	#l_hero #l_hero_w #l_hero_t{
		width: 100%;
		left: 0;
		height: 50%;
		bottom: 0;
	}
	#l_hero #l_hero_w .l_hero_image{
		left: 0px;
		right: 0px;
		margin: 0 auto;
	}
	#l_hero #l_hero_w #l_hero_t .l_hero_t{
		font-size: 1.5em;
		text-align: center;
		width: 100%;
	}
	.section #l_sub_hero{
		flex-direction: column;
		font-size: 1.2em !important;
		width: 90% !important;
	}
	.c_1_heading{
		flex-direction: column;
	}
	#ft_hero #ft_hero_int #ft_hero_sub{
		background: #fff;
	}
	#ac_v9 .page_wrapper .privacy_item{
		padding: 5%;
		width: calc(95% - 10%);
	}
	#ac_v9 .privacy_item .privacy_sub_header{
		font-size:1.5em;
		font-weight: 400;
	}
	#ac_v9 .privacy_item .aus_cont_wrap .privacy_sub_content .privacy_sub_header{
		font-size: 1.5em;
	}
	#ac_v9 .privacy_item .aus_cont_wrap{
		flex-direction: column;
	}
	#ac_v9 .privacy_item .aus_cont_wrap .privacy_sub_content{
		width:100%;
	}
	#ac_v9 .privacy_item .aus_cont_wrap_1 .col_50{
		width:90%;
		margin: 5%;
	}
	.aus_new_table .aus_new_col:nth-child(2){
		border: 0;
	}
	.online_box_v2 #online_wrapper .online_cell_3{
		display:none;
	}
	#ea_webinar_book .ea_webinar_book{
		width: 95%;
	}
}
/* settings cog dropdown styles */
#assessment_options .assessment_icon{
	position: absolute;
    width: 25px;
    height: 25px;
    background-image: url(../images/paper_quiz.svg);
    background-size: 142px;
    background-position: 0px 0px;
    right: 150px;
    top: 0;
    bottom: 0;
    margin: auto;	
}
#sub_config2 .subscription_icon{
	position: absolute;
    width: 25px;
    height: 25px;
    background-image: url(../images/subscription_details.svg);
    background-size: 24px;
    background-position: 0px 0px;
	background-repeat: no-repeat;
    right: 150px;
    top: 0;
    bottom: 0;
    margin: auto;	
}
#educator_profiles .teacher_icon{
	position: absolute;
    width: 25px;
    height: 25px;
    background-image: url(../images/teacher.svg);
    background-repeat: no-repeat;
    background-size: auto;
    right: 150px;
    top: 0;
    bottom: 0;
    margin: auto;	
}
.align_button_text{
    text-align: center;
    position: inherit;
    left: 30px;
	width: calc(100% - 25px) !important;
}
.error_handler{
	text-align:center; 
	padding:5px;
	margin: 2px;
}

.no-content-message {
	text-align: center;
	font-size: 18px;
	margin-top: 20px;
}
.strand_content_display span {
	display: inline !important;
}


/* EA resources css */

.resource_container {
	width: 90%;
	margin: 0 auto;
}

#resource_content .table-container {
	display: block;
	overflow: hidden;
	-webkit-overflow-scrolling: touch;
	margin: 0 auto;
}
#resource_content  .table {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
#resource_content_wrapper .table-header, .table-row {
	display: flex;
	width: calc(100% - 35px);
    margin: 0px 10px 0px 5px;
}

#resource_content_wrapper .content_row .table-row {
	background-color: #F7FAFC;
	margin-left: 20px;
}

#resource_content_wrapper .table-cell, .table-header-cell {
	flex: 1;
	padding: 2px;
	/* box-sizing: border-box; */
}
#resource_content_wrapper .table-header-cell {
	font-weight: bold;
	width: 20%;
}
.range_table .table-cell {
   display: flex;
   flex: 0 0 auto;
   justify-content: left !important;
   align-items: center;
}

/* #resource_content_wrapper .table-cell {
	flex: 1;
} */
#resource_content_wrapper .content_row .table-cell:first-child,
#resource_content_wrapper .content_row .table-header-cell:first-child, #resource_content .pb_content_row .table-cell:last-child, #resource_content .pb_content_row .table-header-cell:last-child {
	flex: 8;
}
 #resource_content_wrapper .content_row .table-header-cell {
	background-color: #FFF;
 }
#resource_content_wrapper .content_row {
	margin-top: 5px;
}
#resource_content_wrapper .pb_content_row {
	border-top: 3px solid #E0E4E9;
}
#resource_content_wrapper .pb_content_row .table-cell:first-child{
	flex: 2;
}

#resource_content_wrapper .pb_content_row .range_table .pre_post .table-cell {
	flex: 0.3;
	line-height: 40px;
    margin-left: 5px;
}

#resource_content_wrapper .pb_content_row .range_table .pre_post .table-cell:first-child {
	flex: 0.1 !important;
	line-height: 40px;
    margin-left: 5px;
}

#resource_content_wrapper .ll_content_row .table-cell{
	flex: 0 0 auto;   /* Do not grow or shrink, maintain fixed size */
	width: 240px;      /* Fixed width */
	height: 180px; 
}
#resource_content_wrapper .pb_content_row .table-row {
	align-items: start;
}
#resource_content_wrapper .ll_content_row .table-row {
	display: flex;
	width: calc(100% - 5px);
	flex-wrap:wrap;
}
#resource_content_wrapper .range_table .table-row {
	display: flex;
	width: calc(100% - 5px);
	margin-bottom: 5px;
	background-color: #F7FAFC;
}
#resource_content_wrapper .range_table .table-row:last-child {
	border-bottom:none;
}
#resource_content_wrapper .range_table .table-cell:last-child {
	flex: 1;
}

#resource_content_wrapper .table-cell:last-child,
#resource_content_wrapper .table-header-cell:last-child {
	border-right: none;
}
#resource_content_wrapper .curriculum_code {
	clear: both;
}

#resource_content_wrapper .curriculum_code span{
	font-weight: 700;
}
#resource_content_wrapper .descriptor{
	font-weight:normal !important;
}

/* Optional: Add some style for small screens */
@media (max-width: 768px) {
	#resource_content .table {
		display: block;
	}

	#resource_content .table-row {
		display: block;
		margin-bottom: 10px;
		border-bottom: none;
	}

	#resource_content .table-cell {
		display: block;
		text-align: right;
		padding-left: 50%;
		position: relative;
	}

	#resource_content .table-cell::before {
		content: attr(data-label);
		position: absolute;
		left: 10px;
		top: 10px;
		font-weight: bold;
	}

	#resource_content .table-header {
		display: none; /* Hide the header row on small screens */
	}
}

#worksheet_numeracy_literacy .switch-field {
	padding: 10px !important;
}
#worksheet_numeracy_literacy .switch-field label {
	color: #182552 !important;
	background-color: #F7FAFC;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-right: 0;
}
#worksheet_numeracy_literacy .switch-field label:last-child {
	border-right: 1px solid #ddd;
}
#worksheet_numeracy_literacy input:checked + label {
	color: #fff !important;
	background-color: #4298cc;
}
#worksheet_numeracy_literacy #years.switch-field label {
	min-width: 20px !important;
	margin-right: 5px;
    border-radius: 5px;
	background-color: #F7FAFC;
	border: 1px solid #ddd;
}
#worksheet_numeracy_literacy #years input:checked + label {
	background-color: #4298cc;
}

#worksheet_numeracy_literacy #resources_types.switch-field label {
	padding: 11px 16px;
	background-color: #fff;
    /* color: rgba(0, 0, 0, 0.6); */
	font-weight: 600;
	border: 0;
}

#worksheet_numeracy_literacy #resources_types input:checked + label  {
    color: #00A0D0 !important;
    border-bottom: 5px solid #00A0D0;
	border-radius: 0;
}

#worksheet_numeracy_literacy button {
	outline: 0;
	border-radius: 5px;
	border: 0;
	margin: 5px;
}
.range_button {
	border-radius: 5px;
	width: 70px;
	position: absolute;
   
}

.paper_based_text {
	color: #6D6E71;
	font-size: 12px;
	margin-left: 5px;
	padding: 2px;
}

.content_row button, .range_table .pre_post button{
	background-color: #4298cc !important;
	color: #FFF !important;
	height: 30px !important;
    line-height: 30px;
	width: max-content;
}
.content_row button:hover, .range_table .pre_post button:hover {
	background-color: #005587 !important;
}
.resources_box_table{	
	float: left;
	clear: both;
	margin: 0 5px;
	display: none;
	overflow: hidden;
	text-align: center;
	width: 70%;
	transition: 300px 0.3s ease-out;
}
.resources_range .range_selected_button {
	width: 126px !important;
	background-color: #EAF4FB !important;
	border: 1px solid #00A0D0 !important;
}
.resources_range button{
	width: 126px !important;
	border: 1px solid #ddd !important;
}
#resource_content_wrapper .content_message{
	width: 100%;
	text-align: center;
	margin: 10px;
	padding: 10px;
}

.resources_range button:hover {
	background: #EAF4FB;
	color: #666;
	border: 1px solid #00A0D0 !important;
}

.menu_breadcrumb2 li a, .menu_breadcrumb2 li a:after {
	color: #FFF !important;
    background-color: #4298cc !important;
    cursor: pointer;
    transition: all 0.5s;
}

#resources_search_container {
   display: none;
   justify-content: center;
   border-radius: 10px;
   /* background-color: #e8f6ff; */
   margin-top: 10px;
   align-items:center;
   padding: 5px;
   height: 32px;
   margin-left: 58px;
}

#resources_search_container .autocomplete-container {
	position: relative;
	width: 300px;
}
#resources_search_container .autocomplete-items {
	position: absolute;
	border: 1px solid #d4d4d4;
	max-height: 150px;
	overflow-y: auto;
	z-index: 99;
	width: 100%;
	background-color: white;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
	
}
#resources_search_container .autocomplete-items div {
	padding: 5px;
	cursor: pointer;
	align-items: center;
	text-align: center;
}
#resources_search_container .autocomplete-items div:hover {
	background-color: #e8f6ff;
	border-radius: 5px;
}
#search_resources {
	text-align: center !important;
	height: 29px;
	padding-left:0px;
	/* background-color: white;
	background-image: url(../images/preview_eye.svg);
	background-position: 10px 6px; 
	background-repeat: no-repeat; */
	align-items: center;
	margin-top: 5px;
	/* padding: 12px 20px 12px 40px; */
}
#resources_search_reset{
	height: 31px;
	color: #182552;
	background-color: #F7FAFC;
	background-image: url(../images/close_icon.svg);
    background-position: -2px -10px;
    background-repeat: no-repeat;
    align-items: center;
    margin-top: 5px;
    border-radius: 0;
	/* border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-radius: 0 !important;
    border-top-right-radius: 5px !important;
    border-bottom-right-radius: 5px !important; */
	border: 1px solid #ddd !important;
    position: relative;
    /*right: 43px;
    width: 100px;
	display: none; */
	right: 0px;
    width: 87px;
    padding-left: 31px;
    opacity: 0;
}
#resources_search_reset:hover {
	background-color: #4298cc !important;
	color: #fff;
	background-position: -60px -10px;
}
#resources_search_button{
	display: none;
}
#search_resources {
    text-align: center !important;
    height: 30px;
    padding-left: 0px;
    background-color: white;
    background-image: url(../images/preview_eye.svg);
    background-position: 10px 6px;
    background-repeat: no-repeat;
    align-items: center;
    margin-top: 5px;
	width: 290px;
	/* margin-left: 58px; */
    /* padding: 12px 20px 12px 40px; */
}
#year_label{
    position: relative;
    top: 6px;
    left: -10px;
	font-family: 'Open Sans', 'sans-serif';
    font-size: 12px;
    text-transform: uppercase;
}

#search_label{
	position: relative;
    top: -2px;
    left: 20px;
	font-family: 'Open Sans', 'sans-serif';
    font-size: 12px;
	margin-top: 5px;
    text-transform: uppercase;
}

#worksheet_numeracy_literacy #resources_types {
	border-bottom: 2px solid #e8f6ff;
}
#resource_content {
	border-radius: 20px;
}

#resource_content #my_playlist, #resource_content #class_playlist {
    display: none;
	flex-direction: column;
	flex: 0 0 auto;
    width: 240px;
    height: 635px;
	background-color: #002C47;
	padding: 10px;
    margin-left: 10px;
	border-radius: 5px;
	color: #fff;
	/* align-items: start; */
	margin-top: 15px;
}
#resource_content .table-header, .table-row {
    display: flex;
    width: calc(100% - 35px);
    margin: 0px 10px 0px 5px;
}

#resource_content .table-header, .content_row .table-row, .pb_content_row .table-row {
    align-items: center;
}
#resource_content #my_playlist h2, #resource_content #class_playlist h2 {
	color: #fff;
	text-align: center;
}
#resource_content_wrapper .sc_video .sc_video_icon_add{
	display: none;
}
#resource_content_wrapper .sc_video:hover .sc_video_icon_add{
	display: block;
}
#resource_content_wrapper .sc_video .sc_video_icon_remove{
	display: none !important;
}
#resource_content_wrapper .sc_video .sc_video_icon_remove .sc_video_icon{
	display: none !important;
}
#my_playlist .sc_video:hover .sc_video_add .sc_video_icon, #class_playlist .sc_video:hover .sc_video_add .sc_video_icon {
	display: none;
}
#my_playlist .sc_video:hover .sc_video_icon_remove .sc_video_icon, #class_playlist .sc_video:hover .sc_video_icon_remove .sc_video_icon{
	display: block;
}
#my_playlist .sc_video .sc_video_icon_remove .sc_video_icon, #class_playlist .sc_video .sc_video_icon_remove .sc_video_icon {
	background-position: -30px -30px;
}
#my_playlist .playlist_text, #class_playlist .playlist_text{
	color: #AFD8EB;
	padding: 2px;
	width: fit-content;
	font-size: 14px;
}
.sc_video .sc_video_added {
	position: absolute;
    width: fit-content;
    height: fit-content;
    border-radius: 3px;
    /* left: 0px; */
    right: 4px;
    top: -144px;
    bottom: 0;
    margin: auto;
    padding: 0px 2px 0px 2px;
    /* margin-bottom: 1px; */
    color: #fff;
    background-color: #002C47 !important;
    display: none;
    font-size: 11px;
    vertical-align: middle;
    align-items: center;
	opacity: 1 !important;
}
.sc_video_disabled {
	background-color: lightgray;  /* Disabled select background */
	color: #777;  /* Disabled select text color */
	/*cursor: not-allowed;   Change cursor to indicate it's disabled */
	/*opacity: 0.6;   Make the select element appear faded */
}
.ll_content_row {
	margin-top: 15px;
	border-top: 3px solid #E0E4E9;
}

.ll_content_row .achivement, .content_row .achivement {
	background-color: #E0E4E9;
	border-radius: 5px;
	width: 95%;
	margin-top: 10px;
	margin-bottom: 5px;
}
.ll_content_row ul, .content_row ul {
	list-style-type: disc;
	padding: 3px;
	padding-left: 20px;
    font-size: 12px !important;
    position: relative;
    left: 5px;
  }

.ll_content_row ul li::marker, .content_row ul li::marker {
	color: white;
  }
  #resource_content_wrapper .sc_video .sc_video_wrapper {
	width: 240px !important;
  }
  #resource_content .sc_video {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  #my_playlist_videos, #class_playlist_videos {
	overflow-y: auto;
	overflow-x: hidden;
	scrollbar-width: thin;
    scroll-behavior: smooth;
	margin-left: 4px;
	margin-right: 2px;
    padding-right: 2px;
 }

 #ll_update_vidoes {
	position: absolute;
    right: 97.5px;
    top: 730px;
    width: 260px;
 }
.close_button_styles { 
	position: absolute;
	right: -18px;
	top: -18px;
	z-index:1;
}
 
#worksheet_numeracy_literacy #resources_types.switch-field label {
	transition: none;
}

#my_playlist_videos .ps__rail-y {
    background: transparent;
	right: 72px !important;
}

#my_playlist_videos .ps__thumb-y {
	top: 290px !important;
	
}
.download_button_icon {
	top: 7px;
    width: 24px;
    height: 24px;
    background-image: url(../images/download-bold-arrow-icon.png);
    position: relative;
    background-repeat: no-repeat;
    background-size: 16px;
    z-index: 1;
	float: right;
    margin-left: 5px;
}