@font-face {
  font-family: "wv";
  src: url("../fonts/wv.eot?nnbeim");
  src: url("../fonts/wv.eot?nnbeim#iefix") format("embedded-opentype"), url("../fonts/wv.ttf?nnbeim") format("truetype"), url("../fonts/wv.woff?nnbeim") format("woff"), url("../fonts/wv.svg?nnbeim#wv") format("svg");
  font-weight: normal;
  font-style: normal;
}
[class^=wv-], [class*=" wv-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "wv" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.wv-community:before {
  content: "\e908";
}

.wv-folio:before {
  content: "\e90b";
}

.wv-products:before {
  content: "\e90c";
}

.wv-logo-full:before {
  content: "\e907";
}

.wv-pencil:before {
  content: "\e900";
}

.wv-lock:before {
  content: "\e901";
}

.wv-eye:before {
  content: "\e902";
}

.wv-tag:before {
  content: "\e903";
}

.wv-rocket:before {
  content: "\e904";
}

.wv-electron:before {
  content: "\e905";
}

.wv-logo:before {
  content: "\e906";
}

/**
 * Defining base styles for our entire website
 */
body {
  color: #444444;
  background-color: white;
  font-family: interface, sans-serif;
  font-size: 14px;
}

p {
  font-size: 18px;
}

a {
  color: #54237f;
}

a.link-label {
  text-decoration: underline;
}

h1, h2, h3, h4, .h1, .h2, .h3, .h4 {
  font-family: interface, sans-serif;
  text-transform: uppercase;
}

h1, .h1 {
  font-size: 35px;
  letter-spacing: 4px;
}

h2, .h2 {
  font-size: 28px;
  letter-spacing: 3px;
}

h3, .h3 {
  font-size: 22px;
  letter-spacing: 2px;
}

h4, .h4 {
  font-size: 18px;
  letter-spacing: 1px;
}

.voffset {
  margin-top: 2px;
}

.voffset1 {
  margin-top: 5px;
}

.voffset2 {
  margin-top: 10px;
}

.voffset3 {
  margin-top: 15px;
}

.voffset4 {
  margin-top: 30px;
}

.voffset5 {
  margin-top: 40px;
}

.voffset6 {
  margin-top: 60px;
}

.voffset7 {
  margin-top: 80px;
}

.voffset8 {
  margin-top: 100px;
}

.voffset9 {
  margin-top: 150px;
}

/*
	Tables
*/
.table > thead > tr > th {
  text-transform: uppercase;
  color: #444444;
  padding: 20px 40px 20px 40px;
  font-size: 18px;
}

.table > tbody > tr > td {
  padding: 20px 40px 20px 40px;
  color: #666666;
}

.table > tbody > tr > td > a {
  color: #54237f;
}

.alert {
  border-radius: 0;
}

.alert-warning {
  color: white;
  background-color: #f58f31;
  border-color: #f58f31;
  font-size: 16px;
}

.alert-info {
  color: white;
  background-color: #54237f;
  border-color: #54237f;
  font-size: 16px;
}

.alert-info a {
  color: #ffffff;
}

.alert-success {
  color: white;
  background-color: #54237f;
  border-color: #54237f;
  font-size: 16px;
}

.alert-success a {
  color: #ffffff;
  text-decoration: underline;
}

.has-error p {
  color: #f58f31;
}

.has-error .control-label {
  color: #f58f31;
}

.has-error label {
  color: #f58f31;
}

.has-error .form-control {
  border-color: #f58f31;
}

.has-error .form-control:focus {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #f58f31;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #f58f31;
}

.text-white {
  color: #ffffff;
}

.text-underline {
  text-decoration: underline;
}

.title-case {
  text-transform: capitalize;
}

.no-margin {
  margin: 0 !important;
}

.no-margin-top {
  margin-top: 0 !important;
}

.padding-top-20 {
  padding-top: 20px !important;
}

.text-size-1-1 {
  font-size: 1.1666em;
}

.text-size-1-3 {
  font-size: 1.333em;
}

.text-size-2-5 {
  font-size: 2.5em;
}

.text-size-2 {
  font-size: 2em;
}

.text-size-3 {
  font-size: 3em;
}

.text-grey {
  color: #a5a5a5;
}

.text-blue,
.text-blue * {
  color: #00beef;
}

.text-white {
  color: #ffffff;
}

.text-left {
  text-align: left;
}

.text-italic {
  font-style: italic;
}

.text-currency:before {
  content: "$";
}

.strong {
  text-transform: uppercase;
}

p {
  font-size: 1em;
  line-height: 1.75em;
}

.pad-2 {
  padding-top: 2em;
  padding-bottom: 2em;
}

.pad-bottom-2 {
  padding-bottom: 2em;
}

.hpad-2 {
  padding-left: 2em;
  padding-right: 2em;
}

.pad-top-1-5 {
  padding-top: 1.5em;
}

.pad-top-2 {
  padding-top: 2em;
}

.pad-top-3 {
  padding-top: 3em;
}

.pad-top-20 {
  padding-top: 20px;
}

.pad-bottom-3 {
  padding-bottom: 3em;
}

.pad-bottom-1-25 {
  padding-bottom: 1.25em;
}

.pad-bottom-1-5 {
  padding-bottom: 1.5em;
}

.margin-left-0-25 {
  margin-left: 0.25em;
}

.margin-left-1-5 {
  margin-left: 1.5em;
}

.margin-left-2-5 {
  margin-left: 2.5em;
}

.margin-right-0-25 {
  margin-right: 0.25em;
}

.margin-top-negative-3 {
  margin-top: -3em;
}

.margin-top-10 {
  margin-top: 10px;
}

.margin-top-42 {
  margin-top: 42px;
}

.mt-10 {
  margin-top: 10px;
}

.mt-20 {
  margin-top: 20px;
}

.pt-10 {
  padding-top: 10px;
}

.pt-20 {
  padding-top: 20px;
}

.vertical-align-middle {
  vertical-align: middle;
}

.inline-block {
  display: inline-block;
}

ul.no-pad {
  padding: 0;
}

ul.disc {
  list-style: disc;
}

@font-face {
  font-family: Poppins-Regular;
  src: url(../fonts/Poppins-Regular.ttf);
}
@font-face {
  font-family: Poppins-Medium;
  src: url(../fonts/Poppins-Medium.ttf);
}
@font-face {
  font-family: Poppins-Bold;
  src: url(../fonts/Poppins-Bold.ttf);
}
@font-face {
  font-family: Poppins-SemiBold;
  src: url(../fonts/Poppins-SemiBold.ttf);
}
.partner-regular {
  font-family: Poppins-Regular, sans-serif;
}

.partner-bold {
  font-family: Poppins-Bold, sans-serif;
  font-weight: 900;
}

/** select */
.select {
  border: 1px solid #ccc;
  overflow: hidden;
  height: 50px;
  width: 100%;
  position: relative;
  display: block;
  border-radius: 0;
  padding-left: 20px;
  background-color: #f4f4f4;
}
.select:after {
  content: "\f107";
  color: #FFF;
  position: absolute;
  right: 0;
  top: 0;
  font-family: "Font Awesome 5 Free";
  background: #52287e;
  z-index: 1;
  text-align: center;
  font-size: 2em;
  width: 40px;
  height: 100%;
  pointer-events: none;
  box-sizing: border-box;
  padding-top: 6px;
}

select {
  height: 40px;
  padding: 5px;
  border: 0;
  font-size: 18px;
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  outline: -webkit-focus-ring-color auto 0;
  font-weight: normal;
  padding-top: 12px;
  background-color: #f4f4f4;
}

/* TODO: move to child stylesheet for subscribe form
input[type="checkbox"] {
    display: none;
}

input[type="checkbox"] + label span {
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    height: 30px;
    border: 2px solid #CCC;
    border-radius: 10px;
    background-color: #f4f4f4;
}

input[type="checkbox"] + label span {
    margin-right: 10px;
    text-align: left;
}

input[type="checkbox"]:checked + label span::before {
    content: "";
    width: 20px;
    height: 20px;
    margin-left: 3px;
    margin-top: 3px;
    display: inline-block;
    background-color: $primary-dark-color;
    text-align: center;
    font-size: 40px;
}
 */
/*
 Radio
 */
input[type=radio] {
  display: none;
}

label {
  cursor: pointer;
  color: #52287e;
}

input[type=radio] + label span {
  display: inline-block;
  vertical-align: middle;
  width: 45px;
  height: 45px;
  border: 2px solid #CCC;
  border-radius: 10px;
  background-color: #f4f4f4;
}

input[type=radio] + label span {
  border-radius: 50%;
  margin-right: 10px;
  text-align: left;
}

