/*
Theme Name:Unlock Math
Theme URI:https://www.unlockmath.com/
Author:David Jonkers
Author URI:https://wedesigngroup.ca/
*/
body{background:#f0f0f0;color:#222;font:300 18px/24px Nunito,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;margin:0;padding:0;height:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position:relative}
html{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}

.clearfix:after,.columns:after, #content:after, .table-row:after, .row:after{content:" ";visibility:hidden;display:block;height:0;clear:both}

xmp{
text-align: left;
display: block;
white-space: nowrap;
margin:0 0 4px;
}


.course-progress{margin-top:10px}

.average{
    font-weight: bold;
    padding: 7px;
    border: 2px solid #222;
    margin: 10px 0 0 20px;
}


.average.green{border-color: #19891a; color: #19891a;  /*background-color:#19891a;*/ /*color: #000000;*/}
.average.red{border-color: #f04444; color: #b30202;  /*background-color:#f04444;*/ /*color: #000000;*/}
.average.yellow{border-color: #ffb900; /*border-color: #ffb900;*/ color: #ffb900; /*background-color:#ffb900;*/ /*color: #000000;*/}

.accordion{}
.accordion-group{margin-bottom:2px;}
.accordion-header{display:block;position:relative;padding:20px 5%;cursor:pointer;pointer-events: auto;display:block;-webkit-touch-callout: none;
    -webkit-user-select: none;
     -khtml-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;}
.accordion-header h2 {margin:0; font-size: 140%; }
.accordion-header .icon{margin:5px 20px 0 0;display:block;max-width:50px;float:left}
.accordion-content{display:none}
.active .accordion-content{display:block}


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

.icon-menu{margin:0;padding:0;position:absolute;top:20px;right:20px}
.icon-menu li{float:left;list-style:none;margin:0 0 0 10px;padding:0}
.icon-menu .material-icons {color: #57606c;border: 1px solid #ddd;-webkit-border-radius: 180px;-moz-border-radius: 180px;border-radius: 180px;padding: 9px;}
.icon-menu a:hover .material-icons{background:#e0e0e0}

.dropdown-menu{}
.dropdown-menu-item{display:none;white-space:nowrap;overflow:hidden;position: absolute;right: 0;background: white;z-index: 999;font-size: 85%;-webkit-box-shadow:0px 2px 6px 0px rgba(0,0,0,0.1);-ms-box-shadow:0px 2px 6px 0px rgba(0,37,97,0.10);-moz-box-shadow:0px 2px 6px 0px rgba(0,37,97,0.10);box-shadow:0px 2px 6px 0px rgba(0,0,0,0.1);}
.dropdown-menu-item p{border-bottom: 1px solid #ddd;}
.dropdown-menu .target:hover .dropdown-menu-item{display:block}

.dropdown-menu-item .pad{padding:10px 20px;}



#student-header{position:relative}
#student-info{position:absolute;left:260px;top:20px}
#student-header .meta{position:absolute;right:20px;bottom:20px;}
#student-header img{max-width:240px;float:left}
/* GRID */

.columns{overflow:hidden}
.columns.gap {margin:2% -1.5%}
.columns.border .pad{border:1px solid #ddd;}
.count-1 .column{width:100%;}
.count-1.gap .column{width:97%;margin:0 1.5%}
.count-2 .column{width:50%;float:left}
.count-2 .column .pad{padding:8% 10%;}
.count-2.gap .column{width:47%;margin:0 1.5%}
.count-3 .column{width:33.33%;float:left}
.count-3 .column .pad{padding:8% 15%;}
.count-3.gap .column{width:30.33%;margin:0 1.5%}
.count-4 .column{width:25%;float:left}
.count-4 .column .pad{padding:8% 20%;}
.count-4.gap .column{width:22%;margin:0 1.5%}
.count-5 .column{width:20%;float:left}
.count-5 .column .pad{padding:8% 25%;}
.count-5.gap .column{width:17%;margin:0 1.5%}
.column{position:relative}

.c12, .c24{width:50%;float:left}
.c13{width:30%;float:left;padding:0 1.1%}
.c23{width:60%;float:left;padding:0 1.1%}
.c14{width:25%;float:left}
.c34{width:75%;float:left}

.c26{width:33.32%;float:left}
.c16{width:16.66%;float:left}

.columns.list{margin: 2% -0.5%;padding: 0;}
.columns.list li{width:25%;float:left;list-style:none;margin:0;padding:0; min-width: 295px;}
.columns.list li a{display:block;background:white;margin:1.5%;padding:4%}
.columns.list span{display:block}

.table{
    font-size: 80%;
    margin: 0 5%;
    border-top: 1px solid #ddd;
    padding: 10px 0 40px;
}
.table-header{font-weight:bold;}
.table .table-row{border-bottom:1px solid #f0f0f0;display:block;padding:4px 0; -webkit-touch-callout: none;
    -webkit-user-select: none;
     -khtml-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;}
.table .table-row:hover{background:#f0f0f0}
.table .table-header:hover{background:none}
.table .table-row:after{content:" ";visibility:hidden;display:block;height:0;clear:both}

.table-row .c1:first-of-type{padding:0 2%;width:6%}

.table .table-row .table-row{display:none;border:none;border-top:1px dashed #ddd;padding:4px 0 0}

.table .table-row.active{background: #f0f0f0}
.table .table-row.active:hover{background:#e5e5e5}

.table .table-row.active > .accordion-nested{font-weight:bold;}
.table .table-row.active .table-row{display:block}

.switch .table-row .auxmenu{top:auto;right:auto}

.table-row .lesson{font-size:85%;padding:0 20px}

.table span {
display: block;
min-width: 1px;
min-height: 1px;
position: relative;
}

.status{
    font-size: 45%;
    color:white;
    text-align:center;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: bold;
    background: #0177ad;
    display: inline-block;
    padding:4px 10px 3px;
    line-height: 1;
		-webkit-border-radius: 90px;
		-moz-border-radius: 90px;
		border-radius: 90px;
}
.status.green{background:#19891a}
.status.red{background:#f04444}
.status.grey{background: #424242;}


.meta {
font-size: 55%;
letter-spacing: 1px;
color: #777;
text-transform: uppercase;
}

.border{border:1px solid #ddd;}
.border-left{border-left:1px solid #ddd}


.submenu{margin:0;padding:0;text-align:center;width:100%; background:rgb(255,255,255,.7);-webkit-box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.1);
-ms-box-shadow: 0px 2px 6px 0px rgba(0,37,97,0.10);
-moz-box-shadow: 0px 2px 6px 0px rgba(0,37,97,0.10);
box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.1);    position: fixed;
z-index: 20;
top: 80px;}
.submenu li {
margin: 0;
padding: 0;
list-style: none;
display:inline-block;zoom:1;*display:inline
}
.submenu a{display:block;white-space:nowrap;padding:10px 20px;font-weight:bold;font-size:90%;color: #57606c!important;}


.auxmenu{margin:0;padding:0;font-size:85%;color:#777;position:relative;float:right}
.auxmenu li{margin:0;padding:0;list-style:none}
.auxmenu li a{display:block;color:#777;height:44px;line-height:44px;padding:0 20px;}

.auxmenu ul{display:none;position:absolute;z-index:999;right:0;margin:0;padding:0;background:white;-webkit-box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.2);-ms-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.2);-moz-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.2);box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.2);}
.auxmenu ul li{margin:0;padding:0;list-style:none}
.auxmenu > li:hover ul{display:block}
.auxmenu > li a:hover{background:#f1f1f1;text-decoration:none}
.auxmenu > li a{white-space: nowrap;text-align: right;}

.auxmenu i{
vertical-align:top;
font-size:14px;
color:#777
}



/* Layouts */

#sidebar{width:25%;position:relative;float:left}
#sidebar h2{margin: 0;background: #523167;border-bottom: 1px solid #392248;color: white;padding: 10px 4%;font-size: 140%;}
#sidebar li a {display:block;padding:14px 20px;display:block;border-bottom:1px solid #f0f0f0;color:#523167;}

#with-sidebar{width:75%;margin:0 0 40px 0;position:relative;float:right;z-index:3;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
#with-sidebar.left{margin:0}

#sidebar .sticky {z-index:3;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;width:100%;}
#sidebar .sticky.fixed {display:block;position:fixed;width:25%;}
#sidebar .sticky h2 {background:#523167;color:white;margin:0;height:68px;font-size:114%;line-height:1;padding:0 9%;line-height:68px;text-transform:uppercase;font-weight:bold;}

.max-width{max-width:1000px;margin:0 auto}
.pad{padding:40px 5%;position:relative}

.shadow{-webkit-box-shadow:0px 2px 6px 0px rgba(0,0,0,0.1);-ms-box-shadow:0px 2px 6px 0px rgba(0,37,97,0.10);-moz-box-shadow:0px 2px 6px 0px rgba(0,37,97,0.10);box-shadow:0px 2px 6px 0px rgba(0,0,0,0.1);}
#hero .shadow{-webkit-box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.2);-ms-box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.2);-moz-box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.2);box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.2);}

a.add-more{
position: absolute;
right:4%;
top:8px;
}
a.add-more i{font-size:34px;color:#aaa}
a.add-more:hover i{color:#523167}


/* Styles */

.margin-bottom{margin-bottom:40px}
.no-margin{margin:0}

h1,h2,h3,h4,h5,h6{font-family:'Nunito',sans-serif;margin:0 0 .5em;color:#424242;line-height:1.2em}
h1{font-size:270%;letter-spacing: -1.5px;}
h2{font-size:180%;letter-spacing: -0.5px;}
h3{font-size:140%}
h4{font-size:100%;font-weight:bold;letter-spacing:0.5px;}
h5{font-size:1em}
p{margin: .5em 0;}

.card-title{
padding: 10px 4% 10px;
margin: 0;
border-bottom: 1px solid #ddd;
background: #f0f0f0;
font-size: 140%;
}

ol, ul{margin:0 0 0 1.75em;}
li{margin:.5em 0}

hr{border:none;border-top:1px solid #E0E0E0;clear:left;display:block;margin:1em 0}

img{display:block;width:100%}

a:link, a:visited{color:#523167;outline:none;text-decoration:none}
a:hover, a:focus, a:active{color:#005f98;text-decoration:underline}

a.button{text-transform:uppercase;color:white;background:#0177ad;border:2px solid #0177ad;outline:0;display:inline-block;font-size:.9em;padding:8px 24px;margin:18px 0;font-weight:bold;-webkit-border-radius:90px;-moz-border-radius:90px;border-radius:90px;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;cursor:pointer}
a.button:hover, a.button:focus{cursor:pointer;background:#07b1ff!important;border:2px solid #07b1ff!important;color:#fff!important;text-decoration:none}
a.button.outline{border:2px solid #0177ad;color:#0177ad;background:none}
a.button.small{padding:4px 20px;font-size:80%}

a.button.purple{background:#523167;border:2px solid #523167;}
a.button.outline.purple{border:2px solid #523167;color:#523167;}
a.button.purple:hover{background:#872A86!important;border:2px solid #872A86!important}


dt{display: block;
float: left;
color: #fff;
background-color: rgba(0,0,0,.24);
width: 32px;
height: 32px;
border-radius: 16px;
line-height: 32px;
text-align: center;
font-weight: 500;
margin-top: 5px;}
dd {
display: block;
margin-left: 60px;
margin-bottom: 20px;
}

sup{font-size:12px}
strong{font-weight:bold}
.section{position:relative; /* overflow:hidden;*/ }
.narrow{max-width:800px;margin:0 auto}
.white{background:#fff}
.logo{max-width:200px;display:block;position:absolute;left:15px;margin:0;z-index:30}
.dark{background:#523167;color:#fff}
.darker{background:#392248;color:#fff}
.dark h1,.dark h2,.dark h3{color:white}
.white h1,.white h2,.white h3{color:#222}

.blue{background:#009fe3;color:#fff}
.blue h1,.blue h2{color:white}

.light{background:#f6f7f9}
.right{float:right!important}
.left{float:left!important}

.order-left{float:right!important}
.order-left .pad{background:url(i/wave-corner-0110.png) no-repeat right bottom}

.center{text-align:center}
.text-right{text-align:right}
.text-left{text-align:left}
.alignleft{float:left; margin-right:1em}
.aligncenter{text-align:center;display:block}
.no-margin{margin:0!important}
.no-bullets{margin:0; padding:0}
.no-bullets li{list-style:none;margin:0; padding:0}
.clearfix:after {content:" ";visibility:hidden;display:block;height:0;clear:both;}
.srt{display:none}

.c50{width:50%;float:left}
.c1{width:10%;float:left;position:relative}
.c2{width:20%;float:left;position:relative}
.c3{width:30%;float:left;position:relative}
.c4{width:40%;float:left;position:relative}
.c5{width:50%;float:left;position:relative}
.c33{width:33.33%;float:left;position:relative}
.c66{width:66.66%;float:left;position:relative}
.c8{width:80%;float:left}
.hidden {display:none}

.cards{}
.card{border:1px solid #ddd}


footer{position:relative;z-index:10}

#courses{background:#009fe3;overflow:hidden;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;transition:all 0.5s;padding-bottom:80px}
#courses .item{margin:0 4% 15%;background:white;z-index:500}


.svg-container {position:absolute;right:-1px;top:-1px;}


.wave1{position:absolute;left:-134px;width:134px;z-index:1;display:block;}

#header{position:fixed;height:80px;z-index:999;width:100%;background:white;-webkit-box-shadow:0px 2px 6px 0px rgba(0,0,0,0.1);-ms-box-shadow:0px 2px 6px 0px rgba(0,37,97,0.10);-moz-box-shadow:0px 2px 6px 0px rgba(0,37,97,0.10);box-shadow:0px 2px 6px 0px rgba(0,0,0,0.1);}
#header .login{position:absolute;right:3%}
#header ul{padding:0;margin:0;text-align:center}
#header ul li{display:inline-block;margin:0;padding:0;position:relative;list-style:none}
#header ul li a{color:#57606c;padding:0 15px;margin:0;display:block;text-decoration:none;font-weight:600;height:44px;line-height:44px;}
#header ul li.current-menu-item a{color:#093c71}
#header span{display:block;white-space:normal;font-size:70%;line-height:1.2;}

nav > ul > li > a:before {content:"";position:absolute;width:100%;height:3px;bottom:0;left:0;background-color:#049adf;visibility:hidden;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;}
nav > ul > li > a:focus:before,
nav > ul > li > a:hover:before {visibility:visible;-webkit-transform:scaleX(1);transform:scaleX(1);}




.menu-vertical{margin:0;padding:0}
.menu-vertical li{margin:0;padding:0;list-style:none}
.menu-vertical li a {display:block;padding:14px 20px;display:block;border-bottom:1px solid #f0f0f0;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out; }
.menu-vertical li a:hover{background:#f1f1f1}


.unit{text-transform:uppercase;font-size:70%;font-weight:bold;min-width:70px;display:inline-block;}

#header ul li.current-menu-item a:hover{text-decoration:none;cursor:default}
#header ul li > ul{left:0;z-index:999;position:absolute;display:none;margin:0;padding:0 0 15px;text-align:left}
#header ul ul > li{width:100%}
#header ul ul > li a{white-space:nowrap;float:none;line-height:44px;height:44px}
#header ul ul ul{position:relative;width:890px;overflow:hidden}
#header ul ul ul > li {display:block;width:25%;float:left;}
#header ul li:hover ul{background:white;display:block;}
#header ul li ul li a:hover{background:#efefef}

nav > ul > li > ul{-webkit-box-shadow:0px 2px 6px 0px rgba(0,0,0,0.1);-ms-box-shadow:0px 2px 6px 0px rgba(0,37,97,0.10);-moz-box-shadow:0px 2px 6px 0px rgba(0,37,97,0.10);box-shadow:0px 2px 6px 0px rgba(0,0,0,0.1);}

.grouping {padding:15px}
.grouping a {padding:15px!important;line-height:1.4!important;height:auto!important;}
.grouping > a{font-size:70%;text-transform:uppercase;color:#777!important;padding:20px 15px 0!important;}
.grouping > a:hover{background:none!important}

#content{padding-top:80px;}

.logo{max-width:152px;width:auto;margin-top:12px}

.alertbar{text-transform:uppercase;font-size:70%;letter-spacing:1;text-align:center;background:#0177ad;color:white;font-weight:bold;margin:0}

.middle-container{display:table;}
.middle {display:table-cell;vertical-align:middle;position:relative;z-index:20;}

#header ul.primary{clear:both;font-size:1.2em}
li.current-menu-item a{background:#f6f7f9;color:#093c71}

.banner-hero{position:relative;overflow:hidden;height:90vh;display:table;background-position:50% 50%;background-repeat:no-repeat;background-attachment:fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;width:100%;}

.banner-hero .button{margin-top:40px}
.banner-hero .c50{height:90vh;position:relative}
.banner-hero .c50{}
.banner-hero .middle{padding:10%}

#hero {overflow:hidden;position:relative;color:#fff;background:linear-gradient(-45deg, #EE7752, #E73C7E, #23A6D5, #23D5AB);background-size:400% 400%;-webkit-animation:Gradient 15s ease infinite;-moz-animation:Gradient 15s ease infinite;animation:Gradient 15s ease infinite;}

.users{}

.workflow{overflow:hidden}
.workflow .path{border:1px solid #ddd;width:50%;margin:4% auto}
.workflow .path.step-03,
.workflow .path.step-04,
.workflow .path.step-05{width:30%;margin:4% 1.5%; float:left;}


.users a{overflow:hidden;line-height:1.4}
.users .group{position:absolute;left:80px}
.users .full-name{font-weight:bold}
.users span{display:block}
.users img {-webkit-border-radius: 180px;-moz-border-radius: 180px;border-radius: 180px;float: left;max-width: 44px;max-height: 44px;margin:0 20px 0 0;}

.embed-container { position: relative; padding-bottom: 54.25%; height: 0; overflow: hidden; max-width: 100%; }
.embed-container iframe,
.embed-container object,
.embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.fullpage{min-height: calc(100vh - 80px);width: 100%;}
.with-submenu{margin-top:44px}
.with-tabmenu{padding-bottom:0!important}

.hero, .hero h1{color:white}
.hero{padding:12% 0}
p.subheader{
font-style: italic;
font-weight: bold;
color: #523167;
}

@-webkit-keyframes Gradient {0% {background-position:0% 50%}
50% {background-position:100% 50%}
100% {background-position:0% 50%}
}

@-moz-keyframes Gradient {0% {background-position:0% 50%}
50% {background-position:100% 50%}
100% {background-position:0% 50%}
}

@keyframes Gradient {0% {background-position:0% 50%}
50% {background-position:100% 50%}
100% {background-position:0% 50%}
}

#hero>h1{text-transform:uppercase}

#hero>p{margin-bottom:124px}
#hero>.pad{position:relative;z-index:2;padding:4% 10% 10%}
.pattern {background:url(i/pattern-w.png) repeat;pointer-events: none;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:1;}

.teacher {width:100%;max-width:480px;display:block;position:absolute;bottom:-65px;right:-26px;z-index:2;}

#hero.smaller {height:75px;}

#hero h1{color:white}
.popup-vimeo {position:absolute;bottom:18%;left:40px;-webkit-border-radius:90px;-moz-border-radius:90px;border-radius:90px;width:80px;height:auto;text-align:center;}

.page-links{position:absolute;bottom:40px}
.page-links ul{margin:0;padding:0}
.page-links li{margin:0 30px 0 0;padding:0;list-style:none;display:inline-block}
.page-links a{text-transform:uppercase;color:white;font-weight:bold;font-size:80%}

#footer .page-links{position:relative;bottom:auto;margin:2em auto;}

.stripe{background:#48205c;margin:6% 0 3%;}
.stripe .c66{margin:-20px 0 -20px 3%;width:63.66%;}
.stripe .c33{width:28%;margin:-20px 3% -20px 0;float:right;}
.stripe .framed{margin:0}
.paralaxed {height:600px;background-position:50% 50%;background-repeat:no-repeat;background-attachment:fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;width:100%;display:table;text-align:center;position:relative;overflow:hidden;}
.shade {position:absolute;z-index:10;top:0;height:100vh;max-width:100%;}
.paralaxed .pad{max-width:500px;font-weight:bold;padding:3%;margin:0 auto}


.list .item{display: block;overflow: hidden;font-size:75%;line-height:1;padding:5px 0;color:#222;}
.list .title{font-weight:bold;font-size:75%;text-transform:uppercase;float:left;width:33%;min-width:100px;text-align:right;margin-top:2px}
.list .description{display:block;float:left;padding:0 0 0 1%;width:56%;float:right}

.center .middle{margin:0 auto}

/**:focus {outline:none}*/

.filter{position:relative}
.filter input{
width: 92%;
font-size: 110%;
padding: 4%;
border: none;
border-bottom:1px solid #f0f0f0;
}
.filter .search {
position: absolute;
right: 4%;
top: 11px;
}
.filter .search i {color: #ddd;font-size: 30px;}

.headline{text-transform:uppercase;font-size:90%;font-weight:bold}
#pricing-table{overflow:hidden;margin:1em auto 8em;z-index:4}
#pricing-table h1{margin-top:1em}
#pricing-table .box1{width:42%;float:left;padding:5% 4%;margin-top:4em;color:#222;position:relative;left:2px}
#pricing-table .box2{width:42%;float:left;padding:4%;margin-top:2em;color:#fff;position:relative;left:-2px}

.box1 .price{font-size: 400%;font-weight: bold;display: block;line-height:1}

.box1 ul{text-align:left;margin:0 2em;padding:0}
.box1 li{list-style:none;text-align:center;margin:0;padding:0;}
.box2 ul{text-align:left;margin:1em 0 2em}
.box2 li{width:50%;float:left;font-size:86%;}

.white-popup {position:relative;background:#FFF;padding:20px;width:auto;max-width:500px;margin:20px auto;}

.underlined li{border-bottom:1px solid #f0f0f0;padding:3px}

#footer{    position: relative;}
.r-tabs .r-tabs-nav {margin:0;padding:0;border-bottom:1px solid #f0f0f0}
.r-tabs .r-tabs-tab {display:inline-block;margin:0;list-style:none;}
.r-tabs .r-tabs-panel {display:none;}
.r-tabs a{    color: #57606c;
padding: 0 30px;
margin: 0;
display: block;
text-decoration: none;
font-weight: 600;
height: 68px;
line-height: 68px;}
.r-tabs .r-tabs-accordion-title {display:none;}
.r-tabs .r-tabs-panel.r-tabs-state-active {display:block;}
.r-tabs-state-active a{    background: #735A80;color: white;}
@media only screen and (max-width:768px) {
.r-tabs .r-tabs-nav {display:none;}
.r-tabs .r-tabs-accordion-title {display:block;}
}


.r-tabs a:before {content:"";position:absolute;width:100%;height:3px;bottom:0;left:0;background-color:#049adf;visibility:hidden;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;}
.r-tabs a:hover:before {visibility:visible;-webkit-transform:scaleX(1);transform:scaleX(1);}



#svgContainer {
position:absolute;
}
#outer{
margin:0 auto;
width: 80%;
}
#outer .test{margin:2em}


form{width:90%;margin:0 auto;background:#fff;border-radius:2px;padding:5%;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px}
form ul{list-style:none;padding:0;margin:0}
form li{display:block;padding:9px;border:1px solid #DDD;margin-bottom:30px;border-radius:3px}
form li > label{display:block;float:left;margin-top:-19px;background:#FFFFFF;height:14px;padding:2px 5px 2px 5px;color:#454545;font-size:14px;line-height:1}
form input[type="text"],
form input[type="tel"],
form input[type="date"],
form input[type="datetime"],
form input[type="email"],
form input[type="number"],
form input[type="search"],
form input[type="time"],
form input[type="url"],
form input[type="password"],
form textarea,
form select {box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;width:100%;display:block;/*outline:none;*/border:none;height:25px;line-height:25px;font-size:16px;padding:14px 5px; background:#FFFFFF !important; color: #000000 !important; filter: none; }


:-moz-autofill,
:-moz-autofill-preview { background:#FFFFFF !important; color: #000000 !important; filter: none; }


/*form input[type="text"]:focus,
form input[type="date"]:focus,
form input[type="datetime"]:focus,
form input[type="email"]:focus,
form input[type="number"]:focus,
form input[type="search"]:focus,
form input[type="time"]:focus,
form input[type="url"]:focus,
form input[type="password"]:focus,
form textarea:focus,
form select:focus {border:none;}*/

form li > span{background:#f6f7f9;display:block;padding:3px;margin:0 -9px -9px -9px;text-align:center;color:#444;font-size:11px}

form textarea{resize:none;height:100px}

form input[type="submit"],
form input[type="button"],
.js-cm-submit-button{background:#523167;border:none;padding:10px 20px 10px 20px;border-radius:3px;color:white;font-weight:bold;font-size:14px;text-transform:uppercase;cursor:pointer}

form input[type="submit"]:hover,
form input[type="button"]:hover, .js-cm-submit-button:hover{background:#872A86;color:#fff}





@media (max-width:768px){}
@media (max-width:480px){}
@media print{}

@font-face{font-family:'flexslider-icon';src:url('fonts/flexslider-icon.eot');src:url('fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'), url('fonts/flexslider-icon.woff') format('woff'), url('fonts/flexslider-icon.ttf') format('truetype'), url('fonts/flexslider-icon.svg#flexslider-icon') format('svg');font-weight:normal;font-style:normal;}
.flex-container a:hover,
.flex-slider a:hover{outline:none;}
.slides,
.slides > li,
.flex-control-nav,
.flex-direction-nav{margin:0;padding:0;list-style:none;}
.flex-pauseplay span{text-transform:capitalize;}
.flexslider .slides > li{display:none;-webkit-backface-visibility:hidden;}
.flexslider .slides img{width:100%;display:block;}
.flexslider .slides:after{content:"\0020";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
html[xmlns] .flexslider .slides{display:block;}
* html .flexslider .slides{height:1%;}
.no-js .flexslider .slides > li:first-child{display:block;}

.flexslider{position:relative;zoom:1;margin:0;padding:0}
.flexslider .slides{zoom:1;overflow:hidden;}
.flexslider .slides img{height:auto;-moz-user-select:none;}
.flex-viewport{max-height:2000px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-ms-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease;}
.loading .flex-viewport{max-height:300px;}
.carousel li{margin-right:5px;}
.flex-direction-nav li{margin:0}
.flex-direction-nav{*height:0;}
.flex-direction-nav a{text-decoration:none;display:block;width:40px;height:40px;margin:-20px 0 0;position:absolute;top:50%;z-index:10;overflow:hidden;opacity:0;cursor:pointer;color:rgba(0, 0, 0, 0.8);text-shadow:1px 1px 0 rgba(255, 255, 255, 0.3);-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.flex-direction-nav a:before{line-height:1em;font-family:"flexslider-icon";font-size:40px;display:inline-block;content:'\f001';color:rgba(0, 0, 0, 0.8);text-shadow:1px 1px 0 rgba(255, 255, 255, 0.3);}
.flex-direction-nav a.flex-next:before{content:'\f002';}
.flex-direction-nav .flex-prev{left:-50px;}
.flex-direction-nav .flex-next{right:-50px;text-align:right;}
.flexslider:hover .flex-direction-nav .flex-prev{opacity:0.7;left:10px;}
.flexslider:hover .flex-direction-nav .flex-prev:hover{opacity:1;}
.flexslider:hover .flex-direction-nav .flex-next{opacity:0.7;right:10px;}
.flexslider:hover .flex-direction-nav .flex-next:hover{opacity:1;}
.flex-direction-nav .flex-disabled{opacity:0!important;filter:alpha(opacity=0);cursor:default;z-index:-1;}
.flex-pauseplay a{display:block;width:20px;height:20px;position:absolute;bottom:5px;left:10px;opacity:0.8;z-index:10;overflow:hidden;cursor:pointer;color:#000;}
.flex-pauseplay a:before{font-family:"flexslider-icon";font-size:20px;display:inline-block;content:'\f004';}
.flex-pauseplay a:hover{opacity:1;}
.flex-pauseplay a.flex-play:before{content:'\f003';}
.flex-control-nav{width:100%;position:absolute;bottom:-40px;z-index:200;text-align:center;}
.flex-control-nav li{margin:0 2px;display:inline-block;zoom:1;vertical-align:middle;*display:inline;}
.flex-control-paging li a{width:14px;height:14px;display:block;background:#aaa;cursor:pointer;text-indent:-9999px;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;}
.flex-control-paging li a:hover{background:#666;}
.flex-control-paging li a.flex-active{background:#444;cursor:default;}
.flex-control-thumbs{margin:5px 0 0;position:static;overflow:hidden;}
.flex-control-thumbs li{width:25%;float:left;margin:0;}
.flex-control-thumbs img{width:100%;height:auto;display:block;opacity:.7;cursor:pointer;-moz-user-select:none;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-ms-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease;}
.flex-control-thumbs img:hover{opacity:1;}
.flex-control-thumbs .flex-active{opacity:1;cursor:default;}
@media screen and (max-width:860px){.flex-direction-nav .flex-prev{opacity:1;left:10px;}
.flex-direction-nav .flex-next{opacity:1;right:10px;}}


/* Magnific Popup CSS */
.mfp-bg {top:0;left:0;width:100%;height:100%;z-index:1042;overflow:hidden;position:fixed;background:#0b0b0b;opacity:0.8}
.mfp-wrap {top:0;left:0;width:100%;height:100%;z-index:1043;position:fixed;outline:none !important;-webkit-backface-visibility:hidden}
.mfp-container {text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;box-sizing:border-box}
.mfp-container:before {content:'';display:inline-block;height:100%;vertical-align:middle}
.mfp-align-top .mfp-container:before {display:none}
.mfp-content {position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045}
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {width:100%;cursor:auto}
.mfp-ajax-cur {cursor:progress}
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out}
.mfp-zoom {cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}
.mfp-auto-cursor .mfp-content {cursor:auto}
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {-webkit-user-select:none;-moz-user-select:none;user-select:none}
.mfp-loading.mfp-figure {display:none}
.mfp-hide {display:none !important}
.mfp-preloader {color:#CCC;position:absolute;top:50%;width:auto;text-align:center;margin-top:-0.8em;left:8px;right:8px;z-index:1044}
.mfp-preloader a {color:#CCC}
.mfp-preloader a:hover {color:#FFF}
.mfp-s-ready .mfp-preloader {display:none}
.mfp-s-error .mfp-content {display:none}
button.mfp-close,
button.mfp-arrow {overflow:visible;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;display:block;outline:none;padding:0;z-index:1046;box-shadow:none;touch-action:manipulation}
button::-moz-focus-inner {padding:0;border:0}
.mfp-close {width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:0.65;padding:0 0 18px 10px;color:#FFF;font-style:normal;font-size:28px;font-family:Arial, Baskerville, monospace}
.mfp-close:hover,
.mfp-close:focus {opacity:1}
.mfp-close:active {top:1px}
.mfp-close-btn-in .mfp-close {color:#333}
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {color:#FFF;right:-6px;text-align:right;padding-right:6px;width:100%}
.mfp-counter {position:absolute;top:0;right:0;color:#CCC;font-size:12px;line-height:18px;white-space:nowrap}
.mfp-arrow {position:absolute;opacity:0.65;margin:0;top:50%;margin-top:-55px;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:transparent}
.mfp-arrow:active {margin-top:-54px}
.mfp-arrow:hover,
.mfp-arrow:focus {opacity:1}
.mfp-arrow:before,
.mfp-arrow:after {content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:medium inset transparent}
.mfp-arrow:after {border-top-width:13px;border-bottom-width:13px;top:8px}
.mfp-arrow:before {border-top-width:21px;border-bottom-width:21px;opacity:0.7}
.mfp-arrow-left {left:0}
.mfp-arrow-left:after {border-right:17px solid #FFF;margin-left:31px}
.mfp-arrow-left:before {margin-left:25px;border-right:27px solid #3F3F3F}
.mfp-arrow-right {right:0}
.mfp-arrow-right:after {border-left:17px solid #FFF;margin-left:39px}
.mfp-arrow-right:before {border-left:27px solid #3F3F3F}
.mfp-iframe-holder {padding-top:40px;padding-bottom:40px}
.mfp-iframe-holder .mfp-content {line-height:0;width:100%;max-width:900px}
.mfp-iframe-holder .mfp-close {top:-40px}
.mfp-iframe-scaler {width:100%;height:0;overflow:hidden;padding-top:56.25%}
.mfp-iframe-scaler iframe {position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0, 0, 0, 0.6);background:#000}
/* Main image in popup */
img.mfp-img {width:auto;max-width:100%;height:auto;display:block;line-height:0;box-sizing:border-box;padding:40px 0 40px;margin:0 auto}
/* The shadow behind the image */
.mfp-figure {line-height:0}
.mfp-figure:after {content:'';position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px rgba(0, 0, 0, 0.6);background:#444}
.mfp-figure small {color:#BDBDBD;display:block;font-size:12px;line-height:14px}
.mfp-figure figure {margin:0}
.mfp-bottom-bar {margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}
.mfp-title {text-align:left;line-height:18px;color:#F3F3F3;word-wrap:break-word;padding-right:36px}
.mfp-image-holder .mfp-content {max-width:100%}
.mfp-gallery .mfp-image-holder .mfp-figure {cursor:pointer}
@media screen and (max-width:800px) and (orientation:landscape), screen and (max-height:300px) {
.mfp-img-mobile .mfp-image-holder {padding-left:0;padding-right:0}
.mfp-img-mobile img.mfp-img {padding:0}
.mfp-img-mobile .mfp-figure:after {top:0;bottom:0}
.mfp-img-mobile .mfp-figure small {display:inline;margin-left:5px}
.mfp-img-mobile .mfp-bottom-bar {background:rgba(0, 0, 0, 0.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;box-sizing:border-box}
.mfp-img-mobile .mfp-bottom-bar:empty {padding:0}
.mfp-img-mobile .mfp-counter {right:5px;top:3px}
.mfp-img-mobile .mfp-close {top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0, 0, 0, 0.6);position:fixed;text-align:center;padding:0}
}
@media all and (max-width:900px) {.mfp-arrow {-webkit-transform:scale(0.75);transform:scale(0.75)}
.mfp-arrow-left {-webkit-transform-origin:0;transform-origin:0}
.mfp-arrow-right {-webkit-transform-origin:100%;transform-origin:100%}
.mfp-container {padding-left:6px;padding-right:6px}
}

/* Devon's additions below this line */


.disabled-input-button:hover {
    background: #523167 !important;
    cursor: default !important;
}

#cancel_feedback_text {
    width: 100%;
    border: none;
    font-family: Nunito, sans-serif;
}

#cancel-warning {
    color: red;
    border-style: none;
}

#lesson-completed-modal {
    width: 50%;
}

#student_dashboard_id {
    margin-bottom: 25px;
}

/* Global */

.font-14 {
    font-size: 14px !important;
}

.font-16 {
    font-size: 16px !important;
}