@import url("https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css");
@import url("https://fonts.googleapis.com/css?family=Lato:700,400");
/* The following line is used to measure usage of this code. You can remove it if you want. */

@font-face {
  font-family: "Lato-Regular-Light";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/Lato-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "Lato-Bold-Regular";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/Lato-Bold.ttf") format("truetype");
}

.header .container {
    max-width: 1240px;
}
div#menuExpand {
    max-width: 1240px;
}
.navigation .navlinks {
    width: 1240px;
}
button.activities-nav-link {
    border: none;
    background-color: inherit;
}


.full-width-a {
  width: 100%;
}

.full-height-a {
  height: 100%;
}

.container-center-horizontal {
  display: flex;
  flex-direction: row;
  justify-content: center;
  pointer-events: none;
  width: 100%;
}

.container-center-horizontal > * {
  flex-shrink: 0;
  pointer-events: auto;
}

* {
  box-sizing: border-box;
}

.rect-gray {
  background-color: var(--concord);
}

.education-technology {
  letter-spacing: 0;
  line-height: 16px;
  margin-bottom: 6.0px;
  margin-left: 17px;
  min-height: 21px;
  min-width: 158px;
  white-space: nowrap;
}

.sign-up-for-ti-emails {
  letter-spacing: 0;
  line-height: 11px;
  min-height: 15px;
  min-width: 103px;
  text-align: right;
  white-space: nowrap;
}

.search-box {
  align-items: flex-start;
  display: flex;
  height: 24px;
  margin-right: 2px;
  min-width: 154px;
}

.rectangle-5 {
  background-color: var(--cararra);
  border: 1px solid;
  border-color: var(--dove-gray);
  border-radius: 10px 0px 0px 10px;
  height: 26px;
  left: 0;
  position: absolute;
  top: 0;
  width: 130px;
}

.rectangle-4 {
  background-color: var(--white);
  border: 1px solid;
  border-color: var(--dove-gray);
  border-radius: 0px 10px 10px 0px;
  height: 26px;
  left: 129px;
  position: absolute;
  top: 0;
  width: 27px;
}

.path-2 {
  height: 12px;
  left: 138px;
  object-fit: cover;
  position: absolute;
  top: 7px;
  width: 10px;
}

.rect-red {
  background-color: #CC0000;
}

.nav-main {
  min-width: 1300px;
}

.overlap-group-1 {
  height: 31px;
  position: relative;
  width: 1300px;
}

.atom-nav-background {
  align-items: flex-start;
  background-color: var(--alto-2);
  box-shadow: 0px 3px 6px #0000001a;
  display: flex;
  flex-direction: column;
  left: 0;
  min-height: 31px;
  position: absolute;
  top: 0;
  width: 1300px;
}