.small input[type=radio] + label span {
  width: 25px;
  height: 25px;
}

input[type=radio] + label > h4 {
  display: inline-block;
}

input[type=radio]:checked + label span::before {
  content: "";
  width: 29px;
  height: 29px;
  margin-left: 6px;
  margin-top: 6px;
  border-radius: 50%;
  display: inline-block;
  background-color: #52287e;
  text-align: center;
  font-size: 40px;
}

.small input[type=radio]:checked + label span::before {
  height: 15px;
  width: 15px;
  margin-left: 3px;
  margin-top: 3px;
}

.assignClass input[type=radio] + label > h4, .planPreview input[type=radio] + label > h4 {
  display: inline-block;
  position: relative;
  top: 10px;
}

.assignClass input[type=radio] + label > h4 > div, .planPreview input[type=radio] + label > h4 > div {
  font-size: 16px;
  font-weight: normal;
  text-transform: none;
}

/* Checkbox
*/
.selectClass input[type=checkbox] {
  display: none;
}

.selectClass label {
  cursor: pointer;
  color: #52287e;
}

.selectClass input[type=checkbox] + label span {
  display: inline-block;
  vertical-align: middle;
  width: 45px;
  height: 45px;
  border: 2px solid #CCC;
  border-radius: 0;
  background-color: #f4f4f4;
}

.selectClass input[type=checkbox] + label span {
  margin: 5px 10px;
}

.selectClass .small input[type=checkbox] + label span {
  width: 25px;
  height: 25px;
}

.selectClass input[type=checkbox] + label > h4 {
  display: inline-block;
  font-weight: 700;
  font-size: 18px;
  letter-spacing: 1px;
}

.selectClass input[type=checkbox]:checked + label span::before {
  content: "\f00c";
  font-family: "Font Awesome 5 Free";
  left: 6px;
  font-size: 29px;
  position: relative;
  color: #52287e;
}

.selectClass .small input[type=checkbox]:checked + label span::before {
  left: 3px;
  font-size: 16px;
}

/*
	Buttons
*/
.btn-lg {
  /*border-radius: 0;*/
  border: 0;
  padding: 20px 50px 20px 50px;
  font-size: 20px;
  letter-spacing: 3px;
  text-transform: uppercase;
  white-space: normal;
}

.btn-sm {
  /*border-radius: 0;*/
  border: 0;
  text-transform: uppercase;
  white-space: normal;
}

.btn {
  /*border-radius: 0;*/
  white-space: normal;
}

.btn:focus, .btn:active:focus {
  outline: none;
}

.btn-lg:focus, .btn-lg:active:focus {
  outline: none;
}

.btn-toolbar .btn-group {
  padding-bottom: 5px;
}

.btn-toolbar .btn-group .btn {
  padding: 5px;
  font-size: 10px;
  letter-spacing: 0;
}

.btn-primary, .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
  background-color: #52287e;
  border-color: #52287e;
}

.btn-primary:disabled {
  background-color: #52287e;
  border-color: #52287e;
  opacity: 0.6;
}

.btn-primary:focus, .btn-primary:hover {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #52287e;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #52287e;
  text-decoration: underline;
}

.btn-info, .btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open .dropdown-toggle.btn-info {
  background-color: #54237f;
  border-color: #54237f;
}

.btn-info:focus, .btn-info:hover {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #54237f;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #54237f;
  text-decoration: underline;
}

.btn-accent, .btn-accent:hover, .btn-accent:focus, .btn-accent:active, .btn-accent.active, .open .dropdown-toggle.btn-accent {
  background-color: #FF8331;
  color: white;
}

.btn-accent:focus, .btn-accent:hover {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #FF8331;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #FF8331;
  text-decoration: underline;
}

.btn-primary-outline, .btn-primary-outline:hover, .btn-primary-outline:focus, .btn-primary-outline:active, .btn-primary-outline.active, .open .dropdown-toggle.btn-primary-outline {
  background-color: white;
  border: 2px solid #54237f;
  color: #54237f;
}

.btn-primary-outline:focus, .btn-primary-outline:hover {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #54237f;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #54237f;
  text-decoration: underline;
}

.btn-accent-outline, .btn-accent-outline:hover, .btn-accent-outline:focus, .btn-accent-outline:active, .btn-accent-outline.active, .open .dropdown-toggle.btn-accent-outline {
  background-color: white;
  border: 2px solid #FF8331;
  color: #FF8331;
}

.btn-accent-outline:focus, .btn-accent-outline:hover {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #FF8331;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #FF8331;
  text-decoration: underline;
}

.btn-danger-outline, .btn-danger-outline:hover, .btn-danger-outline:focus, .btn-danger-outline:active, .btn-danger-outline.active, .open .dropdown-toggle.btn-danger-outline {
  background-color: white;
  border: 2px solid red;
  color: red;
}

.btn-danger-outline:focus, .btn-danger-outline:hover {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px red;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px red;
  text-decoration: underline;
}

.btn-warning, .btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .open .dropdown-toggle.btn-warning {
  background-color: #FF8331;
}

.btn-warning:focus, .btn-warning:hover {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #FF8331;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #FF8331;
  text-decoration: underline;
}

.btn-warning-outline, .btn-warning-outline:hover, .btn-warning-outline:focus, .btn-warning-outline:active, .btn-warning-outline.active, .open .dropdown-toggle.btn-warning-outline {
  background-color: white;
  border: 2px solid #FF8331;
  color: #FF8331;
}

.btn-warning-outline:focus, .btn-warning-outline:hover {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #FF8331;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #FF8331;
  text-decoration: underline;
}

.btn-info-outline, .btn-info-outline:hover, .btn-info-outline:focus, .btn-info-outline:active, .btn-info-outline.active, .open .dropdown-toggle.btn-info-outline {
  background-color: white;
  border: 2px solid #54237f;
  color: #54237f;
}

.btn-info-outline:focus, .btn-info-outline:hover {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #54237f;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #54237f;
  text-decoration: underline;
}

.btn-default:hover {
  background-color: #54237f;
  border-color: #54237f;
  color: #FFF;
}

.form-control {
  background-color: #f4f4f4;
  height: 50px;
  font-size: 16px;
  /* border-radius: 0; */
  padding-bottom: 5px;
}

.control-label {
  font-weight: unset;
  text-transform: uppercase;
  color: #52287e;
  letter-spacing: 1px;
  padding-bottom: 0;
  padding-top: 5px;
}

.help {
  padding-top: 10px;
}
.help i {
  color: #52287e;
  /*
  * eyuzwa - TODO - fix this hover
  &:hover {
      color: $white-color;
      background-color: $primary-dark-color;
  }*/
}

/** badge overrides - TODO find a way to not need the important */
/*
.badge {
    border-radius: 0 !important;
}*/
/** pagination component overrides to apply our theme coloring */
.pagination > li > a, .pagination > li > span {
  color: #52287e;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
  color: white;
  background-color: #52287e;
}

.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
  color: #52287e;
}

/* animations */
.fade {
  opacity: 0;
  -webkit-transition: opacity 0.25s ease-in;
  -moz-transition: opacity 0.25s ease-in;
  -o-transition: opacity 0.25s ease-in;
  -ms-transition: opacity 0.25s ease-in;
  transition: opacity 0.25s ease-in;
  transition-delay: 0.25s;
}

.fade.in {
  opacity: 1;
}

@keyframes move-right {
  from {
    margin-left: -400px;
  }
  to {
    margin-left: 0;
  }
}
.background-accent-color {
  background-color: #f58f31;
}

.background-primary-dark-color {
  background-color: #52287e;
}

.background-primary-light-color {
  background-color: #88748d;
}

.background-primary-light-active-color {
  background-color: #ae95b4;
}

.background-yellow-color {
  background-color: #e3bb4c;
}

.background-teal-color {
  background-color: #62ceba;
}

/*
	User Admin Table
*/
.user-admin-table > thead > tr > th {
  text-transform: uppercase;
  color: #444444;
  padding: 10px 20px 0 20px;
  font-size: 16px;
}

.user-admin-table > tbody > tr > td {
  padding: 10px 20px 0 20px;
  color: #666666;
  vertical-align: unset;
  font-size: 17px;
}

.user-admin-table > tbody > tr > td > a {
  color: #54237f;
}

.signup .compare {
  border: 1px solid #54237f;
  border-radius: 10px;
  font-size: 18px;
  padding: 20px;
}

.signup .compare i {
  font-size: 30px;
  font-weight: normal;
  color: #54237f;
}

.signup .feature {
  width: 50%;
  text-align: left;
  font-size: 14px;
}

.signup .features {
  text-align: center;
}

