html {
  height: 100%;
}
body {
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  font-family: 'MuseoSans-300';
  font-size: 14px;
  color: #1F3343;
}
.bold {
  font-family: 'museosans-500';
}
strong,
b,
.font-bold {
  font-weight: bold;
}
a {
  text-decoration: none;
  color: #1F3343;
}
a:hover {
  text-decoration: none;
  color: #E60330;
}
a img {
  border-style: none;
}
.a2 {
  text-decoration: underline;
  color: #E60330;
  font-size: 1.25rem;
  line-height: 1.6;
  font-family: 'MuseoSans-700';
}
.a2:hover {
  text-decoration: underline;
  color: #707070;
  cursor: pointer;
}
.a2-tra img {
  transition: filter 0.33s;
}
.a2:hover img {
  -webkit-filter: grayscale(60%);
  /* Chrome, Safari, Opera */
  -webkit-filter: brightness(45%);
  /* Chrome, Safari, Opera */
  filter: grayscale(60%);
  filter: brightness(45%);
}
.a3 {
  text-decoration: none;
  color: white;
}
.a3:hover {
  text-decoration: none;
  color: #505050;
  cursor: pointer;
}
.a3:hover img {
  -webkit-filter: grayscale(60%);
  /* Chrome, Safari, Opera */
  -webkit-filter: brightness(45%);
  /* Chrome, Safari, Opera */
  filter: grayscale(60%);
  filter: brightness(45%);
}
.a4 {
  text-decoration: none;
  color: #E60330;
}
.a4:hover {
  text-decoration: none;
  color: white;
  cursor: pointer;
}
.a4:hover img {
  -webkit-filter: grayscale(60%);
  /* Chrome, Safari, Opera */
  -webkit-filter: brightness(45%);
  /* Chrome, Safari, Opera */
  filter: grayscale(60%);
  filter: brightness(45%);
}
.a5 {
  text-decoration: underline;
  color: #E60330;
  font-size: 1.25rem;
  line-height: 1.6;
  font-family: 'MuseoSans-700';
}
.a5:hover {
  text-decoration: underline;
  color: #707070;
  cursor: pointer;
}
.a5:hover img {
  -webkit-filter: grayscale(60%);
  /* Chrome, Safari, Opera */
  -webkit-filter: brightness(45%);
  /* Chrome, Safari, Opera */
  filter: grayscale(60%);
  filter: brightness(45%);
}
.a5-dark {
  text-decoration: none;
  color: #FFFFFF;
  font-size: 1.25rem;
  line-height: 1.6;
  font-family: 'MuseoSans-700';
}
.a5-dark:hover {
  text-decoration: none;
  color: #909090;
  cursor: pointer;
}
.a6 {
  text-decoration: none;
  color: #E60330;
}
.a6:hover {
  text-decoration: none;
  color: #505050;
  cursor: pointer;
}
.a6:hover img {
  -webkit-filter: grayscale(60%);
  /* Chrome, Safari, Opera */
  -webkit-filter: brightness(45%);
  /* Chrome, Safari, Opera */
  filter: grayscale(60%);
  filter: brightness(45%);
}
h1 {
  font-family: 'MuseoSans-700';
  font-size: 2rem;
  line-height: 1.125;
  margin: 20px 0;
}
h2 {
  font-family: 'MuseoSans-700';
  font-size: 1.75rem;
  line-height: 1.1425;
}
h3 {
  font-family: 'MuseoSans-700';
  line-height: 1.125;
}
h4 {
  font-family: 'MuseoSans-700';
  line-height: 1.125;
}
h5 {
  font-family: 'MuseoSans-700';
  line-height: 1.125;
}
h6 {
  font-family: 'MuseoSans-700';
  line-height: 1.125;
}
.productNav span,
.productNav h6,
.bs-productNav span,
.bs-productNav h6 {
  font-family: 'MuseoSans-700';
  line-height: 1.125;
  font-size: 1rem;
}
.single-accordion-drop-down-header {
  font-family: 'MuseoSans-500';
  line-height: 1.6;
  font-size: 1.5rem;
  outline: none;
}
.single-accordion-drop-down-h3-text {
  font-family: 'MuseoSans-500';
  line-height: 1.6;
  font-size: 1.25rem;
  outline: none;
  border-bottom: 1px solid #E60330;
}
.paragraph-text {
  font-family: 'MuseoSans-300';
  font-size: 1.25rem;
  line-height: 1.6;
}
.sec1 > p,
.section_blueBG > p,
.section_w_circles > p {
  font-family: 'MuseoSans-300';
  font-size: 1.25rem;
  line-height: 1.6;
}
.unordered-list {
  font-family: 'MuseoSans-300';
  font-size: 1.25rem;
  line-height: 1.25;
}
.ordered-list {
  font-family: 'MuseoSans-300';
  font-size: 1.25rem;
  line-height: 1.25;
}
#alignLeft {
  text-align: left;
}
#alignCenter {
  text-align: center;
}
#alignTop {
  vertical-align: top;
}
.alignLeft {
  text-align: left;
}
.alignCenter {
  text-align: center;
}
.alignTop {
  vertical-align: top;
}
.alignRight {
  text-align: right;
  position: relative;
}
.blue_calloutword {
  color: #00BAC6;
  font-size: 2.25rem;
  line-height: 1.125;
  font-weight: 600;
  font-family: 'Reem Kufi', sans-serif;
  text-transform: uppercase;
}
.blueBorder {
  border: 0.2rem solid #00BAC6;
  padding: 2rem;
}
.borderLeft {
  border-left: 0.1rem solid #00BAC6;
  padding-left: 1.5rem;
}
.blueLineD_50 {
  height: 0.15rem;
  background-color: #00BAC6;
  width: 50%;
  margin: auto;
  border: hidden;
}
.calloutLinks li {
  display: inline-block;
  text-align: center;
  padding: 1rem 0.5rem 0rem 0.5rem;
  text-decoration: none;
}
.calloutsec1 {
  text-align: center;
  margin: 3rem 0;
}
.calloutsec1 a {
  display: inline-block;
  margin: 0 1rem;
}
.careerBanner {
  height: 100%;
  width: 100%;
  background-image: url(/image/banners/careers.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-color: #353535;
  text-align: center;
}
.text-center {
  text-align: center;
}
.center {
  margin: auto;
  height: 100%;
  min-width: 50rem;
  max-width: 75rem;
}
.center2 {
  margin: auto;
  height: 100%;
  min-width: 37rem;
  max-width: 85rem;
}
.center3 {
  margin: auto;
  height: 100%;
  min-width: 37rem;
  max-width: 82rem;
}
.center4 {
  margin: auto;
  height: 100%;
  min-width: 50rem;
  max-width: 50rem;
}
.center5 {
  margin: auto;
  height: 100%;
  min-width: 37rem;
  max-width: 48rem;
}
.centerTable {
  display: inline-block;
  width: 70%;
  background-color: white;
  position: relative;
  left: 15%;
}
.centerTable2 {
  display: inline-block;
  width: 100%;
  background-color: white;
  position: relative;
}
.centerTable3 {
  display: inline-block;
  width: 90%;
  background-color: white;
  position: relative;
}
#color-red {
  color: #E60330;
}
#color-blue {
  color: #00BAC6;
}
#color-grey {
  color: #505050;
}
.color-red {
  color: #E60330;
}
.color-blue {
  color: #00BAC6;
}
.color-grey {
  color: #505050;
}
.container2 {
  min-height: 100%;
  margin: 0 auto;
}
.table-bgcolor-white {
  background-color: white;
}
.divLine {
  height: 0.2rem;
  padding: 1.2rem;
  width: 50%;
  border-bottom: 0.2rem solid #00BAC6;
  display: inline-block;
}
.event-table {
  font-size: 1.1rem;
  font-family: 'museosans-300';
}
.fonts_text {
  text-align: left;
  padding-left: 2.2rem;
  color: #1F3343;
}
.fontsBTN {
  padding-top: 1.8rem;
  text-align: right;
  width: 45%;
}
.gradeLinks li {
  position: relative;
  top: 0.1rem;
  left: -1.5rem;
  display: inline-block;
  text-align: center;
  padding: 1rem 1rem;
  text-decoration: none;
  font-size: 1.1rem;
}
.gradeLinks li:hover {
  color: #E60330;
}
.gum_text {
  text-align: left;
  padding-left: 2rem;
  color: white;
}
.gumBTN {
  padding-top: 15rem;
  text-align: right;
  width: 45%;
}
.handwriting_text {
  text-align: left;
  padding-left: 2.1rem;
  color: white;
}
.handwritingBTN {
  padding-top: 15rem;
  text-align: right;
  width: 50%;
}
#headerWeight {
  font-family: 'museosans-700';
  color: #1F3343;
}
.headerWeight {
  font-family: 'museosans-700';
  color: #1F3343;
}
.headerWeightRed {
  font-family: 'museosans-700';
  color: #E60330;
}
#height_300 {
  height: 2rem;
}
#height_400 {
  height: 2.5rem;
}
#height_500 {
  height: 4rem;
}
#height_600 {
  height: 5rem;
}
.historyBanner {
  height: 100%;
  width: 100%;
  background-image: url(/image/banners/history.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-color: #99CA45;
  text-align: center;
}
.history1 {
  shape-outside: url(/image/photos/history_fun4.png);
  shape-image-threshold: 0.8;
  float: left;
  position: relative;
  left: -4rem;
}
.leftImg {
  display: inline-block;
  width: 30.7rem;
  padding-top: 2.3rem;
  padding-right: 1rem;
  text-align: center;
}
.leftright_10 {
  padding: 0px 0.8rem;
}
.leftText {
  display: inline-block;
  width: 55%;
  text-align: center;
  padding-left: 2rem;
}
.leftText_custom {
  display: inline-block;
  width: 49%;
  text-align: center;
  padding-left: 2rem;
}
.lightBlueBG {
  background-color: #dff0f5;
}
.mainBanner2_text {
  width: 30%;
  text-align: left;
  position: relative;
  top: 18rem;
}
.mainBanner3_text {
  width: 50%;
  text-align: center;
  position: relative;
  top: 18.5rem;
}
.newsBanner {
  height: 100%;
  width: 100%;
  background-image: url(/image/banners/news.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-color: #253127;
  text-align: center;
}
.newsSideNav {
  position: relative;
  top: 45px;
  float: left;
  border: 0.2rem solid #E60330;
  padding: 1rem;
}
.paddingLeft_10 {
  padding-left: 0.6rem;
}
.paddingLeft_15 {
  padding-left: 1rem;
}
.paddingLeft_24 {
  padding-left: 2rem;
}
.paddingLeft_30 {
  padding-left: 2.2rem;
}
.paddingLeft_50 {
  padding-left: 3rem;
}
.paddingLeft_60 {
  padding-left: 3.5rem;
}
.paddingLeft_100 {
  padding-left: 5rem;
}
.panel_spacer_40 {
  width: 2.5rem;
  display: inline-block;
}
.pd_pict1 {
  shape-outside: url(/image/photos/best_practices.png);
  shape-image-threshold: 0.8;
  float: left;
}
.pd_text {
  text-align: left;
  padding-left: 2rem;
  color: #1F3343;
}
.phoneNumbers {
  text-align: left;
  font-size: 1.6rem;
  font-family: 'museosans-300';
  position: relative;
  top: -1.5rem;
  left: 2rem;
}
.pricingPanel {
  margin: auto;
  padding-top: 2px;
  padding-bottom: 15px;
  width: 50rem;
  border: 0.2rem solid #00BAC6;
  background-color: white;
  box-shadow: 0.2rem 0.2rem 0.3rem #909090;
}
.pricingPanel li {
  padding-bottom: 0.3rem;
}
.product_icons li {
  display: inline-block;
  text-align: center;
  padding: 2rem 1.5rem 0.6rem 1.8rem;
  text-decoration: none;
  vertical-align: text-top;
}
.product_icons ul {
  padding: 0px;
}
.productContent {
  height: 100%;
  width: 100%;
  background-image: url(/image/decoration/circles2.jpg);
  background-repeat: no-repeat;
  background-position: top left;
  text-align: center;
}
.productsListCell2 {
  width: 26rem;
  display: inline-block;
  text-align: left;
  vertical-align: top;
  padding-left: 2.6rem;
}
.productUL {
  position: relative;
  left: -1.2rem;
}
.productUL li {
  padding-bottom: 0.6rem;
}
.push {
  display: none;
}
.quote {
  width: 60%;
  display: inline-block;
  text-align: left;
}
.quoteSection {
  padding-left: 2.5rem;
}
.readWriteBTN {
  padding-top: 15rem;
  text-align: right;
  width: 47%;
}
.redButton {
  padding: 0.5rem 4rem;
  background-color: #E60330;
  color: #FFFFFF;
  font-size: 1.25rem;
  letter-spacing: 0;
  text-align: center;
  line-height: 2rem;
  font-family: 'MuseoSans-700';
  display: inline-block;
}
.purpleButton {
  padding: 0.5rem 4rem;
  background-color: #ac68ab;
  color: #FFFFFF;
  font-size: 1.25rem;
  letter-spacing: 0;
  text-align: center;
  line-height: 2rem;
  font-family: 'MuseoSans-700';
  display: inline-block;
}
.purpleButton-sk-video {
  padding: 1.19rem 0;
  background-color: #92278F;
  color: #ffffff;
  font-size: 1.25rem;
  display: inline-block;
  max-width: 400px;
  width: 100%;
  text-align: center;
  margin-bottom: 40px;
  margin-right: 60px;
  margin-left: 60px;
}
.purpleButton-sk-video:hover {
  background-color: #1F3343;
  color: #ffffff;
}
.blueButton-sk-video {
  padding: 1.19rem 0;
  background-color: #0099D9;
  color: white;
  font-size: 1.25rem;
  display: inline-block;
  max-width: 400px;
  width: 100%;
  text-align: center;
  margin-bottom: 40px;
  margin-right: 60px;
  margin-left: 60px;
}
.blueButton-sk-video:hover {
  background-color: #1F3343;
  color: #ffffff;
}
.orangeButton-sk-video {
  padding: 1.19rem 0;
  background-color: #F7921E;
  color: white;
  font-size: 1.25rem;
  display: inline-block;
  max-width: 400px;
  width: 100%;
  text-align: center;
  margin-bottom: 40px;
  margin-right: 60px;
  margin-left: 60px;
}
.orangeButton-sk-video:hover {
  background-color: #1F3343;
  color: #ffffff;
}
.greenButton-sk-video {
  padding: 1.19rem 0;
  background-color: #7DB43D;
  color: white;
  font-size: 1.25rem;
  display: inline-block;
  max-width: 400px;
  width: 100%;
  text-align: center;
  margin-bottom: 40px;
  margin-right: 60px;
  margin-left: 60px;
}
.greenButton-sk-video:hover {
  background-color: #1F3343;
  color: #ffffff;
}
.greenButton-sk-video-small {
  padding: 0.85rem 0.5rem;
  background-color: #7DB43D;
  color: white;
  font-size: 1.25rem;
  display: inline-block;
  width: 225px;
  text-align: center;
  margin-bottom: 40px;
  margin-right: 60px;
  font-family: 'MuseoSans-700';
}
.greenButton-sk-video-small:hover {
  background-color: #1F3343;
  color: #ffffff;
  text-decoration-line: none;
}
.orangeButton-sk-video-small {
  padding: 0.85rem 0.5rem;
  background-color: #F7921E;
  color: white;
  font-size: 1.25rem;
  display: inline-block;
  width: 225px;
  text-align: center;
  margin-bottom: 40px;
  margin-right: 60px;
  font-family: 'MuseoSans-700';
}
.orangeButton-sk-video-small:hover {
  background-color: #1F3343;
  color: #ffffff;
  text-decoration-line: none;
}
.blueButton-sk-video-small {
  padding: 0.85rem 0.5rem;
  background-color: #0099D9;
  color: white;
  font-size: 1.25rem;
  display: inline-block;
  width: 225px;
  text-align: center;
  margin-bottom: 40px;
  margin-right: 60px;
  font-family: 'MuseoSans-700';
}
.blueButton-sk-video-small:hover {
  background-color: #1F3343;
  color: #ffffff;
  text-decoration-line: none;
}
.redButton:hover,
.purpleButton:hover {
  background-color: #1F3343;
  color: #FFFFFF;
}
.redButton_small {
  padding: 0.5rem 2.25rem;
  background-color: #E60330;
  color: #FFFFFF;
  font-size: 1rem;
  letter-spacing: 0;
  text-align: center;
  line-height: 1.5rem;
  font-family: 'MuseoSans-700';
  display: inline-block;
}
.redButton_small:hover {
  background-color: #1F3343;
  color: white;
}
.redButton_product {
  padding: 0.25rem 1.25rem;
  background-color: #E60330;
  color: #FFFFFF;
  font-size: 0.875rem;
  letter-spacing: 0;
  text-align: left;
  line-height: 1.25rem;
  font-family: 'MuseoSans-700';
  display: inline-block;
}
.redButton_product:hover {
  background-color: #1F3343;
  color: white;
}
.redLineD {
  height: 0.2rem;
  background-color: #E60330;
  width: 100%;
}
.redLineD_50 {
  height: 0.2rem;
  background-color: #E60330;
  width: 50%;
  margin: auto;
}
.rightImg {
  display: inline-block;
  width: 40%;
  text-align: center;
  padding-top: 1rem;
}
.rightText {
  display: inline-block;
  width: 45%;
  text-align: center;
}
.home-page-tile {
  width: 315px;
  vertical-align: top;
  display: inline-block;
  margin-left: 12.5px;
  margin-right: 12.5px;
  margin-bottom: 25px;
}
.home-page-tile p {
  background-color: #1F3343;
  font-size: 1rem;
  color: #FFFFFF;
  font-family: 'MuseoSans-500';
  margin: 0;
  padding: 0.65rem 1rem;
  text-align: left;
}
.home-page-tile img {
  max-width: 315px;
  margin: 0 auto;
  display: block;
}
.home-page-tile div {
  text-align: left;
}
.home-page-tile div a {
  text-align: left;
  margin: 0.5rem 0.9rem;
  padding: 0.25rem 1.8rem;
}
@media screen and (max-width: 1160px) and (min-width: 890px) {
  .rightText {
    width: 90%;
    margin-left: 3.75rem;
  }
}
.left-col-text,
.right-col-text {
  display: inline-block;
  width: 95%;
  text-align: center;
  margin: 0 auto;
}
.width-100-text {
  width: 95%;
  margin: 0 auto;
}
.col-container {
  display: inline-block;
  width: 40%;
  text-align: center;
}
.col-main {
  margin: 0 auto;
  height: 100%;
  max-width: 80%;
}
.section_blueBG {
  background-color: #F4F4F4;
  padding: 2rem 1rem;
  margin: 0;
}
.section_blueBG.home-video {
  text-align: center;
  direction: rtl;
}
.section_blueBG.home-video .videoWrapper {
  display: inline-block;
  vertical-align: middle;
  max-width: 400px;
  width: 100%;
  height: 225px;
}
.section_blueBG.home-video .videoWrapper span {
  display: inline-block;
  max-width: 400px;
  width: 100%;
  height: 225px;
}
.section_blueBG.home-video .textWrapper {
  display: inline-block;
  vertical-align: middle;
  max-width: 33rem;
  margin: 0 1rem;
}
.section_blueBG.home-video .textWrapper .vidText {
  text-align: left;
  display: inline-block;
  font-size: 1.35rem;
  line-height: 2.2rem;
  margin-top: 0;
  font-family: 'MuseoSans-300';
}
.section_blueBG.home-video .textWrapper .watch-your-classroom-button {
  text-align: left;
}
.bs-bg-grey {
  background-color: #F4F4F4;
}
.line-height-1-4 {
  line-height: 1.6;
}
.line-height-1-75 {
  line-height: 1.75;
}
.section_blueBorder {
  border: 0.1rem solid #00BAC6;
}
.section_w_circles .spacer_h_200 {
  height: 6.25rem;
}
.section_w_circles .spacer_h_100 {
  display: none;
}
.section_w_circles.home-standards {
  text-align: center;
  margin: 2rem 0 0;
  padding: 1rem 1rem 5rem;
}
.section_w_circles.home-standards img,
.section_w_circles.home-standards .rightText {
  display: inline-block;
}
.section_w_circles.home-standards .rightText {
  max-width: 600px;
}
.section_w_circles_blue {
  height: 100%;
}
.section_w_circles_blue.home-standards {
  text-align: center;
  margin: 2rem 0 0;
  padding: 1rem 1rem 10rem;
}
.section_w_circles_blue.home-standards img,
.section_w_circles_blue.home-standards .rightText {
  display: inline-block;
  z-index: -1;
}
.section_w_circles_blue.home-standards .rightText {
  max-width: 600px;
}
.box-row-container,
.box-row-container-50 {
  display: inline-block;
  width: 30%;
  vertical-align: top;
}
.box-row-container-2 {
  display: inline-block;
  width: 48%;
  vertical-align: top;
}
.box-row-container-pd {
  display: inline-block;
  vertical-align: top;
  margin-right: 1rem;
  margin-top: 1rem;
}
.box-row-container-spacer {
  display: inline-block;
  width: 2%;
  vertical-align: top;
}
@media screen and (max-width: 1140px) {
  .box-row-container,
  .box-row-container-pd {
    width: 100%;
    margin-bottom: 25px;
  }
  .box-row-container-50 {
    width: 49%;
    margin-bottom: 25px;
  }
}
@media screen and (max-width: 890px) {
  .box-row-container-2 {
    display: block;
    width: 100%;
  }
}
@media screen and (max-width: 600px) {
  .box-row-container-50 {
    width: 100%;
    margin-bottom: 25px;
  }
}
.pd-box1 {
  width: 275px;
  border: 3px solid #634C9A;
  margin: 0 auto;
}
.pd-box-title1 {
  text-align: center;
  color: white;
  background-color: #634C9A;
  padding: 16px 0;
  font-size: 21px;
}
.pd-box-content1 {
  background-color: white;
  text-align: center;
  padding-top: 20px;
  padding-left: 30px;
  padding-right: 30px;
  font-size: 16px;
  line-height: 21px;
}
.pd-box2 {
  width: 275px;
  border: 3px solid #00BAC6;
  margin: 0 auto;
}
.pd-box-title2 {
  text-align: center;
  color: white;
  background-color: #00BAC6;
  padding: 4px 0;
  font-size: 21px;
}
.pd-box3 {
  width: 275px;
  border: 3px solid #E60330;
  margin: 0 auto;
}
.pd-box-title3 {
  text-align: center;
  color: white;
  background-color: #E60330;
  padding: 16px 0;
  font-size: 21px;
}
@media screen and (max-width: 1160px) and (min-width: 890px) {
  .txt-width-100 {
    width: 90%;
  }
}
.pd-reading-block1 {
  background-color: #F4F4F4;
  width: 320px;
  height: 459px;
  margin: 0 auto;
}
.pd-reading-block1 > img {
  padding-bottom: 12px;
}
.rd-box-title {
  color: #1F3343;
  font-size: 22px;
  line-height: 32px;
  display: block;
  padding-bottom: 10px;
  margin: 0;
}
.pd-reading-boxcontent1 {
  text-align: left;
  padding: 0 25px;
  font-size: 16px;
  line-height: 22px;
  color: #1F3343;
}
.pd-reading-boxcontent1 p {
  margin-top: 0;
}
#accordion-pd-reading {
  width: 90%;
  margin: 0 auto;
  text-align: left;
}
#accordion-pd-reading > h3 {
  background-color: #634C9A;
  color: white;
  padding: 12px 0;
  margin: 0;
  font-size: 21px;
  cursor: pointer;
  font-weight: lighter;
  border-top: 1px solid #E0DBEB;
  border-bottom: 1px solid #E0DBEB;
  outline: none;
}
#accordion-pd-reading > div {
  background-color: white;
  vertical-align: middle;
  font-size: 18px;
  border-right: 1px solid #1f3343;
  border-left: 1px solid #1f3343;
  padding: 20px;
  line-height: 1.5rem;
}
#accordion-hd-sp {
  width: 90%;
  margin: 0 auto;
  text-align: left;
}
#accordion-hd-sp > h3 {
  background-color: #00BAC6;
  color: white;
  padding: 12px 0;
  margin: 0;
  font-size: 21px;
  cursor: pointer;
  font-weight: lighter;
  border-top: 1px solid #83ceeb;
  border-bottom: 1px solid #83ceeb;
  outline: none;
}
#accordion-hd-sp > div {
  background-color: white;
  vertical-align: middle;
  font-size: 18px;
  border-right: 1px solid #1f3343;
  border-left: 1px solid #1f3343;
  padding: 20px;
  line-height: 1.5rem;
}
#accordion-sem1,
#accordion-sem2,
#accordion-sem3,
#accordion-sem4,
#accordion-sem5 {
  width: 100%;
  margin: 0 auto;
  text-align: left;
}
#accordion-sem1 > h3,
#accordion-sem2 > h3,
#accordion-sem3 > h3,
#accordion-sem4 > h3,
#accordion-sem5 > h3 {
  background-color: #E60330;
  color: white;
  padding: 12px 0;
  margin: 0;
  font-size: 21px;
  cursor: pointer;
  font-weight: lighter;
  border-top: 1px solid #FACDD6;
  border-bottom: 1px solid #FACDD6;
  outline: none;
}
#accordion-sem1 > div,
#accordion-sem2 > div,
#accordion-sem3 > div,
#accordion-sem4 > div,
#accordion-sem5 > div {
  background-color: white;
  vertical-align: middle;
  font-size: 18px;
  border-right: 1px solid #1f3343;
  border-left: 1px solid #1f3343;
  padding: 20px;
  line-height: 1.5rem;
}
#accordion-tx-auth {
  width: 76%;
  margin: 0 auto;
  text-align: left;
}
#accordion-tx-auth > h3 {
  background-color: #00BAC6;
  color: white;
  padding: 12px 0;
  margin: 0;
  font-size: 21px;
  cursor: pointer;
  font-weight: lighter;
  border-top: 1px solid #00BAC6;
  border-bottom: 1px solid #00BAC6;
  outline: none;
}
#accordion-tx-auth > div {
  background-color: #e7e7e7;
  vertical-align: middle;
  font-size: 18px;
  border-right: 1px solid #1f3343;
  border-left: 1px solid #1f3343;
  padding: 20px;
}
#accordion-sk-rr,
#accordion-sk-white-paper {
  width: 90%;
  margin: 0 auto;
  text-align: left;
}
#accordion-sk-rr > h3,
#accordion-sk-white-paper > h3 {
  background-color: #1f3343;
  color: white;
  padding: 12px 0;
  margin: 0;
  font-size: 18px;
  cursor: pointer;
  font-weight: lighter;
  border-top: 1px solid #c4c4c4;
  border-bottom: 1px solid #c4c4c4;
  outline: none;
  font-weight: bold;
}
#accordion-sk-rr > div,
#accordion-sk-white-paper > div {
  background-color: #ffffff;
  vertical-align: middle;
  font-size: 18px;
  border-right: 1px solid #c4c4c4;
  border-left: 1px solid #c4c4c4;
  padding: 20px;
  line-height: 1.4;
}
#accordion-sk-pd,
#accordion-sk-pd-2 {
  width: 100%;
  margin: 0 auto;
  text-align: left;
}
#accordion-sk-pd > h3,
#accordion-sk-pd-2 > h3 {
  background-color: #1f3343;
  color: white;
  padding: 12px 0;
  margin: 0;
  font-size: 18px;
  cursor: pointer;
  font-weight: lighter;
  border-top: 1px solid #c4c4c4;
  border-bottom: 1px solid #c4c4c4;
  outline: none;
  font-weight: bold;
}
#accordion-sk-pd > div,
#accordion-sk-pd-2 > div {
  background-color: #ffffff;
  vertical-align: middle;
  font-size: 20px;
  border-right: 1px solid #c4c4c4;
  border-left: 1px solid #c4c4c4;
  padding: 20px;
  line-height: 32px;
}
#accordion-hea1 {
  width: 90%;
  text-align: left;
}
#accordion-hea1 > h3 {
  background-color: #1f3343;
  color: white;
  padding: 12px 0;
  margin: 0;
  font-size: 18px;
  cursor: pointer;
  font-weight: lighter;
  border-top: 1px solid #c4c4c4;
  border-bottom: 1px solid #c4c4c4;
  outline: none;
  font-weight: bold;
}
#accordion-hea1 > div {
  background-color: #ffffff;
  vertical-align: middle;
  font-size: 18px;
  border-right: 1px solid #c4c4c4;
  border-left: 1px solid #c4c4c4;
  padding: 20px;
  line-height: 1.4;
}
#accordion-sk-video-lessons,
#accordion-sk-video-lessons2 {
  width: 100%;
  max-width: 588px;
  margin: 0 auto;
  text-align: left;
}
#accordion-sk-video-lessons > h3,
#accordion-sk-video-lessons2 > h3 {
  color: white;
  padding: 20px;
  margin: 0;
  font-size: 18px;
  cursor: pointer;
  font-weight: lighter;
  border-top: 1px solid #c4c4c4;
  outline: none;
  font-weight: bold;
}
#accordion-sk-video-lessons > div,
#accordion-sk-video-lessons2 > div {
  background-color: #ffffff;
  vertical-align: middle;
  font-size: 18px;
  padding: 0;
  line-height: 1.4;
}
#accordion-sk-video-lessons > div table,
#accordion-sk-video-lessons2 > div table {
  border-collapse: collapse;
  width: 100%;
  padding: 0;
}
#accordion-sk-video-lessons > div table,
#accordion-sk-video-lessons2 > div table,
#accordion-sk-video-lessons > div th,
#accordion-sk-video-lessons2 > div th,
#accordion-sk-video-lessons > div td,
#accordion-sk-video-lessons2 > div td {
  border: 2px solid #c4c4c4;
}
#accordion-sk-video-lessons > div td,
#accordion-sk-video-lessons2 > div td {
  padding: 13px 10px;
}
#accordion-sk-video-lessons > div .video-link,
#accordion-sk-video-lessons2 > div .video-link {
  text-align: center;
}
#accordion-overview {
  width: 100%;
  max-width: 588px;
  margin: 0 auto;
  text-align: left;
}
#accordion-overview > h3 {
  color: white;
  padding: 12px 0 12px 20px;
  margin: 0;
  font-size: 18px;
  cursor: pointer;
  font-weight: lighter;
  border-top: 1px solid #c4c4c4;
  outline: none;
  font-weight: bold;
}
#accordion-overview > div {
  background-color: #ffffff;
  vertical-align: middle;
  font-size: 18px;
  padding: 0;
  line-height: 1.4;
}
#accordion-overview > div table {
  border-collapse: collapse;
  width: 100%;
  padding: 0;
}
#accordion-overview > div th,
#accordion-overview > div td {
  border: 2px solid #707070;
}
#accordion-overview > div td {
  padding: 13px 4px;
}
#accordion-overview > div .video-link {
  text-align: center;
}
#accordion-mindscapes1,
#accordion-mindscapes2,
#accordion-mindscapes3,
#accordion-mindscapes4 {
  width: 100%;
  text-align: left;
}
#accordion-mindscapes1 > h3,
#accordion-mindscapes2 > h3,
#accordion-mindscapes3 > h3,
#accordion-mindscapes4 > h3 {
  background-color: #1f3343;
  color: white;
  padding: 12px 0;
  margin: 0;
  font-size: 18px;
  cursor: pointer;
  font-weight: lighter;
  border-top: 1px solid #c4c4c4;
  border-bottom: 1px solid #c4c4c4;
  outline: none;
  font-weight: bold;
}
#accordion-mindscapes1 > div,
#accordion-mindscapes2 > div,
#accordion-mindscapes3 > div,
#accordion-mindscapes4 > div {
  background-color: #ffffff;
  vertical-align: middle;
  font-size: 18px;
  border-right: 1px solid #c4c4c4;
  border-left: 1px solid #c4c4c4;
  padding: 20px;
  line-height: 1.4;
}
.sk-video-lessons-green > h3 {
  background-color: #7DB43D;
}
.sk-video-lessons-green > div .grey-bg {
  background-color: #F4F4F4;
}
.sk-video-lessons-blue > h3 {
  background-color: #1899D9;
}
.sk-video-lessons-blue > div .grey-bg {
  background-color: #F4F4F4;
}
.sk-video-lessons-darkblue > h3 {
  background-color: #1f3343;
}
.sk-video-lessons-darkblue > div .grey-bg {
  background-color: #F4F4F4;
}
.sk-video-lessons-orange > h3 {
  background-color: #F79225;
}
.sk-video-lessons-orange > div .grey-bg {
  background-color: #F4F4F4;
}
.sk-video-lessons-purple > h3 {
  background-color: #92278F;
}
.sk-video-lessons-purple > div tr:nth-of-type(even) {
  background-color: #F4F4F4;
}
.pd-sem-icontext {
  display: inline-block;
  vertical-align: top;
  margin-top: 18px;
  margin-left: 6px;
}
.offer-text-block {
  padding-top: 0;
  width: 30%;
}
.offer-text-block h2,
.offer-text-block p {
  padding-left: 4.5rem;
}
.sectionText_accordionHead {
  text-align: left;
  font-size: 1.3rem;
  font-family: 'museosans-500';
  position: relative;
  left: 2rem;
}
.sectionText_caption {
  text-align: center;
  font-size: 1.3rem;
  font-family: 'museosans-300';
  padding-bottom: 1rem;
}
.sectionText_caption2 {
  text-align: center;
  font-size: 1.3rem;
  font-family: 'museosans-300';
  position: relative;
  top: -2.6rem;
}
.sectionText_header {
  text-align: center;
  font-size: 2rem;
  font-family: 'museosans-300';
}
.sectionText_header_left {
  text-align: left;
  font-size: 2rem;
  font-family: 'museosans-300';
}
.sectionText_header2 {
  text-align: left;
  font-size: 2rem;
  font-family: 'museosans-300';
}
.sectionText_header3 {
  text-align: left;
  font-size: 1.5rem;
  font-family: 'museosans-500';
}
.sectionText_header4 {
  text-align: left;
  font-size: 1.375rem;
  font-family: 'museosans-300';
  line-height: 2rem;
}
.sectionText_subhead {
  text-align: left;
  font-size: 1.25rem;
  font-family: 'museosans-300';
  line-height: 1.6;
}
.sectionText_subhead-32 {
  text-align: left;
  font-size: 1.25rem;
  font-family: 'museosans-300';
  line-height: 2rem;
}
.sectionText_subhead-32lh-1375 {
  text-align: left;
  font-size: 1.375rem;
  font-family: 'museosans-700';
  line-height: 2rem;
}
.sectionText_subhead_center {
  text-align: center;
  font-size: 1.25rem;
  font-family: 'museosans-300';
  line-height: 1.6;
}
.sectionText_subhead li {
  padding-bottom: 0.6rem;
}
.header_subhead {
  font-family: 'MuseoSans-500';
}
.header_subhead:hover {
  font-family: 'MuseoSans-500';
  color: #070707;
}
.header_subhead_dark {
  font-family: 'MuseoSans-500';
  color: #FFFFFF;
}
.sectionText_text {
  text-align: left;
  font-size: 1.25rem;
  line-height: 1.6;
  font-family: 'MuseoSans-300';
}
.sectionText_text2 {
  text-align: left;
  font-size: 1.3rem;
  font-family: 'MuseoSans-500';
}
.sectionText_text3 {
  text-align: center;
  font-size: 1.1rem;
  font-family: 'MuseoSans-300';
}
.sectionText_text4 {
  text-align: left;
  font-size: 1.3rem;
  font-family: 'MuseoSans-300';
}
.sectionText_text5 {
  text-align: left;
  font-size: 1.3rem;
  font-family: 'MuseoSans-700';
}
.sml-grey-header {
  color: #707070;
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.625rem;
}
.sectionText_ul {
  text-align: left;
  font-size: 1.15em;
  padding-bottom: 4px;
}
.smallText {
  font-size: 0.8rem;
}
.storeRedBorder {
  border: 0.2rem solid #E60330;
  height: 1.8rem;
}
.shadowed {
  text-shadow: 0.2rem 0.2rem 0.6rem #505050;
}
.showMain {
  display: inline-block;
}
.showMain2 {
  display: block;
}
.showSmall {
  display: none;
}
.smallBannerText1 {
  display: none;
}
.smallBannerText2 {
  display: none;
}
.spacer_h_15 {
  height: 1rem;
}
.spacer_h_25 {
  height: 1.3rem;
}
.spacer_h_24 {
  height: 1.5rem;
}
.spacer_h_35 {
  height: 2.8rem;
}
.spacer_h_45 {
  height: 3rem;
}
.spacer_h_65 {
  height: 3.2rem;
}
.spacer_h_71 {
  height: 4.1rem;
}
.spacer_h_73 {
  height: 4.85rem;
}
.spacer_h_75 {
  height: 5rem;
}
.spacer_h_100 {
  height: 8rem;
}
.spacer_h_181 {
  height: 12rem;
}
.spacer_h_190 {
  height: 12.6rem;
}
.spacer_h_200 {
  height: 15rem;
}
.spacer_h_250 {
  height: 19rem;
}
.spellingBTN {
  padding-top: 15rem;
  text-align: right;
  width: 45%;
}
.strategiesBTN {
  padding-top: 15rem;
  text-align: right;
  width: 45%;
}
.superkidsBTN {
  padding-top: 15rem;
  text-align: right;
  width: 45%;
}
.superkids_text {
  text-align: left;
  padding-left: 2rem;
  color: #1F3343;
}
.superScriptList {
  font-size: 0.8rem;
  list-style: decimal;
  text-align: left;
}
.superScriptList li {
  padding: 0.55rem;
}
.tableCellBorder {
  border-left: 0.1rem solid #909090;
  border-collapse: collapse;
}
.tableCellBorder2 {
  border: 0.1rem solid #909090;
  border-collapse: collapse;
  background-color: #00BAC6;
  color: white;
  width: 33%;
}
.tableCellBorder3 {
  border-left: 0.1rem solid #909090;
  border-collapse: collapse;
}
.tableRowBorder {
  border: 0.1rem solid #909090;
  border-collapse: collapse;
}
.tableHeaders {
  text-align: center;
  font-size: 1.2rem;
  font-family: 'museosans-500';
}
.textUpPos_10 {
  position: relative;
  top: -0.6rem;
}
.textUpPos_15 {
  position: relative;
  top: -1rem;
}
.textUpPos_25 {
  position: relative;
  top: -1.5rem;
}
.textUpPos_30 {
  position: relative;
  top: -2.1rem;
}
.textLowerPos_10 {
  position: relative;
  top: 0.6rem;
}
.textLowerPos_30 {
  position: relative;
  top: 2.1rem;
}
.textLowerPos_60 {
  position: relative;
  top: 4rem;
}
.textLeftPos_50 {
  position: relative;
  left: 3.5rem;
}
.textdownPos_5 {
  position: relative;
  top: 0.3rem;
}
.textdownPos_15 {
  position: relative;
  top: 1rem;
}
.textdownPos_20 {
  position: relative;
  top: 1.2rem;
}
.textdownPos_30 {
  position: relative;
  top: 2.1rem;
}
.textdownPos_40 {
  position: relative;
  top: 2.8rem;
}
.textdownPos_60 {
  position: relative;
  top: 4rem;
}
.textdownPos_110 {
  position: relative;
  top: 5rem;
}
.textSize_075 {
  font-size: 0.75rem;
}
.textSize_085 {
  font-size: 0.85rem;
}
.textSize_1 {
  font-size: 1rem;
}
.textSize_11 {
  font-size: 1.1rem;
}
.textSize_125 {
  font-size: 1.25rem;
}
.textSize_150 {
  font-size: 1.5rem;
}
.textSize_175 {
  font-size: 1.7rem;
}
.textSize_250 {
  font-size: 2.5rem;
}
.title1 {
  font-size: 2rem;
}
.twoColumns {
  width: 30%;
  padding: 0.6rem 1.3rem;
  display: inline-block;
  vertical-align: text-top;
}
.twoColumns2 {
  width: 20%;
  display: inline-block;
  vertical-align: text-top;
}
.twoColumns3 {
  width: 42%;
  display: inline-block;
  vertical-align: text-top;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.twoColumnsNews1 {
  width: 18%;
  display: inline-block;
  vertical-align: text-top;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.twoColumnsNews2 {
  width: 60%;
  display: inline-block;
  vertical-align: text-top;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  text-align: center;
}
.twoColumnsCenter {
  display: block;
  text-align: center;
}
.twoColumnsCenter2 {
  display: block;
  text-align: center;
}
.whyZBimg1 {
  shape-outside: url(/image/photos/whyZB.png);
  shape-image-threshold: 0.8;
  float: left;
  position: relative;
  left: -3rem;
}
.whyZBimg2 {
  shape-outside: url(/image/photos/history.png);
  shape-image-threshold: 0.8;
  float: right;
  position: relative;
  right: -2.1rem;
}
.whyZBimg3 {
  shape-outside: url(/image/photos/whyZB_fun1.png);
  shape-image-threshold: 0.8;
  float: left;
  position: relative;
  width: 20%;
  height: 20%;
  top: 1.5rem;
  left: -4.8rem;
}
.whyZBimg4 {
  shape-outside: url(/image/photos/whyZB_fun2.png);
  shape-image-threshold: 0.8;
  float: right;
}
.whyZB_BG1 {
  width: 100%;
  background-image: url(/image/photos/whyZB_fun1.png), url(/image/photos/whyZB_fun2.png), url(/image/photos/whyZB_fun3.png);
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-position: right top, left 19.5rem, right 43rem;
  background-size: 20%, 20%, 20%;
}
.whyZB_BG2 {
  width: 100%;
  background-image: url(/image/photos/history_fun1.png), url(/image/photos/history_fun2.png), url(/image/photos/history_fun3.png), url(/image/photos/history_fun4.png);
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
  background-position: right top, left 19.5rem, right 80rem, left bottom;
  background-size: 25%, 18%, 23%, 18%;
}
.WordWisdomBanner1_text {
  width: 50%;
  text-align: left;
  padding-left: 20%;
  padding-top: 12rem;
}
.wordWisdomBTN {
  padding-top: 15.5rem;
  text-align: right;
  width: 45%;
}
.wordWisdom_text {
  text-align: left;
  padding-left: 2rem;
  color: #1F3343;
}
.header_acc {
  border-bottom: 0.2rem solid #F4F4F4;
  width: 23.5rem;
  cursor: pointer;
}
.ui-icon-plus {
  background-image: url('../images/plus.png');
  width: 1.5rem;
  height: 1.5rem;
  display: block;
  background-repeat: no-repeat;
  position: relative;
  top: 1.9rem;
}
.ui-icon-minus {
  background-image: url('../images/minus.png');
  width: 1.5rem;
  height: 1.5rem;
  display: block;
  background-repeat: no-repeat;
  position: relative;
  top: 1.9rem;
}
.salesConsultant {
  margin: auto;
  width: 45rem;
  border: 0.1rem solid #00BAC6;
  box-shadow: 0.2rem 0.2rem 0.3rem #909090;
}
.salesConsultant a {
  color: #E60330;
}
.salesConsultant a:hover {
  color: #505050;
}
.salesConsultant-renewal-page {
  width: 100%;
  max-width: 45rem;
  border: 0.1rem solid #00BAC6;
}
.salesConsultant-renewal-page a {
  color: #E60330;
}
.salesConsultant-renewal-page a:hover {
  color: #505050;
}
.salesConsultant-renewal-styles-1 {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  max-width: 70%;
}
.salesConsultant-renewal-styles-1 a {
  white-space: nowrap;
}
.salesConsultant-renewal-styles-2 {
  display: inline-block;
  width: 100%;
  max-width: 30%;
}
.salesConsultant-renewal-styles-2 img {
  width: 100%;
  max-width: 170px;
  height: 100%;
  max-height: 187px;
}
.sales-img-margin-left {
  margin-left: 150px;
}
@media screen and (max-width: 980px) {
  .sales-img-margin-left {
    margin-left: 40px;
  }
}
#filecard {
  display: none;
}
#filename,
#filename2 {
  color: #505050;
  font-size: 1rem;
  height: 3rem;
  width: 18rem;
}
span#stateArea {
  display: block;
  font-size: 1.2rem;
}
span.stateArea {
  display: block;
  font-size: 1.2rem;
}
span#stateName {
  display: block;
  padding: 0.3rem;
  text-align: center;
  background-color: #00BAC6;
  color: white;
  font-size: 1.2rem;
  font-weight: bold;
}
span#consultantInfo {
  display: block;
  padding: 1rem 0px 1.3rem 2rem;
  color: #505050;
  font-size: 1.3rem;
}
#contactemails {
  position: relative;
  top: 0.55rem;
  left: -2rem;
}
#contactInfo {
  display: none;
  height: 20rem;
  background-repeat: no-repeat;
  z-index: 999;
  position: absolute;
  right: 0.25rem;
  top: 6.5rem;
}
#contactNum {
  display: inline-block;
  position: relative;
  top: 2.5rem;
}
#contactText2 {
  display: inline-block;
  position: relative;
  width: 42%;
  padding-right: 2.5rem;
  left: -0.6rem;
}
.dividerLine_90 {
  height: 0.1rem;
  background-color: #505050;
  width: 90%;
  margin: auto;
}
.superkids-textfeature {
  display: inline-block;
  overflow: auto;
}
.superkids-textfeature .tf-line {
  float: left;
  font-size: 2.2rem;
  clear: left;
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.superkids-textfeature .line-1 {
  margin-left: 2rem;
}
.superkids-textfeature .line-2 {
  margin-left: 14rem;
}
.superkids-textfeature .line-3 {
  margin-left: 18rem;
}
.superkids-textfeature .line-4 {
  margin-left: 13rem;
}
.superkids-textfeature .sectionText_subhead {
  clear: both;
}
.jsonError {
  text-align: center;
  margin: 1rem;
  padding: 1rem;
  max-width: 1000px;
}
.sec1 {
  margin: 1rem;
}
/*Styles for the accordian feature on the state pages*/
.center6 {
  margin: auto;
  height: 100%;
  min-width: 890px;
  max-width: 1070px;
}
.bold2 {
  font-weight: 600;
}
.accordion {
  background-color: #E60330;
  color: #FFFFFF;
  cursor: pointer;
  padding: 18px;
  width: auto;
  /* MAY HAVE TO CHANGE TO AUTO */
  margin: 0 auto;
  border-bottom: 1px solid #FFFFFF;
  text-align: left;
  outline: none;
  font-size: 1.5em;
  transition: 0.4s;
}
.accordion.active,
.accordion:hover {
  background-color: #ddd;
  color: #505050;
}
div.accordionPanel {
  padding: 0 18px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: 0.6s ease-in-out;
  opacity: 0;
}
div.accordionPanel.show {
  opacity: 1;
  max-height: 1500px;
}
.larger-text {
  font-size: 2.25rem;
}
.mini-banner {
  width: 100%;
}
/*Styles for CSW18 pages*/
.lasting-lesson-list {
  margin-bottom: 1.875rem;
  margin-top: 1.875rem;
}
.lasting-lesson-list > li {
  margin-bottom: 10px;
}
.lasting-lesson-list-color {
  color: #C0C0C0;
}
.vid-space {
  margin-right: 1em;
}
.winner-vid {
  display: inline-block;
}
.rep-photo-box {
  position: absolute;
  top: 160px;
}
.rep-photo {
  width: 160px;
  border: solid 15px white;
  box-shadow: 0px 5px 20px #000000;
}
.kelsey-rep-photo-border {
  border: solid 15px white;
  box-shadow: 0px 5px 20px #000000;
}
.kelsey-rep-photo {
  border: solid 15px white;
  box-shadow: 0px 5px 20px #000000;
  width: 100%;
  max-width: 364px;
  height: auto;
}
.kelsey-rep-photo-shadow {
  box-shadow: 0px 5px 20px #000000;
  background-color: #FFFFFF;
}
.rep-watch-section {
  background-color: #ebebec;
  text-align: center;
  height: auto;
}
.upcoming-events-section {
  background-color: #ebebec;
  text-align: left;
  height: auto;
}
.rep-watch-text {
  font-size: 1.5rem;
  max-width: 15rem;
  text-align: left;
}
.rep-watch-inline-ele {
  display: inline-block;
  margin-right: 4rem;
}
@media screen and (min-width: 1250px) {
  .smlImage {
    display: none;
  }
}
@media screen and (max-width: 1249px) and (min-width: 864px) {
  .bigImage {
    display: none;
  }
  .mar-rig-zero {
    margin-right: 0;
  }
  .smlImage {
    padding-top: 60px;
  }
}
@media screen and (max-width: 1249px) and (min-width: 1123px) {
  .smlImage {
    display: block;
  }
}
@media screen and (max-width: 864px) {
  .bigImage {
    display: none;
  }
  .watch-bubble {
    margin-left: 80px;
  }
  .smlImage {
    padding-top: 60px;
  }
}
@media screen and (max-width: 787px) {
  .watch-bubble,
  .let-chat-bubble,
  .watch-bubble img,
  .let-chat-bubble img {
    width: 160px;
  }
  .watch-bubble {
    margin-left: 0;
  }
  .let-chat-bubble {
    margin: 0;
  }
}
.red-bg {
  background-image: url("/image/banners/sales-bg-solid-banner.png");
  background-repeat: no-repeat;
  overflow-x: hidden;
}
.rep-text-box {
  width: 380px;
  margin: 0 auto;
}
.rep-text {
  text-align: left;
  line-height: 22px;
  font-size: 1rem;
  color: #1F3343;
}
.rep-red-swirl {
  overflow-y: hidden;
  position: absolute;
  top: 2rem;
  left: -17.3rem;
  z-index: -1;
}
.rep-head-logo {
  text-align: left;
  width: 325px;
  margin: 0 0 6.5rem 1rem;
}
label.field-label {
  display: block;
}
input,
label {
  display: block;
}
.rep-right-text {
  display: inline-block;
  width: 45%;
  padding: 0;
  text-align: center;
}
.rep-right-text-40 {
  display: inline-block;
  width: 42%;
  padding: 0;
  text-align: center;
}
.upcoming-events {
  margin-top: 16px;
  margin-left: 64px;
  width: auto;
}
.aktour-rep-info {
  display: inline-block;
  vertical-align: top;
}
.aktour-rep-info > img {
  border: solid 15px white;
  box-shadow: 0px 5px 20px #909090;
}
.rep-sc-styles {
  padding-left: 0px;
  margin-top: 75px;
  width: 45%;
}
.rep-gr-styles {
  padding-left: 0px;
  margin-top: 75px;
  width: 45%;
}
.sk-photo {
  border: solid 15px white;
  box-shadow: 0px 5px 20px #909090;
  -ms-transform: rotate(-7deg);
  -webkit-transform: rotate(-7deg);
  transform: rotate(-7deg);
  width: 300px;
}
.hdw-photo {
  border: solid 15px white;
  box-shadow: 0px 5px 20px #909090;
  -ms-transform: rotate(-7deg);
  -webkit-transform: rotate(-7deg);
  transform: rotate(-7deg);
  width: 300px;
  margin-left: 25px;
}
@media screen and (min-width: 1200px) {
  .hdw-photo {
    margin-left: 85px;
  }
}
.AKtour-sc-photo {
  width: 50%;
}
.sc-photo {
  border: solid 15px white;
  box-shadow: 0px 5px 20px #909090;
  -ms-transform: rotate(7deg);
  -webkit-transform: rotate(7deg);
  transform: rotate(7deg);
  margin-top: -40px;
  width: 300px;
}
.ww-photo {
  border: solid 15px white;
  box-shadow: 0px 5px 20px #909090;
  -ms-transform: rotate(2deg);
  -webkit-transform: rotate(2deg);
  transform: rotate(2deg);
  width: 300px;
}
.irtw-photo {
  border: solid 15px white;
  box-shadow: 0px 5px 20px #909090;
  -ms-transform: rotate(-4deg);
  -webkit-transform: rotate(-4deg);
  transform: rotate(-4deg);
  width: 250px;
  display: block;
  z-index: 1;
  position: relative;
  margin: 0 auto;
}
.gu-photo {
  border: solid 15px white;
  box-shadow: 0px 5px 20px #909090;
  -ms-transform: rotate(9deg);
  -webkit-transform: rotate(9deg);
  transform: rotate(9deg);
  width: 250px;
  display: block;
  margin: 0 auto;
}
.summer-2020-photos {
  border: solid 15px white;
  box-shadow: 0px 3px 6px #888888;
  -ms-transform: rotate(-4deg);
  -webkit-transform: rotate(-4deg);
  transform: rotate(-4deg);
  max-width: 250px;
  display: block;
  z-index: 1;
  position: relative;
  margin: 0 auto;
}
.contact-form-styles {
  background-color: #E60330;
  width: 268px;
  margin: 0 auto;
}
.tour-rep-block {
  display: inline;
  margin-left: 3rem;
}
.rep-tour-text {
  margin-top: 25%;
}
.tour-rep-text {
  padding-top: 32px;
  margin-left: 25px;
  font-size: 16px;
  line-height: 21px;
}
.tour-rep-text > .rep-name {
  font-weight: bold;
}
.tour-rep-text > .rep-title {
  font-style: italic;
}
.pointer {
  cursor: pointer;
}
.colorado-row-container {
  display: inline-block;
  width: 32%;
  vertical-align: top;
  margin-bottom: 50px;
  margin: 0 auto;
}
/*---NCEA Dinner Page Stylings---*/
.container-pd-sem {
  text-align: center;
}
.container-pd-sem div {
  cursor: pointer;
  display: inline-block;
  width: 204px;
  height: 179px;
  background-color: #FACDD6;
  vertical-align: top;
  margin-right: 25px;
  margin-top: 25px;
}
.container-pd-sem div img {
  display: block;
  margin: 0 auto;
  padding-top: 15px;
  padding-bottom: 10px;
}
.container-pd-sem div span {
  color: #E60330;
  font-size: 21px;
}
.container-pd-sem > div:hover > span {
  color: #505050;
}
.bottomBarRight {
  display: inline-block;
  width: 100%;
  text-align: center;
}
.bottomBarRight a {
  display: inline-block;
  height: 1.9rem;
  width: 1.9rem;
  background-repeat: none;
  background-size: contain;
}
.bottomBarRight a.buttonFB {
  background-image: url(https://media.zaner-bloser.com/images/buttons/social/Facebook.svg);
}
.bottomBarRight a.buttonFB:hover {
  background-image: url(/image/icons/facebook_over.png);
}
.bottomBarRight a.buttonPintrest {
  background-image: url(https://media.zaner-bloser.com/images/buttons/social/Pinterest.svg);
}
.bottomBarRight a.buttonPintrest:hover {
  background-image: url(/image/icons/pintrist_over.png);
}
.bottomBarRight a.buttonTweet {
  background-image: url(https://media.zaner-bloser.com/images/buttons/social/Twitter.svg);
}
.bottomBarRight a.buttonTweet:hover {
  background-image: url(/image/icons/tweet_over.png);
}
.bottomBarRight a.buttonVid {
  background-image: url(https://media.zaner-bloser.com/images/buttons/social/YouTube.svg);
}
.bottomBarRight a.buttonVid:hover {
  background-image: url(/image/icons/vid_over.png);
}
.bottomBarRight a.buttonig {
  background-image: url(https://media.zaner-bloser.com/images/buttons/social/Instagram.svg);
}
.bottomBarRight a.buttonig:hover {
  background-image: url(/image/icons/instargam_icon_over.png);
}
.bottomBarRight a.buttonlinkedin {
  background-image: url(https://media.zaner-bloser.com/images/buttons/social/Linkedin.svg);
}
.bottomBarRight a.buttonlinkedin:hover {
  background-image: url(/image/icons/linkedin_logo_over.png);
}
/*
.container{
	width:90%;
	height:100%;
	background-color:#ffffff;
	font-size:1.2rem;
	padding:30px;
	margin:0 auto;
}
*/
/*
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {
	display:inline-block;
  }
  .col-12 {
    width: 100%;
  }
  .col-11 {
    width: 91.66666667%;
  }
  .col-10 {
    width: 83.33333333%;
  }
  .col-9 {
    width: 75%;
  }
  .col-8 {
    width: 66.66666667%;
  }
  .col-7 {
    width: 58.33333333%;
  }
  .col-6 {
    width: 50%;
  }
  .col-5 {
    width: 41.66666667%;
  }
  .col-4 {
    width: 33.33333333%;
  }
  .col-3 {
    width: 25%;
  }
  .col-2 {
    width: 16.66666667%;
  }
  .col-1 {
    width: 8.33333333%;
  }
*/
/*--- wiggle animation on front page ---*/
.wiggle {
  font-size: 2.5em;
  text-align: center;
  margin-top: 5em;
}
.wiggle:hover {
  -webkit-animation-name: wiggle;
  -ms-animation-name: wiggle;
  -ms-animation-duration: 1000ms;
  -webkit-animation-duration: 1000ms;
  -webkit-animation-iteration-count: 1;
  -ms-animation-iteration-count: 1;
  -webkit-animation-timing-function: ease-in-out;
  -ms-animation-timing-function: ease-in-out;
}
@-webkit-keyframes wiggle {
  0% {
    -webkit-transform: rotate(10deg);
  }
  25% {
    -webkit-transform: rotate(-10deg);
  }
  50% {
    -webkit-transform: rotate(20deg);
  }
  75% {
    -webkit-transform: rotate(-5deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
  }
}
@-ms-keyframes wiggle {
  0% {
    -ms-transform: rotate(1deg);
  }
  25% {
    -ms-transform: rotate(-1deg);
  }
  50% {
    -ms-transform: rotate(1.5deg);
  }
  75% {
    -ms-transform: rotate(-5deg);
  }
  100% {
    -ms-transform: rotate(0deg);
  }
}
@keyframes wiggle {
  0% {
    transform: rotate(10deg);
  }
  25% {
    transform: rotate(-10deg);
  }
  50% {
    transform: rotate(20deg);
  }
  75% {
    transform: rotate(-5deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
/*--- end wiggle animation on front page ---*/
@media screen and (max-width: 575.98px) {
  .blue-pencil,
  .green-pencil {
    max-height: 83px;
  }
}
.sk-sharing-hover:hover {
  content: url("/image/photos/ADR0058B_SK_TCT_Download_Hover.jpg");
}
.play-button-parent {
  position: relative;
  vertical-align: top;
}
.play-button-lrg {
  width: 0;
  height: 0;
  border-top: 55px solid transparent;
  border-left: 130px solid gray;
  border-bottom: 55px solid transparent;
  position: absolute;
  top: 30%;
  left: 40%;
  z-index: 9999;
  opacity: 0.9;
}
.play-button-child {
  width: 0;
  height: 0;
  border-top: 9px solid transparent;
  border-left: 20px solid white;
  border-bottom: 9px solid transparent;
  position: absolute;
  top: 20px;
  left: 20px;
  z-index: 9999;
}
.play-button-child_bg {
  width: 30px;
  height: 30px;
  background-color: gray;
  opacity: 0.75;
  position: absolute;
  top: 14px;
  left: 14px;
}
.blue_link {
  color: #00BAC6;
  text-decoration: underline;
}
.blue_link.blue_link:hover {
  color: #027daa;
  text-decoration: underline;
}
.tx-portal-wrapper {
  display: inline-block;
  vertical-align: bottom;
  padding-right: 14px;
  position: relative;
}
.tx-portal-img {
  position: absolute;
  right: 37px;
  top: -13px;
}
.tx-portal-button1 {
  display: block;
  text-align: center;
}
.tx-portal-button2 {
  margin-right: 3.5rem;
}
.fun-fact-wrapper {
  border: 5px solid #00BAC6;
  border-radius: 15px;
  background-color: white;
  padding: 1rem;
  margin: 0 auto;
  max-width: 70%;
}
.fun-fact-img {
  display: inline-block;
  max-width: 30%;
}
.fun-fact-box-text {
  display: inline-block;
  max-width: 61%;
  vertical-align: top;
  margin: 2rem;
  margin-top: 0;
  margin-bottom: 0;
}
.fun-fact-box-text h4 {
  color: #00BAC6;
  font-size: 1.75rem;
  margin-bottom: 1rem;
  margin-top: 1rem;
}
.fun-fact-box-text p {
  font-size: 1.2rem;
  display: inline-block;
}
.fsk-landing-page {
  display: inline-block;
  vertical-align: top;
  background-color: #ffffff;
  margin-top: 130px;
  max-width: 50%;
  border: 15px solid #98dede;
  padding: 0 40px 40px 40px;
}
.rr-landing-page {
  display: inline-block;
  vertical-align: top;
  margin-top: 130px;
  max-width: 50%;
  padding: 0 40px 40px 40px;
  background-color: #ecdcec;
}
.fsk-landing-page2 {
  display: inline-block;
  vertical-align: top;
  margin-top: 250px;
}
.fsk-landing-page-small {
  vertical-align: top;
  background-color: #ffffff;
  margin-top: 130px;
}
.fsk-landing-width {
  width: 625px;
  max-width: 40%;
}
.fsk-background {
  background-image: url(/image/banners/fsk-splash-background.jpg);
  background-size: 100%;
  background-repeat: no-repeat;
}
.rr-background {
  background-image: url(/image/banners/skrr-splash-background.jpg);
  background-size: 100%;
  background-repeat: no-repeat;
}
.jump-blue-box {
  max-width: 290px;
  width: 100%;
  text-align: left;
  background-color: #F4F4F4;
  display: inline-block;
  margin-left: 3rem;
  padding: 1.2rem 1.5rem 1.5rem 1.5rem;
}
.jump-blue-box-text {
  font-size: 1.2rem;
  margin-bottom: 0;
  margin-top: 1rem;
}
.jump-blue-box-logo {
  display: inline-block;
  padding-left: 2rem;
}
.paragraph-text-size {
  font-size: 1.25rem;
  margin-bottom: 0;
}
.freeshipping-banner-link {
  position: absolute;
  width: 225px;
  height: 75px;
  cursor: pointer;
  display: inline-block;
  margin-top: 260px;
  margin-left: 225px;
}
.text-75-width {
  width: 79%;
  margin-left: 45px;
}
.watch-link-styles {
  text-align: left;
  font-family: 'museosans-700';
  font-size: 20px;
  line-height: 30px;
  letter-spacing: 0;
  color: #E60330;
  text-decoration: underline;
}
@media screen and (max-width: 986px) {
  .jump-blue-box {
    margin: 0 auto;
    display: block;
  }
}
@media only screen and (max-width: 890px) {
  .freeshipping-banner-link {
    margin-top: 310px;
    margin-left: 20px;
  }
}
.letter-from-president-styles {
  display: block;
  background-color: #fffefa;
  border: solid 2px #d6ceb2;
  padding: 20px 40px 40px 40px;
}
.ul-red-dots {
  list-style: none;
}
.ul-red-dots li::before {
  content: "\2022  ";
  color: red;
  float: left;
  margin: -0.1em 0 0 -1em;
  width: 1em;
  font-size: 1.7rem;
}
.ol-red-number {
  counter-reset: item;
}
.ol-red-number li {
  display: block;
}
.ol-red-number li:before {
  content: counter(item) ". ";
  counter-increment: item;
  color: red;
}
.president-red-dots::before {
  content: "•  ";
  color: red;
  margin-left: -1rem;
  margin-bottom: -0.25rem;
  font-size: 1.5rem;
}
.remove-president-dots {
  list-style: none;
  text-align: left;
  font-size: 1.1rem;
  font-family: 'museosans-300';
  line-height: 40px;
  margin-top: 0;
}
.sk-portraits {
  width: 10%;
  min-width: 140px;
  max-width: 142px;
  cursor: pointer;
}
.portrait-container {
  padding-right: 2%;
}
.portrait-container > img {
  margin-bottom: 1rem;
}
.image_off,
.portrait-container:hover .image_on {
  display: none;
}
.image_on,
.portrait-container:hover .image_off {
  display: inline;
}
.jump-box-shadow {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3), 0 6px 20px 0 rgba(0, 0, 0, 0.25);
}
.global-video-thumbnail,
.popoverAnimateThumbnail\=true {
  box-shadow: 0px 3px 6px #00000029;
}
.popoverContent\=link {
  box-shadow: none;
}
.wistia_embed a {
  padding-top: 10px;
}
.font-size-28 {
  font-size: 28px;
}
.bs-mobile-edge-padding {
  padding: 0 4vw;
}
@media screen and (max-width: 1295px) {
  .fsk-landing-width {
    max-width: 100%;
  }
  .fsk-landing-page {
    margin-top: 180px;
    margin-left: 15px;
  }
}
@media screen and (max-width: 1265px) {
  .fsk-landing-page {
    display: inline-block;
    vertical-align: top;
    background-color: #ffffff;
    margin-top: 175px;
  }
  .fsk-landing-page2 {
    display: inline-block;
    vertical-align: top;
    margin-top: 0px;
  }
}
@media screen and (max-width: 1107px) and (min-width: 890px) {
  .fun-fact-box-text {
    max-width: 100%;
  }
  .fun-fact-img {
    max-width: 100%;
    width: 100%;
    text-align: center;
  }
}
@media screen and (max-width: 980px) {
  .tour-rep-block {
    display: block;
  }
  .marg-top {
    margin-top: 25px;
  }
}
@media screen and (max-width: 1160px) {
  .text-full-width {
    width: 90%;
    margin-left: 45px;
  }
}
@media screen and (max-width: 1160px) and (min-width: 860px) {
  .upcoming-events {
    margin-left: 0px;
  }
  .rep-right-text {
    width: 85%;
  }
  .leftImg.alignTop {
    width: 100%;
  }
  .pd-rd-sp {
    width: 85%;
    margin: 0 auto;
    display: block;
  }
}
@media screen and (max-width: 1300px) {
  .rep-photo-box {
    right: 10%;
  }
}
@media screen and (max-width: 1472px) {
  .winner-vid {
    display: block;
    margin: 0 auto;
    text-align: center;
  }
  .winner-vid-text {
    width: 560px;
    margin: 0 auto;
    text-align: left;
  }
  .some-padding {
    padding-bottom: 2em;
  }
}
@media screen and (min-width: 1055px) {
  .box-height-custom {
    max-height: 200px;
  }
  .event-calendar-image {
    margin-top: 30px;
  }
}
@media screen and (min-width: 1160px) {
  .imgpadmain {
    padding-left: 38px;
  }
}
/*Styles for the seminars page of PD*/
@media screen and (min-width: 1469px) {
  .screen-size {
    width: 57%;
  }
}
@media screen and (max-width: 1469px) and (min-width: 890px) {
  .screen-size {
    width: 100%;
  }
  .img-size {
    margin: 0 auto;
    display: block;
    padding-top: 0;
    padding-bottom: 16px;
  }
  .hide-text {
    display: none;
  }
  .show-text {
    display: block;
    text-align: center;
    padding-right: 24px;
  }
}
@media screen and (min-width: 1245px) {
  .accordion-size-blue {
    max-width: 71.5rem;
  }
  .accordion-size-white {
    max-width: 71.5rem;
    margin: 0 auto;
  }
}
@media screen and (min-width: 1470px) {
  .accordion-size-white {
    max-width: 48.85rem;
    margin: 0;
  }
  .img-size {
    margin-top: 55px;
  }
  .img-padding-sem {
    padding-left: 100px;
  }
}
@media screen and (max-width: 1245px) {
  .accordion-size-blue,
  .accordion-size-white {
    margin-left: 3rem;
    margin-right: 3rem;
  }
}
/*Styles for the accordian feature on the state pages ends*/
/*Styles on the handwriting contest about page*/
.winners-image-HWcontest {
  margin-top: 40px;
}
@media screen and (max-width: 890px) {
  .new-due-date-img {
    max-width: 100%;
  }
}
@media screen and (max-width: 1200px) {
  .winners-image-HWcontest {
    margin-top: 200px;
  }
}
/*end Styles on the handwriting contest about page*/
/* ----------- Desktop Small Screens ----------- */
@media screen and (max-width: 890px) {
  .showSmall {
    display: block;
  }
  .showMain {
    display: none;
  }
  .remove-ele {
    display: none;
  }
  .superkids_text {
    color: #1F3343;
    background-color: #99CA45;
    width: 100%;
    padding: 1rem;
    text-align: center;
    position: relative;
    top: -2.5rem;
  }
  .center {
    margin: auto;
    height: 100%;
    min-width: 320px;
    max-width: 800px;
  }
  .center4 {
    min-width: inherit;
    max-width: inherit;
  }
  .width-100-mobile {
    width: 100%;
    margin: 2rem;
  }
  .spacer_h_5 {
    height: 5px;
  }
  .spacer_h_15 {
    height: 15px;
  }
  .spacer_h_25 {
    height: 25px;
  }
  .spacer_h_45 {
    height: 45px;
  }
  .spacer_h_65 {
    height: 65px;
  }
  .spacer_h_75 {
    height: 75px;
  }
  .spacer_h_100 {
    height: 100px;
  }
  .spacer_h_170 {
    height: 190px;
  }
  .spacer_h_200 {
    height: 200px;
  }
  .spacer_h_250 {
    height: 250px;
  }
  #showMain {
    display: none;
  }
  .showMain {
    display: none;
  }
  .showMain2 {
    display: none;
  }
  #showSmall {
    display: block;
  }
  .showSmall {
    display: block;
  }
  .rightImg {
    display: block;
    width: auto;
    text-align: center;
  }
  .AKtour-sc-photo {
    width: 100%;
  }
  .rightText {
    display: inline-block;
    width: auto;
    padding: 0;
    text-align: center;
  }
  .leftText {
    display: block;
    width: auto;
    padding: 0;
    text-align: center;
  }
  .leftImg {
    display: block;
    padding: 0;
    text-align: center;
    width: auto;
  }
  .productNav {
    text-align: center;
    margin: 3rem 6rem;
  }
  #shrinkImg_nonLink {
    width: 80%;
    max-width: 350px;
    height: 80%;
  }
  #shrinkImg_nonLink2 {
    width: 70%;
    max-width: 350px;
    height: 80%;
  }
  #shrinkImg_Link {
    width: 80%;
    max-width: 350px;
    height: 80%;
  }
  .shrinkImg_nonLink {
    width: 80%;
    max-width: 350px;
    height: 80%;
  }
  .shrinkImg_nonLink2 {
    width: 70%;
    max-width: 350px;
    height: 80%;
  }
  .shrinkImg_Link {
    width: 80%;
    max-width: 350px;
    height: 80%;
  }
  .section_w_circles {
    height: 100%;
    background-size: 600px 100px;
  }
  .sectionText_header {
    text-align: center;
    font-size: 2rem;
    font-family: 'museosans-300';
  }
  .sec1,
  .sec1G {
    padding: 2rem;
  }
  .col-container {
    display: block;
    width: 80%;
    margin: 0 auto;
  }
  .rep-photo {
    width: 225px;
    border: solid 15px white;
    box-shadow: 0px 5px 20px #909090;
    display: inline-block;
  }
  .rep-text {
    text-align: left;
    margin-left: 35px;
    line-height: 30px;
    font-size: 1.25rem;
    color: #1F3343;
    display: inline-block;
    vertical-align: bottom;
  }
  .sc-styles {
    width: 80%;
    display: inline-block;
    margin-top: 0px;
  }
  .sc-img-styles {
    margin-right: 15px;
    display: inline-block;
  }
  .rep-gr-styles {
    width: 80%;
    display: inline-block;
    margin-top: 0px;
  }
  .contact-form-styles {
    background-color: #E60330;
    width: 268px;
  }
  .event-calendar-image {
    margin-top: 30px;
  }
  .hdw-photo {
    border: solid 15px white;
    box-shadow: 0px 5px 20px #909090;
    -ms-transform: rotate(-7deg);
    -webkit-transform: rotate(-7deg);
    transform: rotate(-7deg);
    width: 300px;
  }
  .pd-box1,
  .pd-box2,
  .pd-box3 {
    width: 100%;
  }
  .pd-reading-block1,
  .offer-text-block {
    width: 100%;
  }
  .offer-text-block h2,
  .offer-text-block p {
    padding-left: 0px;
  }
  .offer-text-block h2 {
    text-align: center;
  }
  .pd-textheader-center {
    text-align: center;
  }
  .fun-fact-box-text {
    max-width: 100%;
    margin-top: 0;
  }
  .fun-fact-img {
    display: block;
    text-align: center;
    margin-top: 0;
    max-width: 100%;
  }
  .fun-fact-img img {
    width: 40%;
  }
  .remove-margin {
    margin-left: 0;
  }
  .scale-06 {
    transform: scale(0.6) !important;
  }
  .salesConsultant-renewal-styles-1 {
    display: block;
    vertical-align: top;
    width: 100%;
    max-width: 100%;
    margin-bottom: 1rem;
  }
  .salesConsultant-renewal-styles-1 a {
    white-space: nowrap;
  }
  .salesConsultant-renewal-styles-2 {
    display: block;
    width: 100%;
    max-width: 100%;
  }
  /*.showSmall {
		display: block
	}
	;
	.showMain {
		display: none
	}
	;
	.superkids_text {
		color: #1F3343;
		background-color: #99CA45;
		width: 100%;
		padding: 1rem;
		text-align: center;
		position: relative;
		top: -2.5rem;
	}
	.center {
		margin: auto;
		height: 100%;
		min-width: 320px;
		max-width: 800px;
	}
	.spacer_h_5 {
		height: 5px;
	}
	.spacer_h_15 {
		height: 15px;
	}
	.spacer_h_25 {
		height: 25px;
	}
	.spacer_h_45 {
		height: 45px;
	}
	.spacer_h_65 {
		height: 65px;
	}
	.spacer_h_75 {
		height: 75px;
	}
	.spacer_h_100 {
		height: 100px;
	}
	.spacer_h_170 {
		height: 190px;
	}
	.spacer_h_200 {
		height: 200px;
	}
	.spacer_h_250 {
		height: 250px;
	}
	#showMain {
		display: none;
	}
	.showMain {
		display: none;
	}
	.showMain2 {
		display: none;
	}
	#showSmall {
		display: block;
	}
	.showSmall {
		display: block;
	}
	.rightImg {
		display: block;
		width: auto;
		text-align: center;
	}
	.rightText {
		display: inline-block;
		width: auto;
		padding: 0;
		text-align: center;
	}
	.leftText {
		display: block;
		width: auto;
		padding: 0;
		text-align: center;
	}
	.leftImg {
		display: block;
		padding: 0;
		text-align: center;
		width: auto;
	}
	.productNav {
		text-align: center;
		margin: 3rem 6rem;
	}
	#shrinkImg_nonLink {
		width: 80%;
		max-width: 350px;
		height: 80%;
	}
	#shrinkImg_nonLink2 {
		width: 70%;
		max-width: 350px;
		height: 80%;
	}
	#shrinkImg_Link {
		width: 80%;
		max-width: 350px;
		height: 80%;
	}
	.shrinkImg_nonLink {
		width: 80%;
		max-width: 350px;
		height: 80%;
	}
	.shrinkImg_nonLink2 {
		width: 70%;
		max-width: 350px;
		height: 80%;
	}
	.shrinkImg_Link {
		width: 80%;
		max-width: 350px;
		height: 80%;
	}
	.section_w_circles {
		height: 100%;
		background-image: url(/image/decoration/circles3.jpg);
		background-repeat: no-repeat;
		background-position: bottom right;
		background-size: 600px 100px;
	}
	.sectionText_header {
		text-align: center;
		font-size: 2rem;
		font-weight: 300;
	}
	.sec1,
	.sec1G {
		padding: 2rem;
	}*/
}
/* ----------- iPhone 5 and 5S ----------- */
/* Portrait and Landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) {
  body {
    font-size: 24px;
  }
  .showSmall {
    display: block;
  }
  .showMain {
    display: none;
  }
  .superkids_text {
    color: #1F3343;
    background-color: #99CA45;
    width: 100%;
    padding: 1rem;
    text-align: center;
    position: relative;
    top: -2.5rem;
  }
  .center {
    margin: auto;
    height: 100%;
    min-width: 320px;
    max-width: 800px;
  }
  .sml-max-width {
    max-width: 1200px;
  }
  .spacer_h_5 {
    height: 5px;
  }
  .spacer_h_15 {
    height: 15px;
  }
  .spacer_h_25 {
    height: 25px;
  }
  .spacer_h_45 {
    height: 45px;
  }
  .spacer_h_65 {
    height: 65px;
  }
  .spacer_h_75 {
    height: 75px;
  }
  .spacer_h_100 {
    height: 100px;
  }
  .spacer_h_170 {
    height: 190px;
  }
  .spacer_h_200 {
    height: 200px;
  }
  .spacer_h_250 {
    height: 250px;
  }
  #showMain {
    display: none;
  }
  .showMain {
    display: none;
  }
  .showMain2 {
    display: none;
  }
  #showSmall {
    display: block;
  }
  .showSmall {
    display: block;
  }
  .rightImg {
    display: block;
    width: auto;
    text-align: center;
  }
  .rightText {
    display: inline-block;
    width: auto;
    padding: 0;
    text-align: center;
  }
  .leftText {
    display: block;
    width: auto;
    padding: 0;
    text-align: center;
  }
  .leftImg {
    display: block;
    padding: 0;
    text-align: center;
    width: auto;
  }
  #shrinkImg_nonLink {
    width: 80%;
    max-width: 350px;
    height: 80%;
  }
  #shrinkImg_nonLink2 {
    width: 70%;
    max-width: 350px;
    height: 80%;
  }
  #shrinkImg_Link {
    width: 80%;
    max-width: 350px;
    height: 80%;
  }
  .shrinkImg_nonLink {
    width: 80%;
    max-width: 350px;
    height: 80%;
  }
  .shrinkImg_nonLink2 {
    width: 70%;
    max-width: 350px;
    height: 80%;
  }
  .shrinkImg_Link {
    width: 80%;
    max-width: 350px;
    height: 80%;
  }
  .section_w_circles {
    height: 100%;
  }
  .sectionText_header {
    text-align: center;
    font-size: 2rem;
    font-family: 'museosans-300';
  }
  .sec1,
  .sec1G {
    padding: 2rem;
  }
  .whyZB_BG1,
  .whyZB_BG2 {
    width: 100%;
  }
  .width-100-mobile {
    width: 100%;
    padding: 2rem;
  }
  .col-container {
    display: block;
    width: 80%;
    margin: 0 auto;
  }
  .rep-photo {
    width: 225px;
    border: solid 15px white;
    box-shadow: 0px 5px 20px #909090;
    display: inline-block;
  }
  .rep-text {
    text-align: left;
    margin-left: 35px;
    line-height: 30px;
    font-size: 1.5rem;
    color: #1F3343;
    display: inline-block;
  }
  .contact-form-styles {
    background-color: #E60330;
    width: 268px;
  }
  .sc-styles {
    width: 80%;
    display: inline-block;
    margin-top: 0px;
  }
  .sc-img-styles {
    margin-right: 15px;
    display: inline-block;
  }
  .gr-img-styles {
    width: 80%;
    display: inline-block;
    margin-top: 0px;
  }
  .spacer-1 {
    margin-top: 50px;
  }
  .event-calendar-image {
    margin-top: 30px;
  }
  .AKtour-sc-photo {
    width: 100%;
  }
  .tour-rep-block {
    display: block;
    margin-left: 150px;
  }
  .pd-box1,
  .pd-box2,
  .pd-box3 {
    width: 100%;
  }
  .remove-ele {
    display: none;
  }
  .pd-reading-block1,
  .offer-text-block {
    width: 100%;
  }
  .offer-text-block h2,
  .offer-text-block p {
    padding-left: 0px;
  }
  .offer-text-block h2 {
    text-align: center;
  }
  .pd-textheader-center {
    text-align: center;
  }
  .accordion-size-blue,
  .accordion-size-white {
    margin: 0 auto;
  }
  .fun-fact-box-text {
    max-width: 100%;
    margin-top: 0;
  }
  .fun-fact-img {
    display: block;
    text-align: center;
    margin-top: 0;
    max-width: 100%;
  }
  .fun-fact-img img {
    width: 40%;
  }
  .remove-margin {
    margin-left: 0;
  }
  .ul-65 {
    width: 65%;
  }
  .mar-top-0 {
    margin-top: 0rem !important;
  }
  .freeshipping-banner-link {
    position: absolute;
    width: 225px;
    height: 75px;
    cursor: pointer;
    display: inline-block;
    margin-top: 320px;
    margin-left: 25px;
  }
  .home-page-tile {
    margin-bottom: 1rem;
  }
  .home-page-tile img {
    max-width: 285px;
  }
  .scale-06 {
    top: 85%;
    left: 13%;
    margin-top: 20px;
    transform: translate(7%, 0%);
  }
  .font24 {
    font-size: 1.5rem;
  }
  .font1875 {
    font-size: 1.875rem;
  }
  .sectionText_subhead-32 {
    font-size: 1.875rem;
    line-height: 3rem;
  }
  .sectionText_header4 {
    font-size: 2rem;
    line-height: 3rem;
  }
  .sml-grey-header {
    font-size: 1.5rem;
    line-height: 2.4375rem;
  }
  .salesConsultant-renewal-styles-1 {
    display: block;
    vertical-align: top;
    width: 100%;
    max-width: 100%;
    margin-bottom: 1rem;
  }
  .salesConsultant-renewal-styles-1 a {
    white-space: nowrap;
  }
  .salesConsultant-renewal-styles-2 {
    display: block;
    width: 100%;
    max-width: 100%;
  }
  span#consultantInfo {
    padding: 1rem 0px 1.3rem 1rem;
  }
  /*
.remove-padding-margin-mobile{
	padding:0;
	margin:0;
}
.remove-margin-mobile{
	margin:0;
	width:100%;
}

.add-margin-webinars-mobile{
	margin:0 3rem;
}

.background-color-mobile-only{
	background-color: #F4F4F4;
}
*/
}
/* ----------- iPhone 6 ----------- */
/* Portrait and Landscape */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) {
  /*body {
		font-size: 24px;
	}
	.calloutsec1 {
		zoom: 2;
	}
	.section_blueBG {
		&.home-video {
			zoom: 1.3;
		}
	}
	.section_w_circles {
		&.home-standards {
			zoom: 1.3;
		}
	}
	.showSmall {
		display: block
	}
	;
	.showMain {
		display: none
	}
	;
	.superkids_text {
		color: #1F3343;
		background-color: #99CA45;
		width: 100%;
		padding: 1rem;
		text-align: center;
		position: relative;
		top: -2.5rem;
	}
	.center {
		margin: auto;
		height: 100%;
		min-width: 320px;
		max-width: 800px;
	}
	.spacer_h_5 {
		height: 5px;
	}
	.spacer_h_15 {
		height: 15px;
	}
	.spacer_h_25 {
		height: 25px;
	}
	.spacer_h_45 {
		height: 45px;
	}
	.spacer_h_65 {
		height: 65px;
	}
	.spacer_h_75 {
		height: 75px;
	}
	.spacer_h_100 {
		height: 100px;
	}
	.spacer_h_170 {
		height: 190px;
	}
	.spacer_h_200 {
		height: 200px;
	}
	.spacer_h_250 {
		height: 250px;
	}
	#showMain {
		display: none;
	}
	.showMain {
		display: none;
	}
	.showMain2 {
		display: none;
	}
	#showSmall {
		display: block;
	}
	.showSmall {
		display: block;
	}
	.rightImg {
		display: block;
		width: auto;
		text-align: center;
	}
	.rightText {
		display: inline-block;
		width: auto;
		padding: 0;
		text-align: center;
	}
	.leftText {
		display: block;
		width: auto;
		padding: 0;
		text-align: center;
	}
	.leftImg {
		display: block;
		padding: 0;
		text-align: center;
		width: auto;
	}
	#shrinkImg_nonLink {
		width: 80%;
		max-width: 350px;
		height: 80%;
	}
	#shrinkImg_nonLink2 {
		width: 70%;
		max-width: 350px;
		height: 80%;
	}
	#shrinkImg_Link {
		width: 80%;
		max-width: 350px;
		height: 80%;
	}
	.shrinkImg_nonLink {
		width: 80%;
		max-width: 350px;
		height: 80%;
	}
	.shrinkImg_nonLink2 {
		width: 70%;
		max-width: 350px;
		height: 80%;
	}
	.shrinkImg_Link {
		width: 80%;
		max-width: 350px;
		height: 80%;
	}
	.section_w_circles {
		height: 100%;
		background-image: url(/image/decoration/circles3.jpg);
		background-repeat: no-repeat;
		background-position: bottom right;
		background-size: 600px 100px;
	}
	.sectionText_header {
		text-align: center;
		font-size: 2rem;
		font-weight: 300;
	}
	.sec1,
	.sec1G {
		padding: 2rem;
	}*/
}
/* ----------- iPhone 6+ ----------- */
/* Portrait and Landscape */
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) {
  /*body {
			font-size: 24px;
		}
		.calloutsec1 {
			zoom: 2;
		}
		.section_blueBG {
			&.home-video {
				zoom: 1.3;
			}
		}
		.section_w_circles {
			&.home-standards {
				zoom: 1.3;
			}
		}
		.showSmall {
			display: block
		}
		;
		.showMain {
			display: none
		}
		;
		.superkids_text {
			color: #1F3343;
			background-color: #99CA45;
			width: 100%;
			padding: 1rem;
			text-align: center;
			position: relative;
			top: -2.5rem;
		}
		.center {
			margin: auto;
			height: 100%;
			min-width: 320px;
			max-width: 800px;
		}
		.spacer_h_5 {
			height: 5px;
		}
		.spacer_h_15 {
			height: 15px;
		}
		.spacer_h_25 {
			height: 25px;
		}
		.spacer_h_45 {
			height: 45px;
		}
		.spacer_h_65 {
			height: 65px;
		}
		.spacer_h_75 {
			height: 75px;
		}
		.spacer_h_100 {
			height: 100px;
		}
		.spacer_h_170 {
			height: 190px;
		}
		.spacer_h_200 {
			height: 200px;
		}
		.spacer_h_250 {
			height: 250px;
		}
		#showMain {
			display: none;
		}
		.showMain {
			display: none;
		}
		.showMain2 {
			display: none;
		}
		#showSmall {
			display: block;
		}
		.showSmall {
			display: block;
		}
		.rightImg {
			display: block;
			width: auto;
			text-align: center;
		}
		.rightText {
			display: inline-block;
			width: auto;
			padding: 0;
			text-align: center;
		}
		.leftText {
			display: block;
			width: auto;
			padding: 0;
			text-align: center;
		}
		.leftImg {
			display: block;
			padding: 0;
			text-align: center;
			width: auto;
		}
		#shrinkImg_nonLink {
			width: 80%;
			max-width: 350px;
			height: 80%;
		}
		#shrinkImg_nonLink2 {
			width: 70%;
			max-width: 350px;
			height: 80%;
		}
		#shrinkImg_Link {
			width: 80%;
			max-width: 350px;
			height: 80%;
		}
		.shrinkImg_nonLink {
			width: 80%;
			max-width: 350px;
			height: 80%;
		}
		.shrinkImg_nonLink2 {
			width: 70%;
			max-width: 350px;
			height: 80%;
		}
		.shrinkImg_Link {
			width: 80%;
			max-width: 350px;
			height: 80%;
		}
		.section_w_circles {
			height: 100%;
			background-image: url(/image/decoration/circles3.jpg);
			background-repeat: no-repeat;
			background-position: bottom right;
			background-size: 600px 100px;
		}
		.sectionText_header {
			text-align: center;
			font-size: 2rem;
			font-weight: 300;
		}
		.sec1,
		.sec1G {
			padding: 2rem;
		}
	}*/
}
/* Slideshow container */
.slideshow-container {
  width: 100%;
  position: relative;
  margin: auto;
}
/* Next & previous buttons */
.prev,
.next {
  cursor: pointer;
  position: absolute;
  top: 0;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: white;
  font-weight: bold;
  font-size: 32px;
  transition: 0.6s ease;
  border-radius: 0 4px 4px 0;
  box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.25);
  background-color: #FFFFFF;
}
.prev span,
.next span {
  color: #E60330;
  transition: all 0.6s ease-in-out;
}
/* Position the "next button" to the right */
.next {
  right: 0;
  Border-radius: 4px 0 0 4px;
}
/* On hover, add a red background color with a little bit see-through */
.prev:hover,
.next:hover {
  background-color: #E60330;
  color: #FFFFFF;
}
.prev:hover span,
.next:hover span {
  color: #FFFFFF;
}
/* Caption text */
.text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}
/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}
/* The dots/bullets/indicators */
.dot {
  cursor: pointer;
  height: 13px;
  width: 13px;
  margin: 0 2px;
  border: 2px solid #00BAC6;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}
.active,
.dot:hover {
  background-color: #00BAC6;
}
/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}
@-webkit-keyframes fade {
  from {
    opacity: 0.4;
  }
  to {
    opacity: 1;
  }
}
@keyframes fade {
  from {
    opacity: 0.4;
  }
  to {
    opacity: 1;
  }
}
.bannerMain .mainBanner {
  width: 100%;
  height: 345px;
  background-position: center;
  background-repeat: no-repeat;
  text-align: center;
}
.bannerMain .mainBanner .banner-text {
  width: auto;
  text-align: center;
}
.bannerMain .mainBanner .banner-text a {
  margin-top: 275px;
  display: inline-block;
}
.bannerMain .mainBanner .banner-text.small {
  display: none;
  padding: 10px 25px;
  text-align: left;
  vertical-align: bottom;
  margin: 245px auto 0 auto;
  text-align: center;
}
.bannerMain .mainBanner .banner-text.small h5 {
  font-size: 1.5rem;
  font-weight: normal;
  margin: 0;
}
.bannerMain .mainBanner .banner-text.small p {
  font-size: 1.2rem;
}
.bannerMain .mainBanner .banner-text.small a {
  margin-right: auto;
}
.bannerMain .mainBanner.banner-1 {
  background-image: url('https://s3.amazonaws.com/media.zaner-bloser.com/images/banners/ecommerce_collection_pages_carousel_banner.png');
  background-color: #ffffff;
}
.bannerMain .mainBanner.banner-1 .banner-text {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.bannerMain .mainBanner.banner-1 .banner-text.small {
  margin-top: auto;
}
.bannerMain .mainBanner.banner-1 .banner-text a {
  margin-top: auto;
}
.bannerMain .mainBanner.banner-1 .banner-text .wrapper {
  margin-top: auto;
}
.bannerMain .mainBanner.banner-1-1 {
  background-image: url('https://s3.amazonaws.com/media.zaner-bloser.com/images/banners/C3438A_ZB_BTS_Ecomm_Campaign_Carousel_Banner_Marketing_Desktop.jpg');
  background-color: #ffffff;
  height: 345px;
}
.bannerMain .mainBanner.banner-8 {
  background-image: url('https://media.zaner-bloser.com/images/banners/H3150L1a_HWC2022_Carousel_Banner_1300x345.jpg');
  background-color: #8cd8fa;
  height: 345px;
}
.bannerMain .mainBanner.banner-8 .banner-text {
  display: inline-block;
}
.bannerMain .mainBanner.banner-8 .banner-text.small {
  display: none;
}
.bannerMain .mainBanner.banner-8 .banner-text a {
  margin-top: auto;
}
.bannerMain .mainBanner.banner-7 {
  background-image: url('https://media.zaner-bloser.com/images/banners/PD093B2_PL_Summer_2023_OnDemand_Webinar_Carousel_Banner_v2.jpg');
  background-color: #fedb6e;
  height: 345px;
  background-size: auto 345px;
}
.bannerMain .mainBanner.banner-7 .banner-text {
  display: inline-block;
}
.bannerMain .mainBanner.banner-7 .banner-text.small {
  display: none;
}
.bannerMain .mainBanner.banner-7 .banner-text a {
  margin-top: auto;
}
.bannerMain .mainBanner.banner-5 {
  background-image: url('https://media.zaner-bloser.com/images/banners/R1892D_FSK_OnDemandWebinar_Updates2.jpg');
  background-color: #ffffff;
  height: 345px;
  background-size: auto 345px;
}
.bannerMain .mainBanner.banner-5 .banner-text {
  display: inline-block;
}
.bannerMain .mainBanner.banner-5 .banner-text.small {
  display: none;
}
.bannerMain .mainBanner.banner-5 .banner-text a {
  margin-top: auto;
}
.bannerMain .mainBanner.banner-5-1 {
  background-image: url('https://s3.amazonaws.com/media.zaner-bloser.com/images/banners/LW0014L_LWSummerWebinarOnDemand_carousel.jpg');
  background-color: #ffffff;
  height: 345px;
}
.bannerMain .mainBanner.banner-5-1 .banner-text {
  display: inline-block;
}
.bannerMain .mainBanner.banner-5-1 .banner-text.small {
  display: none;
}
.bannerMain .mainBanner.banner-5-1 .banner-text a {
  margin-top: auto;
}
.bannerMain .mainBanner.banner-3 {
  background-image: url('https://media.zaner-bloser.com/images/banners/R1942D_FSK_EdWeb_CarouselBanner_v2.jpg');
  background-color: #009fa2;
  height: 345px;
  background-size: auto 345px;
}
.bannerMain .mainBanner.banner-3 .banner-text {
  display: inline-block;
  margin-top: 0rem;
  margin-right: 0rem;
}
.bannerMain .mainBanner.banner-3 .banner-text.small {
  display: none;
}
.bannerMain .mainBanner.banner-3 .banner-text a {
  margin-top: auto;
}
.bannerMain .mainBanner.banner-4 {
  background-image: url('https://s3.amazonaws.com/media.zaner-bloser.com/images/banners/H3134L1a_HWC2022_Carousel_Banner_1300x345.jpg');
  background-color: #8cd8fa;
  height: 345px;
}
.bannerMain .mainBanner.banner-4 .banner-text {
  display: inline-block;
}
.bannerMain .mainBanner.banner-4 .banner-text.small {
  display: none;
}
.bannerMain .mainBanner.banner-4 .banner-text a {
  margin-top: auto;
}
.bannerMain .mainBanner.banner-9 {
  background-image: url('https://media.zaner-bloser.com/images/banners/ckc-zb-2024-catalog-carousel-banner.jpg');
  background-color: #efe1d8;
  height: 345px;
  background-size: auto 345px;
}
.bannerMain .mainBanner.banner-9 .banner-text {
  display: inline-block;
}
.bannerMain .mainBanner.banner-9 .banner-text.small {
  display: none;
}
.bannerMain .mainBanner.banner-9 .banner-text a {
  margin-top: auto;
  color: white;
  background-color: #ffffff;
}
.bannerMain .mainBanner.banner-11 {
  background-image: url('https://media.zaner-bloser.com/images/banners/H3152J1_2024_NHWC_CarouselBanner.jpg');
  background-color: #8dd7fa;
  height: 345px;
  width: 100%;
  background-size: auto 345px;
}
.bannerMain .mainBanner.banner-11 .banner-text {
  display: inline-block;
  margin-top: 0rem;
  margin-right: 0rem;
}
.bannerMain .mainBanner.banner-11 .banner-text.small {
  display: none;
}
.bannerMain .mainBanner.banner-11 .banner-text a {
  margin-top: auto;
}
.bannerMain .mainBanner.banner-2 {
  background-image: url('https://s3.amazonaws.com/media.zaner-bloser.com/images/banners/S2756E_Gentry_National_Webinar_Carousel_Nov_1R.jpg');
  background-color: #d8bfab;
  height: 345px;
  width: 100%;
}
.bannerMain .mainBanner.banner-2 .banner-text {
  display: inline-block;
  margin-top: 0rem;
  margin-right: 0rem;
}
.bannerMain .mainBanner.banner-2 .banner-text.small {
  display: none;
}
.bannerMain .mainBanner.banner-2 .banner-text a {
  margin-top: auto;
}
.bannerMain .mainBanner.banner-10 {
  background-image: url('https://media.zaner-bloser.com/images/banners/R1906E_SKPA_webinar_march2022_carousel.jpg');
  background-color: #ffffff;
  height: 345px;
  background-size: auto 345px;
}
.bannerMain .mainBanner.banner-6 {
  background-image: url('https://media.zaner-bloser.com/images/banners/C3462F_ZBExtendedLearningSummerSchool_CarouselBanner_v2.jpg');
  background-color: #d6b89f;
  height: 345px;
  background-size: auto 345px;
}
.bannerMain .mainBanner.banner-6 .banner-text {
  display: inline-block;
}
.bannerMain .mainBanner.banner-6 .banner-text.small {
  display: none;
}
.bannerMain .mainBanner.banner-6 .banner-text a {
  margin-top: auto;
  color: white;
  background-color: #ffffff;
}
.bannerMain .mainBanner.banner-12 {
  background-image: url('https://media.zaner-bloser.com/images/banners/R1878H_SK_KareemWeaver_2022_webinar_carouselbanner_v2.jpg');
  background-color: #009a9a;
  height: 345px;
  width: 100%;
  background-size: auto 345px;
}
.bannerMain .mainBanner.banner-12 .banner-text {
  display: inline-block;
  margin-top: 0rem;
  margin-right: 0rem;
}
.bannerMain .mainBanner.banner-12 .banner-text.small {
  display: none;
}
.bannerMain .mainBanner.banner-12 .banner-text a {
  margin-top: auto;
}
.bannerMain .mainBanner.banner-13 {
  background-image: url('https://media.zaner-bloser.com/images/banners/C3463H_SEL_AcademicLearning_webinar_carouselbanner_2R.jpg');
  background-color: #3ca1d7;
  height: 345px;
  background-size: auto 345px;
}
.bannerMain .mainBanner.banner-13 .banner-text {
  display: inline-block;
  margin-top: 0rem;
  margin-right: 0rem;
}
.bannerMain .mainBanner.banner-13 .banner-text.small {
  display: none;
}
.bannerMain .mainBanner.banner-13 .banner-text a {
  margin-top: auto;
}
.bannerMain .mainBanner.banner-14 {
  background-image: url('https://s3.amazonaws.com/media.zaner-bloser.com/images/banners/pop-carousel-banner.jpg');
  background-color: #e43530;
  height: 345px;
  width: 100%;
  background-size: auto 345px;
}
.bannerMain .mainBanner.banner-14 .banner-text {
  display: inline-block;
  margin-top: 0rem;
  margin-right: 0rem;
}
.bannerMain .mainBanner.banner-14 .banner-text.small {
  display: none;
}
.bannerMain .mainBanner.banner-14 .banner-text a {
  margin-top: auto;
}
.bannerMain .mainBanner.banner-15 {
  background-image: url('https://media.zaner-bloser.com/images/banners/H3111V+NHWC+Winner+Web+Banner_CTA_1R.jpg');
  background-color: #3859a0;
  height: 345px;
  width: 100%;
  background-size: auto 345px;
}
.bannerMain .mainBanner.banner-15 .banner-text {
  display: inline-block;
  margin-top: 0rem;
  margin-right: 0rem;
}
.bannerMain .mainBanner.banner-15 .banner-text.small {
  display: none;
}
.bannerMain .mainBanner.banner-15 .banner-text a {
  margin-top: auto;
}
.bannerMain .mainBanner.banner-16 {
  background-image: url('https://s3.amazonaws.com/media.zaner-bloser.com/images/banners/R1876H_Equity_and_literacy_webinar_carousel_banner.jpg');
  background-color: #f9b15e;
  height: 345px;
  width: 100%;
  background-size: auto 345px;
}
.bannerMain .mainBanner.banner-16 .banner-text {
  display: inline-block;
  margin-top: 0rem;
  margin-right: 0rem;
}
.bannerMain .mainBanner.banner-16 .banner-text.small {
  display: none;
}
.bannerMain .mainBanner.banner-16 .banner-text a {
  margin-top: auto;
}
.bannerMain .mainBanner.banner-17 {
  background-image: url('https://s3.amazonaws.com/media.zaner-bloser.com/images/banners/R1877H_SK_SOR_webinar_oct2022_carousel_banner.jpg');
  background-color: #73c668;
  height: 345px;
  width: 100%;
  background-size: auto 345px;
}
.bannerMain .mainBanner.banner-17 .banner-text {
  display: inline-block;
  margin-top: 0rem;
  margin-right: 0rem;
}
.bannerMain .mainBanner.banner-17 .banner-text.small {
  display: none;
}
.bannerMain .mainBanner.banner-17 .banner-text a {
  margin-top: auto;
}
.bannerMain .mainBanner.banner-18 {
  background-image: url('https://s3.amazonaws.com/media.zaner-bloser.com/images/banners/SH0118K_POP_National_Writing_Campaign_Webinar_Carousel_Banner_Desktop_2R.png');
  background-color: #f0e4da;
  height: 345px;
  width: 100%;
  background-size: auto 345px;
}
.bannerMain .mainBanner.banner-18 .banner-text {
  display: inline-block;
  margin-top: 0rem;
  margin-right: 0rem;
}
.bannerMain .mainBanner.banner-18 .banner-text.small {
  display: none;
}
.bannerMain .mainBanner.banner-18 .banner-text a {
  margin-top: auto;
}
.bannerMain .mainBanner.banner-19 {
  background-image: url('https://s3.amazonaws.com/media.zaner-bloser.com/images/banners/C3498C_ZB_Supplemental_BTS_carousel_banner.jpg');
  background-color: #e49b39;
  height: 345px;
  width: 100%;
  background-size: auto 345px;
}
.bannerMain .mainBanner.banner-19 .banner-text {
  display: inline-block;
  margin-top: 0rem;
  margin-right: 0rem;
}
.bannerMain .mainBanner.banner-19 .banner-text.small {
  display: none;
}
.bannerMain .mainBanner.banner-19 .banner-text a {
  margin-top: auto;
}
.bannerMain .mainBanner.wordWisdomBanner {
  background-image: url(https://s3.amazonaws.com/media.zaner-bloser.com/images/banners/ww-program-page-banner.jpg);
  background-color: #ffffff;
  height: 225px;
}
.bannerMain .mainBanner.handwritingBanner {
  background-image: url(/image/banners/handwriting.jpg);
  background-color: #009ddf;
}
.bannerMain .mainBanner.fontsBanner {
  background-image: url(/image/banners/fonts.jpg);
  background-color: #1cd1be;
}
.bannerMain .mainBanner.superkidsBanner {
  background-image: url(/image/banners/Superkids-Reading-Program.png);
  background-color: #ffffff;
  height: 225px;
  background-color: #afddf3;
}
.bannerMain .mainBanner.sor-hub-Banner {
  background-image: url(https://media.zaner-bloser.com/images/banners/science-of-reading-banner-desktop.jpg);
  background-color: #ffffff;
  height: 250px;
}
.bannerMain .mainBanner.showingLove2020Banner {
  background-image: url(https://media.zaner-bloser.com/images/banners/e1289-sk-head-to-heart-banner.png);
  background-color: #ffffff;
  height: 225px;
}
.bannerMain .mainBanner.writingworkshop {
  background-image: url(https://media.zaner-bloser.com/images/banners/la1289a-ww-landingpage-banner.jpg);
  background-color: #f5f5f3;
  height: 160px;
}
.bannerMain .mainBanner.voicesBanner {
  background-image: url(/image/banners/voices.jpg);
  background-color: #faa634;
}
.bannerMain .mainBanner.writingworkshop {
  background-image: url(https://media.zaner-bloser.com/images/banners/la1289a-ww-landingpage-banner.jpg);
  background-color: #f5f5f3;
  height: 160px;
}
.bannerMain .mainBanner.SorWebinarSeries {
  background-image: url(https://media.zaner-bloser.com/images/banners/r1772-sor-5-part-lpbanner_2.png);
  background-color: #ffffff;
  height: 300px;
}
.bannerMain .mainBanner.beyondWordRecognition {
  background-image: url(https://s3.amazonaws.com/media.zaner-bloser.com/images/banners/R1806B-D_comprehension_5-part_series_lp_banner.jpg);
  background-color: #ffffff;
  height: 225px;
}
.bannerMain .mainBanner.strategiesBanner {
  background-image: url(https://media.zaner-bloser.com/images/banners/strategies_final_banner.jpg);
  background-color: #1cd1bd;
}
.bannerMain .mainBanner.gumBanner {
  background-image: url(/image/banners/grammar-program-banner_v2.jpg);
  background-color: #dba974;
  height: 226px;
}
.bannerMain .mainBanner.trlLandingPage {
  background-image: url(https://s3.amazonaws.com/media.zaner-bloser.com/images/banners/E1307A_TRL_CTA_Landingpage_banner.jpg);
  background-color: #fdd57d;
  height: 295px;
  background-size: cover;
}
.bannerMain .mainBanner.readWriteBanner {
  background-image: url(/image/banners/irtw-program-banner.png);
  background-color: #dba974;
  height: 226px;
}
.bannerMain .mainBanner.selBanner {
  background-image: url(https://media.zaner-bloser.com/SEL/images/SEL-webpage-banner-full.jpg);
  background-color: #f3e0cb;
  height: 345px;
}
.bannerMain .mainBanner.selMindscapesBanner {
  background-image: url(https://media.zaner-bloser.com/images/banners/mindscapes-form-banner_v2.jpg);
  background-color: #e19f55;
  background-size: contain;
  height: 225px;
}
.bannerMain .mainBanner.handwriting2025Banner {
  background-image: url(https://media.zaner-bloser.com/images/banners/HW25_coming_soon_banner.jpg);
  background-color: #02a3ad;
  background-size: contain;
  height: 225px;
}
.bannerMain .mainBanner.comingSoonSKBanner {
  background-image: url(https://media.zaner-bloser.com/images/banners/SK_coming_soon_banner.jpg);
  background-color: #6c60a8;
  background-size: contain;
  height: 225px;
}
.bannerMain .mainBanner.spellingBanner {
  background-image: url(https://media.zaner-bloser.com/images/banners/S2760-SPCN-landingpage-banner.jpg);
  background-color: #2e3293;
  height: 225px;
}
.bannerMain .mainBanner.freeResourcesBanner {
  background-image: url(https://media.zaner-bloser.com/images/banners/Free-foundational-skills-and-literacy-resources.jpg);
  background-color: #ffffff;
  height: 225px;
}
.bannerMain .mainBanner.sk-video-banner {
  background-image: url(https://s3.amazonaws.com/media.zaner-bloser.com/images/banners/sk-video-banner.jpg);
  background-color: #ffffff;
  height: 225px;
}
.bannerMain .mainBanner.productsBanner {
  background-image: url(/image/banners/products.jpg);
  background-color: #faa634;
}
.bannerMain .mainBanner.whyBanner {
  background-image: url(/image/banners/whyZB.jpg);
  background-color: #faa634;
}
.bannerMain .mainBanner.eventsBanner {
  background-image: url(/image/banners/events.jpg);
  background-color: #a83f86;
}
.bannerMain .mainBanner.parentProductBanner {
  background-image: url(https://media.zaner-bloser.com/images/banners/parent-packs-banner.png);
  background-color: #ffffff;
  height: 225px;
}
.bannerMain .mainBanner.findRepBanner {
  background-image: url(/image/banners/findRep.jpg);
  background-color: #675da9;
}
.bannerMain .mainBanner.pdBanner {
  background-image: url(https://media.zaner-bloser.com/images/banners/prodev-banner.png);
  height: 225px;
}
.bannerMain .mainBanner.pdBanner-video {
  background-image: url(https://media.zaner-bloser.com/images/banners/videos-on-your-time-banner.png);
  height: 225px;
}
.bannerMain .mainBanner.standardsBanner {
  background-image: url(/image/banners/standards.jpg);
  background-color: #bca68e;
}
.bannerMain .mainBanner.standardsBanner .banner-text {
  text-align: left;
  padding: 2rem;
}
.bannerMain .mainBanner.pd-hw-Banner {
  background-image: url(/image/banners/pd-hw-banner.jpg);
  background-size: cover;
}
.bannerMain .mainBanner.pd-sem-Banner {
  background-image: url(/image/banners/pd-seminars-banner.jpg);
  background-size: cover;
}
.bannerMain .mainBanner.SK-adoption-campaign {
  background-image: url(https://media.zaner-bloser.com/images/banners/RG0447A_WV_Banner.png);
  height: 455px;
}
.bannerMain .mainBanner.pd-reading-banner {
  background-image: url(/image/banners/pd-reading-banner.jpg);
  background-size: cover;
}
.bannerMain .mainBanner.summer2017Banner {
  background-image: url(/image/banners/summer2017.jpg);
  background-color: #e60330;
}
.bannerMain .mainBanner.summer2018Banner {
  background-image: url(/image/banners/PD066Z_Summer_Webinars_Zoom.jpg);
  background-color: #ffffff;
}
.bannerMain .mainBanner.summer2020Banner {
  background-image: url(https://media.zaner-bloser.com/images/banners/PD083_PL_Summer_Banner.jpg);
  background-color: #ffffff;
  height: 225px;
}
.bannerMain .mainBanner.contactBanner {
  background-image: url(https://media.zaner-bloser.com/images/banners/Customer_Service_Banner.jpg);
  background-color: #c1c2c3;
  background-size: 1296px auto;
  height: 225px;
}
.bannerMain .mainBanner.handwritingNYCBanner {
  background-image: url(https://media.zaner-bloser.com/images/banners/FAMIS_NYC_landingpage_banner_4R.jpg);
  background-color: #bc9a7e;
  height: 230px;
  background-size: 1330px auto;
}
.bannerMain .mainBanner.catholicSchoolsWeek {
  background-image: url(/image/banners/R1576N_CSW18_1903x345_header_final.jpg);
  background-color: #ffffff;
}
.bannerMain .mainBanner.nationalHandwritingDay {
  background-image: url(/image/banners/W0164_HW_NatDayofHW_WebBanner.jpg);
  background-color: #5bcbf5;
}
.bannerMain .mainBanner.nationalHandwritingContest {
  background-image: url(https://media.zaner-bloser.com/images/banners/H3170G1_NHWC_WebUpdates_Banner_v2.jpg);
  background-color: #6acbfe;
  height: 345px;
  background-size: 1301px auto;
}
.bannerMain .mainBanner.akTourBanner {
  background-image: url(/image/banners/ark-banner.jpg);
  background-color: #ffffff;
  max-height: 200px;
}
.bannerMain .mainBanner.teacherappreciationweek {
  background-image: url(/image/banners/C3375N_1156_345_Landing_GIF.gif);
  background-color: #d91e39;
}
.bannerMain .mainBanner.texasMicroSite {
  background-image: url(/image/banners/tx_home_banner.jpg);
  height: 230px;
}
.bannerMain .mainBanner.texasMicroSite-hw {
  background-image: url(/image/banners/tx_hw_le_banner_update.jpg);
  height: 230px;
}
.bannerMain .mainBanner.texasMicroSite-sp {
  background-image: url(/image/banners/tx_spelling_banner.jpg);
  height: 230px;
}
.bannerMain .mainBanner.texasMicroSite-auth {
  background-image: url(/image/banners/tx_authors-research-banner.jpg);
  height: 230px;
}
.bannerMain .mainBanner.texasMicroSite-event {
  background-image: url(/image/banners/landing-page-header-summer-pd2.jpg);
  height: 230px;
}
.bannerMain .mainBanner.superkids-user {
  background-image: url(/image/banners/sk-banner-1300x212.jpg);
  height: 212px;
}
.bannerMain .mainBanner.sktc_landingpage {
  background-image: url(/image/banners/ADR0058B_SK_TCT_LandingHeaderR3iPad.jpg);
  height: 291px;
}
.bannerMain .mainBanner.showingLove_landingpage {
  background-image: url(/image/banners/ADR0058_SK_TCT_LandingHeader.jpg);
  height: 291px;
}
.bannerMain .mainBanner.we_are_literacy {
  background-image: url(/image/banners/portal-landing-page-banner.jpg);
  height: 350px;
}
.bannerMain .mainBanner.hw2020banner {
  background-image: url(/image/banners/hw2020-page-banner.jpg);
  background-color: #ffffff;
  max-height: 275px;
}
.bannerMain .mainBanner.RG0576A-page-banner {
  background-image: url(https://media.zaner-bloser.com/images/banners/RG0578_CA_HW_Awareness_Form_Header_v2.jpg);
  background-color: #03aab5;
  max-height: 150px;
}
.bannerMain .mainBanner.tx-free-resources {
  background-image: url(/image/banners/tx_free-resources-banner.jpg);
  background-color: #ffffff;
  height: 230px;
}
.bannerMain .mainBanner.indianaMicroSite {
  background-image: url(/image/banners/Indiana_Banner.jpg);
  background-color: #d51e3a;
  height: 307px;
}
.bannerMain .mainBanner.indianaMicroSite-sk {
  background-image: url(/image/banners/Indiana_Superkids_banner.jpg);
  background-color: #ffffff;
  height: 228px;
}
.bannerMain .mainBanner.indianaMicroSite-hw {
  background-image: url(/image/banners/Indiana_Handwriting_banner.jpg);
  background-color: #ffffff;
  height: 228px;
}
.bannerMain .mainBanner.nyc-handwriting-contest {
  background-image: url(/image/banners/nyc_hwc_banner.jpg);
  background-color: #ac68ab;
  height: 224px;
}
.bannerMain .mainBanner.catholicSchoolsWeek_2019 {
  background-image: url(https://s3.amazonaws.com/media.zaner-bloser.com/c3396d-csw2020-banner.jpg);
  background-color: #fbd54d;
}
.bannerMain .mainBanner.SouthCarolinaEducators {
  background-image: url(https://media.zaner-bloser.com/images/banners/RG0406A_SC_HW_Portal_Trial_LP_Desktop.jpg);
  background-color: #00a1ab;
  height: 225px;
}
.bannerMain .mainBanner.headtoheart_page {
  background-image: url(/image/banners/SK_HeadtoHeart_Banner_R2.jpg);
  background-color: #ffffff;
  height: 228px;
}
.bannerMain .mainBanner.summer_pd_page {
  background-image: url(/image/banners/landing-page-header-summer-pd2.jpg);
  background-color: #ffffff;
  height: 228px;
}
.bannerMain .mainBanner.laescritura {
  background-image: url(/image/banners/le-home_banner.jpg);
  background-color: #ffffff;
  height: 275px;
}
.bannerMain .mainBanner.wordheroesmain {
  background-image: url(/image/banners/WH_web_banner.png);
  background-color: #ffffff;
  height: 345px;
}
.bannerMain .mainBanner.vocabElementaryProgramsMain {
  background-image: url(https://media.zaner-bloser.com/images/banners/vocab-solutions-page-banner.png);
  background-color: #ffffff;
  height: 225px;
}
.bannerMain .mainBanner.jumpWritingBanner {
  background-image: url(https://media.zaner-bloser.com/images/banners/jump-programpage-banner.png);
  background-color: #ffffff;
  max-height: 225px;
}
.bannerMain .mainBanner.about_us_we_are_literacy {
  background-image: url(https://media.zaner-bloser.com/images/banners/inspiring-aha-moments-web-banner.jpg);
  background-color: #fac262;
  height: 225px;
  background-size: 1300px auto;
}
.bannerMain .mainBanner.SKRRBanner {
  background-image: url(/image/banners/skrr-banner.jpg);
  background-color: #933394;
  max-height: 225px;
}
.bannerMain .mainBanner.SKRRBanner-bottom {
  background-image: url(/image/photos/skrr-big-success-image.jpg);
  background-color: #ffffff;
  max-height: 336px;
}
.bannerMain .mainBanner.PDBanner-bottom {
  background-image: url(https://media.zaner-bloser.com/images/banners/pd-cta-graphic.png);
  background-color: #ffffff;
  max-height: 300px;
  background-repeat: no-repeat;
  background-position: 75% 25%;
}
.bannerMain .mainBanner.SKPABanner-bottom {
  background-image: url(https://media.zaner-bloser.com/images/banners/skpa-programpage-cta-graphic.png);
  background-color: #ffffff;
  max-height: 350px;
}
.bannerMain .mainBanner.SupplementalLandingPageBanner {
  background-image: url(https://media.zaner-bloser.com/images/banners/instdn-supp-banner-desktop.png);
  background-color: #ffffff;
  max-height: 225px;
}
.bannerMain .mainBanner.HEABanner {
  background-image: url(https://media.zaner-bloser.com/images/banners/HEA-Banner.jpg);
  background-color: #ece6f0;
  max-height: 225px;
}
.bannerMain .mainBanner.fsk-main-page-banner {
  background-image: url(https://media.zaner-bloser.com/reading/superkids-foundational-skills-kit/images/fsk-banner-update.png);
  background-color: #ffffff;
  height: 225px;
}
.bannerMain .mainBanner.sk-bulletin-form-page-banner {
  background-image: url(https://media.zaner-bloser.com/images/banners/R1815K_SK_User_Engagement_Newsletter_Archive_Page_Banner_Desktop.png);
  background-color: #028bcb;
  height: 225px;
  background-size: 1330px auto;
}
.bannerMain .mainBanner.sk-testimonial-1 {
  background-image: url(/image/banners/sk-testimonial.png);
  background-color: #f7941d;
  height: 345px;
}
.bannerMain .mainBanner.sk-testimonial-2 {
  background-image: url(https://media.zaner-bloser.com/images/banners/sk-testimonials-designed_sk-testimonial2.png);
  background-color: #1992d0;
  height: 345px;
}
.bannerMain .mainBanner.sk-testimonial-3 {
  background-image: url(https://media.zaner-bloser.com/images/banners/sk-testimonials-designed_sk-testimonial3.png);
  background-color: #20ae8f;
  height: 345px;
}
.bannerMain .mainBanner.sk-testimonial-4 {
  background-image: url(/image/banners/sk-testimonial4.png);
  background-color: #922990;
  height: 345px;
}
.bannerMain .mainBanner.sk-testimonial-5 {
  background-image: url(https://media.zaner-bloser.com/images/banners/sk-testimonial-5.png);
  background-color: #8bc640;
  height: 345px;
}
.bannerMain .mainBanner.sk-testimonial-6 {
  background-image: url(https://media.zaner-bloser.com/images/banners/sk-testimonial-6.png);
  background-color: #ef4036;
  height: 345px;
}
.bannerMain .mainBanner.pd-testimonial-1 {
  background-image: url(https://media.zaner-bloser.com/images/banners/pd-testimonial1_v2.jpg);
  background-color: #1ebbc6;
  height: 375px;
}
.bannerMain .mainBanner.pd-testimonial-2 {
  background-image: url(https://media.zaner-bloser.com/images/banners/pd-testimonial2_sml.jpg);
  background-color: #634c9a;
  height: 375px;
}
.bannerMain .mainBanner.pd-testimonial-3 {
  background-image: url(https://media.zaner-bloser.com/images/banners/pd-testimonial3_sml.jpg);
  background-color: #da1f3c;
  height: 375px;
}
.bannerMain .mainBanner.sk-catholic-testimonial-1 {
  background-image: url(https://media.zaner-bloser.com/images/photos/Testimonial_CA_2.jpg);
  background-color: #f1b342;
  height: 345px;
}
.bannerMain .mainBanner.sk-catholic-testimonial-2 {
  background-image: url(https://media.zaner-bloser.com/images/photos/Testimonial_MO_2.jpg);
  background-color: #8dc145;
  height: 345px;
}
.bannerMain .mainBanner.sk-catholic-testimonial-3 {
  background-image: url(https://media.zaner-bloser.com/images/photos/Testimonial_NJ_2.jpg);
  background-color: #9c54a0;
  height: 345px;
}
.bannerMain .mainBanner.sk-catholic-testimonial-4 {
  background-image: url(https://media.zaner-bloser.com/images/photos/Testimonial_NY_2.jpg);
  background-color: #00b68d;
  height: 345px;
}
.bannerMain .mainBanner.sk-catholic-testimonial-5 {
  background-image: url(https://media.zaner-bloser.com/images/photos/Testimonial_OH_2.jpg);
  background-color: #0098d4;
  height: 345px;
}
.bannerMain .mainBanner.cs-request-info {
  background-image: url(https://media.zaner-bloser.com/images/banners/CTA.jpg);
  background-color: #ffffff;
  height: 504px;
}
.bannerMain .mainBanner.webinarsBanner {
  background-image: url(https://s3.amazonaws.com/media.zaner-bloser.com/images/banners/webinars-banner.jpg);
  background-color: #ffffff;
  height: 225px;
}
.bannerMain .mainBanner.whitepapersBanner {
  background-image: url(https://s3.amazonaws.com/media.zaner-bloser.com/images/banners/whitepapers-banner.jpg);
  background-color: #ffffff;
  height: 225px;
}
.bannerMain .mainBanner.vocabLightUpLowerBanner {
  background-image: url(https://media.zaner-bloser.com/images/banners/vocab-cta.png);
  background-color: #ffffff;
  height: 370px;
  position: relative;
}
.bannerMain .mainBanner.vocabLightUpLowerBanner div {
  text-align: left;
  width: 100%;
  max-width: 395px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -130px 0 0 30px;
}
.bannerMain .mainBanner.vocabLightUpLowerBanner div h2 {
  font-size: 32px;
  line-height: 32px;
  font-family: 'MuseoSans-700';
  color: #ffffff;
}
.bannerMain .mainBanner.vocabLightUpLowerBanner div p {
  font-size: 20px;
  line-height: 32px;
  font-family: 'MuseoSans-300';
  color: #ffffff;
}
.bannerMain .mainBanner.phonemicPageBanner {
  background-image: url(https://media.zaner-bloser.com/images/banners/skpa-programpage-banner.jpg);
  background-color: #ffffff;
  height: 225px;
}
.bannerMain .mainBanner.overview-hw-banner {
  background-color: #00bac6;
  background-image: url(/image/banners/ovrw-handwriting.png);
  background-repeat: no-repeat;
  background-position: 75% 25%;
  height: 145px;
}
.bannerMain .mainBanner.overview-hw-banner .ov-content {
  max-width: 1200px;
  margin: 0 auto;
}
.bannerMain .mainBanner.overview-hw-banner .ov-content .banner-text {
  color: #ffffff;
  font-size: 36px;
  float: left;
  padding-top: 50px;
  padding-left: 34px;
  text-transform: uppercase;
  font-family: 'Reem Kufi', sans-serif;
  font-weight: 600;
}
.bannerMain .mainBanner.overview-hw-banner .ov-content .small {
  display: none;
}
.bannerMain .mainBanner.overview-sk-banner {
  background-color: #99ca45;
  background-image: url(/image/banners/ovrw-reading.png);
  background-repeat: no-repeat;
  background-position: 75% 25%;
  height: 145px;
}
.bannerMain .mainBanner.overview-sk-banner .ov-content {
  max-width: 1200px;
  margin: 0 auto;
}
.bannerMain .mainBanner.overview-sk-banner .ov-content .banner-text {
  color: #ffffff;
  font-size: 36px;
  float: left;
  padding-top: 50px;
  padding-left: 34px;
  text-transform: uppercase;
  font-family: 'Reem Kufi', sans-serif;
  font-weight: 600;
}
.bannerMain .mainBanner.overview-sk-banner .ov-content .small {
  display: none;
}
.bannerMain .mainBanner.overview-wg-banner {
  background-color: #634c9a;
  background-image: url(/image/banners/ovrw-writing-grammar.png);
  background-repeat: no-repeat;
  background-position: 75% 25%;
  height: 145px;
}
.bannerMain .mainBanner.overview-wg-banner .ov-content {
  max-width: 1200px;
  margin: 0 auto;
}
.bannerMain .mainBanner.overview-wg-banner .ov-content .banner-text {
  color: #ffffff;
  font-size: 36px;
  float: left;
  padding-top: 25px;
  padding-left: 34px;
  text-transform: uppercase;
  font-family: 'Reem Kufi', sans-serif;
  font-weight: 600;
}
.bannerMain .mainBanner.overview-wg-banner .ov-content .small {
  display: none;
}
.bannerMain .mainBanner.overview-sp-banner {
  background-color: #2d54a0;
  background-image: url(https://media.zaner-bloser.com/images/banners/ovrw-spelling.png);
  background-repeat: no-repeat;
  background-position: 75% 25%;
  height: 145px;
}
.bannerMain .mainBanner.overview-sp-banner .ov-content {
  max-width: 1200px;
  margin: 0 auto;
}
.bannerMain .mainBanner.overview-sp-banner .ov-content .banner-text {
  color: #ffffff;
  font-size: 36px;
  float: left;
  padding-top: 50px;
  padding-left: 34px;
  text-transform: uppercase;
  font-family: 'Reem Kufi', sans-serif;
  font-weight: 600;
}
.bannerMain .mainBanner.overview-sp-banner .ov-content .small {
  display: none;
}
.bannerMain .mainBanner.overview-voc-banner {
  background-color: #ef7f39;
  background-image: url(/image/banners/ovrw-vocabulary.png);
  background-repeat: no-repeat;
  background-position: 75% 25%;
  height: 145px;
}
.bannerMain .mainBanner.overview-voc-banner .ov-content {
  max-width: 1200px;
  margin: 0 auto;
}
.bannerMain .mainBanner.overview-voc-banner .ov-content .banner-text {
  color: #ffffff;
  font-size: 36px;
  float: left;
  padding-top: 50px;
  padding-left: 34px;
  text-transform: uppercase;
  font-family: 'Reem Kufi', sans-serif;
  font-weight: 600;
}
.bannerMain .mainBanner.overview-voc-banner .ov-content .small {
  display: none;
}
.bannerMain .mainBanner.overview-math-banner {
  background-color: #c21e54;
  background-image: url(https://s3.amazonaws.com/media.zaner-bloser.com/images/banners/ovrw-math.png);
  background-repeat: no-repeat;
  background-position: 75% 25%;
  height: 145px;
}
.bannerMain .mainBanner.overview-math-banner .ov-content {
  max-width: 1200px;
  margin: 0 auto;
}
.bannerMain .mainBanner.overview-math-banner .ov-content .banner-text {
  color: #ffffff;
  font-size: 36px;
  float: left;
  padding-top: 50px;
  padding-left: 34px;
  text-transform: uppercase;
  font-family: 'Reem Kufi', sans-serif;
  font-weight: 600;
}
.bannerMain .mainBanner.overview-math-banner .ov-content .small {
  display: none;
}
.bannerMain .mainBanner.freetrial-banner {
  background-color: #1f3343;
  background-image: url(https://media.zaner-bloser.com/images/banners/online-resources-banner_edit.png);
  background-repeat: no-repeat;
  background-position: 75% 25%;
  height: 145px;
}
.bannerMain .mainBanner.freetrial-banner .ov-content {
  max-width: 1200px;
  margin: 0 auto;
}
.bannerMain .mainBanner.freetrial-banner .ov-content .banner-text {
  color: #ffffff;
  font-size: 36px;
  float: left;
  padding-top: 50px;
  padding-left: 34px;
  text-transform: uppercase;
  font-family: 'Reem Kufi', sans-serif;
  font-weight: 600;
}
.bannerMain .mainBanner.freetrial-banner .ov-content .small {
  display: none;
}
.bannerMain .mainBanner.portal-banner {
  background-color: #e3ccb6;
  background-image: url(https://media.zaner-bloser.com/images/banners/portal-pages-banner.png);
  background-repeat: no-repeat;
  background-position: 75% 25%;
  height: 145px;
}
.bannerMain .mainBanner.portal-banner .ov-content {
  max-width: 1200px;
  margin: 0 auto;
}
.bannerMain .mainBanner.portal-banner .ov-content .banner-text {
  color: #000000;
  font-size: 36px;
  float: left;
  padding-top: 50px;
  padding-left: 34px;
}
.bannerMain .mainBanner.portal-banner .ov-content .small {
  display: none;
}
.bannerMain .mainBanner.program-find-by-subject {
  background-color: #e7e6e7;
  background-image: url(/image/banners/subject-level-page-banner.png);
  background-repeat: no-repeat;
  height: 145px;
}
.bannerMain .mainBanner.program-find-by-subject .ov-content {
  max-width: 1200px;
  margin: 0 auto;
}
.bannerMain .mainBanner.program-find-by-subject .ov-content .banner-text {
  font-size: 36px;
  float: left;
  text-align: left;
  padding-left: 100px;
  font-weight: bold;
}
.bannerMain .mainBanner.program-find-by-subject .ov-content .banner-text h1 {
  font-family: 'MuseoSans-300';
  font-size: 2.25rem;
  line-height: 1.125;
  margin: 0;
  margin-top: 4px;
}
.bannerMain .mainBanner.program-find-by-subject .ov-content .banner-text h1 span {
  font-size: 24px;
  font-weight: normal;
  line-height: 37px;
}
.bannerMain .mainBanner.program-find-by-subject .ov-content .banner-text a {
  font-size: 18px;
  margin-top: 0;
  margin-right: 0;
  display: initial;
  text-decoration: underline;
  font-weight: normal;
}
.bannerMain .mainBanner.program-find-by-subject .ov-content .banner-text a span {
  font-size: 16px;
}
.bannerMain .mainBanner.program-find-by-grade {
  background-color: #dec1a0;
  background-image: url(/image/banners/grade-level-page-banner.png);
  background-repeat: no-repeat;
  height: 145px;
}
.bannerMain .mainBanner.program-find-by-grade .ov-content {
  max-width: 1200px;
  margin: 0 auto;
}
.bannerMain .mainBanner.program-find-by-grade .ov-content .banner-text {
  font-size: 36px;
  float: left;
  text-align: left;
  padding-left: 100px;
  font-weight: bold;
}
.bannerMain .mainBanner.program-find-by-grade .ov-content .banner-text span {
  font-size: 24px;
  font-weight: normal;
}
.bannerMain .mainBanner.program-find-by-grade .ov-content .banner-text a {
  font-size: 16px;
  margin-top: 0;
  margin-right: 0;
  display: initial;
  text-decoration: underline;
  font-weight: normal;
}
.bannerMain .mainBanner.program-find-by-grade .ov-content .banner-text a span {
  font-size: 16px;
}
/* ----------- Bootstrap Overview Pages Banners ----------- */
.sk-bg-overview-img {
  background-color: #99ca45;
  background-image: url(/image/banners/ovrw-reading.png);
  background-repeat: no-repeat;
  background-position: 75% 25%;
  height: 145px;
}
.sk-bg-overview-img h1 {
  color: #ffffff;
  font-size: 2.25rem;
  float: left;
  margin-top: 54px;
  text-transform: uppercase;
  font-family: 'Reem Kufi', sans-serif;
  font-weight: 600;
}
.sel-bg-overview-img {
  background-color: #19A47E;
  background-image: url(https://media.zaner-bloser.com/images/banners/ovrw-sel.png);
  background-repeat: no-repeat;
  background-position: 75% 25%;
  height: 145px;
}
.sel-bg-overview-img h1 {
  color: #ffffff;
  font-size: 2.25rem;
  float: left;
  margin-top: 33px;
  text-transform: uppercase;
  font-family: 'Reem Kufi', sans-serif;
  font-weight: 600;
}
/* ----------- Desktop Small Screens ----------- */
@media screen and (max-width: 890px) {
  .bannerMain .slideshow-container {
    height: 400px;
    overflow: hidden;
  }
  .bannerMain .mainBanner {
    width: 100%;
    height: auto;
    padding-top: 1px;
    background-position: center top;
    background-repeat: no-repeat;
    text-align: center;
  }
  .bannerMain .mainBanner .banner-text {
    display: none;
  }
  .bannerMain .mainBanner .banner-text.small {
    display: block;
    padding: 1.5rem 25px;
    margin-top: 230px;
  }
  .bannerMain .mainBanner .banner-text a {
    margin-top: auto;
    margin-right: auto;
  }
  .bannerMain .mainBanner.banner-1 {
    background-image: url('https://s3.amazonaws.com/media.zaner-bloser.com/images/banners/ecommerce_collection_pages_mobile_carousel_banner.png');
    background-color: #ffffff;
    height: 400px;
  }
  .bannerMain .mainBanner.banner-1 .banner-text {
    margin: 245px auto 0 auto;
    display: flex;
    flex-direction: column;
  }
  .bannerMain .mainBanner.banner-1 .banner-text a {
    margin-top: auto;
  }
  .bannerMain .mainBanner.banner-1 .banner-text .wrapper {
    margin-top: 1.5rem;
  }
  .bannerMain .mainBanner.banner-1 .banner-text.small {
    display: block;
    padding-top: 0.5rem;
    margin-top: 16rem;
    margin-right: auto;
  }
  .bannerMain .mainBanner.banner-1 .banner-text.small a {
    margin-top: auto;
  }
  .bannerMain .mainBanner.banner-1-1 {
    background-image: url('https://s3.amazonaws.com/media.zaner-bloser.com/images/banners/C3438A_ZB_BTS_Ecomm_Campaign_Carousel_Banner_Marketing_Mobile.jpg');
    background-color: #ffffff;
    height: 400px;
  }
  .bannerMain .mainBanner.banner-1-1 .banner-text {
    display: inline-block;
  }
  .bannerMain .mainBanner.banner-1-1 .banner-text.small {
    display: none;
  }
  .bannerMain .mainBanner.banner-1-1 .banner-text a {
    margin-top: auto;
  }
  .bannerMain .mainBanner.banner-8 {
    background-image: url('https://media.zaner-bloser.com/images/banners/H3150L1a_HWC2022_Carousel_Mobile_660x400.jpg');
    background-color: #8cd8fa;
    height: 400px;
  }
  .bannerMain .mainBanner.banner-8 .banner-text {
    display: inline-block;
  }
  .bannerMain .mainBanner.banner-8 .banner-text.small {
    display: none;
  }
  .bannerMain .mainBanner.banner-8 .banner-text a {
    margin-top: auto;
  }
  .bannerMain .mainBanner.banner-7 {
    background-image: url('https://s3.amazonaws.com/media.zaner-bloser.com/images/banners/PD093B2_PL_Summer_2023_OnDemand_Webinar_Carousel_Banner_Mobile_v3.jpg');
    background-color: #fedb6e;
    height: 400px;
    background-size: auto 400px;
  }
  .bannerMain .mainBanner.banner-7 .banner-text {
    display: inline-block;
  }
  .bannerMain .mainBanner.banner-7 .banner-text.small {
    display: none;
  }
  .bannerMain .mainBanner.banner-7 .banner-text a {
    margin-top: auto;
  }
  .bannerMain .mainBanner.banner-5 {
    background-image: url('https://media.zaner-bloser.com/images/banners/R1892D_FSK_OnDemandWebinar_Updates_Mobile2.jpg');
    background-color: #ffffff;
    height: 400px;
    background-size: auto 400px;
  }
  .bannerMain .mainBanner.banner-5 .banner-text {
    display: inline-block;
  }
  .bannerMain .mainBanner.banner-5 .banner-text.small {
    display: none;
  }
  .bannerMain .mainBanner.banner-5 .banner-text a {
    margin-top: auto;
  }
  .bannerMain .mainBanner.banner-5-1 {
    background-image: url('https://s3.amazonaws.com/media.zaner-bloser.com/images/banners/LW0014L_LWSummerWebinarOnDemand_carousel_mobile.jpg');
    background-color: #ffffff;
    height: 400px;
    background-size: auto 400px;
  }
  .bannerMain .mainBanner.banner-5-1 .banner-text {
    display: inline-block;
  }
  .bannerMain .mainBanner.banner-5-1 .banner-text.small {
    display: none;
  }
  .bannerMain .mainBanner.banner-5-1 .banner-text a {
    margin-top: auto;
  }
  .bannerMain .mainBanner.banner-2 {
    background-image: url('https://s3.amazonaws.com/media.zaner-bloser.com/images/banners/S2756E_Gentry_National_Webinar_Mobile_Nov_1R.jpg');
    background-color: #d8bfab;
    height: 400px;
  }
  .bannerMain .mainBanner.banner-2 .banner-text {
    margin: 245px auto 0 auto;
  }
  .bannerMain .mainBanner.banner-2 .banner-text a {
    margin-top: auto;
  }
  .bannerMain .mainBanner.banner-2 .banner-text {
    display: none;
  }
  .bannerMain .mainBanner.banner-2 .banner-text.small {
    display: block;
    background-color: #32438b;
    padding-top: 0.5rem;
    margin-top: 15rem;
    margin-right: auto;
  }
  .bannerMain .mainBanner.banner-2 .banner-text.small a {
    margin-top: auto;
  }
  .bannerMain .mainBanner.banner-3 {
    background-image: url('https://media.zaner-bloser.com/images/banners/R1942D_FSK_EdWeb_CarouselBanner_Mobile_v2.jpg');
    background-color: #ebebeb;
    height: 400px;
    background-size: auto 400px;
  }
  .bannerMain .mainBanner.banner-3 .banner-text a {
    margin-top: auto;
  }
  .bannerMain .mainBanner.banner-3 .banner-text {
    display: none;
  }
  .bannerMain .mainBanner.banner-3 .banner-text.small {
    display: block;
  }
  .bannerMain .mainBanner.banner-3 .banner-text.small a {
    margin-top: auto;
  }
  .bannerMain .mainBanner.banner-4 {
    background-image: url('https://s3.amazonaws.com/media.zaner-bloser.com/images/banners/H3134L1a_HWC2022_Carousel_Mobile_660x400.jpg');
    background-color: #8cd8fa;
    height: 400px;
  }
  .bannerMain .mainBanner.banner-4 .banner-text a {
    margin-top: auto;
  }
  .bannerMain .mainBanner.banner-9 {
    background-image: url('https://media.zaner-bloser.com/images/banners/ckc-zb-2024-catalog-carousel-banner-mobile.jpg');
    background-color: #efe1d8;
    background-size: cover;
    height: 400px;
  }
  .bannerMain .mainBanner.banner-9 .banner-text a {
    margin-top: auto;
  }
  .bannerMain .mainBanner.banner-9 .banner-text {
    display: none;
  }
  .bannerMain .mainBanner.banner-9 .banner-text.small {
    display: block;
  }
  .bannerMain .mainBanner.banner-9 .banner-text.small a {
    margin-top: auto;
  }
  .bannerMain .mainBanner.banner-6 {
    background-image: url('https://s3.amazonaws.com/media.zaner-bloser.com/images/banners/C3462F_ZBExtendedLearningSummerSchool_CarouselBanner_Mobile_v2.jpg');
    background-color: #d6b89f;
    height: 400px;
    background-size: auto 400px;
  }
  .bannerMain .mainBanner.banner-6 .banner-text a {
    margin-top: auto;
  }
  .bannerMain .mainBanner.banner-6 .banner-text {
    display: none;
  }
  .bannerMain .mainBanner.banner-6 .banner-text.small {
    display: block;
  }
  .bannerMain .mainBanner.banner-6 .banner-text.small a {
    margin-top: auto;
  }
  .bannerMain .mainBanner.banner-11 {
    background-image: url('https://media.zaner-bloser.com/images/banners/R1942D_FSK_EdWeb_CarouselBanner_Mobile.jpg');
    background-color: #8dd7fa;
    height: 400px;
    background-size: cover;
  }
  .bannerMain .mainBanner.banner-11 .banner-text {
    margin: 245px auto 0 auto;
  }
  .bannerMain .mainBanner.banner-11 .banner-text a {
    margin-top: auto;
  }
  .bannerMain .mainBanner.banner-11 .banner-text {
    display: none;
  }
  .bannerMain .mainBanner.banner-11 .banner-text.small {
    display: block;
    background-color: transparent;
    padding-top: 0.5rem;
    margin-top: 15rem;
    margin-right: auto;
  }
  .bannerMain .mainBanner.banner-11 .banner-text.small a {
    margin-top: auto;
  }
  .bannerMain .mainBanner.banner-12 {
    background-image: url('https://media.zaner-bloser.com/images/banners/R1878H_SK_KareemWeaver_2022_webinar_carouselbanner_mobile_v2.jpg');
    background-color: #009a9a;
    height: 400px;
    background-size: cover;
  }
  .bannerMain .mainBanner.banner-12 .banner-text {
    margin: 245px auto 0 auto;
  }
  .bannerMain .mainBanner.banner-12 .banner-text a {
    margin-top: auto;
  }
  .bannerMain .mainBanner.banner-12 .banner-text {
    display: none;
  }
  .bannerMain .mainBanner.banner-12 .banner-text.small {
    display: block;
    background-color: transparent;
    padding-top: 0.5rem;
    margin-top: 15rem;
    margin-right: auto;
  }
  .bannerMain .mainBanner.banner-12 .banner-text.small a {
    margin-top: auto;
  }
  .bannerMain .mainBanner.banner-13 {
    background-image: url('https://media.zaner-bloser.com/images/banners/C3463H_SEL_AcademicLearning_webinar_carouselbanner_mobile.jpg');
    background-color: #3ca1d7;
    height: 400px;
    background-size: cover;
  }
  .bannerMain .mainBanner.banner-13 .banner-text {
    margin: 245px auto 0 auto;
  }
  .bannerMain .mainBanner.banner-13 .banner-text a {
    margin-top: auto;
  }
  .bannerMain .mainBanner.banner-13 .banner-text {
    display: none;
  }
  .bannerMain .mainBanner.banner-13 .banner-text.small {
    display: block;
    background-color: transparent;
    padding-top: 0.5rem;
    margin-top: 15rem;
    margin-right: auto;
  }
  .bannerMain .mainBanner.banner-13 .banner-text.small a {
    margin-top: auto;
  }
  .bannerMain .mainBanner.banner-14 {
    background-image: url('https://s3.amazonaws.com/media.zaner-bloser.com/images/banners/pop-carousel-banner-mobile.jpg');
    background-color: #e43530;
    height: 400px;
    background-size: auto 400px;
  }
  .bannerMain .mainBanner.banner-14 .banner-text {
    margin: 245px auto 0 auto;
  }
  .bannerMain .mainBanner.banner-14 .banner-text a {
    margin-top: auto;
  }
  .bannerMain .mainBanner.banner-14 .banner-text {
    display: none;
  }
  .bannerMain .mainBanner.banner-14 .banner-text.small {
    display: block;
    background-color: transparent;
    padding-top: 0.5rem;
    margin-top: 15rem;
    margin-right: auto;
  }
  .bannerMain .mainBanner.banner-14 .banner-text.small a {
    margin-top: auto;
  }
  .bannerMain .mainBanner.banner-15 {
    background-image: url('https://media.zaner-bloser.com/images/banners/H3111V_NHWC_Winner_Web_Banner_mobile_cta.jpg');
    background-color: #3859a0;
    height: 400px;
    background-size: auto 400px;
  }
  .bannerMain .mainBanner.banner-15 .banner-text {
    margin: 245px auto 0 auto;
  }
  .bannerMain .mainBanner.banner-15 .banner-text a {
    margin-top: auto;
  }
  .bannerMain .mainBanner.banner-15 .banner-text {
    display: none;
  }
  .bannerMain .mainBanner.banner-15 .banner-text.small {
    display: block;
    background-color: transparent;
    padding-top: 0.5rem;
    margin-top: 15rem;
    margin-right: auto;
  }
  .bannerMain .mainBanner.banner-15 .banner-text.small a {
    margin-top: auto;
  }
  .bannerMain .mainBanner.banner-16 {
    background-image: url('https://s3.amazonaws.com/media.zaner-bloser.com/images/banners/R1876H_Equity_and_literacy_webinar_carousel_banner_mobile.jpg');
    background-color: #f9b15e;
    height: 400px;
    background-size: auto 400px;
  }
  .bannerMain .mainBanner.banner-16 .banner-text {
    margin: 245px auto 0 auto;
  }
  .bannerMain .mainBanner.banner-16 .banner-text a {
    margin-top: auto;
  }
  .bannerMain .mainBanner.banner-16 .banner-text {
    display: none;
  }
  .bannerMain .mainBanner.banner-16 .banner-text.small {
    display: block;
    background-color: transparent;
    padding-top: 0.5rem;
    margin-top: 15rem;
    margin-right: auto;
  }
  .bannerMain .mainBanner.banner-16 .banner-text.small a {
    margin-top: auto;
  }
  .bannerMain .mainBanner.banner-17 {
    background-image: url('https://s3.amazonaws.com/media.zaner-bloser.com/images/banners/R1877H_SK_SOR_webinar_oct2022_carousel_banner_mobile.jpg');
    background-color: #73c668;
    height: 400px;
    background-size: auto 400px;
  }
  .bannerMain .mainBanner.banner-17 .banner-text {
    margin: 245px auto 0 auto;
  }
  .bannerMain .mainBanner.banner-17 .banner-text a {
    margin-top: auto;
  }
  .bannerMain .mainBanner.banner-17 .banner-text {
    display: none;
  }
  .bannerMain .mainBanner.banner-17 .banner-text.small {
    display: block;
    background-color: transparent;
    padding-top: 0.5rem;
    margin-top: 24rem;
    margin-right: auto;
  }
  .bannerMain .mainBanner.banner-17 .banner-text.small a {
    margin-top: auto;
  }
  .bannerMain .mainBanner.banner-18 {
    background-image: url('https://s3.amazonaws.com/media.zaner-bloser.com/images/banners/SH0118K_POP_National_Writing_Campaign_Webinar_Carousel_Banner_Mobile_2R.png');
    background-color: #f0e4da;
    background-size: cover;
    height: 400px;
  }
  .bannerMain .mainBanner.banner-18 .banner-text a {
    margin-top: auto;
  }
  .bannerMain .mainBanner.banner-18 .banner-text {
    display: none;
  }
  .bannerMain .mainBanner.banner-18 .banner-text.small {
    display: block;
  }
  .bannerMain .mainBanner.banner-18 .banner-text.small a {
    margin-top: auto;
  }
  .bannerMain .mainBanner.banner-19 {
    background-image: url('https://s3.amazonaws.com/media.zaner-bloser.com/images/banners/C3498C_ZB_Supplemental_BTS_carousel_banner_mobile.jpg');
    background-color: #e49b39;
    background-size: cover;
    height: 400px;
  }
  .bannerMain .mainBanner.banner-19 .banner-text a {
    margin-top: auto;
  }
  .bannerMain .mainBanner.banner-19 .banner-text {
    display: none;
  }
  .bannerMain .mainBanner.banner-19 .banner-text.small {
    display: block;
  }
  .bannerMain .mainBanner.banner-19 .banner-text.small a {
    margin-top: auto;
  }
  .bannerMain .mainBanner.banner-10 {
    background-image: url('https://media.zaner-bloser.com/images/banners/R1906E_SKPA_webinar_march2022_carousel_mobile.jpg');
    background-color: #ffffff;
    height: 400px;
    background-size: auto 400px;
  }
  .bannerMain .mainBanner.wordWisdomBanner {
    background-image: url(https://s3.amazonaws.com/media.zaner-bloser.com/images/banners/ww-program-page-banner-mobile.jpg);
  }
  .bannerMain .mainBanner.handwritingBanner {
    background-image: url(/image/banners/handwriting_small.jpg);
  }
  .bannerMain .mainBanner.fontsBanner {
    background-image: url(/image/banners/fonts_small.jpg);
  }
  .bannerMain .mainBanner.superkidsBanner {
    background-image: url(/image/banners/Superkids-Reading-Program-mobile.png);
    background-color: #afddf3;
  }
  .bannerMain .mainBanner.sor-hub-Banner {
    background-image: url(https://media.zaner-bloser.com/images/banners/science-of-reading-banner-mobile.png);
    background-color: #ffffff;
  }
  .bannerMain .mainBanner.showingLove2020Banner {
    background-image: url(https://media.zaner-bloser.com/images/banners/e1289-sk-head-to-heart-banner-mobile.png);
    background-color: #ffffff;
  }
  .bannerMain .mainBanner.voicesBanner {
    background-image: url(/image/banners/voices_small.jpg);
  }
  .bannerMain .mainBanner.strategiesBanner {
    background-image: url(/image/banners/strategies_small.jpg);
  }
  .bannerMain .mainBanner.gumBanner {
    background-image: url(/image/banners/grammar-program-banner-mobile.jpg);
    background-color: #dba974;
    height: 226px;
  }
  .bannerMain .mainBanner.readWriteBanner {
    background-image: url(/image/banners/irtw-program-mobile-banner.png);
    background-color: #dba974;
    height: 225px;
  }
  .bannerMain .mainBanner.selBanner {
    background-image: url(https://media.zaner-bloser.com/SEL/images/SEL-webpage-banner-mobile.jpg);
    background-color: #f3e0cb;
  }
  .bannerMain .mainBanner.selMindscapesBanner {
    background-image: url(https://media.zaner-bloser.com/images/banners/mindscapes-form-banner_v2.jpg);
    background-color: #e19f55;
    background-size: contain;
    height: 225px;
  }
  .bannerMain .mainBanner.handwriting2025Banner {
    background-image: url(https://media.zaner-bloser.com/images/banners/HW25_coming_soon_banner_mobile.jpg);
    background-color: #02a3ad;
    background-size: contain;
    height: 225px;
  }
  .bannerMain .mainBanner.comingSoonSKBanner {
    background-image: url(https://media.zaner-bloser.com/images/banners/SK_coming_soon_banner.jpg);
    background-color: #6c60a8;
    background-size: cover;
    height: 170px;
  }
  .bannerMain .mainBanner.spellingBanner {
    background-image: url(https://media.zaner-bloser.com/images/banners/S2760-SPCN-landingpage-mobilebanner.jpg);
    background-color: #2e3293;
  }
  .bannerMain .mainBanner.sk-video-banner {
    background-image: url(https://media.zaner-bloser.com/images/banners/sk-video-banner-mobile.png);
    background-color: #ffffff;
  }
  .bannerMain .mainBanner.freeResourcesBanner {
    background-image: url(https://media.zaner-bloser.com/images/banners/W0262-free-resources-banner-mobile.jpeg);
    background-color: #ffffff;
  }
  .bannerMain .mainBanner.productsBanner {
    background-image: url(/image/banners/products_small.jpg);
  }
  .bannerMain .mainBanner.whyBanner {
    background-image: url(/image/banners/whyZB_small.jpg);
  }
  .bannerMain .mainBanner.eventsBanner {
    background-image: url(/image/banners/events_small.jpg);
  }
  .bannerMain .mainBanner.findRepBanner {
    background-image: url(/image/banners/findRep_small.jpg);
  }
  .bannerMain .mainBanner.standardsBanner {
    background-image: url(/image/banners/standards_small.jpg);
  }
  .bannerMain .mainBanner.standardsBanner .banner-text {
    text-align: center;
    margin-left: auto;
  }
  .bannerMain .mainBanner.pdBanner {
    background-image: url(https://media.zaner-bloser.com/images/banners/prodev-banner-mobile.png);
    height: 225px;
  }
  .bannerMain .mainBanner.pdBanner-video {
    background-image: url(https://media.zaner-bloser.com/images/banners/videos-on-your-time-banner-mobile.png);
    height: 225px;
  }
  .bannerMain .mainBanner.parentProductBanner {
    background-image: url(https://media.zaner-bloser.com/images/banners/parent-packs-banner-mobile.png);
    height: 225px;
  }
  .bannerMain .mainBanner.pd-hw-Banner {
    background-image: url(/image/banners/pd-hw-banner-mobile.jpg);
    height: 345px;
  }
  .bannerMain .mainBanner.pd-sem-Banner {
    background-image: url(/image/banners/pd-seminars-banner-mobile.jpg);
    height: 345px;
  }
  .bannerMain .mainBanner.pd-reading-banner {
    background-image: url(/image/banners/pd-reading-banner-mobile.jpg);
    height: 345px;
  }
  .bannerMain .mainBanner.summer2017Banner {
    background-image: url(/image/banners/summer2017_small.jpg);
  }
  .bannerMain .mainBanner.summer2018Banner {
    background-image: url(/image/banners/summer2017_small.jpg);
  }
  .bannerMain .mainBanner.summer2020Banner {
    background-image: url(https://media.zaner-bloser.com/images/banners/PD083_PL_Summer_Banner_Mobile.jpg);
    background-size: cover;
  }
  .bannerMain .mainBanner.contactBanner {
    background-image: url(https://media.zaner-bloser.com/images/banners/Customer_Service_Banner-mobile.jpg);
    background-size: auto 225px;
    height: 225px;
  }
  .bannerMain .mainBanner.handwritingNYCBanner {
    background-image: url(https://media.zaner-bloser.com/images/banners/FAMIS_NYC_landingpage_mobile_banner_4R.jpg);
    background-color: #bc9a7e;
    height: 250px;
    background-size: cover;
  }
  .bannerMain .mainBanner.catholicSchoolsWeek {
    background-image: url(/image/banners/R1576N_CSW18_660x400_banner.jpg);
    height: 400px;
  }
  .bannerMain .mainBanner.nationalHandwritingDay {
    background-image: url(/image/banners/W0164_HW_NatDayofHW_WebBanner_mobile.jpg);
    height: 342px;
    background-color: #5bcbf5;
  }
  .bannerMain .mainBanner.nationalHandwritingContest {
    background-image: url(https://media.zaner-bloser.com/images/banners/H3170G1_NHWC_WebUpdates_Banner_v2.jpg);
    background-color: #6acbfe;
    background-size: cover;
  }
  .bannerMain .mainBanner.teacherappreciationweek {
    background-image: url(/image/banners/C3375N_660x400_Homepage_Header_Mobile_sml_old.jpg);
    background-color: #d91d3e;
    height: 400px;
    background-size: cover;
  }
  .bannerMain .mainBanner.superkids-user {
    background-image: url(/image/banners/sk-banner-1300x212.jpg);
    height: 212px;
  }
  .bannerMain .mainBanner.sktc_landingpage {
    background-image: url(/image/banners/ADR0058B_SK_TCT_LandingHeaderMobile_V2.jpg);
    height: 400px;
  }
  .bannerMain .mainBanner.showingLove_landingpage {
    background-image: url(/image/banners/ADR0058_SK_TCT_LandingHeaderMobile.jpg);
    height: 400px;
  }
  .bannerMain .mainBanner.SouthCarolinaEducators {
    background-image: url(https://media.zaner-bloser.com/images/banners/RG0406A_SC_HW_Portal_Trial_LP_Mobile.jpg);
    height: 225px;
  }
  .bannerMain .mainBanner.we_are_literacy {
    background-image: url(/image/banners/portal-landing-page-mobile.jpg);
    height: 282px;
    background-size: cover;
  }
  .bannerMain .mainBanner.hw2020banner {
    background-image: url(/image/banners/hw2020-page-banner-mobile.jpg);
    background-color: #ffffff;
    height: 275px;
    background-size: cover;
  }
  .bannerMain .mainBanner.tx-free-resources {
    background-image: url(/image/banners/tx_free-resources-banner.jpg);
    background-color: #ffffff;
    height: 230px;
  }
  .bannerMain .mainBanner.indianaMicroSite {
    background-image: url(/image/banners/Indiana_Mobile_Banner.jpg);
    background-color: #d91d3e;
    height: 400px;
  }
  .bannerMain .mainBanner.indianaMicroSite-hw {
    background-image: url(/image/banners/Indiana_Handwriting_mobile_banner.jpg);
    background-color: #ffffff;
    height: 200px;
  }
  .bannerMain .mainBanner.indianaMicroSite-sk {
    background-image: url(/image/banners/Indiana_Superkids_mobile_banner.jpg);
    background-color: #ffffff;
    height: 400px;
  }
  .bannerMain .mainBanner.catholicSchoolsWeek_2019 {
    background-image: url(https://s3.amazonaws.com/media.zaner-bloser.com/c3396d-csw2020-mobile-banner.jpg);
    height: 345px;
  }
  .bannerMain .mainBanner.headtoheart_page {
    background-image: url(/image/banners/SK_HeadtoHeart_Mobile_Banner.jpg);
    background-color: #ffffff;
    height: 400px;
  }
  .bannerMain .mainBanner.summer_pd_page {
    background-image: url(/image/banners/pd-header-mobile.jpg);
    background-color: #ffffff;
    height: 230px;
    background-size: cover;
  }
  .bannerMain .mainBanner.wordheroesmain {
    background-image: url(/image/banners/WH_mobile_banner.png);
    background-color: #ffffff;
    height: 400px;
  }
  .bannerMain .mainBanner.vocabElementaryProgramsMain {
    background-image: url(https://media.zaner-bloser.com/images/banners/vocab-solutions-page-banner.png);
    background-color: #ffffff;
    height: 225px;
  }
  .bannerMain .mainBanner.jumpWritingBanner {
    background-image: url(/image/banners/jump-program-mobile-banner.jpg);
    background-color: #ffffff;
    max-height: 225px;
  }
  .bannerMain .mainBanner.texasMicroSite-event {
    background-image: url(/image/banners/Landing-Page-Header-Mobile.jpg);
    background-color: #ffffff;
    height: 400px;
  }
  .bannerMain .mainBanner.about_us_we_are_literacy {
    background-image: url(https://media.zaner-bloser.com/images/banners/inspiring-aha-moments-web-banner-mobile.jpg);
    background-color: #fac262;
    height: 223px;
    background-size: cover;
  }
  .bannerMain .mainBanner.SKRRBanner {
    background-image: url(/image/banners/skrr-mobile-banner.jpg);
    background-color: #933394;
    max-height: 225px;
  }
  .bannerMain .mainBanner.HEABanner {
    background-image: url(https://media.zaner-bloser.com/images/banners/HEA-Inquiry-Banner.jpg);
    background-color: #ece6f0;
    max-height: 225px;
  }
  .bannerMain .mainBanner.fsk-main-page-banner {
    background-image: url(/image/banners/fsk-banner-mobile.jpg);
    background-color: #ffffff;
    height: 230px;
  }
  .bannerMain .mainBanner.sk-bulletin-form-page-banner {
    background-image: url(https://media.zaner-bloser.com/images/banners/R1815K_SK_User_Engagement_Newsletter_Archive_Page_Banner_Mobile.png);
    background-color: #028bcb;
    min-height: 231px;
    background-size: cover;
  }
  .bannerMain .mainBanner.sk-testimonial-1 {
    background-image: url(/image/banners/sk-testimonial-mobile2.png);
    background-color: #f7941d;
    height: 231px;
  }
  .bannerMain .mainBanner.sk-testimonial-2 {
    background-image: url(https://media.zaner-bloser.com/images/banners/sk-testimonials-designed_sk-testimonial-mobile1.png);
    background-color: #1992d0;
    height: 231px;
  }
  .bannerMain .mainBanner.sk-testimonial-3 {
    background-image: url(https://media.zaner-bloser.com/images/banners/sk-testimonials-designed_sk-testimonial-mobile3.png);
    background-color: #20ae8f;
    height: 231px;
  }
  .bannerMain .mainBanner.sk-testimonial-4 {
    background-image: url(/image/banners/sk-testimonial-mobile4.png);
    background-color: #922990;
    height: 231px;
  }
  .bannerMain .mainBanner.sk-testimonial-5 {
    background-image: url(https://media.zaner-bloser.com/images/banners/sk-testimonial-mobile-5.png);
    background-color: #8bc640;
    height: 231px;
  }
  .bannerMain .mainBanner.sk-testimonial-6 {
    background-image: url(https://media.zaner-bloser.com/images/banners/sk-testimonial-mobile-6.png);
    background-color: #ef4036;
    height: 231px;
  }
  .bannerMain .mainBanner.pd-testimonial-1 {
    background-image: url(https://media.zaner-bloser.com/images/banners/pd-testimonial1-mobile_v2.jpg);
    background-color: #1ebbc6;
    height: 400px;
  }
  .bannerMain .mainBanner.pd-testimonial-2 {
    background-image: url(https://media.zaner-bloser.com/images/banners/pd-testimonial2-mobile.jpg);
    background-color: #634c9a;
    height: 400px;
  }
  .bannerMain .mainBanner.pd-testimonial-3 {
    background-image: url(https://media.zaner-bloser.com/images/banners/pd-testimonial3-mobile.jpg);
    background-color: #da1f3c;
    height: 400px;
  }
  .bannerMain .mainBanner.SorWebinarSeries {
    background-image: url(https://media.zaner-bloser.com/images/banners/R1772_SoR_5-Part-lpbanner-mobile.png);
    background-color: #ffffff;
    height: 300px;
  }
  .bannerMain .mainBanner.beyondWordRecognition {
    background-image: url(https://s3.amazonaws.com/media.zaner-bloser.com/images/photos/R1806B-D_comprehension_5-part_series_lp_banner_mobile.jpg);
    background-color: #ffffff;
    height: 300px;
  }
  .bannerMain .mainBanner.sk-catholic-testimonial-11 {
    background-image: url(https://s3.amazonaws.com/media.zaner-bloser.com/images/banners/Testimonial_CA_mobile.jpg);
    height: 400px;
  }
  .bannerMain .mainBanner.sk-catholic-testimonial-22 {
    background-image: url(https://s3.amazonaws.com/media.zaner-bloser.com/images/banners/Testimonial_MO_mobile.jpg);
    height: 400px;
  }
  .bannerMain .mainBanner.sk-catholic-testimonial-33 {
    background-image: url(https://s3.amazonaws.com/media.zaner-bloser.com/images/photos/Testimonial_NJ_mobile_2.jpg);
    height: 400px;
  }
  .bannerMain .mainBanner.sk-catholic-testimonial-44 {
    background-image: url(https://s3.amazonaws.com/media.zaner-bloser.com/images/banners/Testimonial_NY_mobile.jpg);
    height: 400px;
  }
  .bannerMain .mainBanner.sk-catholic-testimonial-55 {
    background-image: url(https://s3.amazonaws.com/media.zaner-bloser.com/images/banners/Testimonial_OH_mobile.jpg);
    height: 400px;
  }
  .bannerMain .mainBanner.cs-request-info {
    background-image: url(https://media.zaner-bloser.com/images/banners/CTA_mobile.jpg);
    background-color: #ffffff;
    height: 400px;
  }
  .bannerMain .mainBanner.webinarsBanner {
    background-image: url(https://s3.amazonaws.com/media.zaner-bloser.com/images/banners/webinars-banner-mobile.jpg);
    background-color: #ffffff;
    height: 225px;
  }
  .bannerMain .mainBanner.whitepapersBanner {
    background-image: url(https://s3.amazonaws.com/media.zaner-bloser.com/images/banners/whitepapers-banner-mobile.jpg);
    background-color: #ffffff;
    height: 225px;
  }
  .bannerMain .mainBanner.vocabLightUpLowerBanner {
    background-image: url(https://media.zaner-bloser.com/images/banners/vocab-cta-graphic-mobile.jpg);
    background-color: #ffffff;
    height: 370px;
    position: relative;
  }
  .bannerMain .mainBanner.vocabLightUpLowerBanner div {
    text-align: left;
    width: 100%;
    max-width: 395px;
    position: absolute;
    top: 48%;
    left: 22%;
    margin: -130px 0 0 30px;
  }
  .bannerMain .mainBanner.vocabLightUpLowerBanner div h2 {
    font-size: 32px;
    line-height: 32px;
    font-family: 'MuseoSans-700';
    color: #ffffff;
  }
  .bannerMain .mainBanner.vocabLightUpLowerBanner div p {
    font-size: 20px;
    line-height: 32px;
    font-family: 'MuseoSans-300';
    color: #ffffff;
  }
  .bannerMain .mainBanner.phonemicPageBanner {
    background-image: url(https://media.zaner-bloser.com/images/banners/skpa-programpage-banner-mobile.jpg);
    background-color: #ffffff;
    height: 225px;
  }
  .bannerMain .mainBanner.overview-hw-banner {
    background-color: #00bac6;
    background-image: url(/image/banners/ovrw-handwriting.png);
    background-repeat: no-repeat;
    background-position: 75% 25%;
    height: 144px;
  }
  .bannerMain .mainBanner.overview-hw-banner .ov-content {
    max-width: 1200px;
    margin: 0 auto;
  }
  .bannerMain .mainBanner.overview-hw-banner .ov-content .banner-text {
    display: none;
  }
  .bannerMain .mainBanner.overview-hw-banner .ov-content .small {
    display: block;
    color: #1f3343;
    margin-top: 100px;
    float: none;
  }
  .bannerMain .mainBanner.overview-sk-banner {
    background-color: #99ca45;
    background-image: url(/image/banners/ovrw-reading.png);
    background-repeat: no-repeat;
    background-position: 75% 25%;
    height: 144px;
  }
  .bannerMain .mainBanner.overview-sk-banner .ov-content {
    max-width: 1200px;
    margin: 0 auto;
  }
  .bannerMain .mainBanner.overview-sk-banner .ov-content .banner-text {
    display: none;
  }
  .bannerMain .mainBanner.overview-sk-banner .ov-content .small {
    display: block;
    color: #1f3343;
    margin-top: 100px;
    float: none;
  }
  .bannerMain .mainBanner.overview-wg-banner {
    background-color: #634c9a;
    background-image: url(/image/banners/ovrw-writing-grammar.png);
    background-repeat: no-repeat;
    background-position: 75% 25%;
    height: 144px;
  }
  .bannerMain .mainBanner.overview-wg-banner .ov-content {
    max-width: 1200px;
    margin: 0 auto;
  }
  .bannerMain .mainBanner.overview-wg-banner .ov-content .banner-text {
    display: none;
  }
  .bannerMain .mainBanner.overview-wg-banner .ov-content .small {
    display: block;
    color: #1f3343;
    margin-top: 120px;
    float: none;
    padding-top: 50px;
  }
  .bannerMain .mainBanner.overview-sp-banner {
    background-color: #2d54a0;
    background-image: url(/image/banners/ovrw-spelling.png);
    background-repeat: no-repeat;
    background-position: 75% 25%;
    height: 144px;
  }
  .bannerMain .mainBanner.overview-sp-banner .ov-content {
    max-width: 1200px;
    margin: 0 auto;
  }
  .bannerMain .mainBanner.overview-sp-banner .ov-content .banner-text {
    display: none;
  }
  .bannerMain .mainBanner.overview-sp-banner .ov-content .small {
    display: block;
    color: #1f3343;
    margin-top: 100px;
    float: none;
  }
  .bannerMain .mainBanner.overview-voc-banner {
    background-color: #ef7f39;
    background-image: url(/image/banners/ovrw-vocabulary.png);
    background-repeat: no-repeat;
    background-position: 75% 25%;
    height: 144px;
  }
  .bannerMain .mainBanner.overview-voc-banner .ov-content {
    max-width: 1200px;
    margin: 0 auto;
  }
  .bannerMain .mainBanner.overview-voc-banner .ov-content .banner-text {
    display: none;
  }
  .bannerMain .mainBanner.overview-voc-banner .ov-content .small {
    display: block;
    color: #1f3343;
    margin-top: 100px;
    float: none;
  }
  .bannerMain .mainBanner.portal-banner {
    background-color: #e3ccb6;
    background-image: url(https://media.zaner-bloser.com/images/banners/portal-pages-banner-mobile.png);
    background-repeat: no-repeat;
    background-position: 75% 25%;
    height: 144px;
  }
  .bannerMain .mainBanner.portal-banner .ov-content {
    max-width: 1200px;
    margin: 0 auto;
  }
  .bannerMain .mainBanner.portal-banner .ov-content .banner-text {
    display: none;
  }
  .bannerMain .mainBanner.portal-banner .ov-content .small {
    display: block;
    color: #000000;
    margin-top: 150px;
    float: none;
    font-size: 2rem;
  }
  .bannerMain .mainBanner.program-find-by-subject {
    background-color: #ffffff;
    background-image: url(/image/banners/subject-level-page-banner.png);
    background-repeat: no-repeat;
    height: 145px;
  }
  .bannerMain .mainBanner.program-find-by-subject .ov-content {
    max-width: 1200px;
    margin: 0 auto;
  }
  .bannerMain .mainBanner.program-find-by-subject .ov-content .banner-text-hide {
    display: none;
  }
  .bannerMain .mainBanner.program-find-by-subject .ov-content .small {
    font-size: 36px;
    float: left;
    text-align: left;
    font-weight: bold;
    margin: 0;
    padding-left: 25px;
    padding-top: 0;
  }
  .bannerMain .mainBanner.program-find-by-subject .ov-content .small h1 {
    font-family: 'MuseoSans-300';
    font-size: 2.25rem;
    line-height: 1.125;
    margin: 0;
    margin-top: 4px;
  }
  .bannerMain .mainBanner.program-find-by-subject .ov-content .small h1 span {
    font-size: 24px;
    font-weight: normal;
    line-height: 37px;
  }
  .bannerMain .mainBanner.program-find-by-subject .ov-content .small a {
    font-size: 16px;
    margin-top: 0;
    margin-right: 0;
    display: initial;
    text-decoration: underline;
    font-weight: normal;
  }
  .bannerMain .mainBanner.program-find-by-subject .ov-content .small a span {
    font-size: 16px;
  }
  .bannerMain .mainBanner.program-find-by-grade {
    background-color: #ffffff;
    background-image: url(/image/banners/grade-level-page-banner.png);
    background-repeat: no-repeat;
    height: 145px;
  }
  .bannerMain .mainBanner.program-find-by-grade .ov-content {
    max-width: 1200px;
    margin: 0 auto;
  }
  .bannerMain .mainBanner.program-find-by-grade .ov-content .banner-text-hide {
    display: none;
  }
  .bannerMain .mainBanner.program-find-by-grade .ov-content .small {
    font-size: 36px;
    float: left;
    text-align: left;
    font-weight: bold;
    margin: 0;
    padding-left: 25px;
    padding-top: 0;
  }
  .bannerMain .mainBanner.program-find-by-grade .ov-content .small span {
    font-size: 24px;
    font-weight: normal;
  }
  .bannerMain .mainBanner.program-find-by-grade .ov-content .small a {
    font-size: 16px;
    margin-top: 0;
    margin-right: 0;
    display: initial;
    text-decoration: underline;
    font-weight: normal;
  }
  .bannerMain .mainBanner.program-find-by-grade .ov-content .small a span {
    font-size: 16px;
  }
}
/* ----------- iPhone 5 and 5S ----------- */
/* Portrait and Landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) {
  .bannerMain .slideshow-container {
    height: 400px;
    overflow: hidden;
  }
  .bannerMain .mainBanner {
    width: 100%;
    height: auto;
    padding-top: 1px;
    background-position: center top;
    background-repeat: no-repeat;
    text-align: center;
  }
  .bannerMain .mainBanner .banner-text {
    display: none;
  }
  .bannerMain .mainBanner .banner-text.small {
    display: block;
    margin: 245px auto 0 auto;
  }
  .bannerMain .mainBanner .banner-text a {
    margin-top: auto;
  }
  .bannerMain .mainBanner.banner-1 {
    background-image: url('https://s3.amazonaws.com/media.zaner-bloser.com/images/banners/ecommerce_collection_pages_mobile_carousel_banner.png');
    background-color: #ffffff;
    height: 400px;
  }
  .bannerMain .mainBanner.banner-1 .banner-text {
    margin: 255px auto 0 auto;
    display: flex;
    flex-direction: column;
  }
  .bannerMain .mainBanner.banner-1 .banner-text a {
    margin-top: auto;
  }
  .bannerMain .mainBanner.banner-1 .banner-text .wrapper {
    margin-top: 1rem;
  }
  .bannerMain .mainBanner.banner-1 .banner-text.small {
    display: block;
    background-color: #cccccc;
    padding-top: 0.5rem;
    margin-top: 24.5rem;
    margin-right: auto;
  }
  .bannerMain .mainBanner.banner-1 .banner-text.small a {
    margin-top: auto;
  }
  .bannerMain .mainBanner.banner-1-1 {
    background-image: url('https://s3.amazonaws.com/media.zaner-bloser.com/images/banners/C3438A_ZB_BTS_Ecomm_Campaign_Carousel_Banner_Marketing_Mobile.jpg');
    background-color: #ffffff;
    height: 400px;
  }
  .bannerMain .mainBanner.banner-1-1 .banner-text {
    display: inline-block;
  }
  .bannerMain .mainBanner.banner-1-1 .banner-text.small {
    display: none;
  }
  .bannerMain .mainBanner.banner-1-1 .banner-text a {
    margin-top: auto;
  }
  .bannerMain .mainBanner.banner-2 {
    background-image: url('https://s3.amazonaws.com/media.zaner-bloser.com/images/banners/S2756E_Gentry_National_Webinar_Mobile_Nov_1R.jpg');
    background-color: #d8bfab;
    height: 400px;
  }
  .bannerMain .mainBanner.banner-2 .banner-text a {
    margin-top: auto;
  }
  .bannerMain .mainBanner.banner-8 {
    background-image: url('https://media.zaner-bloser.com/images/banners/H3150L1a_HWC2022_Carousel_Mobile_660x400.jpg');
    background-color: #8cd8fa;
    height: 400px;
  }
  .bannerMain .mainBanner.banner-8 .banner-text {
    display: inline-block;
  }
  .bannerMain .mainBanner.banner-8 .banner-text.small {
    display: none;
  }
  .bannerMain .mainBanner.banner-8 .banner-text a {
    margin-top: auto;
  }
  .bannerMain .mainBanner.banner-7 {
    background-image: url('https://s3.amazonaws.com/media.zaner-bloser.com/images/banners/PD093B2_PL_Summer_2023_OnDemand_Webinar_Carousel_Banner_Mobile_v3.jpg');
    background-color: #fedb6e;
    height: 400px;
    background-size: cover;
  }
  .bannerMain .mainBanner.banner-7 .banner-text {
    display: inline-block;
  }
  .bannerMain .mainBanner.banner-7 .banner-text.small {
    display: none;
  }
  .bannerMain .mainBanner.banner-7 .banner-text a {
    margin-top: auto;
  }
  .bannerMain .mainBanner.banner-5 {
    background-image: url('https://media.zaner-bloser.com/images/banners/R1892D_FSK_OnDemandWebinar_Updates_Mobile2.jpg');
    background-color: #ffffff;
    height: 400px;
    background-size: cover;
  }
  .bannerMain .mainBanner.banner-5 .banner-text {
    display: inline-block;
  }
  .bannerMain .mainBanner.banner-5 .banner-text.small {
    display: none;
  }
  .bannerMain .mainBanner.banner-5 .banner-text a {
    margin-top: auto;
  }
  .bannerMain .mainBanner.banner-5-1 {
    background-image: url('https://s3.amazonaws.com/media.zaner-bloser.com/images/banners/LW0014L_LWSummerWebinarOnDemand_carousel_mobile.jpg');
    background-color: #ffffff;
    height: 400px;
    background-size: cover;
  }
  .bannerMain .mainBanner.banner-5-1 .banner-text {
    display: inline-block;
  }
  .bannerMain .mainBanner.banner-5-1 .banner-text.small {
    display: none;
  }
  .bannerMain .mainBanner.banner-5-1 .banner-text a {
    margin-top: auto;
  }
  .bannerMain .mainBanner.banner-3 {
    background-image: url('https://media.zaner-bloser.com/images/banners/R1942D_FSK_EdWeb_CarouselBanner_Mobile_v2.jpg');
    background-color: #ebebeb;
    height: 400px;
    background-size: cover;
  }
  .bannerMain .mainBanner.banner-3 .banner-text {
    margin: 245px auto 0 auto;
  }
  .bannerMain .mainBanner.banner-3 .banner-text a {
    margin-top: auto;
  }
  .bannerMain .mainBanner.banner-3 .banner-text {
    display: none;
  }
  .bannerMain .mainBanner.banner-3 .banner-text.small {
    display: block;
    background-color: transparent;
    padding-top: 0.5rem;
    margin-top: 24rem;
    margin-right: auto;
  }
  .bannerMain .mainBanner.banner-3 .banner-text.small a {
    margin-top: auto;
  }
  .bannerMain .mainBanner.banner-4 {
    background-image: url('https://s3.amazonaws.com/media.zaner-bloser.com/images/banners/H3134L1a_HWC2022_Carousel_Mobile_660x400.jpg');
    background-color: #8cd8fa;
    height: 400px;
  }
  .bannerMain .mainBanner.banner-4 .banner-text a {
    margin-top: auto;
  }
  .bannerMain .mainBanner.banner-9 {
    background-image: url('https://media.zaner-bloser.com/images/banners/ckc-zb-2024-catalog-carousel-banner-mobile.jpg');
    background-color: #efe1d8;
    height: 400px;
  }
  .bannerMain .mainBanner.banner-9 .banner-text a {
    margin-top: auto;
  }
  .bannerMain .mainBanner.banner-9 .banner-text {
    display: none;
  }
  .bannerMain .mainBanner.banner-9 .banner-text.small {
    display: block;
    margin-right: auto;
  }
  .bannerMain .mainBanner.banner-9 .banner-text.small a {
    margin-top: auto;
  }
  .bannerMain .mainBanner.banner-6 {
    background-image: url('https://s3.amazonaws.com/media.zaner-bloser.com/images/banners/C3462F_ZBExtendedLearningSummerSchool_CarouselBanner_Mobile_v2.jpg');
    background-color: #d6b89f;
    height: 400px;
    background-size: cover;
  }
  .bannerMain .mainBanner.banner-6 .banner-text a {
    margin-top: auto;
  }
  .bannerMain .mainBanner.banner-6 .banner-text {
    display: none;
  }
  .bannerMain .mainBanner.banner-6 .banner-text.small {
    display: block;
    margin-right: auto;
  }
  .bannerMain .mainBanner.banner-6 .banner-text.small a {
    margin-top: auto;
  }
  .bannerMain .mainBanner.banner-11 {
    background-image: url('https://media.zaner-bloser.com/images/banners/H3152J1_2024_NHWC_CarouselBanner_Mobile.jpg');
    background-color: #8dd7fa;
    height: 400px;
    background-size: cover;
  }
  .bannerMain .mainBanner.banner-11 .banner-text a {
    margin-top: auto;
  }
  .bannerMain .mainBanner.banner-11 .banner-text {
    display: none;
  }
  .bannerMain .mainBanner.banner-11 .banner-text.small {
    display: block;
    background-color: transparent;
    padding-top: 0.5rem;
    margin-top: 24rem;
    margin-right: auto;
  }
  .bannerMain .mainBanner.banner-11 .banner-text.small a {
    margin-top: auto;
  }
  .bannerMain .mainBanner.banner-12 {
    background-image: url('https://media.zaner-bloser.com/images/banners/R1878H_SK_KareemWeaver_2022_webinar_carouselbanner_mobile_v2.jpg');
    background-color: #009a9a;
    height: 400px;
    background-size: cover;
  }
  .bannerMain .mainBanner.banner-12 .banner-text {
    margin: 245px auto 0 auto;
  }
  .bannerMain .mainBanner.banner-12 .banner-text a {
    margin-top: auto;
  }
  .bannerMain .mainBanner.banner-12 .banner-text {
    display: none;
  }
  .bannerMain .mainBanner.banner-12 .banner-text.small {
    display: block;
    background-color: transparent;
    padding-top: 0.5rem;
    margin-top: 24rem;
    margin-right: auto;
  }
  .bannerMain .mainBanner.banner-12 .banner-text.small a {
    margin-top: auto;
  }
  .bannerMain .mainBanner.banner-13 {
    background-image: url('https://media.zaner-bloser.com/images/banners/C3463H_SEL_AcademicLearning_webinar_carouselbanner_mobile.jpg');
    background-color: #3ca1d7;
    height: 400px;
    background-size: cover;
  }
  .bannerMain .mainBanner.banner-13 .banner-text {
    margin: 245px auto 0 auto;
  }
  .bannerMain .mainBanner.banner-13 .banner-text a {
    margin-top: auto;
  }
  .bannerMain .mainBanner.banner-13 .banner-text {
    display: none;
  }
  .bannerMain .mainBanner.banner-13 .banner-text.small {
    display: block;
    background-color: transparent;
    padding-top: 0.5rem;
    margin-top: 24rem;
    margin-right: auto;
  }
  .bannerMain .mainBanner.banner-13 .banner-text.small a {
    margin-top: auto;
  }
  .bannerMain .mainBanner.banner-14 {
    background-image: url('https://s3.amazonaws.com/media.zaner-bloser.com/images/banners/pop-carousel-banner-mobile.jpg');
    background-color: #e43530;
    height: 400px;
    background-size: auto 400px;
  }
  .bannerMain .mainBanner.banner-14 .banner-text {
    margin: 245px auto 0 auto;
  }
  .bannerMain .mainBanner.banner-14 .banner-text a {
    margin-top: auto;
  }
  .bannerMain .mainBanner.banner-14 .banner-text {
    display: none;
  }
  .bannerMain .mainBanner.banner-14 .banner-text.small {
    display: block;
    background-color: transparent;
    padding-top: 0.5rem;
    margin-top: 24rem;
    margin-right: auto;
  }
  .bannerMain .mainBanner.banner-14 .banner-text.small a {
    margin-top: auto;
  }
  .bannerMain .mainBanner.banner-15 {
    background-image: url('https://media.zaner-bloser.com/images/banners/H3111V_NHWC_Winner_Web_Banner_mobile_cta.jpg');
    background-color: #3859a0;
    height: 400px;
    background-size: auto 400px;
  }
  .bannerMain .mainBanner.banner-15 .banner-text {
    margin: 245px auto 0 auto;
  }
  .bannerMain .mainBanner.banner-15 .banner-text a {
    margin-top: auto;
  }
  .bannerMain .mainBanner.banner-15 .banner-text {
    display: none;
  }
  .bannerMain .mainBanner.banner-15 .banner-text.small {
    display: block;
    background-color: transparent;
    padding-top: 0.5rem;
    margin-top: 24rem;
    margin-right: auto;
  }
  .bannerMain .mainBanner.banner-15 .banner-text.small a {
    margin-top: auto;
  }
  .bannerMain .mainBanner.banner-16 {
    background-image: url('https://s3.amazonaws.com/media.zaner-bloser.com/images/banners/R1876H_Equity_and_literacy_webinar_carousel_banner_mobile.jpg');
    background-color: #f9b15e;
    height: 400px;
    background-size: auto 400px;
  }
  .bannerMain .mainBanner.banner-16 .banner-text {
    margin: 245px auto 0 auto;
  }
  .bannerMain .mainBanner.banner-16 .banner-text a {
    margin-top: auto;
  }
  .bannerMain .mainBanner.banner-16 .banner-text {
    display: none;
  }
  .bannerMain .mainBanner.banner-16 .banner-text.small {
    display: block;
    background-color: transparent;
    padding-top: 0.5rem;
    margin-top: 24rem;
    margin-right: auto;
  }
  .bannerMain .mainBanner.banner-16 .banner-text.small a {
    margin-top: auto;
  }
  .bannerMain .mainBanner.banner-17 {
    background-image: url('https://s3.amazonaws.com/media.zaner-bloser.com/images/banners/R1877H_SK_SOR_webinar_oct2022_carousel_banner_mobile.jpg');
    background-color: #73c668;
    height: 400px;
    background-size: auto 400px;
  }
  .bannerMain .mainBanner.banner-17 .banner-text {
    margin: 245px auto 0 auto;
  }
  .bannerMain .mainBanner.banner-17 .banner-text a {
    margin-top: auto;
  }
  .bannerMain .mainBanner.banner-17 .banner-text {
    display: none;
  }
  .bannerMain .mainBanner.banner-17 .banner-text.small {
    display: block;
    background-color: transparent;
    padding-top: 0.5rem;
    margin-top: 24rem;
    margin-right: auto;
  }
  .bannerMain .mainBanner.banner-17 .banner-text.small a {
    margin-top: auto;
  }
  .bannerMain .mainBanner.banner-18 {
    background-image: url('https://s3.amazonaws.com/media.zaner-bloser.com/images/banners/SH0118K_POP_National_Writing_Campaign_Webinar_Carousel_Banner_Mobile_2R.png');
    background-color: #f0e4da;
    background-size: cover;
    height: 400px;
  }
  .bannerMain .mainBanner.banner-18 .banner-text a {
    margin-top: auto;
  }
  .bannerMain .mainBanner.banner-18 .banner-text {
    display: none;
  }
  .bannerMain .mainBanner.banner-18 .banner-text.small {
    display: block;
    margin-right: auto;
  }
  .bannerMain .mainBanner.banner-18 .banner-text.small a {
    margin-top: auto;
  }
  .bannerMain .mainBanner.banner-19 {
    background-image: url('https://s3.amazonaws.com/media.zaner-bloser.com/images/banners/C3498C_ZB_Supplemental_BTS_carousel_banner_mobile.jpg');
    background-color: #e49b39;
    background-size: cover;
    height: 400px;
  }
  .bannerMain .mainBanner.banner-19 .banner-text a {
    margin-top: auto;
  }
  .bannerMain .mainBanner.banner-19 .banner-text {
    display: none;
  }
  .bannerMain .mainBanner.banner-19 .banner-text.small {
    display: block;
    margin-right: auto;
  }
  .bannerMain .mainBanner.banner-19 .banner-text.small a {
    margin-top: auto;
  }
  .bannerMain .mainBanner.banner-10 {
    background-image: url('https://media.zaner-bloser.com/images/banners/R1906E_SKPA_webinar_march2022_carousel_mobile.jpg');
    background-color: #ffffff;
    height: 400px;
    background-size: auto 400px;
  }
  .bannerMain .mainBanner.wordWisdomBanner {
    background-image: url(https://s3.amazonaws.com/media.zaner-bloser.com/images/banners/ww-program-page-banner-mobile.jpg);
  }
  .bannerMain .mainBanner.handwritingBanner {
    background-image: url(/image/banners/handwriting_small.jpg);
  }
  .bannerMain .mainBanner.fontsBanner {
    background-image: url(/image/banners/fonts_small.jpg);
  }
  .bannerMain .mainBanner.superkidsBanner {
    background-image: url(/image/banners/Superkids-Reading-Program-mobile.png);
  }
  .bannerMain .mainBanner.sor-hub-Banner {
    background-image: url(https://media.zaner-bloser.com/images/banners/science-of-reading-banner-mobile.png);
  }
  .bannerMain .mainBanner.showingLove2020Banner {
    background-image: url(https://media.zaner-bloser.com/images/banners/e1289-sk-head-to-heart-banner-mobile.png);
  }
  .bannerMain .mainBanner.SouthCarolinaEducators {
    background-image: url(https://media.zaner-bloser.com/images/banners/RG0406A_SC_HW_Portal_Trial_LP_Mobile.jpg);
  }
  .bannerMain .mainBanner.voicesBanner {
    background-image: url(/image/banners/voices_small.jpg);
  }
  .bannerMain .mainBanner.strategiesBanner {
    background-image: url(/image/banners/strategies_small.jpg);
  }
  .bannerMain .mainBanner.gumBanner {
    background-image: url(/image/banners/grammar-program-banner-mobile.jpg);
    background-color: #dba974;
    height: 226px;
  }
  .bannerMain .mainBanner.readWriteBanner {
    background-image: url(/image/banners/irtw-program-mobile-banner.png);
    background-color: #dba974;
    height: 225px;
  }
  .bannerMain .mainBanner.selMindscapesBanner {
    background-image: url(https://media.zaner-bloser.com/images/banners/mindscapes-form-banner_v2.jpg);
    background-color: #e19f55;
    background-size: contain;
    height: 225px;
  }
  .bannerMain .mainBanner.handwriting2025Banner {
    background-image: url(https://media.zaner-bloser.com/images/banners/HW25_coming_soon_banner_mobile.jpg);
    background-color: #02a3ad;
    background-size: contain;
    height: 225px;
  }
  .bannerMain .mainBanner.comingSoonSKBanner {
    background-image: url(https://media.zaner-bloser.com/images/banners/SK_coming_soon_banner.jpg);
    background-color: #6c60a8;
    background-size: cover;
    height: 170px;
  }
  .bannerMain .mainBanner.spellingBanner {
    background-image: url(https://media.zaner-bloser.com/images/banners/S2760-SPCN-landingpage-mobilebanner.jpg);
    background-color: #2e3293;
  }
  .bannerMain .mainBanner.sk-video-banner {
    background-image: url(https://media.zaner-bloser.com/images/banners/sk-video-banner-mobile.png);
    background-color: #ffffff;
  }
  .bannerMain .mainBanner.freeResourcesBanner {
    background-image: url(https://media.zaner-bloser.com/images/banners/W0262-free-resources-banner-mobile.jpeg);
    background-color: #ffffff;
  }
  .bannerMain .mainBanner.productsBanner {
    background-image: url(/image/banners/products_small.jpg);
  }
  .bannerMain .mainBanner.whyBanner {
    background-image: url(/image/banners/whyZB_small.jpg);
  }
  .bannerMain .mainBanner.eventsBanner {
    background-image: url(/image/banners/events_small.jpg);
  }
  .bannerMain .mainBanner.findRepBanner {
    background-image: url(/image/banners/findRep_small.jpg);
  }
  .bannerMain .mainBanner.standardsBanner {
    background-image: url(/image/banners/standards_small.jpg);
  }
  .bannerMain .mainBanner.standardsBanner .banner-text {
    text-align: center;
    margin-left: auto;
  }
  .bannerMain .mainBanner.pd-testimonial-1 {
    background-image: url(https://media.zaner-bloser.com/images/banners/pd-testimonial1-mobile_v2.jpg);
    background-color: #1ebbc6;
    height: 400px;
  }
  .bannerMain .mainBanner.pd-testimonial-2 {
    background-image: url(https://media.zaner-bloser.com/images/banners/pd-testimonial2-mobile.jpg);
    background-color: #634c9a;
    height: 400px;
  }
  .bannerMain .mainBanner.pd-testimonial-3 {
    background-image: url(https://media.zaner-bloser.com/images/banners/pd-testimonial3-mobile.jpg);
    background-color: #da1f3c;
    height: 400px;
  }
  .bannerMain .mainBanner.pdBanner {
    background-image: url(https://media.zaner-bloser.com/images/banners/prodev-banner-mobile.png);
    height: 225px;
  }
  .bannerMain .mainBanner.pdBanner-video {
    background-image: url(https://media.zaner-bloser.com/images/banners/videos-on-your-time-banner-mobile.png);
    height: 225px;
  }
  .bannerMain .mainBanner.pd-hw-Banner {
    background-image: url(/image/banners/pd-hw-banner-mobile.jpg);
    height: 345px;
  }
  .bannerMain .mainBanner.pd-sem-Banner {
    background-image: url(/image/banners/pd-seminars-banner-mobile.jpg);
    height: 345px;
  }
  .bannerMain .mainBanner.pd-reading-banner {
    background-image: url(/image/banners/pd-reading-banner-mobile.jpg);
    height: 345px;
  }
  .bannerMain .mainBanner.parentProductBanner {
    background-image: url(https://media.zaner-bloser.com/images/banners/parent-packs-banner-mobile.png);
  }
  .bannerMain .mainBanner.summer2017Banner {
    background-image: url(/image/banners/summer2017_small.jpg);
  }
  .bannerMain .mainBanner.summer2018Banner {
    background-image: url(/image/banners/summer2017_small.jpg);
  }
  .bannerMain .mainBanner.summer2020Banner {
    background-image: url(https://media.zaner-bloser.com/images/banners/PD083_PL_Summer_Banner_Mobile.jpg);
  }
  .bannerMain .mainBanner.contactBanner {
    background-image: url(https://media.zaner-bloser.com/images/banners/Customer_Service_Banner-mobile.jpg);
    background-size: contain;
    width: 100%;
    height: 0;
    padding-top: 34%;
  }
  .bannerMain .mainBanner.handwritingNYCBanner {
    background-image: url(https://media.zaner-bloser.com/images/banners/FAMIS_NYC_landingpage_mobile_banner_4R.jpg);
    background-color: #bc9a7e;
    height: 450px;
    background-size: cover;
  }
  .bannerMain .mainBanner.catholicSchoolsWeek {
    background-image: url(/image/banners/R1576N_CSW18_660x400_banner.jpg);
    height: 400px;
  }
  .bannerMain .mainBanner.nationalHandwritingDay {
    background-image: url(/image/banners/W0164_HW_NatDayofHW_WebBanner_mobile.jpg);
    height: 342px;
    background-color: #5bcbf5;
  }
  .bannerMain .mainBanner.nationalHandwritingContest {
    background-image: url(https://media.zaner-bloser.com/images/banners/H3170G1_NHWC_WebUpdates_Banner_v2.jpg);
    background-color: #6acbfe;
    background-size: cover;
    height: 500px;
  }
  .bannerMain .mainBanner.teacherappreciationweek {
    background-image: url(/image/banners/C3375N_660x400_Homepage_Header_Mobile_sml_old.jpg);
    background-color: #ffffff;
    height: 400px;
  }
  .bannerMain .mainBanner.superkids-user {
    background-image: url(/image/banners/sk-banner-1300x212.jpg);
    height: 212px;
  }
  .bannerMain .mainBanner.sktc_landingpage {
    background-image: url(/image/banners/ADR0058B_SK_TCT_LandingHeaderMobile_V2.jpg);
    height: 400px;
  }
  .bannerMain .mainBanner.showingLove_landingpage {
    background-image: url(/image/banners/ADR0058_SK_TCT_LandingHeaderMobile.jpg);
    height: 400px;
  }
  .bannerMain .mainBanner.we_are_literacy {
    background-image: url(/image/banners/portal-landing-page-mobile.jpg);
    height: 282px;
  }
  .bannerMain .mainBanner.hw2020banner {
    background-image: url(/image/banners/hw2020-page-banner-mobile.jpg);
    background-color: #ffffff;
    height: 275px;
  }
  .bannerMain .mainBanner.tx-free-resources {
    background-image: url(/image/banners/tx_free-resources-banner.jpg);
    background-color: #ffffff;
    height: 230px;
  }
  .bannerMain .mainBanner.indianaMicroSite {
    background-image: url(/image/banners/Indiana_Mobile_Banner.jpg);
    background-color: #da1f3e;
    height: 400px;
  }
  .bannerMain .mainBanner.indianaMicroSite-hw {
    background-image: url(/image/banners/Indiana_Handwriting_mobile_banner.jpg);
    background-color: #ffffff;
    height: 200px;
  }
  .bannerMain .mainBanner.beyondWordRecognition {
    background-image: url(https://s3.amazonaws.com/media.zaner-bloser.com/images/photos/R1806B-D_comprehension_5-part_series_lp_banner_mobile.jpg);
    background-color: #ffffff;
    height: 225px;
  }
  .bannerMain .mainBanner.SorWebinarSeries {
    background-image: url(https://media.zaner-bloser.com/images/banners/R1772_SoR_5-Part-lpbanner-mobile.png);
    background-color: #ffffff;
    height: 300px;
  }
  .bannerMain .mainBanner.indianaMicroSite-sk {
    background-image: url(/image/banners/Indiana_Superkids_mobile_banner.jpg);
    background-color: #ffffff;
    height: 400px;
  }
  .bannerMain .mainBanner.catholicSchoolsWeek_2019 {
    background-image: url(https://s3.amazonaws.com/media.zaner-bloser.com/c3396d-csw2020-mobile-banner.jpg);
    height: 345px;
  }
  .bannerMain .mainBanner.headtoheart_page {
    background-image: url(/image/banners/SK_HeadtoHeart_Mobile_Banner.jpg);
    background-color: #ffffff;
    height: 400px;
  }
  .bannerMain .mainBanner.summer_pd_page {
    background-image: url(/image/banners/pd-header-mobile.jpg);
    background-color: #ffffff;
    height: 230px;
  }
  .bannerMain .mainBanner.wordheroesmain {
    background-image: url(/image/banners/WH_mobile_banner.png);
    background-color: #ffffff;
    height: 400px;
  }
  .bannerMain .mainBanner.vocabElementaryProgramsMain {
    background-image: url(https://media.zaner-bloser.com/images/banners/vocab-solutions-page-banner.png);
    background-color: #ffffff;
    height: 225px;
  }
  .bannerMain .mainBanner.jumpWritingBanner {
    background-image: url(/image/banners/jump-program-mobile-banner.jpg);
    background-color: #ffffff;
    max-height: 225px;
  }
  .bannerMain .mainBanner.texasMicroSite-event {
    background-image: url(/image/banners/Landing-Page-Header-Mobile.jpg);
    background-color: #ffffff;
    height: 400px;
  }
  .bannerMain .mainBanner.about_us_we_are_literacy {
    background-image: url(https://media.zaner-bloser.com/images/banners/inspiring-aha-moments-web-banner-mobile.jpg);
    background-color: #fac262;
    height: 223px;
    background-size: cover;
  }
  .bannerMain .mainBanner.SKRRBanner {
    background-image: url(/image/banners/skrr-mobile-banner.jpg);
    background-color: #933394;
    max-height: 225px;
  }
  .bannerMain .mainBanner.HEABanner {
    background-image: url(https://media.zaner-bloser.com/images/banners/HEA-Inquiry-Banner.jpg);
    background-color: #ece6f0;
    max-height: 225px;
  }
  .bannerMain .mainBanner.fsk-main-page-banner {
    background-image: url(/image/banners/fsk-banner-mobile.jpg);
    background-color: #ffffff;
    height: 230px;
  }
  .bannerMain .mainBanner.sk-bulletin-form-page-banner {
    background-image: url(https://media.zaner-bloser.com/images/banners/R1815K_SK_User_Engagement_Newsletter_Archive_Page_Banner_Mobile.png);
    background-color: #028bcb;
    height: 460px;
  }
  .bannerMain .mainBanner.sk-testimonial-1 {
    background-image: url(/image/banners/sk-testimonial-mobile2.png);
    background-color: #f7941d;
    height: 231px;
  }
  .bannerMain .mainBanner.sk-testimonial-2 {
    background-image: url(https://media.zaner-bloser.com/images/banners/sk-testimonials-designed_sk-testimonial-mobile1.png);
    background-color: #1992d0;
    height: 231px;
  }
  .bannerMain .mainBanner.sk-testimonial-3 {
    background-image: url(https://media.zaner-bloser.com/images/banners/sk-testimonials-designed_sk-testimonial-mobile3.png);
    background-color: #20ae8f;
    height: 231px;
  }
  .bannerMain .mainBanner.sk-testimonial-4 {
    background-image: url(/image/banners/sk-testimonial-mobile4.png);
    background-color: #922990;
    height: 231px;
  }
  .bannerMain .mainBanner.sk-testimonial-5 {
    background-image: url(https://media.zaner-bloser.com/images/banners/sk-testimonial-mobile-5.png);
    background-color: #8bc640;
    height: 231px;
  }
  .bannerMain .mainBanner.sk-testimonial-6 {
    background-image: url(https://media.zaner-bloser.com/images/banners/sk-testimonial-mobile-6.png);
    background-color: #8bc640;
    height: 231px;
  }
  .bannerMain .mainBanner.sk-catholic-testimonial-1 {
    background-image: url(https://s3.amazonaws.com/media.zaner-bloser.com/images/banners/Testimonial_CA_mobile.jpg);
    background-color: #f1b342;
    height: 660px;
  }
  .bannerMain .mainBanner.sk-catholic-testimonial-2 {
    background-image: url(https://s3.amazonaws.com/media.zaner-bloser.com/images/banners/Testimonial_MO_mobile.jpg);
    background-color: #8dc145;
    height: 660px;
  }
  .bannerMain .mainBanner.sk-catholic-testimonial-3 {
    background-image: url(https://s3.amazonaws.com/media.zaner-bloser.com/images/photos/Testimonial_NJ_mobile_2.jpg);
    background-color: #9c54a0;
    height: 660px;
  }
  .bannerMain .mainBanner.sk-catholic-testimonial-4 {
    background-image: url(https://s3.amazonaws.com/media.zaner-bloser.com/images/banners/Testimonial_NY_mobile.jpg);
    background-color: #00b68d;
    height: 660px;
  }
  .bannerMain .mainBanner.sk-catholic-testimonial-5 {
    background-image: url(https://s3.amazonaws.com/media.zaner-bloser.com/images/banners/Testimonial_OH_mobile.jpg);
    background-color: #0098d4;
    height: 660px;
  }
  .bannerMain .mainBanner.cs-request-info {
    background-image: url(https://media.zaner-bloser.com/images/banners/CTA_mobile.jpg);
    background-color: #ffffff;
    height: 400px;
  }
  .bannerMain .mainBanner.webinarsBanner {
    background-image: url(https://s3.amazonaws.com/media.zaner-bloser.com/images/banners/webinars-banner-mobile.jpg);
    background-color: #ffffff;
    height: 225px;
  }
  .bannerMain .mainBanner.whitepapersBanner {
    background-image: url(https://s3.amazonaws.com/media.zaner-bloser.com/images/banners/whitepapers-banner-mobile.jpg);
    background-color: #ffffff;
    height: 225px;
  }
  .bannerMain .mainBanner.vocabLightUpLowerBanner {
    background-image: url(https://media.zaner-bloser.com/images/banners/vocab-cta-graphic-mobile.jpg);
    background-color: #ffffff;
    height: 370px;
    position: relative;
  }
  .bannerMain .mainBanner.vocabLightUpLowerBanner div {
    text-align: left;
    width: 100%;
    max-width: 395px;
    position: absolute;
    top: 48%;
    left: 30%;
    margin: -130px 0 0 30px;
  }
  .bannerMain .mainBanner.vocabLightUpLowerBanner div h2 {
    font-size: 32px;
    line-height: 32px;
    font-family: 'MuseoSans-700';
    color: #ffffff;
  }
  .bannerMain .mainBanner.vocabLightUpLowerBanner div p {
    font-size: 20px;
    line-height: 32px;
    font-family: 'MuseoSans-300';
    color: #ffffff;
  }
  .bannerMain .mainBanner.phonemicPageBanner {
    background-image: url(https://media.zaner-bloser.com/images/banners/skpa-programpage-banner-mobile.jpg);
    background-color: #ffffff;
    height: 225px;
  }
  .bannerMain .mainBanner.overview-hw-banner {
    background-color: #00bac6;
    background-image: url(/image/banners/ovrw-handwriting.png);
    background-repeat: no-repeat;
    background-position: 75% 25%;
    height: 144px;
  }
  .bannerMain .mainBanner.overview-hw-banner .ov-content {
    max-width: 1200px;
    margin: 0 auto;
  }
  .bannerMain .mainBanner.overview-hw-banner .ov-content .banner-text {
    display: none;
  }
  .bannerMain .mainBanner.overview-hw-banner .ov-content .small {
    display: block;
    color: #1f3343;
    margin-top: 100px;
    float: none;
    padding-left: 0;
    font-size: 54px;
  }
  .bannerMain .mainBanner.overview-sk-banner {
    background-color: #99ca45;
    background-image: url(/image/banners/ovrw-reading.png);
    background-repeat: no-repeat;
    background-position: 75% 25%;
    height: 144px;
  }
  .bannerMain .mainBanner.overview-sk-banner .ov-content {
    max-width: 1200px;
    margin: 0 auto;
  }
  .bannerMain .mainBanner.overview-sk-banner .ov-content .banner-text {
    display: none;
  }
  .bannerMain .mainBanner.overview-sk-banner .ov-content .small {
    display: block;
    color: #1f3343;
    margin-top: 100px;
    float: none;
    padding-left: 0;
    font-size: 54px;
  }
  .bannerMain .mainBanner.overview-wg-banner {
    background-color: #634c9a;
    background-image: url(/image/banners/ovrw-writing-grammar.png);
    background-repeat: no-repeat;
    background-position: 75% 25%;
    height: 144px;
  }
  .bannerMain .mainBanner.overview-wg-banner .ov-content {
    max-width: 1200px;
    margin: 0 auto;
  }
  .bannerMain .mainBanner.overview-wg-banner .ov-content .banner-text {
    display: none;
  }
  .bannerMain .mainBanner.overview-wg-banner .ov-content .small {
    display: block;
    color: #1f3343;
    margin-top: 120px;
    float: none;
    padding-left: 0;
    font-size: 54px;
  }
  .bannerMain .mainBanner.overview-sp-banner {
    background-color: #2d54a0;
    background-image: url(https://media.zaner-bloser.com/images/banners/ovrw-spelling.png);
    background-repeat: no-repeat;
    background-position: 75% 25%;
    height: 144px;
  }
  .bannerMain .mainBanner.overview-sp-banner .ov-content {
    max-width: 1200px;
    margin: 0 auto;
  }
  .bannerMain .mainBanner.overview-sp-banner .ov-content .banner-text {
    display: none;
  }
  .bannerMain .mainBanner.overview-sp-banner .ov-content .small {
    display: block;
    color: #1f3343;
    margin-top: 100px;
    float: none;
    padding-left: 0;
    font-size: 54px;
  }
  .bannerMain .mainBanner.overview-math-banner {
    background-color: #c21e54;
    background-image: url(https://s3.amazonaws.com/media.zaner-bloser.com/images/banners/ovrw-math.png);
    background-repeat: no-repeat;
    background-position: 75% 25%;
    height: 144px;
  }
  .bannerMain .mainBanner.overview-math-banner .ov-content {
    max-width: 1200px;
    margin: 0 auto;
  }
  .bannerMain .mainBanner.overview-math-banner .ov-content .banner-text {
    display: none;
  }
  .bannerMain .mainBanner.overview-math-banner .ov-content .small {
    display: block;
    color: #1f3343;
    margin-top: 100px;
    float: none;
    padding-left: 0;
    font-size: 54px;
  }
  .bannerMain .mainBanner.overview-voc-banner {
    background-color: #ef7f39;
    background-image: url(/image/banners/ovrw-vocabulary.png);
    background-repeat: no-repeat;
    background-position: 75% 25%;
    height: 144px;
  }
  .bannerMain .mainBanner.overview-voc-banner .ov-content {
    max-width: 1200px;
    margin: 0 auto;
  }
  .bannerMain .mainBanner.overview-voc-banner .ov-content .banner-text {
    display: none;
  }
  .bannerMain .mainBanner.overview-voc-banner .ov-content .small {
    display: block;
    color: #1f3343;
    margin-top: 100px;
    float: none;
    padding-left: 0;
    font-size: 54px;
  }
  .bannerMain .mainBanner.portal-banner {
    background-color: #e3ccb6;
    background-image: url(https://media.zaner-bloser.com/images/banners/portal-pages-banner-mobile-2.png);
    background-repeat: no-repeat;
    height: 144px;
  }
  .bannerMain .mainBanner.portal-banner .ov-content {
    max-width: 1200px;
    margin: 0 auto;
  }
  .bannerMain .mainBanner.portal-banner .ov-content .banner-text {
    display: none;
  }
  .bannerMain .mainBanner.portal-banner .ov-content .small {
    display: block;
    color: #000000;
    margin-top: 150px;
    float: none;
    padding-left: 0;
    font-size: 54px;
  }
  .bannerMain .mainBanner.program-find-by-subject {
    background-color: #ffffff;
    background-image: url(/image/banners/subject-level-page-banner.png);
    background-repeat: no-repeat;
    height: 145px;
  }
  .bannerMain .mainBanner.program-find-by-subject .ov-content {
    margin: 0 auto;
  }
  .bannerMain .mainBanner.program-find-by-subject .ov-content .banner-text-hide {
    display: none;
  }
  .bannerMain .mainBanner.program-find-by-subject .ov-content .small {
    font-size: 36px;
    float: left;
    text-align: left;
    font-weight: bold;
    margin: 0;
    padding-left: 25px;
    padding-top: 0;
  }
  .bannerMain .mainBanner.program-find-by-subject .ov-content .small h1 {
    font-family: 'MuseoSans-300';
    font-size: 2.25rem;
    line-height: 1.125;
    margin: 0;
    margin-top: 4px;
  }
  .bannerMain .mainBanner.program-find-by-subject .ov-content .small h1 span {
    font-size: 24px;
    font-weight: normal;
    line-height: 37px;
  }
  .bannerMain .mainBanner.program-find-by-subject .ov-content .small a {
    font-size: 16px;
    margin-top: 0;
    margin-right: 0;
    display: initial;
    text-decoration: underline;
    font-weight: normal;
  }
  .bannerMain .mainBanner.program-find-by-subject .ov-content .small a span {
    font-size: 16px;
  }
  .bannerMain .mainBanner.program-find-by-grade {
    background-color: #ffffff;
    background-image: url(/image/banners/grade-level-page-banner.png);
    background-repeat: no-repeat;
    height: 145px;
  }
  .bannerMain .mainBanner.program-find-by-grade .ov-content {
    margin: 0 auto;
  }
  .bannerMain .mainBanner.program-find-by-grade .ov-content .banner-text-hide {
    display: none;
  }
  .bannerMain .mainBanner.program-find-by-grade .ov-content .small {
    font-size: 36px;
    float: left;
    text-align: left;
    font-weight: bold;
    margin: 0;
    padding-left: 25px;
    padding-top: 0;
  }
  .bannerMain .mainBanner.program-find-by-grade .ov-content .small span {
    font-size: 24px;
    font-weight: normal;
  }
  .bannerMain .mainBanner.program-find-by-grade .ov-content .small a {
    font-size: 16px;
    margin-top: 0;
    margin-right: 0;
    display: initial;
    text-decoration: underline;
    font-weight: normal;
  }
  .bannerMain .mainBanner.program-find-by-grade .ov-content .small a span {
    font-size: 16px;
  }
  .sk-bg-overview-img {
    background-position: 73% 25%;
  }
  .sk-bg-overview-img h1 {
    background-color: rgba(135, 134, 134, 0.7);
    padding: 6px;
    margin-top: 52px;
    margin-left: 8px;
  }
  .sel-bg-overview-img {
    background-position: 73% 25%;
  }
  .sel-bg-overview-img h1 {
    background-color: rgba(135, 134, 134, 0.7);
    padding: 6px;
    margin-top: 7px;
    margin-left: 6px;
    margin-right: 6px;
  }
}
/* ----------- iPhone 6 ----------- */
/* Portrait and Landscape */
/* ----------- iPhone 6+ ----------- */
/* Portrait and Landscape */
.subnav {
  background-color: #F4F4F4;
  display: block;
  width: 100%;
  padding-bottom: 8px;
}
.subnav.small {
  display: none;
}
.subnav.small fieldset {
  border: hidden;
  padding: 1rem;
}
.subnav.small fieldset #subNav_small_setup {
  font-size: 1.25rem;
  font-family: 'MuseoSans-300', sans-serif;
  cursor: pointer;
  width: 350px;
  padding: 10px;
  border: 1px solid #909090;
  appearance: none;
  -moz-appearance: none;
  /* Firefox */
  -webkit-appearance: none;
  /* Safari and Chrome */
  background-image: url(/image/buttons/downArrow.png);
  background-repeat: no-repeat;
  background-position: 325px center;
}
.subnav.small fieldset #subNav_small_setup option {
  font-size: 1rem;
  width: auto;
}
.subnav ul {
  padding: 0px ;
  margin: 0px;
}
.subnav ul li {
  position: relative;
  top: 0.5rem;
  display: inline-block;
  text-align: center;
  margin-left: 10px;
  margin-right: 10px;
  text-decoration: none;
  font-size: 1.1rem;
  font-family: 'MuseoSans-700', sans-serif;
  margin-top: -8px;
}
.subnav ul li > a,
.subnav ul li > span {
  display: inline-block;
  padding: 1.3rem 1.5625rem 1rem 1.5625rem;
}
.subnav ul li.subnav_active {
  -webkit-box-shadow: 0px -4px #E60330 inset;
  -moz-box-shadow: 0px -4px #E60330 inset;
  box-shadow: 0px -4px #E60330 inset;
  background-color: #ffffff;
  vertical-align: top;
}
.subnav ul li a:hover,
.subnav ul li span:hover {
  color: #ffffff;
}
.subnav ul li:hover {
  color: #ffffff;
  background-color: #E60330;
  cursor: pointer;
}
.subnav ul li:hover > a,
.subnav ul li:hover > span {
  color: #ffffff;
  background-color: #E60330;
  cursor: pointer;
}
/*-- Subnav styles for when there are seven menu items --*/
.subnav-2 {
  background-color: #F4F4F4;
  display: block;
  width: 100%;
  padding-bottom: 8px;
  line-height: normal;
}
.subnav-2.small {
  display: none;
}
.subnav-2.small fieldset {
  border: hidden;
  padding: 1rem;
}
.subnav-2.small fieldset #subNav_small_setup {
  font-size: 1.25rem;
  font-family: 'MuseoSans-300', sans-serif;
  cursor: pointer;
  width: 350px;
  padding: 10px;
  border: 1px solid #909090;
  appearance: none;
  -moz-appearance: none;
  /* Firefox */
  -webkit-appearance: none;
  /* Safari and Chrome */
  background-image: url(/image/buttons/downArrow.png);
  background-repeat: no-repeat;
  background-position: 325px center;
}
.subnav-2.small fieldset #subNav_small_setup option {
  font-size: 1rem;
  width: auto;
}
.subnav-2 ul {
  padding: 0px ;
  margin: 0px;
}
.subnav-2 ul li {
  position: relative;
  top: 0.5rem;
  display: inline-block;
  text-align: center;
  margin-left: 0;
  margin-right: 0;
  text-decoration: none;
  font-size: 1.1rem;
  font-family: 'MuseoSans-700', sans-serif;
  margin-top: -8px;
}
.subnav-2 ul li > a,
.subnav-2 ul li > span {
  display: inline-block;
  padding: 1.3rem 1.25rem 1rem 1.25rem;
}
.subnav-2 ul li.subnav_active {
  -webkit-box-shadow: 0px -4px #E60330 inset;
  -moz-box-shadow: 0px -4px #E60330 inset;
  box-shadow: 0px -4px #E60330 inset;
  background-color: #ffffff;
  vertical-align: top;
}
.subnav-2 ul li a:hover,
.subnav-2 ul li span:hover {
  color: #ffffff;
}
.subnav-2 ul li:hover {
  color: #ffffff;
  background-color: #E60330;
  cursor: pointer;
}
.subnav-2 ul li:hover > a,
.subnav-2 ul li:hover > span {
  color: #ffffff;
  background-color: #E60330;
  cursor: pointer;
}
.subnav-bs5 {
  background-color: #F4F4F4;
  display: block;
  width: 100%;
  padding-bottom: 8px;
}
.subnav-bs5.small {
  display: none;
}
.subnav-bs5.small fieldset {
  border: hidden;
  padding: 1rem;
}
.subnav-bs5.small fieldset #subNav_small_setup {
  font-size: 1.25rem;
  font-family: 'MuseoSans-300', sans-serif;
  cursor: pointer;
  width: 350px;
  padding: 10px;
  border: 1px solid #909090;
  appearance: none;
  -moz-appearance: none;
  /* Firefox */
  -webkit-appearance: none;
  /* Safari and Chrome */
  background-image: url(/image/buttons/downArrow.png);
  background-repeat: no-repeat;
  background-position: 325px center;
}
.subnav-bs5.small fieldset #subNav_small_setup option {
  font-size: 1rem;
  width: auto;
}
.subnav-bs5 ul {
  padding: 0px ;
  margin: 0px;
}
.subnav-bs5 ul li {
  position: relative;
  top: 0.5rem;
  display: inline-block;
  text-align: center;
  margin-left: 10px;
  margin-right: 10px;
  text-decoration: none;
  font-size: 1.1rem;
  font-family: 'MuseoSans-700', sans-serif;
  margin-top: -8px;
}
.subnav-bs5 ul li > a,
.subnav-bs5 ul li > span {
  display: inline-block;
  padding: 1.3rem 1.5625rem 1rem 1.5625rem;
}
.subnav-bs5 ul li.subnav_active {
  -webkit-box-shadow: 0px -4px #E60330 inset;
  -moz-box-shadow: 0px -4px #E60330 inset;
  box-shadow: 0px -4px #E60330 inset;
  background-color: #ffffff;
  vertical-align: top;
}
.subnav-bs5 ul li a:hover,
.subnav-bs5 ul li span:hover {
  color: #ffffff;
}
.subnav-bs5 ul li:hover {
  color: #ffffff;
  background-color: #E60330;
  cursor: pointer;
}
.subnav-bs5 ul li:hover > a,
.subnav-bs5 ul li:hover > span {
  color: #ffffff;
  background-color: #E60330;
  cursor: pointer;
}
/*-- Subnav styles for when there are seven menu items --*/
.subnav-bs5-2 {
  background-color: #F4F4F4;
  display: block;
  width: 100%;
  padding-bottom: 8px;
  line-height: normal;
}
.subnav-bs5-2.small {
  display: none;
}
.subnav-bs5-2.small fieldset {
  border: hidden;
  padding: 1rem;
}
.subnav-bs5-2.small fieldset #subNav_small_setup {
  font-size: 1.25rem;
  font-family: 'MuseoSans-300', sans-serif;
  cursor: pointer;
  width: 350px;
  padding: 10px;
  border: 1px solid #909090;
  appearance: none;
  -moz-appearance: none;
  /* Firefox */
  -webkit-appearance: none;
  /* Safari and Chrome */
  background-image: url(/image/buttons/downArrow.png);
  background-repeat: no-repeat;
  background-position: 325px center;
}
.subnav-bs5-2.small fieldset #subNav_small_setup option {
  font-size: 1rem;
  width: auto;
}
.subnav-bs5-2 ul {
  padding: 0px ;
  margin: 0px;
}
.subnav-bs5-2 ul li {
  position: relative;
  top: 0.5rem;
  display: inline-block;
  text-align: center;
  margin-left: 0;
  margin-right: 0;
  text-decoration: none;
  font-size: 1.1rem;
  font-family: 'MuseoSans-700', sans-serif;
  margin-top: -8px;
}
.subnav-bs5-2 ul li > a,
.subnav-bs5-2 ul li > span {
  display: inline-block;
  padding: 1.3rem 1.25rem 1rem 1.25rem;
}
.subnav-bs5-2 ul li.subnav_active {
  -webkit-box-shadow: 0px -4px #E60330 inset;
  -moz-box-shadow: 0px -4px #E60330 inset;
  box-shadow: 0px -4px #E60330 inset;
  background-color: #ffffff;
  vertical-align: top;
}
.subnav-bs5-2 ul li a:hover,
.subnav-bs5-2 ul li span:hover {
  color: #ffffff;
}
.subnav-bs5-2 ul li:hover {
  color: #ffffff;
  background-color: #E60330;
  cursor: pointer;
}
.subnav-bs5-2 ul li:hover > a,
.subnav-bs5-2 ul li:hover > span {
  color: #ffffff;
  background-color: #E60330;
  cursor: pointer;
}
/*---Styles for white version of subnav---*/
.sub_grey {
  background-color: #ffffff;
}
.sub_grey.small fieldset #subNav_small_setup {
  border: 1px solid #909090;
}
.sub_grey ul li.subnav_active {
  background-color: #F4F4F4;
}
.sub_grey ul li a:hover,
.sub_grey ul li span:hover {
  color: #F4F4F4;
}
.sub_grey ul li:hover {
  color: #F4F4F4;
}
.sub_grey ul li:hover > a,
.sub_grey ul li:hover > span {
  color: #F4F4F4;
}
/*---Spacing on the AK tour nav---*/
.akTour ul {
  display: table;
  width: 100%;
  list-style: none;
}
.akTour ul li {
  display: table-cell;
  text-align: center;
}
.akTour ul li a {
  display: block;
}
/*---Spacing on the CSW nav pages---*/
.csw-subnav ul li {
  left: 7.15rem;
}
.subnav2 {
  text-align: center;
  border-bottom: 1px solid #E60330;
  display: block;
  width: 100%;
}
.subnav2 li {
  position: relative;
  top: 0.1rem;
  display: inline-block;
  text-align: center;
  padding: 0.6rem 1.8rem;
  text-decoration: none;
  font-size: 1.1rem;
  border: 0.1rem solid #E60330;
}
.subnav2 li:hover {
  background-color: #E60330;
}
#subnav2_active {
  background-color: #E60330;
  color: white;
}
.subnav3 {
  text-align: center;
  display: block;
  width: 100%;
}
.subnav3 li {
  position: relative;
  top: 0.6rem;
  display: inline-block;
  text-align: center;
  padding: 0.6rem 1rem;
  text-decoration: none;
  font-size: 1.1rem;
}
#subnav3_active {
  background-color: #E60330;
  color: white;
  padding: 0.2rem 0.6rem;
}
#subnav3_active:hover {
  color: white;
}
.subnav4 {
  text-align: center;
  display: inline-block;
  width: 9%;
}
.subnav4 a {
  display: inline-block;
  background-image: url(/image/buttons/circleBTN.png);
  background-repeat: no-repeat;
  background-position: center;
  text-align: center;
  padding: 1.5rem 2.4rem;
  text-decoration: none;
  font-size: 1.1rem;
}
.subnav4 a:hover {
  color: white;
  background-image: url(/image/buttons/circleBTN_over.png);
  background-repeat: no-repeat;
  background-position: center;
}
#subnav4_active {
  color: white;
  background-image: url(/image/buttons/circleBTN_over.png);
  background-repeat: no-repeat;
  background-position: center;
}
#subnav4_active:hover #a4 {
  background-color: #E60330;
  color: white;
}
.blue_alert_banner {
  color: #ffffff;
  background-color: #00BAC6;
  font-size: 22px;
  font-family: 'MuseoSans-500';
}
.blue_alert_banner div {
  background-color: #00BAC6;
  padding: 0 10px;
}
.blue_alert_banner div p {
  text-align: center;
  margin-top: 0;
  min-height: 27px;
  padding: 13px 0;
  margin-bottom: 0;
}
.blue_alert_banner div p button {
  font-family: 'MuseoSans-700';
  background-color: #EFEFEF;
  color: #1f3343;
  vertical-align: top;
  font-size: 18px;
  border: none;
  border-radius: 3px;
  padding: 3px 12px;
}
.blue_alert_banner div p button:hover {
  color: #e60033;
  cursor: pointer;
  border: none;
}
/* ----------- Desktop Small Screens ----------- */
@media screen and (max-width: 890px) {
  .subnav,
  .subnav-bs5,
  .subnav-bs5-2,
  .subnav-2 {
    display: none;
  }
  .subnav.small,
  .subnav-bs5.small,
  .subnav-bs5-2.small,
  .subnav-2.small {
    display: block;
  }
}
/* ----------- iPhone 5 and 5S ----------- */
/* Portrait and Landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) {
  .subnav {
    display: none;
  }
  .subnav.small {
    display: block;
  }
  .subnav-bs5,
  .subnav-bs5-2 {
    display: none;
  }
  .subnav-bs5.small,
  .subnav-bs5-2.small {
    display: block;
  }
  .subnav-2 {
    display: none;
  }
  .subnav-2.small {
    display: block;
  }
}
/* ----------- iPhone 6 ----------- */
/* Portrait and Landscape */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) {
  .subnav,
  .subnav-2 {
    display: none;
  }
  .subnav.small,
  .subnav-2.small {
    display: block;
  }
}
/* ----------- iPhone 6+ ----------- */
/* Portrait and Landscape */
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) {
  .subnav,
  .subnav-2 {
    display: none;
  }
  .subnav.small,
  .subnav-2.small {
    display: block;
  }
  .subnav-bs5,
  .subnav-bs5-2 {
    display: none;
  }
  .subnav-bs5.small,
  .subnav-bs5-2.small {
    display: block;
  }
}
.productNav {
  text-align: center;
  margin-top: 2rem;
}
.productNav a {
  display: inline-block;
  margin: 1rem;
  vertical-align: top;
}
.productNav a i {
  display: block;
  width: 80px;
  height: 80px;
  margin: 0 auto;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: contain;
}
.productNav a i.buttonHandwriting {
  background-image: url('https://media.zaner-bloser.com/images/icons/handwriting-icon.png');
}
.productNav a i.buttonReading {
  background-image: url('https://media.zaner-bloser.com/images/icons/reading-icon.png');
}
.productNav a i.buttonWriting {
  background-image: url('https://media.zaner-bloser.com/images/icons/writing-icon.png');
}
.productNav a i.buttonSpelling {
  background-image: url('https://media.zaner-bloser.com/images/icons/spelling-icon.png');
}
.productNav a i.buttonVocab {
  background-image: url('https://media.zaner-bloser.com/images/icons/vocabulary-icon.png');
}
.productNav a i.buttonPD {
  background-image: url('https://media.zaner-bloser.com/images/icons/prodev-icon.png');
}
.productNav a i.buttonMath {
  background-image: url('https://media.zaner-bloser.com/images/photos/math-icon.png');
}
.productNav a i.buttonSel {
  background-image: url('https://media.zaner-bloser.com/images/photos/sel-icon.png');
}
.productNav a:hover i.buttonHandwriting {
  background-image: url('https://media.zaner-bloser.com/images/icons/handwriting-icon-hover.png');
}
.productNav a:hover i.buttonReading {
  background-image: url('https://media.zaner-bloser.com/images/icons/reading-icon-hover.png');
}
.productNav a:hover i.buttonWriting {
  background-image: url('https://media.zaner-bloser.com/images/icons/writing-icon-hover.png');
}
.productNav a:hover i.buttonSpelling {
  background-image: url('https://media.zaner-bloser.com/images/icons/spelling-icon-hover.png');
}
.productNav a:hover i.buttonVocab {
  background-image: url('https://media.zaner-bloser.com/images/icons/vocabulary-icon-hover.png');
}
.productNav a:hover i.buttonPD {
  background-image: url('https://media.zaner-bloser.com/images/icons/prodev-icon-hover.png');
}
.productNav a:hover i.buttonMath {
  background-image: url('https://media.zaner-bloser.com/images/photos/math-icon-hover.png');
}
.productNav a:hover i.buttonSel {
  background-image: url('https://media.zaner-bloser.com/images/photos/sel-icon-hover.png');
}
.productNav a:hover .buttonHandwritingColor {
  color: #00BAC6;
}
.productNav a:hover .buttonReadingColor {
  color: #99CA45;
}
.productNav a:hover .buttonWritingColor {
  color: #635C9A;
}
.productNav a:hover .buttonSpellingColor {
  color: #2857A1;
}
.productNav a:hover .buttonVocabColor {
  color: #F26A2E;
}
.productNav a:hover .buttonPDColor {
  color: #ED951E;
}
.productNav a:hover .buttonMathColor {
  color: #c41e55;
}
.productNav a:hover .buttonSelColor {
  color: #19A47E;
}
.productNav a span {
  text-align: center;
  display: block;
  width: 110px;
  margin: 1rem 0;
  font-size: 1rem;
  font-weight: normal;
}
@media screen and (min-width: 1200px) {
  .bs-productNav {
    text-align: center;
    margin-top: 3rem;
  }
  .bs-productNav a {
    display: inline-block;
    margin: 1rem;
    vertical-align: top;
  }
  .bs-productNav a i {
    display: block;
    width: 80px;
    height: 80px;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: contain;
  }
  .bs-productNav a i.buttonHandwriting {
    background-image: url('https://media.zaner-bloser.com/images/icons/handwriting-icon.png');
  }
  .bs-productNav a i.buttonReading {
    background-image: url('https://media.zaner-bloser.com/images/icons/reading-icon.png');
  }
  .bs-productNav a i.buttonWriting {
    background-image: url('https://media.zaner-bloser.com/images/icons/writing-icon.png');
  }
  .bs-productNav a i.buttonSpelling {
    background-image: url('https://media.zaner-bloser.com/images/icons/spelling-icon.png');
  }
  .bs-productNav a i.buttonVocab {
    background-image: url('https://media.zaner-bloser.com/images/icons/vocabulary-icon.png');
  }
  .bs-productNav a i.buttonPD {
    background-image: url('https://media.zaner-bloser.com/images/icons/prodev-icon.png');
  }
  .bs-productNav a i.buttonMath {
    background-image: url('https://media.zaner-bloser.com/images/photos/math-icon.png');
  }
  .bs-productNav a i.buttonSel {
    background-image: url('https://media.zaner-bloser.com/images/photos/sel-icon.png');
  }
  .bs-productNav a:hover i.buttonHandwriting {
    background-image: url('https://media.zaner-bloser.com/images/icons/handwriting-icon-hover.png');
  }
  .bs-productNav a:hover i.buttonReading {
    background-image: url('https://media.zaner-bloser.com/images/icons/reading-icon-hover.png');
  }
  .bs-productNav a:hover i.buttonWriting {
    background-image: url('https://media.zaner-bloser.com/images/icons/writing-icon-hover.png');
  }
  .bs-productNav a:hover i.buttonSpelling {
    background-image: url('https://media.zaner-bloser.com/images/icons/spelling-icon-hover.png');
  }
  .bs-productNav a:hover i.buttonVocab {
    background-image: url('https://media.zaner-bloser.com/images/icons/vocabulary-icon-hover.png');
  }
  .bs-productNav a:hover i.buttonPD {
    background-image: url('https://media.zaner-bloser.com/images/icons/prodev-icon-hover.png');
  }
  .bs-productNav a:hover i.buttonMath {
    background-image: url('https://media.zaner-bloser.com/images/photos/math-icon-hover.png');
  }
  .bs-productNav a:hover i.buttonSel {
    background-image: url('https://media.zaner-bloser.com/images/photos/sel-icon-hover.png');
  }
  .bs-productNav a:hover .buttonHandwritingColor {
    color: #00BAC6;
  }
  .bs-productNav a:hover .buttonReadingColor {
    color: #99CA45;
  }
  .bs-productNav a:hover .buttonWritingColor {
    color: #635C9A;
  }
  .bs-productNav a:hover .buttonSpellingColor {
    color: #2857A1;
  }
  .bs-productNav a:hover .buttonVocabColor {
    color: #F26A2E;
  }
  .bs-productNav a:hover .buttonPDColor {
    color: #ED951E;
  }
  .bs-productNav a:hover .buttonMathColor {
    color: #c41e55;
  }
  .bs-productNav a:hover .buttonSelColor {
    color: #19A47E;
  }
  .bs-productNav a span {
    text-align: center;
    display: block;
    width: 110px;
    margin: 1rem 0;
    font-size: 1rem;
    font-weight: normal;
  }
}
@media screen and (max-width: 836px) and (min-width: 765px) {
  .bs-productNav {
    flex-wrap: wrap!important;
  }
}
@media screen and (max-width: 1199.33px) {
  .bs-productNav {
    text-align: center;
    margin-top: 3rem;
  }
  .bs-productNav a {
    display: inline-block;
    margin: 0.25rem;
    vertical-align: top;
  }
  .bs-productNav a i {
    display: block;
    width: 60px;
    height: 60px;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: contain;
  }
  .bs-productNav a i.buttonHandwriting {
    background-image: url('https://media.zaner-bloser.com/images/icons/handwriting-icon.png');
  }
  .bs-productNav a i.buttonReading {
    background-image: url('https://media.zaner-bloser.com/images/icons/reading-icon.png');
  }
  .bs-productNav a i.buttonWriting {
    background-image: url('https://media.zaner-bloser.com/images/icons/writing-icon.png');
  }
  .bs-productNav a i.buttonSpelling {
    background-image: url('https://media.zaner-bloser.com/images/icons/spelling-icon.png');
  }
  .bs-productNav a i.buttonVocab {
    background-image: url('https://media.zaner-bloser.com/images/icons/vocabulary-icon.png');
  }
  .bs-productNav a i.buttonPD {
    background-image: url('https://media.zaner-bloser.com/images/icons/prodev-icon.png');
  }
  .bs-productNav a i.buttonMath {
    background-image: url('https://media.zaner-bloser.com/images/photos/math-icon.png');
  }
  .bs-productNav a i.buttonSel {
    background-image: url('https://media.zaner-bloser.com/images/photos/sel-icon.png');
  }
  .bs-productNav a:hover i.buttonHandwriting {
    background-image: url('https://media.zaner-bloser.com/images/icons/handwriting-icon-hover.png');
  }
  .bs-productNav a:hover i.buttonReading {
    background-image: url('https://media.zaner-bloser.com/images/icons/reading-icon-hover.png');
  }
  .bs-productNav a:hover i.buttonWriting {
    background-image: url('https://media.zaner-bloser.com/images/icons/writing-icon-hover.png');
  }
  .bs-productNav a:hover i.buttonSpelling {
    background-image: url('https://media.zaner-bloser.com/images/icons/spelling-icon-hover.png');
  }
  .bs-productNav a:hover i.buttonVocab {
    background-image: url('https://media.zaner-bloser.com/images/icons/vocabulary-icon-hover.png');
  }
  .bs-productNav a:hover i.buttonPD {
    background-image: url('https://media.zaner-bloser.com/images/icons/prodev-icon-hover.png');
  }
  .bs-productNav a:hover i.buttonMath {
    background-image: url('https://media.zaner-bloser.com/images/photos/math-icon-hover.png');
  }
  .bs-productNav a:hover i.buttonSel {
    background-image: url('https://media.zaner-bloser.com/images/photos/sel-icon-hover.png');
  }
  .bs-productNav a:hover .buttonHandwritingColor {
    color: #00BAC6;
  }
  .bs-productNav a:hover .buttonReadingColor {
    color: #99CA45;
  }
  .bs-productNav a:hover .buttonWritingColor {
    color: #635C9A;
  }
  .bs-productNav a:hover .buttonSpellingColor {
    color: #2857A1;
  }
  .bs-productNav a:hover .buttonVocabColor {
    color: #F26A2E;
  }
  .bs-productNav a:hover .buttonPDColor {
    color: #ED951E;
  }
  .bs-productNav a:hover .buttonMathColor {
    color: #c41e55;
  }
  .bs-productNav a:hover .buttonSelColor {
    color: #19A47E;
  }
  .bs-productNav a span {
    text-align: center;
    display: block;
    width: 110px;
    margin: 1rem 0;
    font-size: 0.75rem;
    font-weight: normal;
  }
}
.shop-by-program-image {
  width: 100%;
  max-width: 500px;
  position: relative;
  display: block;
  cursor: pointer;
}
.shop-by-program-image img {
  width: 100%;
  max-width: 500px;
  position: relative;
  display: block;
}
.shop-by-program-image .img-top {
  width: 100%;
  max-width: 500px;
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99;
}
.shop-by-program-image:hover .img-top {
  width: 100%;
  max-width: 500px;
  display: inline;
}
.shop-by-program-image .img-bottom {
  width: 100%;
  max-width: 500px;
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99;
}
.shop-by-program-image:hover .img-bottom {
  width: 100%;
  max-width: 500px;
  display: inline;
}
/* ----------- iPhone 6 ----------- */
/* Portrait and Landscape */
.subnav2 {
  margin-top: 2rem;
}
.subnav2 a {
  display: inline-block;
  border: 1px solid #E60330;
  border-bottom-style: hidden;
  padding: 1rem;
  margin: 0 0.2rem;
  background-color: white;
  color: #E60330;
  font-size: 1.1rem;
}
.subnav2 a:hover,
.subnav2 a.active {
  background-color: #E60330;
  color: white;
}
.subnav3 {
  margin-top: 1rem;
}
.subnav3 a {
  color: #E60330;
  font-size: 1.1rem;
  padding: 0.3rem 1rem;
  margin: 0.3rem;
  display: inline-block;
}
.subnav3 a:hover,
.subnav3 a.active {
  background-color: #E60330;
  color: white;
}
.section_w_circles.center {
  padding-bottom: 13rem;
  max-width: inherit;
}
.section_w_circles.center h3 {
  text-align: center;
  margin-top: 2rem;
}
.productsListCell {
  display: block;
  margin: 0 auto;
  max-width: 1100px;
  text-align: center;
}
.productsListCell .productIteminCell {
  position: inherit;
  left: auto;
  display: inline-block;
  width: 24rem;
  padding: 2.5rem 0px 2.5rem 0px;
  margin: 1rem 2rem;
  vertical-align: top;
  text-align: left;
}
.productsListCell .productIteminCell .product-title {
  margin: 0 0 0.2rem 0;
}
.productsListCell .productIteminCell .grades {
  display: block;
  padding-bottom: 0.8rem;
  font-size: 0.8rem;
  border-bottom: 2px solid #E60330;
}
.overview-row-container {
  display: inline-block;
  width: 33%;
  min-width: 275px;
  vertical-align: top;
  margin-bottom: 50px;
}
.overview-row-container-bs {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  margin-bottom: 50px;
}
.portal-row-container {
  display: inline-block;
  width: 33%;
  min-width: 295px;
  vertical-align: top;
  margin-bottom: 50px;
}
@media screen and (max-width: 980px) {
  .overview-row-container,
  .portal-row-container {
    margin-right: 20px;
  }
}
div.overview-box-styles {
  max-width: 275px;
  margin: 0 auto;
  border: 1px solid #979797;
  width: 100%;
}
div.overview-box-styles-bs {
  max-width: 275px;
  border: 1px solid #979797;
  width: 100%;
  margin: 0 auto;
}
div.overview-box-styles-bs div a img {
  max-width: 274px;
  width: 100%;
}
.portal-box-styles {
  max-width: 295px;
  margin: 0 auto;
  border: 1.5px solid #979797;
  width: 100%;
}
.portal-box-styles img {
  width: 100%;
  max-width: 294.5px;
  height: auto;
}
.overview-box-content-wrapper {
  padding: 15px 15px 15px 20px;
  text-align: left;
}
.overview-box-content-a {
  font-size: 12px;
  font-family: 'MuseoSans-500';
  font-weight: 600;
}
.overview-box-content-b {
  font-size: 14px;
  font-family: 'MuseoSans-700';
}
.overview-box-content-c {
  font-size: 14px;
  font-family: 'MuseoSans-500';
}
.overview-outer-container {
  width: 95%;
  margin: 0 auto;
}
.overview-outer-container-bs {
  width: 95%;
}
.overview-col-main {
  width: 95%;
  margin: 0 auto;
  height: 100%;
}
.font-size-20 {
  font-size: 20px;
}
.all-grades-titles {
  margin: 0 auto;
  width: 95%;
  font-weight: 700;
  font-size: 32px;
  padding-bottom: 16px;
  font-family: 'MuseoSans-700';
}
.portal-box-content-wrapper {
  padding: 15px 15px 15px 20px;
  text-align: center;
}
.title-portal-go-button {
  color: #ffffff;
  font-size: 26px;
  font-family: "Helvetica", sans-serif;
  padding: 8px 40px;
}
.by-grade-level-outer-container {
  width: 95%;
  margin: 0 auto;
}
.by-grade-level-outer-container .by-grade-level-container {
  display: inline-block;
  width: 33%;
  min-width: 275px;
  vertical-align: top;
  margin-bottom: 50px;
}
.by-grade-level-outer-container .by-grade-level-container .by-grade-level-box-styles {
  max-width: 275px;
  width: 100%;
  margin: 0 auto;
  text-align: center;
}
.by-grade-level-outer-container .by-grade-level-container .by-grade-level-box-styles .by-grade-level-text h2 {
  line-height: 23px;
  margin-top: 0;
  padding-top: 10px;
}
.by-grade-level-outer-container .by-grade-level-container .by-grade-level-box-styles .by-grade-level-text h2 span {
  color: #ffffff;
  font-size: 19px;
  position: relative;
  top: 32%;
  transform: translateY(-50%);
  font-weight: bold;
  font-family: 'Reem Kufi', sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 1rem;
}
.by-grade-level-outer-container .by-grade-level-container .by-grade-level-box-styles .by-grade-level-photo img {
  width: 100%;
  max-width: 275px;
}
.by-grade-level-outer-container .by-grade-level-container .by-grade-level-box-styles .by-grade-level-hw-styles {
  background-color: #00BAC6;
  height: 75px;
}
.by-grade-level-outer-container .by-grade-level-container .by-grade-level-box-styles .by-grade-level-re-styles {
  background-color: #99CA45;
  height: 75px;
}
.by-grade-level-outer-container .by-grade-level-container .by-grade-level-box-styles .by-grade-level-wg-styles {
  background-color: #634C9A;
  height: 75px;
}
.by-grade-level-outer-container .by-grade-level-container .by-grade-level-box-styles .by-grade-level-wg-styles span {
  top: 5%;
}
.by-grade-level-outer-container .by-grade-level-container .by-grade-level-box-styles .by-grade-level-sp-styles {
  background-color: #2D54A0;
  height: 75px;
}
.by-grade-level-outer-container .by-grade-level-container .by-grade-level-box-styles .by-grade-level-sel-styles {
  background-color: #19A47E;
  height: 75px;
}
.by-grade-level-outer-container .by-grade-level-container .by-grade-level-box-styles .by-grade-level-sel-styles span {
  top: 12%;
  font-size: 23px;
}
.by-grade-level-outer-container .by-grade-level-container .by-grade-level-box-styles .by-grade-level-vo-styles {
  background-color: #EF7F39;
  height: 75px;
}
.by-grade-level-outer-container .by-grade-level-container .by-grade-level-box-styles .by-grade-level-ma-styles {
  background-color: #C21E54;
  height: 75px;
}
.webinars-outer-container {
  width: 95%;
  margin: 0 auto;
}
.webinars-outer-container .webinars-level-container {
  display: inline-block;
  width: 48%;
  min-width: 430px;
  vertical-align: top;
  margin-bottom: 50px;
}
.webinars-outer-container .webinars-level-container .webinars-level-box-styles {
  max-width: 430px;
  width: 100%;
  margin: 0 auto;
  text-align: center;
}
.webinars-outer-container .webinars-level-container .webinars-level-box-styles .webinars-level-text span {
  color: #ffffff;
  font-size: 28px;
  position: relative;
  top: 34%;
  line-height: 32px;
  transform: translateY(-50%);
  font-weight: bold;
  font-family: 'Reem Kufi', sans-serif;
  font-weight: 600;
  text-transform: uppercase;
}
.webinars-outer-container .webinars-level-container .webinars-level-box-styles .webinars-level-photo img {
  width: 100%;
}
.webinars-outer-container .webinars-level-container .webinars-level-box-styles .webinars-level-lc-styles {
  background-color: #2ba8db;
  height: 90px;
}
.webinars-outer-container .webinars-level-container .webinars-level-box-styles .webinars-level-lc-styles span {
  top: 5%;
  font-size: 27px !important;
}
.webinars-outer-container .webinars-level-container .webinars-level-box-styles .webinars-level-hw-styles {
  background-color: #00BAC6;
  height: 90px;
}
.webinars-outer-container .webinars-level-container .webinars-level-box-styles .webinars-level-re-styles {
  background-color: #99CA45;
  height: 90px;
}
.webinars-outer-container .webinars-level-container .webinars-level-box-styles .webinars-level-wg-styles {
  background-color: #634C9A;
  height: 90px;
}
.webinars-outer-container .webinars-level-container .webinars-level-box-styles .webinars-level-wg-styles span {
  top: 5%;
}
.webinars-outer-container .webinars-level-container .webinars-level-box-styles .webinars-level-sp-styles {
  background-color: #2D54A0;
  height: 90px;
}
.webinars-outer-container .webinars-level-container .webinars-level-box-styles .webinars-level-sel-styles {
  background-color: #0ea8e0;
  height: 90px;
}
.webinars-outer-container .webinars-level-container .webinars-level-box-styles .webinars-level-vo-styles {
  background-color: #EF7F39;
  height: 90px;
}
.webinars-outer-container .webinars-level-container .webinars-level-box-styles .webinars-level-ma-styles {
  background-color: #C21E55;
  height: 90px;
}
/* ----------- Desktop Small Screens ----------- */
@media screen and (max-width: 890px) {
  .productsListCell .productIteminCell {
    width: 19rem;
  }
  .by-grade-level-outer-container {
    text-align: center;
  }
  .all-grades-titles {
    text-align: center;
    margin: 0 auto;
  }
  .overview-outer-container {
    text-align: center;
  }
}
/* ----------- iPhone 5 and 5S ----------- */
/* Portrait and Landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) {
  .productsListCell .productIteminCell {
    width: auto;
  }
  .by-grade-level-outer-container {
    text-align: center;
  }
}
/* ----------- iPhone 6 ----------- */
/* Portrait and Landscape */
/* ----------- iPhone 6+ ----------- */
/* Portrait and Landscape */
.salesConsultant-renewal-page #stateArea {
  margin: 1rem 0 2rem 0;
  color: #4d4d4f;
  text-transform: uppercase;
  font-family: 'MuseoSans-300';
}
.salesConsultant-renewal-page #rep-name {
  color: #1f3344;
  font-family: 'MuseoSans-700';
}
.salesConsultant-renewal-page #phone {
  color: #1f3344;
  font-family: 'MuseoSans-300';
}
.salesConsultant-renewal-page #email {
  color: #e6032f;
  font-family: 'MuseoSans-700';
}
.salesConsultant {
  margin: unset;
  width: 100%;
  max-width: 50rem;
  border: 0.1rem solid #00BAC6;
  box-shadow: 0.2rem 0.2rem 0.3rem #909090;
}
.salesConsultant #stateName {
  display: block;
  padding: 0.3rem;
  text-align: left;
  background-color: #00BAC6;
  color: white;
  font-size: 1.2rem;
  font-weight: bold;
  padding-left: 2.0625rem;
}
.salesConsultant #rep-info-wrapper {
  margin-left: 33px;
  margin-top: 13px;
  margin-bottom: 40px;
}
.salesConsultant #stateArea {
  background: rgba(0, 186, 198, 0.11);
  font-family: "MuseoSans-700";
  color: #1f3344;
  padding-left: 2.0625rem;
  padding-top: 4px;
}
.salesConsultant #consultantInfo {
  display: block;
  padding: 0;
  color: #505050;
  font-size: 1.3rem;
}
.salesConsultant #rep-name {
  font-size: 24px;
  font-family: "MuseoSans-700";
}
.salesConsultant #rep-title {
  color: #707070;
  font-size: 18px;
  font-family: "MuseoSans-700";
  text-transform: uppercase;
}
.salesConsultant #phone {
  color: #1F3343;
  font-family: "MuseoSans-300";
  font-size: 20px;
}
.salesConsultant .salesConsultant-renewal-styles-1 {
  display: block;
  width: 100%;
  max-width: 100%;
}
.salesConsultant .salesConsultant-renewal-styles-1 a {
  white-space: normal;
}
.hwWinnerPageStyles {
  margin: unset;
  width: 100%;
  max-width: 50rem;
  border: 0.1rem solid #00BAC6;
  box-shadow: 0.2rem 0.2rem 0.3rem #909090;
}
.hwWinnerPageStyles .stateName {
  display: block;
  padding: 0.3rem;
  text-align: left;
  background-color: #00BAC6;
  color: white;
  font-size: 1.2rem;
  font-weight: bold;
  padding-left: 2.0625rem;
}
.hwWinnerPageStyles .rep-info-wrapper {
  margin-left: 33px;
  margin-top: 13px;
  margin-bottom: 40px;
}
.hwWinnerPageStyles .stateArea {
  background: rgba(0, 186, 198, 0.11);
  font-family: "MuseoSans-700";
  color: #1f3344;
  padding-left: 2.0625rem;
  padding-top: 4px;
}
.hwWinnerPageStyles .consultantInfo {
  display: block;
  padding: 0;
  color: #505050;
  font-size: 1.3rem;
}
.hwWinnerPageStyles .rep-name {
  font-size: 24px;
  font-family: "MuseoSans-700";
}
.hwWinnerPageStyles .rep-title {
  color: #707070;
  font-size: 18px;
  font-family: "MuseoSans-700";
  text-transform: uppercase;
}
.hwWinnerPageStyles .school-title {
  color: #707070;
  font-size: 18px;
  font-family: "MuseoSans-700";
}
.hwWinnerPageStyles .phone {
  color: #1F3343;
  font-family: "MuseoSans-300";
  font-size: 20px;
}
.hwWinnerPageStyles .student-styles-1 {
  display: inline-block;
  width: 100%;
  max-width: 70%;
}
.hwWinnerPageStyles .student-styles-1 a {
  white-space: normal;
}
.hwWinnerPageStyles .student-styles-2 {
  display: inline-block;
  width: 100%;
  max-width: 30%;
  vertical-align: top;
}
.hwWinnerPageStyles .student-styles-2 img {
  width: 100%;
  max-width: 150px;
  height: 100%;
  max-height: 187px;
  padding: 15px;
  padding-bottom: 36px;
}
.event-table tbody td:first-of-type {
  white-space: nowrap;
}
#materialNav {
  text-align: center;
}
#materialNav .material-nav-item {
  text-align: center;
  background-color: #fff;
  color: #000;
  border: 2px solid #E60330;
  border-radius: 100%;
  font-weight: bold;
  font-size: 1.2rem;
  width: 68px;
  height: 68px;
  line-height: 68px;
  margin: 0.5rem;
  display: inline-block;
  cursor: pointer;
}
#materialNav .material-nav-item.active,
#materialNav .material-nav-item:hover {
  background-color: #E60330;
  color: #fff;
}
.materialHead {
  text-align: center;
  margin-top: 2rem;
}
.materialHead .next-gen {
  padding: 10px 40px;
  background-color: #E60330;
  color: #ffffff;
  font-size: 1.2em;
  display: inline-block;
}
.materialHead .next-gen:hover {
  background-color: #666;
}
.materialHead h3 {
  font-size: 1.8rem;
  margin-bottom: 3.2rem;
}
.materialHead h4 {
  font-size: 1.5rem;
  font-weight: normal;
  margin-bottom: 0.5rem;
}
#materialsContentSPCN {
  margin: 0 auto;
  text-align: center;
}
#materialsContentSPCN .material-product-item {
  display: inline-block;
  text-align: left;
  font-size: 1.25rem;
  font-family: 'MuseoSans-300';
  width: 304px;
  height: 925px;
  margin: 1rem 2rem;
  vertical-align: top;
  border: 1px solid #C0C0C0;
}
#materialsContentSPCN .material-product-item h4 {
  color: #FFFFFF;
  padding: 0.65rem 1rem;
  background-color: #1F3343;
  margin: 0;
  font-family: 'MuseoSans-700';
}
#materialsContentSPCN .material-product-item h4 p {
  margin: 0;
}
#materialsContentSPCN .material-product-item img {
  display: block;
  margin: 0 auto;
  padding: 1rem 0;
  max-width: 259px;
}
#materialsContentSPCN .material-product-item .card-container {
  min-height: 750px;
}
#materialsContentSPCN .material-product-item .link {
  display: block;
  text-align: center;
  margin-top: 0.5rem;
}
#materialsContentSPCN .material-product-item .link a {
  display: block;
  padding: 0.1rem 0.1rem;
  background-color: #E60330;
  color: #ffffff;
  font-size: 1.25rem;
  text-align: center;
  margin: 1.25rem;
  font-family: 'MuseoSans-500';
  white-space: nowrap;
}
#materialsContentSPCN .material-product-item .link a:hover {
  background-color: #666;
}
#materialsContentSPCN .material-product-item .no-button {
  padding: 0 1rem;
}
#materialsContentSPCN .material-product-item .footnote {
  font-size: 0.8rem;
  font-style: italic;
}
#materialsContent {
  margin: 0 auto;
  text-align: center;
}
#materialsContent .material-product-item {
  display: inline-block;
  text-align: left;
  width: 275px;
  margin: 1rem 2rem;
  vertical-align: top;
  border: 1px solid #C0C0C0;
}
#materialsContent .material-product-item h4 {
  color: #FFFFFF;
  padding: 0.65rem 1rem;
  background-color: #1F3343;
  margin: 0;
  font-family: 'MuseoSans-300';
}
#materialsContent .material-product-item h4 p {
  margin: 0;
}
#materialsContent .material-product-item img {
  display: block;
  margin: 0 auto;
  padding: 1rem 0;
  max-width: 249px;
}
#materialsContent .material-product-item .link {
  text-align: left;
  margin-top: 0.5rem;
}
#materialsContent .material-product-item .link a {
  padding: 0.3rem 1rem;
  background-color: #E60330;
  color: #ffffff;
  font-size: 0.9em;
  text-align: center;
  text-transform: uppercase;
  margin: 0 1rem;
}
#materialsContent .material-product-item .link a:hover {
  background-color: #666;
}
#materialsContent .material-product-item .no-button {
  padding: 0 1rem;
}
#materialsContent .material-product-item .footnote {
  font-size: 0.8rem;
  font-style: italic;
}
/* ----------- Desktop Small Screens ----------- */
@media screen and (max-width: 890px) {
  #materialsContentSPCN {
    min-height: max-content;
    max-height: max-content;
    text-align: center;
  }
  #materialsContentSPCN .material-product-item {
    width: 475px;
  }
  #materialsContentSPCN .material-product-item .link {
    padding-left: 1rem;
  }
  #materialsContentSPCN .material-product-item .link a {
    padding: 0.2rem 0.2rem;
    font-size: 1.875rem;
  }
  #materialsContent {
    text-align: center;
  }
  #materialsContent .material-product-item {
    width: 475px;
  }
  #materialsContent .material-product-item .link {
    padding-left: 1rem;
  }
  #materialsContent .material-product-item .link a {
    padding: 0.3rem 0.3rem;
  }
}
/* ----------- iPhone 5 and 5S ----------- */
/* Portrait and Landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) {
  #materialsContentSPCN {
    min-height: max-content;
    max-height: max-content;
    text-align: center;
  }
  #materialsContentSPCN .material-product-item {
    min-height: max-content;
    max-height: max-content;
    height: max-content;
    font-size: 1.875rem;
    width: 475px;
  }
  #materialsContentSPCN .material-product-item .link {
    padding-left: 1rem;
  }
  #materialsContentSPCN .material-product-item .link a {
    padding: 0.2rem 0.2rem;
    font-size: 1.875rem;
  }
  #materialsContentSPCN .material-product-item .card-container {
    min-height: max-content;
    max-height: max-content;
  }
  #materialsContent {
    text-align: center;
  }
  #materialsContent .material-product-item {
    width: 475px;
  }
  #materialsContent .material-product-item .link {
    padding-left: 1rem;
  }
  #materialsContent .material-product-item .link a {
    padding: 0.3rem 0.3rem;
  }
}
/* ----------- iPhone 6 ----------- */
/* Portrait and Landscape */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) {
  #materialsContentSPCN {
    min-height: max-content;
    max-height: max-content;
    text-align: center;
  }
  #materialsContentSPCN .material-product-item {
    min-height: max-content;
    max-height: max-content;
    height: max-content;
    font-size: 1.875rem;
    width: 475px;
  }
  #materialsContentSPCN .material-product-item .link {
    padding-left: 1rem;
  }
  #materialsContentSPCN .material-product-item .link a {
    padding: 0.2rem 0.2rem;
    font-size: 1.875rem;
  }
  #materialsContentSPCN .material-product-item .card-container {
    min-height: max-content;
    max-height: max-content;
  }
  #materialsContent {
    text-align: center;
  }
  #materialsContent .material-product-item {
    width: 475px;
  }
  #materialsContent .material-product-item .link {
    padding-left: 1rem;
  }
  #materialsContent .material-product-item .link a {
    padding: 0.3rem 0.3rem;
  }
}
/* ----------- iPhone 6+ ----------- */
/* Portrait and Landscape */
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) {
  #materialsContentSPCN {
    min-height: max-content;
    max-height: max-content;
    text-align: center;
  }
  #materialsContentSPCN .material-product-item {
    min-height: max-content;
    max-height: max-content;
    height: max-content;
    font-size: 1.875rem;
    width: 475px;
  }
  #materialsContentSPCN .material-product-item .link {
    padding-left: 1rem;
  }
  #materialsContentSPCN .material-product-item .link a {
    padding: 0.3rem 0.3rem;
  }
  #materialsContentSPCN .material-product-item .card-container {
    min-height: max-content;
    max-height: max-content;
  }
  #materialsContent {
    text-align: center;
  }
  #materialsContent .material-product-item {
    width: 475px;
  }
  #materialsContent .material-product-item .link {
    padding-left: 1rem;
  }
  #materialsContent .material-product-item .link a {
    padding: 0.3rem 0.3rem;
  }
}