.rectangle-9 {
  background: linear-gradient(180deg, #c6c6c6 0%, rgba(198, 198, 198, 0) 100%);
  height: 5px;
  width: 1300px;
}

.rectangle-8 {
  background-color: var(--alto-3);
  height: 2px;
  margin-top: 23px;
  width: 1300px;
}

.rectangle-7 {
  background-color: var(--silver-2);
  height: 1px;
  width: 1300px;
}

.nav-buttons {
  height: 31px;
  left: 30px;
  min-width: 507px;
  position: absolute;
  top: 0;
}

.atom-nav-button {
  background-color: var(--white);
  display: flex;
  height: 31px;
  justify-content: space-between;
  width: 68px;
}

.rule-verticle {
  background: linear-gradient(180deg, rgba(172, 172, 172, 0) 0%, #acacac 100%);
  width: 1px;
}

.atom-nav-button-1 {
  width: 81px;
}

.downloads {
  height: 17px;
  letter-spacing: 0;
  line-height: 12px;
  margin-right: 9px;
  white-space: nowrap;
  width: 62px;
}

.atom-nav-button-2 {
  width: 71px;
}

.atom-nav-button-3 {
  width: 74px;
}

.educators {
  height: 17px;
  letter-spacing: 0;
  line-height: 12px;
  margin-right: 9px;
  white-space: nowrap;
  width: 55px;
}

.atom-nav-button-4 {
  width: 119px;
}

.customer-support {
  height: 17px;
  letter-spacing: 0;
  line-height: 12px;
  margin-right: 9px;
  white-space: nowrap;
  width: 100px;
}

.atom-nav-button-5 {
  width: 94px;
}

.where-to-buy {
  height: 17px;
  letter-spacing: 0;
  line-height: 12px;
  margin-right: 8px;
  white-space: nowrap;
  width: 76px;
}

.site {
  letter-spacing: 0;
  line-height: 12px;
  margin-bottom: -2px;
  text-align: right;
  white-space: nowrap;
  width: 22px;
}

.us-and-canada {
  letter-spacing: 0;
  line-height: 12px;
  margin-bottom: -2px;
  margin-right: -2px;
  text-align: right;
  white-space: nowrap;
  width: 82px;
}

.ellipse-1 {
  border: 3px solid;
  border-color: var(--white);
  border-radius: 12.5px;
  height: 25px;
  left: 20px;
  position: absolute;
  top: 14px;
  width: 25px;
}

.rectangle-12 {
  background-color: var(--white);
  height: 3px;
  left: 37px;
  position: absolute;
  top: 38px;
  transform: rotate(45.00deg);
  width: 18px;
}

.viewing-1-15-of-5731 {
  flex: 1;
  height: 21px;
  letter-spacing: 0;
  line-height: 22px;
  margin-right: -2px;
  white-space: nowrap;
}


.group-210 {
  align-items: flex-end;
  display: flex;
  height: 19px;
  justify-content: space-between;
  width: 105px;
}

.caret {
  align-items: flex-end;
  display: flex;
  height: 6px;
  justify-content: flex-end;
  margin-bottom: -2.1px;
  width: 12px;
}

.caret-down {
  height: 8.41px;
  object-fit: cover;
  width: 14.83px;
}

.h6-title {
  align-items: flex-end;
  display: flex;
  flex: 1;
  height: 19px;
  max-height: 19px;
}

.products-1 {
  flex: 1;
  height: 21px;
  letter-spacing: 0;
  line-height: 20px;
  margin-right: -2px;
  white-space: nowrap;
}

.text-link {
  align-items: flex-end;
  display: flex;
  flex: 1;
}

.ti-84-plus-ce-techno {
  flex: 1;
  height: 119px;
  letter-spacing: 0;
  line-height: 20px;
  margin-right: -2px;
}

.group-181-1 {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 8px;
  height: 184px;
  max-height: 184px;
}

.product-support {
  flex: 1;
  height: 21px;
  letter-spacing: 0;
  line-height: 20px;
  margin-right: -2px;
  white-space: nowrap;
}

.update-ti-84-plus-ce {
  flex: 1;
  height: 159px;
  letter-spacing: 0;
  line-height: 20px;
  margin-right: -2px;
}

.mathsciencestemco {
  flex: 1;
  height: 199px;
  letter-spacing: 0;
  line-height: 20px;
  margin-right: -2px;
}

.group-181 {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 8px;
  height: 124px;
  max-height: 124px;
}

.administrator-resources {
  flex: 1;
  height: 21px;
  letter-spacing: 0;
  line-height: 20px;
  margin-right: -2px;
  white-space: nowrap;
}

.professional-develop {
  flex: 1;
  height: 99px;
  letter-spacing: 0;
  line-height: 20px;
  margin-right: -2px;
}

.lessons-and-activities {
  flex: 1;
  height: 21px;
  letter-spacing: 0;
  line-height: 20px;
  margin-right: -2px;
  white-space: nowrap;
}

.address {
  flex: 1;
  height: 179px;
  letter-spacing: 0;
  line-height: 20px;
  margin-right: -2px;
}

.general-information {
  flex: 1;
  height: 21px;
  letter-spacing: 0;
  line-height: 20px;
  margin-right: -2px;
  white-space: nowrap;
}

.about-usbulle-t-in-bo {
  flex: 1;
  height: 99px;
  letter-spacing: 0;
  line-height: 20px;
  margin-right: -2px;
}

.flex-col-item {
  letter-spacing: 0;
  line-height: 11px;
  min-height: 15px;
  white-space: nowrap;
}

.about-us-news-center-contact-ti {
  letter-spacing: 0;
  line-height: 11px;
  min-height: 15px;
  min-width: 190px;
  text-align: right;
  white-space: nowrap;
}

.icon {
  height: 25px;
  object-fit: cover;
  width: 25px;
}

.atom-nav-button-6 {
  display: flex;
  height: 31px;
  justify-content: space-between;
}

.group-180-4 {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 8px;
}

.h6-title-6 {
  align-items: flex-end;
  display: flex;
  flex: 1;
  height: 19px;
  max-height: 19px;
}

.nav {
  align-items: flex-start;
  display: flex;
}

.overlap-group3 {
  height: 13px;
  left: 282px;
  position: absolute;
  top: 33px;
  width: 13px;
}

.ellipse-2 {
  border: 2px solid;
  border-color: var(--suva-gray);
  border-radius: 4.5px;
  height: 9px;
  left: 0;
  position: absolute;
  top: 0;
  width: 9px;
}

.line-1 {
  height: 7px;
  left: 6px;
  object-fit: cover;
  position: absolute;
  top: 6px;
  width: 7px;
}

.hamburger {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 6px;
  justify-content: center;
  left: 324px;
  min-height: 16px;
  position: absolute;
  top: 30px;
  width: 20px;
}

.line {
  height: 2px;
  margin-left: -1px;
  object-fit: cover;
  width: 22px;
}

.rectangle-200 {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 100%);
  height: 10px;
  width: 360px;
}

.line-5 {
  height: 1px;
  margin-left: 1.0px;
  margin-top: 19px;
  object-fit: cover;
  width: 320px;
}

.polygon-3 {
  height: 15px;
  margin-left: 0;
  margin-top: 2.0px;
  object-fit: cover;
  width: 12.95px;
}


.download-all-files-zip {
  flex: 1;
  height: 21px;
  letter-spacing: 0;
  line-height: 22px;
  margin-right: -2px;
  white-space: nowrap;
}

.copyright-1995-202 {
  letter-spacing: 0;
  line-height: 11px;
  min-height: 28px;
  width: 322px;
}

.trademarksprivacy-p {
  letter-spacing: 0;
  line-height: 20px;
  min-height: 95px;
  min-width: 133px;
  white-space: nowrap;
}

.about-usnews-centercontact-ti {
  letter-spacing: 0;
  line-height: 20px;
  min-height: 55px;
  min-width: 66px;
  text-align: right;
  white-space: nowrap;
}

.activities-1 {
  align-self: flex-end;
  flex: 1;
  height: 21px;
  letter-spacing: 0;
  line-height: 22px;
  margin-right: -2px;
  white-space: nowrap;
  width: 1172px;
}

.ss-act-exploring-motion-in-the-plane-1 {
  height: 49px;
  margin-left: -2px;
  margin-top: -2px;
  object-fit: cover;
  width: 64px;
}

.ss-act-distance-vs-displacement {
  height: 45px;
  margin-left: 18px;
  object-fit: cover;
  width: 60px;
}

.ss-act-exploring {
  height: 45px;
  margin-left: 20px;
  object-fit: cover;
  width: 60px;
}

.about-the-lesson {
  flex: 1;
  height: 26px;
  letter-spacing: 0;
  line-height: 26px;
  margin-right: -2px;
  white-space: nowrap;
}

.student-files {
  flex: 1;
  height: 26px;
  letter-spacing: 0;
  line-height: 26px;
  margin-right: -2px;
  white-space: nowrap;
}

.student-activity-pdf {
  flex: 1;
  height: 21px;
  letter-spacing: 0;
  line-height: 22px;
  margin-right: -2px;
  white-space: nowrap;
}

.teacher-files {
  height: 26px;
  line-height: 26px;
}

.teacher-notes-pdf {
  flex: 1;
  height: 21px;
  letter-spacing: 0;
  line-height: 22px;
  margin-right: -2px;
  white-space: nowrap;
}

.tns-file {
  flex: 1;
  height: 26px;
  letter-spacing: 0;
  line-height: 26px;
  margin-right: -2px;
  white-space: nowrap;
}

.ti-nspire-activity-tns {
  color: var(--blue-lagoon);
  flex: 1;
  font-family: lato;
  font-size: var(--font-size-l);
  font-weight: 400;
  height: 21px;
  letter-spacing: 0;
  line-height: 22px;
  margin-right: -2px;
  white-space: nowrap;
}

.group-190 {
  align-items: flex-start;
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 20px;
  margin-left: 30px;
  margin-right: 30px;
  margin-top: 30px;
  min-height: 724px;
}

.h4 {
  align-items: flex-end;
  display: flex;
  flex: 1;
  max-height: 19px;
}


.technology {
  flex: 1;
  height: 21px;
  letter-spacing: 0;
  line-height: 22px;
  margin-right: -2px;
  white-space: nowrap;
}

.subject-area {
  flex: 1;
  height: 21px;
  letter-spacing: 0;
  line-height: 22px;
  margin-right: -2px;
  white-space: nowrap;
}

.math-calculus-appl {
  flex: 1;
  height: 43px;
  letter-spacing: 0;
  line-height: 22px;
  margin-right: -2px;
}

.device {
  flex: 1;
  height: 21px;
  letter-spacing: 0;
  line-height: 22px;
  margin-right: -2px;
  white-space: nowrap;
}

.software {
  flex: 1;
  height: 21px;
  letter-spacing: 0;
  line-height: 22px;
  margin-right: -2px;
  white-space: nowrap;
}

.alignment {
  flex: 1;
  height: 21px;
  letter-spacing: 0;
  line-height: 22px;
  margin-right: -2px;
  white-space: nowrap;
}

.standards-alignmenttextbook-alignment {
  flex: 1;
  height: 43px;
  letter-spacing: 0;
  line-height: 22px;
  margin-right: -2px;
}

.applications {
  flex: 1;
  height: 21px;
  letter-spacing: 0;
  line-height: 22px;
  margin-right: -2px;
  white-space: nowrap;
}

.inequality-graphing-for-ti-nspire {
  flex: 1;
  height: 21px;
  letter-spacing: 0;
  line-height: 22px;
  margin-right: -2px;
  white-space: nowrap;
}

.ti-nspire-version {
  color: var(--mine-shaft);
  flex: 1;
  font-family: lato;
  font-size: var(--font-size-l);
  font-weight: 400;
  height: 21px;
  letter-spacing: 0;
  line-height: 22px;
  margin-right: -2px;
  white-space: nowrap;
}


.h4-9 {
  align-items: flex-end;
  display: flex;
  flex: 1;
  max-height: 19px;
}

.teacher {
  flex: 1;
  letter-spacing: 0;
  margin-right: -2px;
  white-space: nowrap;
}

.ti-nspire-cx {
  flex: 1;
  height: 43px;
  letter-spacing: 0;
  line-height: 22px;
  margin-right: -2px;
}


.activity-global-search input[type=text] {
    padding: 10px;
    font-size: 17px;
    border: none;
    float: left;
    width: 80%;
}

.activity-global-search button {
    float: left;
    width: 20%;
    background: #CC0000;
    color: white;
    font-size: 17px;
    border: 1px solid grey;
    border-left: none;
    cursor: pointer;
}

    .activity-global-search button:hover {
        background: #CC0000;
    }

.activity-global-search ::after {
    content: "";
    clear: both;
    display: table;
}


.etactivities-subject-navigation nav ul li {
    width: 190px;
    position: relative;
}
.etactivities-subject-navigation .Subject-area-subitems.selected {
    display: block;
    padding-left: 18px;
}

.etactivities-subject-navigation .Subject-area-subitems {
    display: none;
}

.etpaging nav a.active, .etpaging-bottom nav a.active {
    display: inline-block;
    font: bold 12px Arial,Helvetica,sans-serif;
    color: #525252;
    margin: 0 4px;
    font-size: 14px;
}
.etpaging nav a.page-link-button, .etpaging-bottom nav a.page-link-button-bottom {
    font: bold 12px Arial,Helvetica,sans-serif;
    color: #1973b4;
    margin: 0 4px;
    cursor: pointer;
    font-size: 14px;
    display: inline-table;
}

.etpaging h2, .etpaging-bottom h2 {
    font: bold 12px Arial,Helvetica,sans-serif;
    color: #525252;
    margin: 0 4px;
    font-size: 14px;
}

.etactivity-asynchronous-search-options {
    display: table-row;
}
.etactivity-asynchronous-search-options h2,.etpaging-bottom  h2{
    display: table-cell;
    padding-right: 9px;
    font-family: Lato;
    font-size: 16px;
    font-weight: lighter;
    font-family: Lato;
    color: #525252;
}
.etactivity-asynchronous-search-options .etpaging,.etpaging-bottom {
    display: table-cell;
    padding-right: 9px;
}
.etactivity-asynchronous-search-options .etpaging nav,.etpaging-bottom nav {
    display: table-cell;
}
.etactivity-asynchronous-search-options .etpaging .viewing-results,.etpaging-bottom .viewing-results {
     display: table-cell;
}

.activities-list-page-list-view .fewer .etactivities-search-criterion .checkbox-list {
    display: none;
}

.activities-list-page-list-view .fewer .Subject-area-subitems .checkbox-list.only-four-items {
    display: inline-flex;
}

.activities-list-page-list-view .fewer .etactivities-search-criterion .checkbox-list.featured {
    display: inline-flex;
}

.activities-list-page-list-view .fewer .checked-nagiation.etactivities-search-criterion .checkbox-list {
    display: inline-flex;
}

/* Create two equal columns that floats next to each other */
.activity-column {
    float: left;
    width: 50%;
    padding: 10px;
}

/* Clear floats after the columns */
.activity-row:after {
    content: "";
    display: table;
    clear: both;
}

.screen a {
    display: contents;
    text-decoration: none;
}


.download-files {
    flex: 1;
    height: auto;
    letter-spacing: 0;
    line-height: 26px;
    margin-right: -2px;
    white-space: nowrap;
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: lighter;
    font-family: Lato;
}


.author {
    flex: 1;
    height: auto;
    letter-spacing: 0;
    line-height: 10px;
    margin-right: -2px;
    white-space: nowrap;
    font-size: 16px;
    font-weight: bold;
    font-family: Lato;
}
.loading {
    color: #CC0000;
}


/* Position the image container (needed to position the left and right arrows) */
.image-carousel-container {
    position: relative;
}

/* Hide the images by default */
.activity-image-frame {
    display: none;
}


.image-carousel-container .row:after {
    content: "";
    display: table;
    clear: both;
}

/* Six columns side by side */
.image-carousel-container .column {
    float: left;
    width: 16.66%;
}

/* Add a transparency effect for thumnbail images */
.image-carousel-container .activity-carousel-images-thumb {
    opacity: 0.6;
    cursor: pointer;
    height: 50px;
}

.image-carousel-container .active,
.activity-carousel-images-thumb:hover {
    opacity: 1;
}


.etactivities-search-results-content-wrapper .criteria-bucket .criteria-item {
    display: inline-block;
    padding-left: 18px;
    vertical-align: top;
    background: url(/App_Themes/Default/Images/activities-search/checkbox-x.png) left 1px no-repeat;
    font-size: 16px;
    cursor: pointer;
    line-height: 18px;
    white-space: nowrap;
    margin-right: 5px;
    margin-left: 8px;
}
.etactivities-search-results-content-wrapper .criteria-bucket {
    color: #525252;
}

.etactivities-search-results-content-wrapper .criteria-bucket .bucket-title:last-child {
    display: none;
}