.signup .check {
  text-align: center;
}

.signup td {
  border: 0;
  width: 50px;
  text-align: center;
}

.signup h3 {
  font-size: 14px;
  letter-spacing: 0;
  font-weight: 700;
  color: #54237f;
  padding: 2px;
  margin: 0;
}

.signup .compare label {
  font-size: 14px;
  white-space: nowrap;
  color: #52287e;
}

.signup .feature-details {
  font-size: 14px;
  padding-top: 20px;
  text-align: center;
}

.signup .dollar {
  font-size: 16px;
  font-weight: 700;
  color: #54237f;
}

.signup .feature-overview {
  font-size: 14px;
  font-weight: 700;
  display: inline-block;
  padding-bottom: 10px;
}

.signup h2 {
  text-transform: none;
  letter-spacing: 1px;
  font-weight: 900;
  padding-bottom: 10px;
}

.signup .checkboxes {
  padding: 20px 0;
}

.signup .checkboxes label {
  font-size: 16px;
  padding-left: 10px;
}

.signup .smallprint {
  text-align: center;
  font-size: 12px;
  font-style: italic;
}

.signup .doclink {
  text-decoration: underline;
}

.signup .feature-panel {
  text-align: center;
  margin-bottom: 50px;
  font-size: large;
  color: #52287e;
}
.signup .feature-panel ul {
  list-style-type: none;
}

.signup input[type=radio] {
  display: none;
}
.signup input[type=radio]:not(:disabled) ~ label {
  cursor: pointer;
}
.signup input[type=radio]:disabled ~ label {
  color: hsl(150, 5%, 75%);
  border-color: hsl(150, 5%, 75%);
  box-shadow: none;
  cursor: not-allowed;
}

.signup .radio-panel-label {
  height: 100%;
  display: block;
  background: white;
  border: #52287e solid 2px;
  border-radius: 20px;
  padding: 1rem;
  margin-bottom: 1rem;
  text-align: center;
  box-shadow: 0 3px 10px -2px hsla(150, 5%, 65%, 0.5);
  position: relative;
}
.signup .radio-panel-label:hover {
  background: #52287e;
  color: white;
}

.signup input[type=radio]:checked + .radio-panel-label {
  background: #52287e;
  color: hsl(215, 0%, 100%);
}
.signup input[type=radio]:checked + .radio-panel-label::after {
  color: hsl(215, 5%, 25%);
  /*font-family: FontAwesome;*/
  border: #52287e solid 2px;
  /*content: '\f00c';*/
  /*font-size: 24px;*/
  position: absolute;
  top: -25px;
  left: 50%;
  transform: translateX(-50%);
  height: 50px;
  width: 50px;
  line-height: 50px;
  text-align: center;
  border-radius: 50%;
  background: white;
  box-shadow: 0 2px 5px -2px hsla(0, 0%, 0%, 0.25);
}

.new-font-size {
  font-size: 30px;
}

.new-banner {
  background-color: #52287e;
  padding: 25px;
  color: white;
  margin-top: 50px;
  text-align: center;
}

.pricing-level-all {
  height: 400px;
  /* border-style: solid;
  border-color: white;
  border-width: 1px; */
}

.shadowcard {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.05); /* this adds the "card" effect */
  padding: 16px;
  text-align: center;
  background-color: #f1f1f1;
}

.card-container {
  width: 30%;
  margin: 10px;
  display: inline-block;
}

.title-pricing {
  text-align: center !important;
  color: white !important;
  padding-top: 20px !important;
  margin-top: 0 !important;
}

.radio-pricing {
  text-align: center;
  margin-top: 50px;
  text-transform: uppercase;
}

.border-radio {
  border-style: solid;
  padding: 10px;
  border-width: 2px;
  margin-bottom: 30px;
}

.about {
  font-size: 18px;
}

.about .banner {
  text-align: center;
  height: 415px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("/assets/images/male_teacher_front_of_class.jpg");
}

.about .overlay {
  position: relative;
  background-color: rgba(0, 0, 0, 0.3);
  min-height: 415px;
  margin-top: -415px;
}

.about .bannerContent {
  margin-top: -250px;
  color: white;
  padding: 10px;
}

.about .bannerContent h1 {
  text-align: center;
  color: white;
  text-transform: none;
  font-size: 36px;
}

.contact .address {
  /*background: url('/assets/images/pattern-light-grey.jpg');*/
  /*min-height: 749px;*/
}

.contact {
  color: #444;
}

.contact .col-sm-6 {
  padding-left: 30px;
}

.contact .center {
  text-align: center;
}

.contact img {
  max-width: 100%;
}

.contact .container {
  padding: 60px 10px;
}

.contact h1 {
  font-size: 40px;
  color: #444;
}

.contact div {
  font-size: 24px;
  font-weight: 500;
}

.contact .tag {
  margin-top: -10px;
  padding-bottom: 10px;
  font-size: 12px;
  letter-spacing: 0;
  font-weight: normal;
  text-transform: none;
}

.contact p {
  font-size: 16px;
  font-weight: 400;
  padding-top: 20px;
}

.contact .benefits {
  padding-top: 50px;
  background: url("/assets/images/background-orange.png");
  min-height: 700px;
}

.contact ul {
  font-size: 20px;
  font-weight: 500;
  margin-top: 20px;
}

.contact li {
  margin-top: 0;
}

.contact .mindfuel p {
  color: #777;
}

.contact button {
  margin-top: 40px;
}

.contact .logos .sites {
  margin-top: 30px;
}

.contact .logos .sites img {
  margin: 0 10px;
}

.footer {
  background-color: #ffffff;
  color: #54327f;
  padding-top: 35px;
}

.footer a {
  color: #54327f;
}

.footer h5 {
  color: #54327f;
}

.footer ul {
  list-style-type: none;
  padding-left: 0;
}

.footer .container-spacer {
  margin-top: 20px;
  padding-top: 10px;
  margin-left: 0;
  margin-right: 0;
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: #532380;
}

.footer .socialbutton {
  /* border-radius: 50%; */
  background: #54327f;
  width: 25px;
  height: 25px;
  display: inline-block;
  text-align: center;
}

.footer .socialicon {
  margin-top: 5px;
}

.footer .street-address {
  font-size: 14px;
}

/**
* color themeing values according to current MindFuel branding
* $primary-dark-color: #52287e
* $primary-light-color: #88748d
* $primary-light-active-color: #ae95b4
* $accent-color: #f58f31
*/
.main .announcement-banner p,
.main .announcement-banner a {
  font-size: 1.5em;
}

.main .testimonial {
  padding-top: 10px;
  padding-bottom: 40px;
}

.main .homeBanner {
  height: 500px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("/assets/images/male_teacher_students_computer.jpg");
}

.main .homeBanner .feature4 h1 {
  color: #5f254d;
}

.main .homeBanner .feature4 p {
  color: #5f254d;
}

.main .homeBanner.feature1 {
  background: url("/assets/images/feature1.jpg") center;
}

.main .homeBanner.feature2 {
  background: url("/assets/images/feature2.jpg") center;
}

.main .homeBanner.feature3 {
  background: url("/assets/images/feature3.jpg") center;
}

.main .homeBanner.feature4 {
  background: url("/assets/images/feature4.jpg") center;
}

.main .homeBanner.feature5 {
  background: url("/assets/images/feature5.jpg") center;
}

.main .homeBanner h1 {
  color: white;
}

.main .homeBanner p {
  font-size: 20px;
  color: white;
}

.main .feature-content {
  height: 486px;
}

.main .homeBanner table {
  position: relative;
  top: -80px;
  border: 0;
  width: 100%;
  table-layout: auto;
}

.main .homeBanner tr {
  border: 0;
}

.main .homeBanner td {
  background-color: #333;
  height: 80px;
  vertical-align: middle;
  text-align: center;
  color: white;
  font-size: 16px;
  overflow: hidden;
  border: 0;
}

.main .homeBanner td.active {
  background-color: #ff8331;
}

.main .homeBanner td:nth-child(n+1) {
  border-left: 1px solid #555;
}

.main .bannerContent h1 {
  font-size: 36px;
  text-transform: none;
}

.main .overlay {
  position: relative;
  background-color: rgba(0, 0, 0, 0.3);
  min-height: 500px;
  margin-top: -500px;
}

.main .bannerContent {
  position: relative;
  margin-top: -350px;
  color: white;
  text-align: center;
  font-size: 22px;
  min-height: 350px;
}

.main .bannerContent p {
  padding-top: 10px;
  font-weight: 600;
}

.main .bannerButtons {
  margin-top: -100px;
}

.main .bannerButtons .btn {
  width: 100%;
  margin-bottom: 5px;
}

.main .btn-pad {
  margin: 10px;
}

.main .featureCards {
  padding-top: 20px;
  padding-bottom: 50px;
}

.main .featureCards .featureCard {
  min-height: 450px;
}

.main .featureCards .featureCard h1 {
  text-transform: none;
  text-align: center;
  font-size: 24px;
  font-weight: 600;
  letter-spacing: 0;
  padding-top: 10px;
  color: #010101;
}

.main .featureCards .featureCard h2 {
  text-transform: none;
  text-align: left;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0;
  padding-top: 10px;
  color: #010101;
}

.main .featureCards .featureCard div {
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 60px;
  text-align: left;
  font-size: 14px;
  color: #010101;
}

.main .featureCards .featureCard img {
  width: 100%;
}

.main .featureCards .featureCard a {
  position: absolute;
  bottom: 20px;
  width: 70%;
  left: 15%;
}

@media (max-width: 1000px) {
  .main .bannerButtons .btn div {
    font-size: 10px;
  }
  .main .bannerButtons .btn img {
    width: 100px;
  }
}
@media (max-width: 768px) {
  .main .banner h1 {
    font-size: 25px;
  }
  .main .bannerButtons .btn div {
    font-size: 16px;
  }
  .main .bannerButtons .btn img {
    width: 132px;
  }
  .main .bannerButtons {
    margin-top: -50px;
  }
  .main .homeBanner td {
    font-size: 14px;
  }
}
.main .homeBanner.feature3 h1 {
  color: #444;
}

.main .homeBanner.feature3 p {
  color: #444;
}

.main .logos .sites {
  margin-top: 30px;
}

.main .logos .sites img {
  margin: 0 10px;
}

.main .testimonial .row {
  margin-left: 10px;
}

.main .btn-cta {
  font-size: 22px;
}

.main .btn-cta-outline {
  font-size: 22px;
  background-color: white;
  color: #ff8331;
  transition: all 0.5s;
}

.main section.cancode,
section.codegoat {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
}

.main .cancode {
  height: 50px;
  color: white;
  background-color: red;
}
.main .cancode:hover {
  cursor: pointer;
}
.main .cancode .cta {
  font-size: 18px;
  margin-top: 8px;
  text-decoration: underline;
}
.main .codegoat {
  border-top: #fc7922 solid 1px;
  background-color: white;
  padding: 10px;
}
.main .codegoat .codegoat-row {
  color: #fc7922;
}
.main .codegoat .codegoat-row:hover {
  cursor: pointer;
}
.main .codegoat .cta {
  font-weight: 900;
  font-size: 26px;
  margin-top: 5px;
  text-decoration: underline;
}

/**
* color themeing values according to current MindFuel branding
* $primary-dark-color: #52287e
* $primary-light-color: #88748d
* $primary-light-active-color: #ae95b4
* $accent-color: #f58f31
* $yellow-color: #e3bb4c
* $teal-color: #62ceba
*/
.header {
  z-index: 1000;
  width: 100%;
}

.top_bar {
  height: 50px;
  background-color: #532380;
}

.top_bar .brand-logo {
  padding-left: 10px;
}

.top_bar .brand-logo li {
  padding-top: 8px;
}

/*
.top_bar .orange-chicklet li {
    padding: 6px 0 4px 5px;
}*/
.top_bar .stem-store li {
  padding-top: 4px;
}

.top_bar .stem-store li a {
  text-decoration: underline;
}

.top_bar .stem-store-label li {
  padding: 5px;
}

.stem-store-label li {
  display: inline;
  padding-right: 2px;
}

.top_bar .menu a,
.top_bar .stem-store-label a {
  height: 40px;
  line-height: 40px;
  padding: 0;
}

.top_bar .menu a:hover,
.top_bar .stem-store-label a:hover {
  color: #f58f31;
}

.top_bar a,
.top_bar a:visited,
.top_bar a:active,
.top_bar a span,
a.mini_cart,
a.mini_cart span,
.feature_image .header .top_bar .menu a,
.feature_image .header .top_bar .menu a span,
.cart_container .mini_cart:hover {
  color: #ffffff;
  font-size: 16px;
}

header .left {
  float: left;
}

header .right {
  float: right;
  position: relative;
}

/*
header ul {
    list-style: none;
}*/
header .menu {
  display: block;
  border: none;
  padding: 0;
  margin: 0;
}

header .menu li {
  vertical-align: top;
}

header .navbar {
  margin-bottom: 0;
  padding-bottom: 5px;
  padding-top: 5px;
  border-radius: 0;
  background-color: white;
}

header .navbar-brand {
  height: 70px;
}

header .navbar .wv-electron,
.wv-tag {
  position: relative;
  font-size: 27px;
  top: -5px;
  float: left;
}

header .navbar-nav.navbar-right {
  /* margin: 0; */
  margin-left: -10px;
  margin-right: 20px;
}

@media (max-width: 768px) {
  header .navbar-header {
    padding-bottom: 30px;
  }
}
.navbar-default .navbar-collapse {
  border-color: #3e3343;
}

.navbar-nav > li > a {
  color: #52287e !important; /*#ae95b4 !important;*/
  font-size: 14px;
  letter-spacing: 1px;
}

.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  color: #3d2e41;
  background-color: #ffffff;
}

.navbar-teacher .nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  background-color: #ffffff;
  color: #ae95b4;
}

.navbar-custom .navbar-nav > li > a:hover {
  background-color: transparent;
  color: #fff;
}

.navbar-custom .navbar-toggle:hover,
.navbar-custom .navbar-toggle:focus {
  background-color: #4f3598;
}

.navbar-custom .navbar-toggle .icon-bar {
  background-color: #ccc;
}

header .btn-login {
  font-weight: unset;
  margin-top: 10px;
  padding-top: 5px !important;
  padding-bottom: 5px !important;
  background-color: transparent;
  color: inherit;
  border: 0;
}

header .btn-login:hover {
  border: 0;
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  background-color: #54237f;
  color: white;
}

.dropdown-submenu {
  position: relative;
}

.dropdown-submenu > .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -6px;
  margin-left: -1px;
  -webkit-border-radius: 0 6px 6px 6px;
  -moz-border-radius: 0 6px 6px;
  border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover > .dropdown-menu {
  display: block;
}

.dropdown-submenu > a:after {
  display: block;
  content: " ";
  float: right;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  border-left-color: #54237f;
  margin-top: 5px;
  margin-right: -10px;
}

.dropdown-submenu:hover > a:after {
  border-left-color: #fff;
}

.dropdown-submenu.pull-left {
  float: none;
}

.dropdown-submenu.pull-left > .dropdown-menu {
  left: -100%;
  margin-left: 10px;
  -webkit-border-radius: 6px 0 6px 6px;
  -moz-border-radius: 6px 0 6px 6px;
  border-radius: 6px 0 6px 6px;
}

.administrators {
  font-size: 18px;
}

.administrators .banner {
  text-align: left;
  height: 415px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #d4cebd;
  background-image: url("/assets/images/graduation-celebration.jpg");
}

.administrators .overlay {
  position: relative;
  background-color: rgba(0, 0, 0, 0.3);
  min-height: 415px;
  margin-top: -415px;
}

.administrators .bannerContent {
  margin-top: -350px;
  min-height: 350px;
  color: white;
  float: right;
}

.administrators .bannerContent h1 {
  text-transform: none;
  font-size: 36px;
  text-align: right;
}

.administrators .bannerContent p {
  padding-top: 10px;
  font-size: 18px;
  text-align: right;
}

.lessonpicker .lessons {
  padding-top: 20px;
}

.lessonpicker .lessons h1 {
  font-size: 20px;
  letter-spacing: 1px;
  margin-top: 0;
  text-align: left;
  color: black;
}

.administrators h2 {
  letter-spacing: 1px;
  font-weight: 600;
  font-size: 20px;
  margin-top: 0;
}

.lessonpicker .lessons .row {
  padding-bottom: 20px;
}

.lessonpicker .lessonimage {
  padding-top: 5px;
}

.administrators .features .nav-tabs li.active a {
  background-color: #54237f;
  font-weight: bold;
  color: white;
}

.administrators .features .nav-tabs li a {
  border: 1px solid #54237f;
  text-decoration: none;
}

.administrators .features .tab-content h2 {
  color: #54237f;
  font-size: 18px;
  letter-spacing: 1px;
}

.administrators .features .tab-content .tab-pane {
  border-left: 1px solid #54237f;
  border-right: 1px solid #54237f;
  border-bottom: 1px solid #54237f;
  padding: 20px;
  margin-bottom: 20px;
  min-height: 425px;
}

.administrators .features .tabs .row {
  padding-top: 15px;
  padding-bottom: 15px;
}

.administrators .testimonial {
  padding: 20px;
}

.administrators .testimonial .speech-bubble {
  margin: 0;
}

.administrators .features .p {
  font-size: 18px !important;
}

.administrators h1 {
  text-transform: none;
  letter-spacing: 2px;
  font-weight: 600;
}

.administrators .sponsor {
  padding-top: 50px;
  padding-bottom: 50px;
}

.parents {
  font-size: 18px;
}

.parents .banner {
  text-align: left;
  height: 415px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #d4cebd;
  background-image: url("/assets/images/Parents-Hero.jpg");
}

.parents .overlay {
  position: relative;
  background-color: rgba(0, 0, 0, 0.3);
  min-height: 415px;
  margin-top: -415px;
}

.parents .bannerContent {
  margin-top: -350px;
  min-height: 350px;
  color: white;
  padding: 10px;
}

.parents .bannerContent h1 {
  text-align: left;
  color: white;
  text-transform: none;
  font-size: 36px;
}

.parents h1 {
  text-transform: none;
  text-align: center;
  color: #51177e;
  letter-spacing: 2px;
  font-weight: 600;
}

.parents .bannerContent p {
  font-size: 18px;
}

.parents .sponsor {
  padding-top: 50px;
  padding-bottom: 50px;
}

.pricing-page-container {
  font-size: 18px;
}
.pricing-page-container .table > thead > tr > th {
  text-transform: capitalize;
  color: white;
  padding: 0;
  padding-top: 10px;
  padding-bottom: 10px;
}
.pricing-page-container .table > tr > td {
  padding: 0;
}
.pricing-page-container .table > thead > .pricing-table-header {
  background-color: #52287e;
}
.pricing-page-container .fa-check:before {
  content: "\f00c";
  color: lightgreen;
}
.pricing-page-container .callout-row {
  background-color: #f58f31 !important;
}
.pricing-page-container .banner {
  text-align: center;
  color: #ffffff;
  background-color: #5F7AC9;
}
.pricing-page-container .banner:hover {
  cursor: pointer;
}
.pricing-page-container .banner-free {
  text-align: center;
  color: #52287e;
  background-color: #ffffff;
  margin-bottom: 40px;
}
.pricing-page-container .prices {
  padding-bottom: 40px;
  color: #fff;
  background: #b3c0dd;
  background: -moz-linear-gradient(-45deg, #3f4c6b 0%, #3f4c6b 100%);
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #3f4c6b), color-stop(100%, #3f4c6b));
  background: -webkit-linear-gradient(-45deg, #b3c0dd 0%, #3f4c6b 100%);
  background: -o-linear-gradient(-45deg, #b3c0dd 0%, #3f4c6b 100%);
  background: -ms-linear-gradient(-45deg, #b3c0dd 0%, #3f4c6b 100%);
  background: linear-gradient(135deg, #b3c0dd 0%, #3f4c6b 100%);
}
.pricing-page-container .pricing-tables-jumbotron {
  text-align: center;
  background: none;
}
.pricing-page-container .big {
  font-size: 37px;
}
.pricing-page-container .option {
  background: #f9f9f9;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.2);
  border-radius: 4px 4px 0 0;
  position: relative;
  margin: 20px 0;
  /*text-align: center;*/
  color: #333;
}
.pricing-page-container .option:hover {
  cursor: pointer;
}
.pricing-page-container .option:hover .hided-icon {
  color: #fff;
  padding: 0 10px;
}
.pricing-page-container .option > .option-title {
  padding: 20px;
  background-color: #f58f31;
  color: #ffffff;
}
.pricing-page-container .option > .option-title > h3 {
  font-weight: bold;
  font-size: 32px;
  text-transform: uppercase;
  margin: 0;
}
.pricing-page-container .option > .option-title > span {
  font-style: italic;
  font-size: 16px;
}
.pricing-page-container .option > .option-price {
  background: #fff;
  padding: 0 0 10px;
  color: #f58f31;
}
.pricing-page-container .option > .option-price > .price {
  display: block;
  font-size: 72px;
  font-weight: bold;
  font-style: italic;
}
.pricing-page-container .option > .option-price > .period {
  font-size: 14px;
}
.pricing-page-container .option .option-list {
  padding: 0;
}
.pricing-page-container .option .item-list {
  list-style: none;
  padding: 0;
}
.pricing-page-container .option .item-list li:nth-child(even) {
  background: #fdfdfd;
}
.pricing-page-container .option .item-list > li {
  padding: 10px 5px;
  font-size: 16px;
}
.pricing-page-container .option .btn {
  width: 100%;
  padding: 18px 8px;
  /*border-radius: 0;*/
  border: none;
  text-transform: uppercase;
}
.pricing-page-container .option .btn-success {
  color: #ffffff;
  background: #f58f31;
}
.pricing-page-container .option .btn-success:hover {
  background: #ffffff;
  color: #f58f31;
  border: 1px solid #f58f31;
}
.pricing-page-container .option .hided-icon {
  color: #f58f31;
  margin-left: -14px;
  -webkit-transition: all 0.7s ease-in-out;
  -moz-transition: all 0.7s ease-in-out;
  -o-transition: all 0.7s ease-in-out;
  transition: all 0.7s ease-in-out;
}
.pricing-page-container {
  /* NB: used by the world template */
}
.pricing-page-container .starter-pricing-container {
  border: 1px solid #e3bb4c;
  background-color: #e3bb4c;
  background-color: rgba(227, 187, 76, 0.145);
  height: 820px;
}
.pricing-page-container .starter-pricing-container:hover {
  cursor: pointer;
}
.pricing-page-container .starter-pricing-container .header-panel {
  height: 448px;
}
.pricing-page-container .starter-pricing-container .header-panel .monthly-currency:before {
  content: "$";
  font-size: 0.7em;
  vertical-align: text-top;
}
.pricing-page-container .starter-pricing-container .header-panel .monthly-currency {
  padding-top: 30px;
  margin-top: -10px;
  font-size: 3em;
  text-align: center;
  background-color: #ffffff;
}
.pricing-page-container .starter-pricing-container .header-panel .annual-currency:before {
  content: "$";
  font-size: 0.7em;
  vertical-align: text-top;
}
.pricing-page-container .starter-pricing-container .header-panel .annual-currency {
  padding-top: 30px;
  margin-top: -10px;
  font-size: 3em;
  height: 200px;
  text-align: center;
  background-color: #ffffff;
}
.pricing-page-container .starter-pricing-container .header-panel .title {
  margin: 0;
  color: #ffffff;
  font-size: 2em;
}
.pricing-page-container .starter-pricing-container .header-panel .title-pricing {
  text-align: center;
  color: #ffffff;
  padding-top: 20px;
  margin-top: 0;
  font-weight: 700;
  padding-bottom: 10px;
}
.pricing-page-container .starter-pricing-container .header-panel .description {
  font-size: 25px;
  padding: 5px;
  background-color: #ffffff;
  line-height: 1em;
  text-align: center;
  padding-top: 20px;
}
.pricing-page-container .starter-pricing-container .header-panel .description-or {
  background-color: #ffffff;
  text-align: center;
}
.pricing-page-container .starter-pricing-container .header-panel .btn-signup {
  margin-right: -10px;
  background-color: #e3bb4c;
  margin-top: -115px;
  padding: 10px 75px;
  margin-left: 10px;
  /*border-radius: 0;*/
  color: #ffffff;
}
.pricing-page-container .starter-pricing-container .header-panel .btn-signup:hover {
  background-color: #ffffff;
  color: #e3bb4c;
  border: 1px solid #e3bb4c;
}
.pricing-page-container .starter-pricing-container .header-panel sup {
  font-size: 50%;
  top: -0.75em;
}
.pricing-page-container .starter-pricing-container .header-panel .feature-includes {
  font-size: 20px;
  margin: 10px 30px;
  text-align: left;
  line-height: 1.1;
}
.pricing-page-container {
  /* NB: used by the world template */
}
.pricing-page-container .plus-pricing-container {
  border: 1px solid #62ceba;
  background-color: #62ceba;
  background-color: rgba(98, 206, 186, 0.145);
  height: 820px;
}
.pricing-page-container .plus-pricing-container:hover {
  cursor: pointer;
}
.pricing-page-container .plus-pricing-container .header-panel {
  height: 448px;
}
.pricing-page-container .plus-pricing-container .header-panel .monthly-currency:before {
  content: "$";
  font-size: 0.7em;
  vertical-align: text-top;
}
.pricing-page-container .plus-pricing-container .header-panel .monthly-currency {
  padding-top: 30px;
  margin-top: -10px;
  font-size: 3em;
  text-align: center;
  background-color: #ffffff;
}
.pricing-page-container .plus-pricing-container .header-panel .annual-currency:before {
  content: "$";
  font-size: 0.7em;
  vertical-align: text-top;
}
.pricing-page-container .plus-pricing-container .header-panel .annual-currency {
  padding-top: 30px;
  margin-top: -10px;
  height: 200px;
  font-size: 3em;
  text-align: center;
  background-color: #ffffff;
}
.pricing-page-container .plus-pricing-container .header-panel .title {
  margin: 0;
  color: #ffffff;
  font-size: 2em;
}
.pricing-page-container .plus-pricing-container .header-panel .title-pricing {
  text-align: center;
  color: #ffffff;
  padding-top: 20px;
  margin-top: 0;
  font-weight: 700;
  padding-bottom: 10px;
}
.pricing-page-container .plus-pricing-container .header-panel .description {
  font-size: 25px;
  padding: 5px;
  background-color: #ffffff;
  line-height: 1em;
  text-align: center;
  padding-top: 20px;
}
.pricing-page-container .plus-pricing-container .header-panel .description-or {
  background-color: #ffffff;
  text-align: center;
}
.pricing-page-container .plus-pricing-container .header-panel .btn-signup {
  margin-right: -10px;
  background-color: #62ceba;
  margin-top: -110px;
  padding: 10px 75px;
  /*border-radius: 0;*/
  color: #ffffff;
}
.pricing-page-container .plus-pricing-container .header-panel .btn-signup:hover {
  background-color: #ffffff;
  color: #62ceba;
  border: 1px solid #62ceba;
}
.pricing-page-container .plus-pricing-container .header-panel sup {
  font-size: 50%;
  top: -0.75em;
}
.pricing-page-container .plus-pricing-container .header-panel .feature-includes {
  font-size: 20px;
  text-align: left;
  margin: 10px 20px;
  padding: 15px 20px;
  line-height: 1.1;
}
.pricing-page-container {
  /* NB: used by the world template */
}
.pricing-page-container .premium-pricing-container {
  border: 1px solid #f58f31;
  background-color: rgba(245, 143, 49, 0.145);
  height: 820px;
}
.pricing-page-container .premium-pricing-container:hover {
  cursor: pointer;
}
.pricing-page-container .premium-pricing-container .header-panel {
  height: 434px;
}
.pricing-page-container .premium-pricing-container .header-panel .description-free {
  font-size: 25px;
  background-color: #ffffff;
  line-height: 1em;
  text-align: center;
  padding-top: 20px;
  margin-bottom: -5px;
}
.pricing-page-container .premium-pricing-container .header-panel .monthly-free-currency:before {
  font-size: 0.7em;
  vertical-align: text-top;
}
.pricing-page-container .premium-pricing-container .header-panel .monthly-free-currency {
  padding-top: 30px;
  font-size: 3em;
  height: 330px;
  text-align: center;
  background-color: #ffffff;
}
.pricing-page-container .premium-pricing-container .header-panel .monthly-currency:before {
  content: "$";
  font-size: 0.7em;
  vertical-align: text-top;
}
.pricing-page-container .premium-pricing-container .header-panel .monthly-currency {
  padding-top: 30px;
  margin-top: -10px;
  font-size: 3em;
  text-align: center;
  background-color: #ffffff;
}
.pricing-page-container .premium-pricing-container .header-panel .annual-currency:before {
  content: "$";
  font-size: 0.7em;
  vertical-align: text-top;
}
.pricing-page-container .premium-pricing-container .header-panel .annual-currency {
  padding-top: 30px;
  margin-top: -10px;
  font-size: 3em;
  height: 200px;
  text-align: center;
  background-color: #ffffff;
}
.pricing-page-container .premium-pricing-container .header-panel .title {
  margin: 0;
  color: white;
  font-size: 2em;
}
.pricing-page-container .premium-pricing-container .header-panel .title-pricing {
  text-align: center;
  color: #ffffff;
  padding-top: 20px;
  margin-top: 0;
  font-weight: 700;
  padding-bottom: 10px;
}
.pricing-page-container .premium-pricing-container .header-panel .description {
  font-size: 25px;
  padding: 5px;
  background-color: #ffffff;
  line-height: 1em;
  text-align: center;
  padding-top: 20px;
}
.pricing-page-container .premium-pricing-container .header-panel .description-or {
  background-color: #ffffff;
  text-align: center;
}
.pricing-page-container .premium-pricing-container .header-panel .btn-signup {
  background-color: #f58f31;
  margin-top: -110px;
  padding: 10px 75px;
  /*border-radius: 0;*/
  color: #ffffff;
}
.pricing-page-container .premium-pricing-container .header-panel .btn-signup:hover {
  background-color: #ffffff;
  color: #f58f31;
  border: 1px solid #f58f31;
}
.pricing-page-container .premium-pricing-container .header-panel sup {
  font-size: 50%;
  top: -0.75em;
}
.pricing-page-container .premium-pricing-container .header-panel .feature-includes {
  font-size: 20px;
  text-align: left;
  margin: 10px 30px;
  line-height: 1.1;
}
.pricing-page-container {
  /* NB: used by the world template */
}
.pricing-page-container .school-pricing-container {
  border: 1px solid #52287e;
  background-color: rgba(84, 35, 127, 0.145);
  height: 820px;
}
.pricing-page-container .school-pricing-container:hover {
  cursor: pointer;
}
.pricing-page-container .school-pricing-container .header-panel {
  height: 434px;
}
.pricing-page-container .school-pricing-container .header-panel .annual-currency:before {
  content: "$";
  font-size: 0.7em;
  vertical-align: text-top;
}
.pricing-page-container .school-pricing-container .header-panel .annual-currency {
  margin-top: -10px;
  font-size: 3em;
  height: 268px;
  text-align: center;
  background-color: #ffffff;
}
.pricing-page-container .school-pricing-container .header-panel .title {
  margin: 0;
  color: white;
  font-size: 2em;
}
.pricing-page-container .school-pricing-container .header-panel .title-pricing {
  text-align: center;
  color: #ffffff;
  padding-top: 20px;
  margin-top: 0;
  font-weight: 700;
  padding-bottom: 10px;
}
.pricing-page-container .school-pricing-container .header-panel .description {
  font-size: 25px;
  padding: 5px;
  background-color: #ffffff;
  line-height: 1em;
  text-align: center;
  padding-top: 20px;
}
.pricing-page-container .school-pricing-container .header-panel .description-or {
  background-color: #ffffff;
  text-align: center;
}
.pricing-page-container .school-pricing-container .header-panel .btn-signup {
  background-color: #52287e;
  margin-top: -110px;
  padding: 10px 75px;
  /*border-radius: 0;*/
  color: #ffffff;
}
.pricing-page-container .school-pricing-container .header-panel .btn-signup:hover {
  background-color: #ffffff;
  color: #52287e;
  border: 1px solid #52287e;
}
.pricing-page-container .school-pricing-container .header-panel sup {
  font-size: 50%;
  top: -0.75em;
}
.pricing-page-container .school-pricing-container .header-panel .feature-includes {
  font-size: 20px;
  text-align: left;
  margin: 10px 30px;
  line-height: 1.1;
}

.studentAudience {
  font-size: 18px;
}

.studentAudience .banner {
  text-align: left;
  height: 415px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #d4cebd;
  background-image: url("/assets/images/Students-Hero.jpg");
}

.studentAudience .overlay {
  position: relative;
  background-color: rgba(0, 0, 0, 0.3);
  min-height: 415px;
  margin-top: -415px;
}

.studentAudience .bannerContent {
  margin-top: -350px;
  min-height: 350px;
  color: white;
  padding: 10px;
}

.studentAudience .bannerContent h1 {
  text-align: left;
  color: white;
  text-transform: none;
  font-size: 36px;
}

.studentAudience h1 {
  text-transform: none;
  text-align: center;
  color: #51177e;
  letter-spacing: 2px;
  font-weight: 600;
}

.studentAudience .bannerContent p {
  font-size: 18px;
}

.studentAudience .sponsor {
  padding-top: 50px;
  padding-bottom: 50px;
}

.teachers {
  font-size: 18px;
}

.teachers .banner {
  text-align: left;
  height: 415px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #d4cebd;
  background-image: url("/assets/images/teacherHero.jpg");
}

.teachers .overlay {
  position: relative;
  background-color: rgba(0, 0, 0, 0.3);
  min-height: 415px;
  margin-top: -415px;
}

.teachers .landing h1 {
  text-align: left;
}

.teachers .landing .center {
  text-align: center;
}

.teachers h1 {
  text-transform: none;
  text-align: center;
  color: #51177e;
  letter-spacing: 2px;
  font-weight: 600;
}

.teachers .bannerContent {
  margin-top: -350px;
  min-height: 250px;
  color: white;
  padding: 10px;
}

.teachers .bannerContent h1 {
  text-align: left;
  color: white;
  text-transform: none;
  font-size: 36px;
}

.teachers .bannerContent p {
  font-size: 18px;
}

.teachers .landing img {
  width: 130px;
}

.teachers .features a {
  color: white;
  text-decoration: none;
}

.teachers .features .nav-tabs li.active a {
  background-color: #54237f;
  font-weight: bold;
  color: white;
}

.teachers .features .nav-tabs li a {
  border: 1px solid #54237f;
  color: #54237f;
}

.teachers .features .tab-content h2 {
  color: #54237f;
  font-size: 18px;
  letter-spacing: 1px;
  font-weight: bold;
}

.teachers .features .overlay {
  position: relative;
  background-color: rgba(0, 0, 0, 0.3);
  min-height: 415px;
  margin-top: -415px;
}

.teachers .features .tab-content .tab-pane {
  border-left: 1px solid #54237f;
  border-right: 1px solid #54237f;
  border-bottom: 1px solid #54237f;
  padding: 20px;
  margin-bottom: 20px;
  min-height: 425px;
}

.teachers .features .tabs .row {
  padding-top: 15px;
  padding-bottom: 15px;
}

.teachers .features .cta {
  color: #54237f;
}

.teachers .features .btn {
  margin-top: 20px;
}

.trialHeader {
  /*font-size: 24px;*/
  background-color: #52287e;
  /*letter-spacing: 2px;*/
  /*text-transform: uppercase;*/
  text-align: center;
  /*border-bottom: 1px #e7e7e7 solid;*/
}
.trialHeader h2 {
  margin: 0;
}
.trialHeader a {
  color: #ffffff;
  text-decoration: underline;
}
.trialHeader a:hover {
  background-color: #ffffff;
  color: #52287e;
}

/*
.profile {
    padding: 40px 0px;
}*/
.profile .welcome {
  color: #555;
  border-radius: 20px;
  text-align: center;
  padding-bottom: 20px;
}

.profile .welcome h1 {
  text-transform: none;
  font-weight: 400;
  letter-spacing: 1px;
}

.profile .welcome h1 span {
  font-weight: 700;
  color: #444;
}

.profile .welcome div {
  display: inline-block;
  padding: 10px;
  font-weight: 700;
  font-size: 18px;
  max-width: 200px;
  margin: 10px;
  position: relative;
  height: 250px;
  vertical-align: top;
  cursor: pointer;
}

.profile .welcome .av {
  padding: 15px 0px;
  /*	position: absolute;
  top: 27px;
  left: 62px;*/
}

.profile .assignment {
  background-color: #52287e;
  color: white;
  padding: 10px;
  border-radius: 10px;
  font-size: 18px;
  font-weight: 700;
  cursor: pointer;
  margin-top: 5px;
}

.profile .favorite a {
  color: #555;
  font-size: 16px;
  font-weight: 700;
}

.profile .favorite {
  display: inline-block;
  margin: 0px 0px 10px 5px;
  max-width: 220px;
  text-align: center;
}

.profile .favorite img {
  border-radius: 20px;
}

.profile .userinfo {
  padding-top: 20px;
}

.userProfile a {
  cursor: pointer;
}

.userProfile .userProfileHeader {
  max-height: 65px;
}

.userProfile table.infoTable {
  margin-top: 20px;
  font-size: 16px;
}

.userProfile table.infoTable tr td {
  padding: 10px;
}

.aod-landing-container .banner {
  text-align: left;
  height: 850px;
  /*width:1373px;*/
  background-size: cover;
  /*background-size: contain;*/
  background-position: center;
  background-repeat: no-repeat;
  background-color: #d4cebd;
  background-image: url("/assets/images/aod-landing-heroA.jpg");
}
.aod-landing-container .overlay {
  position: relative;
  background-color: rgba(0, 0, 0, 0.3);
  min-height: 315px;
  margin-top: -315px;
}
.aod-landing-container .bannerContent {
  margin-top: -512px;
  min-height: 350px;
  color: white;
  padding: 10px;
}
.aod-landing-container .bannerContent h1 {
  text-align: left;
  color: white;
  text-transform: none;
  font-size: 36px;
}
.aod-landing-container .phoneContent {
  position: absolute;
  z-index: 10;
  right: -155px;
  bottom: 0;
}
.aod-landing-container .supported-devices {
  background-color: white;
  padding: 15px;
  position: absolute;
  bottom: -21px;
  right: 105px;
  border: 1px black solid;
}
.aod-landing-container {
  /*
  .text-copy-block {
      margin-bottom: 40px;
      font-size: 20px;
  }*/
}
.aod-landing-container .list-group-item {
  border: none;
}
.aod-landing-container ul li {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 20px;
}
.aod-landing-container .pricing-container {
  border: 1px solid #52287e;
  background-color: rgba(84, 35, 127, 0.145);
  height: 526px;
}
.aod-landing-container .pricing-container .header-panel {
  height: 280px;
}
.aod-landing-container .pricing-container .header-panel .monthly-currency:before {
  content: "$";
  font-size: 0.7em;
  vertical-align: text-top;
}
.aod-landing-container .pricing-container .header-panel .monthly-currency {
  padding-top: 30px;
  margin-top: -10px;
  font-size: 3em;
  text-align: center;
  background-color: #ffffff;
}
.aod-landing-container .pricing-container .header-panel .annual-currency:before {
  content: "$";
  font-size: 0.7em;
  vertical-align: text-top;
}
.aod-landing-container .pricing-container .header-panel .annual-currency {
  padding-top: 30px;
  margin-top: -10px;
  font-size: 5em;
  height: 210px;
  text-align: center;
  background-color: #ffffff;
}
.aod-landing-container .pricing-container .header-panel .title {
  margin: 0;
  color: white;
  font-size: 2em;
}
.aod-landing-container .pricing-container .header-panel .title-pricing {
  text-align: center;
  color: #ffffff;
  padding-top: 20px;
  margin-top: 0;
  font-weight: 700;
  padding-bottom: 10px;
}
.aod-landing-container .pricing-container .header-panel .description {
  font-size: 25px;
  padding: 5px;
  background-color: #ffffff;
  line-height: 1em;
  text-align: center;
  padding-top: 20px;
}
.aod-landing-container .pricing-container .header-panel .description-or {
  background-color: #ffffff;
  text-align: center;
}
.aod-landing-container .pricing-container .header-panel .btn-signup {
  background-color: #f58f31;
  margin-top: -110px;
  padding: 10px 75px;
  /*border-radius: 0;*/
  color: #ffffff;
}
.aod-landing-container .pricing-container .header-panel .btn-signup:hover {
  background-color: #ffffff;
  color: #f58f31;
  border: 1px solid #f58f31;
}
.aod-landing-container .pricing-container .header-panel sup {
  font-size: 50%;
  top: -0.75em;
}
.aod-landing-container .pricing-container .header-panel .feature-includes {
  font-size: 20px;
  text-align: left;
  margin: 10px 30px;
  line-height: 1.1;
}

.school-license-container {
  /*
  .new-text-area {
      font-size: 20px;
      line-height: 35px;
      letter-spacing: 0.3px;
      padding-bottom: 30px;
  }*/
  /*
  .text-copy-block {
      margin-bottom: 40px;
      font-size: 20px;
  }*/
}
.school-license-container ul li {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 20px;
}
.school-license-container {
  /*
  table,
  th,
  td {
      border: 1px solid black;
      padding-left: 10px;
      padding-right: 10px;
      font-size: 22px;
  }

  .table_header {
      font-weight: bold;
      padding-left: 20px !important;
      padding-right: 20px !important;
      font-size: 27px;
  }

  .table_background {
      background-color: gainsboro;
  }

  .table_background2 {
      background-color: grey;
      color: white;
  }*/
  /*
  .text-left {
      font-weight: 600;
      margin-bottom: 40px;
  }*/
}
.school-license-container .pricing-container {
  border: 1px solid #52287e;
  background-color: rgba(84, 35, 127, 0.145);
  height: 526px;
}
.school-license-container .pricing-container .header-panel {
  height: 280px;
}
.school-license-container .pricing-container .header-panel .monthly-currency:before {
  content: "$";
  font-size: 0.7em;
  vertical-align: text-top;
}
.school-license-container .pricing-container .header-panel .monthly-currency {
  padding-top: 30px;
  margin-top: -10px;
  font-size: 3em;
  text-align: center;
  background-color: #ffffff;
}
.school-license-container .pricing-container .header-panel .annual-currency:before {
  content: "$";
  font-size: 0.7em;
  vertical-align: text-top;
}
.school-license-container .pricing-container .header-panel .annual-currency {
  padding-top: 30px;
  margin-top: -10px;
  font-size: 5em;
  height: 210px;
  text-align: center;
  background-color: #ffffff;
}
.school-license-container .pricing-container .header-panel .title {
  margin: 0;
  color: white;
  font-size: 2em;
}
.school-license-container .pricing-container .header-panel .title-pricing {
  text-align: center;
  color: #ffffff;
  padding-top: 20px;
  margin-top: 0;
  font-weight: 700;
  padding-bottom: 10px;
}
.school-license-container .pricing-container .header-panel .description {
  font-size: 25px;
  padding: 5px;
  background-color: #ffffff;
  line-height: 1em;
  text-align: center;
  padding-top: 20px;
}
.school-license-container .pricing-container .header-panel .description-or {
  background-color: #ffffff;
  text-align: center;
}
.school-license-container .pricing-container .header-panel .btn-signup {
  background-color: #f58f31;
  margin-top: -110px;
  padding: 10px 75px;
  /*border-radius: 0;*/
  color: #ffffff;
}
.school-license-container .pricing-container .header-panel .btn-signup:hover {
  background-color: #ffffff;
  color: #f58f31;
  border: 1px solid #f58f31;
}
.school-license-container .pricing-container .header-panel sup {
  font-size: 50%;
  top: -0.75em;
}
.school-license-container .pricing-container .header-panel .feature-includes {
  font-size: 20px;
  text-align: left;
  margin: 10px 30px;
  line-height: 1.1;
}

.starter-signup-pricing-container {
  border: 1px solid #e3bb4c;
  background-color: #e3bb4c;
  background-color: rgba(227, 187, 76, 0.145);
  height: 820px;
}
.starter-signup-pricing-container .header-panel {
  height: 429px;
}
.starter-signup-pricing-container .header-panel .monthly-currency:before {
  content: "$";
  font-size: 0.7em;
  vertical-align: text-top;
}
.starter-signup-pricing-container .header-panel .monthly-currency {
  padding-top: 30px;
  margin-top: -10px;
  font-size: 3em;
  text-align: center;
  background-color: #ffffff;
}
.starter-signup-pricing-container .header-panel .annual-currency:before {
  content: "$";
  font-size: 0.7em;
  vertical-align: text-top;
}
.starter-signup-pricing-container .header-panel .annual-currency {
  padding-top: 30px;
  margin-top: -10px;
  font-size: 3em;
  height: 200px;
  text-align: center;
  background-color: #ffffff;
}
.starter-signup-pricing-container .header-panel .title {
  margin: 0;
  color: #ffffff;
  font-size: 2em;
}
.starter-signup-pricing-container .header-panel .title-pricing {
  text-align: center;
  color: #ffffff;
  padding-top: 20px;
  margin-top: 0;
  font-weight: 700;
  padding-bottom: 10px;
}
.starter-signup-pricing-container .header-panel .description {
  font-size: 25px;
  padding: 5px;
  background-color: #ffffff;
  line-height: 1em;
  text-align: center;
  padding-top: 20px;
}
.starter-signup-pricing-container .header-panel .description-or {
  background-color: #ffffff;
  text-align: center;
}
.starter-signup-pricing-container .header-panel .btn-signup {
  margin-right: -10px;
  background-color: #e3bb4c;
  margin-top: -115px;
  padding: 10px 75px;
  margin-left: 10px;
  /*border-radius: 0;*/
  color: #ffffff;
}
.starter-signup-pricing-container .header-panel .btn-signup:hover {
  background-color: #ffffff;
  color: #e3bb4c;
  border: 1px solid #e3bb4c;
}
.starter-signup-pricing-container .header-panel sup {
  font-size: 50%;
  top: -0.75em;
}
.starter-signup-pricing-container .header-panel .feature-includes {
  font-size: 20px;
  margin: 10px 30px;
  text-align: left;
  line-height: 1.1;
}

.plus-signup-pricing-container {
  border: 1px solid #62ceba;
  background-color: #62ceba;
  background-color: rgba(98, 206, 186, 0.145);
  height: 820px;
}
.plus-signup-pricing-container .header-panel {
  height: 429px;
}
.plus-signup-pricing-container .header-panel .monthly-currency:before {
  content: "$";
  font-size: 0.7em;
  vertical-align: text-top;
}
.plus-signup-pricing-container .header-panel .monthly-currency {
  padding-top: 30px;
  margin-top: -10px;
  font-size: 3em;
  text-align: center;
  background-color: #ffffff;
}
.plus-signup-pricing-container .header-panel .annual-currency:before {
  content: "$";
  font-size: 0.7em;
  vertical-align: text-top;
}
.plus-signup-pricing-container .header-panel .annual-currency {
  padding-top: 30px;
  margin-top: -10px;
  height: 200px;
  font-size: 3em;
  text-align: center;
  background-color: #ffffff;
}
.plus-signup-pricing-container .header-panel .title {
  margin: 0;
  color: #ffffff;
  font-size: 2em;
}
.plus-signup-pricing-container .header-panel .title-pricing {
  text-align: center;
  color: #ffffff;
  padding-top: 20px;
  margin-top: 0;
  font-weight: 700;
  padding-bottom: 10px;
}
.plus-signup-pricing-container .header-panel .description {
  font-size: 25px;
  padding: 5px;
  background-color: #ffffff;
  line-height: 1em;
  text-align: center;
  padding-top: 20px;
}
.plus-signup-pricing-container .header-panel .description-or {
  background-color: #ffffff;
  text-align: center;
}
.plus-signup-pricing-container .header-panel .btn-signup {
  margin-right: -10px;
  background-color: #62ceba;
  margin-top: -110px;
  padding: 10px 75px;
  /*border-radius: 0;*/
  color: #ffffff;
}
.plus-signup-pricing-container .header-panel .btn-signup:hover {
  background-color: #ffffff;
  color: #62ceba;
  border: 1px solid #62ceba;
}
.plus-signup-pricing-container .header-panel sup {
  font-size: 50%;
  top: -0.75em;
}
.plus-signup-pricing-container .header-panel .feature-includes {
  font-size: 20px;
  text-align: left;
  margin: 10px 20px;
  padding: 15px 20px;
  line-height: 1.1;
}

.premium-signup-pricing-container {
  border: 1px solid #f58f31;
  background-color: rgba(245, 143, 49, 0.145);
  height: 820px;
}
.premium-signup-pricing-container .header-panel {
  height: 429px;
}
.premium-signup-pricing-container .header-panel .monthly-currency:before {
  content: "$";
  font-size: 0.7em;
  vertical-align: text-top;
}
.premium-signup-pricing-container .header-panel .monthly-currency {
  padding-top: 30px;
  margin-top: -10px;
  font-size: 3em;
  text-align: center;
  background-color: #ffffff;
}
.premium-signup-pricing-container .header-panel .annual-currency:before {
  content: "$";
  font-size: 0.7em;
  vertical-align: text-top;
}
.premium-signup-pricing-container .header-panel .annual-currency {
  padding-top: 30px;
  margin-top: -10px;
  font-size: 3em;
  height: 200px;
  text-align: center;
  background-color: #ffffff;
}
.premium-signup-pricing-container .header-panel .title {
  margin: 0;
  color: white;
  font-size: 2em;
}
.premium-signup-pricing-container .header-panel .title-pricing {
  text-align: center;
  color: #ffffff;
  padding-top: 20px;
  margin-top: 0;
  font-weight: 700;
  padding-bottom: 10px;
}
.premium-signup-pricing-container .header-panel .description {
  font-size: 25px;
  padding: 5px;
  background-color: #ffffff;
  line-height: 1em;
  text-align: center;
  padding-top: 20px;
}
.premium-signup-pricing-container .header-panel .description-or {
  background-color: #ffffff;
  text-align: center;
}
.premium-signup-pricing-container .header-panel .btn-signup {
  background-color: #f58f31;
  margin-top: -110px;
  padding: 10px 75px;
  /*border-radius: 0;*/
  color: #ffffff;
}
.premium-signup-pricing-container .header-panel .btn-signup:hover {
  background-color: #ffffff;
  color: #f58f31;
  border: 1px solid #f58f31;
}
.premium-signup-pricing-container .header-panel sup {
  font-size: 50%;
  top: -0.75em;
}
.premium-signup-pricing-container .header-panel .feature-includes {
  font-size: 20px;
  text-align: left;
  margin: 10px 30px;
  line-height: 1.1;
}