body.ie8 {
  min-width: 1230px
}
.pageGroup, .pageContent, .pageTitle {
  padding: 0
}
.pageGroup {
  position: relative
}
.breadcrumb {
  overflow: hidden;
  max-width: 1230px;
  margin: 0 auto;
  padding: 1.5em 0.5em 0
}
.pageGroup .container {
  max-width: 1230px;
  margin: 0 auto
}
.pageGroup.align-left .breadcrumb {
  padding: 1.5em 2.8% 0.2em;
  margin: 0
}
.pageGroup.align-left .container, .pageGroup.align-left #pageContentBody>.page-title {
  margin: 0 2.3%
}
.pageContent {
  overflow: hidden
}
#pageContentBody>section {
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out
}
#pageContentBody .page-title {
  max-width: 1230px;
  margin: 0 auto;
  padding: 0.8em 0.5em 0;
  font-family: "Roboto", sans-serif
}

@media only screen and (max-width: 1280px) {
#pageContentBody .page-title {
  padding: 1em 1.5em 0
}
}

@media only screen and (max-width: 640px) {
#pageContentBody .page-title {
  padding: 1em 1em 0
}
}
#pageContentBody .page-title h1 {
  font-size: 2.4em;
  font-weight: 300;
  border-bottom: 1px solid #e0e0e0;
  padding: 0.5em 0;
  margin: 0
}
#pageContentBody .container {
  overflow: hidden;
  padding: 4.5em 0.5em 2.5em
}

@media only screen and (max-width: 1280px) {
#pageContentBody .container {
  padding: 3.5em 1.5em 1em
}
}

@media only screen and (max-width: 640px) {
#pageContentBody .container {
  padding: 4em 1em
}
}
#pageContentBody .container h2.section-title {
  font-family: "Roboto", sans-serif;
  font-size: 2.14em;
  font-weight: 300;
  margin-bottom: 0.8em
}
#pageContentBody .container h2.section-title.border {
  padding: 0.5em 0 0.4em;
  border-bottom: 1px solid #e0e0e0
}
#pageContentBody>.divider-primary {
  max-width: 1230px;
  margin: 0 auto;
  padding: 1em 0;
  background-color: #fff;
  background-position-x: center
}
.single-page h2.section-title {
  padding: 0.5em 0 0.4em;
  border-bottom: 1px solid #e0e0e0
}
.single-page h2.section-title:first-child {
  padding-top: 0
}
.btn-backToTop {
  position: fixed;
  width: 40px;
  height: 35px;
  bottom: 0;
  right: 0;
  z-index: 100;
  cursor: pointer;
  content: url(https://www.ti.com/ww/en/assets/responsiveTemplate/img/icon-back-top-top.png);
  background: url(https://www.ti.com/ww/en/assets/responsiveTemplate/img/icon-back-top-top-ie.png);
  display: none
}

@media only screen and (max-width: 640px) {
.c5_odd, .c7_odd {
  float: none;
  padding: 0;
  margin-bottom: 2em;
  width: 100%
}
}
.bold {
  font-weight: bold
}
.w100 {
  width: 100%;
  max-width: 100%
}
.title {
  text-align: center
}
.title h1, .title h2, .title h3, .title h4, .title h5 {
  margin: 0
}
.center {
  text-align: center
}
.c4, .c5, .c6, .c7, .c8, .c9, .c10, .c11 {
  padding: 0 3em 0 0
}

@media only screen and (max-width: 1280px) {
.c4, .c5, .c6, .c7, .c8, .c9, .c10, .c11 {
  padding: 0 1.4em 0 0
}
}

@media only screen and (max-width: 640px) {
.c4, .c5, .c6, .c7, .c8, .c9, .c10, .c11 {
  padding: 0
}
}
.c1 .c4, .c1 .c5, .c1 .c6, .c1 .c7, .c1 .c8, .c1 .c9, .c1 .c10, .c1 .c11, .c2 .c4, .c2 .c5, .c2 .c6, .c2 .c7, .c2 .c8, .c2 .c9, .c2 .c10, .c2 .c11, .c3 .c4, .c3 .c5, .c3 .c6, .c3 .c7, .c3 .c8, .c3 .c9, .c3 .c10, .c3 .c11, .c4 .c4, .c4 .c5, .c4 .c6, .c4 .c7, .c4 .c8, .c4 .c9, .c4 .c10, .c4 .c11, .c5 .c4, .c5 .c5, .c5 .c6, .c5 .c7, .c5 .c8, .c5 .c9, .c5 .c10, .c5 .c11, .c6 .c4, .c6 .c5, .c6 .c6, .c6 .c7, .c6 .c8, .c6 .c9, .c6 .c10, .c6 .c11, .c7 .c4, .c7 .c5, .c7 .c6, .c7 .c7, .c7 .c8, .c7 .c9, .c7 .c10, .c7 .c11, .c8 .c4, .c8 .c5, .c8 .c6, .c8 .c7, .c8 .c8, .c8 .c9, .c8 .c10, .c8 .c11, .c9 .c4, .c9 .c5, .c9 .c6, .c9 .c7, .c9 .c8, .c9 .c9, .c9 .c10, .c9 .c11, .c10 .c4, .c10 .c5, .c10 .c6, .c10 .c7, .c10 .c8, .c10 .c9, .c10 .c10, .c10 .c11, .c11 .c4, .c11 .c5, .c11 .c6, .c11 .c7, .c11 .c8, .c11 .c9, .c11 .c10, .c11 .c11, .c12 .c4, .c12 .c5, .c12 .c6, .c12 .c7, .c12 .c8, .c12 .c9, .c12 .c10, .c12 .c11 {
  padding: 0 1.4em 0 0
}
.c1.cEnd, .c2.cEnd, .c3.cEnd, .c4.cEnd, .c5.cEnd, .c6.cEnd, .c7.cEnd, .c8.cEnd, .c9.cEnd, .c10.cEnd, .c11.cEnd, .c12.cEnd {
  padding-right: 0
}
.borderLeft {
  padding-left: 2em
}

@media only screen and (max-width: 640px) {
.borderLeft {
  border: none;
  border-top: 1px dotted #e0e0e0;
  padding: 3em 0 0
}
}
.borderLeft.c6 {
  padding-left: 3em
}

@media only screen and (max-width: 640px) {
.borderLeft.c6 {
  padding-left: 0
}
}
.borderTop {
  border-top: 1px #aaa dotted;
  padding-top: 1em
}
.no-stack {
  padding-right: 0
}

@media only screen and (max-width: 640px) {
.no-stack .c1, .no-stack .c2, .no-stack .c3, .no-stack .c4, .no-stack .c5, .no-stack .c6, .no-stack .c7, .no-stack .c8, .no-stack .c9, .no-stack .c10, .no-stack .c11, .no-stack .c12, .no-stack .c5_odd, .no-stack .c7_odd {
  float: left;
  padding: 0 1.4em 0 0
}
.no-stack .c1 {
  width: 8.33%
}
.no-stack .c2 {
  width: 16.66%
}
.no-stack .c3 {
  width: 25%
}
.no-stack .c4 {
  width: 33.33%
}
.no-stack .c5 {
  width: 41.66%
}
.no-stack .c6 {
  width: 50%
}
.no-stack .c7 {
  width: 58.33%
}
.no-stack .c8 {
  width: 66.66%
}
.no-stack .c9 {
  width: 75%
}
.no-stack .c10 {
  width: 83.33%
}
.no-stack .c11 {
  width: 91.66%
}
.no-stack .c12 {
  width: 100%
}
.no-stack .c5_odd {
  width: 20%
}
.no-stack .c7_odd {
  width: 14.285%
}
}
.v-align {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center
}
.table-wrap {
  border: 1px solid #e0e0e0;
  border-bottom: none;
  border-top: none;
  position: relative
}
.table-wrap .swipe-action-bg {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 40px;
  z-index: 10;
  background: -webkit-linear-gradient(left, rgba(255,0,0,0), rgba(0,0,0,0.4));
  background: -o-linear-gradient(right, rgba(255,0,0,0), rgba(0,0,0,0.4));
  background: -moz-linear-gradient(right, rgba(255,0,0,0), rgba(0,0,0,0.4));
  background: linear-gradient(to right, rgba(255,0,0,0), rgba(0,0,0,0.4))
}
.table-wrap .overflow {
  overflow: auto
}
.table-wrap .overflow table {
  width: 100%;
  margin: 0;
  border-left: none
}
.swipe-finger {
  width: 61px;
  height: 54px;
  position: absolute;
  right: 3px;
  top: 50%;
  margin-top: -27px;
  z-index: 11;
  background: url(https://www.ti.com/ww/en/assets/responsiveTemplate/img/swipe-finger.png) no-repeat 100%;
  background-size: 100%;
  -webkit-animation: mymove 1s infinite;
  animation: mymove 1s infinite;
  animation-direction: alternate
}
@-webkit-keyframes mymove {
0% {
right:0px
}
50% {
right:20px
}
100% {
right:0px
}
}
@keyframes mymove {
0% {
right:0px
}
50% {
right:20px
}
100% {
right:0px
}
}
.table-overflow {
  width: 100%
}
.table-wrap {
  position: relation
}
.table-wrap .swipe-action-bg {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 50px;
  z-index: 10;
  background: -webkit-linear-gradient(left, rgba(255,0,0,0), rgba(0,0,0,0.4));
  background: -o-linear-gradient(right, rgba(255,0,0,0), rgba(0,0,0,0.4));
  background: -moz-linear-gradient(right, rgba(255,0,0,0), rgba(0,0,0,0.4));
  background: linear-gradient(to right, rgba(255,0,0,0), rgba(0,0,0,0.4))
}
.table-wrap .overflow {
  overflow: auto
}
.table-wrap .overflow table {
  width: 100%;
  margin: 0;
  border-left: none
}
.product-thumb {
  border: 1px solid #d5dedf;
  background: #fff
}
.product-thumb .img {
  position: relative
}
.product-thumb .img>ul {
  padding: 0;
  margin: 0;
  border-bottom: 1px solid #e4e9e9
}
.product-thumb .img>ul>li {
  padding: 0;
  margin: 0;
  background: none;
  display: none
}
.product-thumb .img>ul>li:first-child {
  display: block
}
.product-thumb .thumbs {
  position: absolute;
  top: 1em;
  left: 1em;
  width: 13%;
  max-width: 5em;
  background: #fff;
  border: 1px solid #bac3c4;
  z-index: 10
}
.product-thumb .thumbs ul, .product-thumb .thumbs li {
  margin: 0;
  padding: 0
}
.product-thumb .thumbs li {
  background: none;
  cursor: pointer
}
.product-thumb .thumbs li img {
  display: block;
  opacity: 0.6
}
.product-thumb .thumbs li:first-child img {
  opacity: 1
}
.product-thumb .description {
  padding: 1.3em
}
ul.btn-block, ul.btn-block li {
  margin: 0;
  padding: 0
}
ul.btn-block li {
  margin-bottom: 0.5em;
  background: none
}
ul.btn-block li a {
  display: block;
  white-space: normal
}

@media only screen and (max-width: 640px) {
ul.btn-block, ul.btn-block li {
  margin-right: 0
}
}
.img-border {
  overflow: hidden;
  border: 1px solid #e0e0e0;
  margin-bottom: 0.8em;
  position: relative
}
.img-border img {
  display: block
}
.img-border span {
  position: absolute;
  right: 0;
  bottom: 0;
  background: #189;
  padding: 0.4em 0.7em;
  color: #fff;
  font-size: 0.8em;
  display: block
}
.prod-banner, .ti-slide-banner {
  position: relative;
  font-size: 0;
  line-height: 0;
  max-width: 602px
}
.prod-banner.square, .ti-slide-banner.square {
  position: relative;
  font-size: 0;
  line-height: 0;
  max-width: 302px !important;
  min-width: 200px !important
}
.prod-banner.no-border, .ti-slide-banner.no-border {
  border: none;
  max-width: 600px
}
.prod-banner.center, .ti-slide-banner.center {
  margin: 0 auto
}
.prod-banner.right, .ti-slide-banner.right {
  margin-left: auto;
  margin-right: 0
}
.prod-banner.no-border.square, .ti-slide-banner.no-border.square {
  border: none;
  max-width: 300px
}
.prod-banner.no-border .slides, .ti-slide-banner.no-border .slides {
  border: none
}
.prod-banner *, .ti-slide-banner * {
  padding: 0
}
.prod-banner img, .ti-slide-banner img {
  max-width: 100%
}
.prod-banner .slides, .ti-slide-banner .slides {
  position: relative;
  border: 1px solid silver
}
.prod-banner .slides>ul, .ti-slide-banner .slides>ul {
  position: absolute;
  overflow: hidden;
  white-space: nowrap;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1
}
.prod-banner .slides>ul>li, .ti-slide-banner .slides>ul>li {
  position: absolute;
  display: block;
  width: 100%;
  max-width: 100%;
  line-height: 0;
  top: 0;
  left: 100%;
  bottom: 0
}
.prod-banner .slides li.selected, .ti-slide-banner .slides li.selected {
  left: 0;
  z-index: 1
}
.prod-banner .slides.fade li, .ti-slide-banner .slides.fade li {
  left: 0 !important;
  right: 0 !important
}
.prod-banner .slides a, .ti-slide-banner .slides a {
  display: block;
  position: relative
}
.prod-banner .slides a img, .ti-slide-banner .slides a img {
  border: 0
}
.prod-banner .slides .position, .ti-slide-banner .slides .position {
  position: static;
  display: block;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0)
}
.prod-banner .slides .position img, .ti-slide-banner .slides .position img {
  opacity: 0;
  z-index: 0
}
.prod-banner .slides>.arrow, .ti-slide-banner .slides>.arrow {
  position: absolute;
  width: 80px;
  top: 0;
  bottom: 0;
  text-indent: -99999em;
  outline: none;
  cursor: pointer;
  opacity: 0;
  z-index: 5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0)
}
.prod-banner .slides .arrow.next, .ti-slide-banner .slides .arrow.next {
  background: url(https://www.ti.com/assets/images/slideNext.png) center right no-repeat;
  right: 0
}
.prod-banner .slides .arrow.prev, .ti-slide-banner .slides .arrow.prev {
  background: url(https://www.ti.com/assets/images/slidePrev.png) center left no-repeat;
  left: 0
}
.prod-banner .prod-control, .ti-slide-banner .prod-control {
  position: relative;
  width: 100%;
  background: url(https://www.ti.com/assets/images/slideBg.png) no-repeat;
  background-size: 100% 100%;
  height: 22px
}
.prod-banner .prod-control ul, .ti-slide-banner .prod-control ul {
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: 0px;
  text-align: center
}
.prod-banner .prod-control ul li, .ti-slide-banner .prod-control ul li {
  margin: 5px 2px;
  display: inline-block;
  zoom: 1;
  background: url(https://www.ti.com/assets/images/slideNav_off.png) no-repeat;
  background/*\**/: url(https://www.ti.com/assets/images/slideNav_off_low.png) no-repeat\9;
  background-size: 100% 100%;
  text-indent: -99999em !important;
  width: 9px;
  height: 9px;
  cursor: pointer
}
.prod-banner .prod-control ul li.selected, .ti-slide-banner .prod-control ul li.selected {
  background: url(https://www.ti.com/assets/images/slideNav_on.png) no-repeat;
  background/*\**/: url(https://www.ti.com/assets/images/slideNav_on_low.png) no-repeat\9;
  background-size: 100% 100%
}
.isSmallScreen {
  display: none
}

@media (max-width: 639px) {
.mobile .isSmallScreen {
  display: inline-block;
  content: "";
  width: 1px;
  height: 1px;
  overflow: hidden
}
}
.flex-group .flex, .flex-group .c1, .flex-group .c2, .flex-group .c3, .flex-group .c4, .flex-group .c5, .flex-group .c6, .flex-group .c7, .flex-group .c8, .flex-group .c9, .flex-group .c10, .flex-group .c11, .flex-group .c12, .flex-group .c5_odd, .flex-group .c7_odd, .flex-group .product-thumb {
  vertical-align: top;
  height: inherit
}
.flex-table .flex-col {
  padding: 0;
  border-right: 1px solid #fff
}
.flex-table .flex-col:first-child {
  border-left: 1px solid #fff
}

@media only screen and (max-width: 640px) {
.flex-table .flex-col {
  border-left: 1px solid #fff
}
}
.flex-table .flex-col .flex-row {
  border-top: 1px #aaa dotted
}
.flex-table.padding .flex-col {
  padding: 0 1.2em 0 0
}
.flex-table.padding .flex-row {
  padding: 1.3em;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff
}
.flex-table.padding .flex-row:first-child {
  border: none
}
.flex-table.padding.c2 .flex-row, .flex-table.padding.c5_odd .flex-row {
  padding: 0.8em
}

@media only screen and (max-width: 640px) {
.flex-table.padding {
  height: auto !important
}
}
.flex-row {
  background: #edf7f8;
  padding: 1.3em
}
.flex-row:after, .flex:after, .flex-group .c1:after, .flex-group .c2:after, .flex-group .c3:after, .flex-group .c4:after, .flex-group .c5:after, .flex-group .c6:after, .flex-group .c7:after, .flex-group .c8:after, .flex-group .c9:after, .flex-group .c10:after, .flex-group .c11:after, .flex-group .c12:after, .flex-group .c5_odd:after, .flex-group .c7_odd:after, .flex-group .product-thumb:after {
  content: "";
  display: block;
  clear: both
}
.flex-row:before, .flex:before, .flex-group .c1:before, .flex-group .c2:before, .flex-group .c3:before, .flex-group .c4:before, .flex-group .c5:before, .flex-group .c6:before, .flex-group .c7:before, .flex-group .c8:before, .flex-group .c9:before, .flex-group .c10:before, .flex-group .c11:before, .flex-group .c12:before, .flex-group .c5_odd:before, .flex-group .c7_odd:before, .flex-group .product-thumb:before {
  content: "";
  display: table
}

@media only screen and (max-width: 640px) {
.featurebox-group .featurebox, .featurebox-group .flex-row, .featurebox-group .flex, .featurebox-group .flex-group .c1, .flex-group .featurebox-group .c1, .featurebox-group .flex-group .c2, .flex-group .featurebox-group .c2, .featurebox-group .flex-group .c3, .flex-group .featurebox-group .c3, .featurebox-group .flex-group .c4, .flex-group .featurebox-group .c4, .featurebox-group .flex-group .c5, .flex-group .featurebox-group .c5, .featurebox-group .flex-group .c6, .flex-group .featurebox-group .c6, .featurebox-group .flex-group .c7, .flex-group .featurebox-group .c7, .featurebox-group .flex-group .c8, .flex-group .featurebox-group .c8, .featurebox-group .flex-group .c9, .flex-group .featurebox-group .c9, .featurebox-group .flex-group .c10, .flex-group .featurebox-group .c10, .featurebox-group .flex-group .c11, .flex-group .featurebox-group .c11, .featurebox-group .flex-group .c12, .flex-group .featurebox-group .c12, .featurebox-group .flex-group .c5_odd, .flex-group .featurebox-group .c5_odd, .featurebox-group .flex-group .c7_odd, .flex-group .featurebox-group .c7_odd, .featurebox-group .flex-group .product-thumb, .flex-group .featurebox-group .product-thumb, .flex-table .featurebox, .flex-table .flex-row, .flex-table .flex, .flex-table .flex-group .c1, .flex-group .flex-table .c1, .flex-table .flex-group .c2, .flex-group .flex-table .c2, .flex-table .flex-group .c3, .flex-group .flex-table .c3, .flex-table .flex-group .c4, .flex-group .flex-table .c4, .flex-table .flex-group .c5, .flex-group .flex-table .c5, .flex-table .flex-group .c6, .flex-group .flex-table .c6, .flex-table .flex-group .c7, .flex-group .flex-table .c7, .flex-table .flex-group .c8, .flex-group .flex-table .c8, .flex-table .flex-group .c9, .flex-group .flex-table .c9, .flex-table .flex-group .c10, .flex-group .flex-table .c10, .flex-table .flex-group .c11, .flex-group .flex-table .c11, .flex-table .flex-group .c12, .flex-group .flex-table .c12, .flex-table .flex-group .c5_odd, .flex-group .flex-table .c5_odd, .flex-table .flex-group .c7_odd, .flex-group .flex-table .c7_odd, .flex-table .flex-group .product-thumb, .flex-group .flex-table .product-thumb, .flex-group .featurebox, .flex-group .flex-row, .flex-group .flex, .flex-group .c1, .flex-group .c2, .flex-group .c3, .flex-group .c4, .flex-group .c5, .flex-group .c6, .flex-group .c7, .flex-group .c8, .flex-group .c9, .flex-group .c10, .flex-group .c11, .flex-group .c12, .flex-group .c5_odd, .flex-group .c7_odd, .flex-group .product-thumb {
  display: block;
  height: auto !important
}
}
.bg-red {
  background: #c00
}
.bg-red-dk {
  background: #900
}
.bg-black {
  background: #000
}
.bg-grey {
  background: #aaa
}
.bg-white {
  background: #fff
}
.bg-teal {
  background: #189
}
.bg-teal-dk {
  background: #156
}
.bg-teal-lt {
  background: #0bc
}
.bg-yellow {
  background: #ffffe5
}
.bg-yellow-dk {
  background: #ffffb3
}
.bg-teal-lv1 {
  background: #156
}
.bg-teal-lv2 {
  background: #189
}
.bg-teal-lv3 {
  background: #9ed6df
}
.bg-teal-lv4 {
  background: #d9f1f4
}
.bg-teal-lv5 {
  background: #edf7f8
}
.bg-grey-lv1 {
  background: #555
}
.bg-grey-lv2 {
  background: #999
}
.bg-grey-lv3 {
  background: #ccc
}
.bg-grey-lv4 {
  background: #e0e0e0
}
.bg-grey-lv5 {
  background: #f0f0f0
}
.bg-red-lv1 {
  background: #900
}
.bg-red-lv2 {
  background: #c00
}
.bg-red-lv3 {
  background: #efb9b9
}
.bg-red-lv4 {
  background: #f4dfdf
}
.bg-red-lv5 {
  background: #fbeeee
}
.bg-padding, .bg-red, .bg-red-dk, .bg-black, .bg-grey, .bg-white, .bg-teal, .bg-teal-dk, .bg-teal-lt, .bg-yellow, .bg-yellow-dk, .bg-teal-lv1, .bg-teal-lv2, .bg-teal-lv3, .bg-teal-lv4, .bg-teal-lv5, .bg-grey-lv1, .bg-grey-lv2, .bg-grey-lv3, .bg-grey-lv4, .bg-grey-lv5, .bg-red-lv1, .bg-red-lv2, .bg-red-lv3, .bg-red-lv4, .bg-red-lv5 {
  padding: 1.3em
}
.section-bg {
  background: #189
}
.color-red .section-bg {
  background: #900
}
.color-grey .section-bg {
  background: #777
}
.font-with-dark-bg, .bg-red, .bg-red-dk, .bg-black, .bg-grey, .bg-teal, .bg-teal-dk, .bg-teal-lv1, .bg-teal-lv2, .bg-grey-lv1, .bg-grey-lv2, .bg-red-lv1, .bg-red-lv2, .section-bg, .color-red .section-bg, .color-grey .section-bg {
  color: #f9f9f9
}
.font-with-dark-bg h1, .bg-red h1, .bg-red-dk h1, .bg-black h1, .bg-grey h1, .bg-teal h1, .bg-teal-dk h1, .bg-teal-lv1 h1, .bg-teal-lv2 h1, .bg-grey-lv1 h1, .bg-grey-lv2 h1, .bg-red-lv1 h1, .bg-red-lv2 h1, .section-bg h1, .color-red .section-bg h1, .color-grey .section-bg h1, .font-with-dark-bg h2, .bg-red h2, .bg-red-dk h2, .bg-black h2, .bg-grey h2, .bg-teal h2, .bg-teal-dk h2, .bg-teal-lv1 h2, .bg-teal-lv2 h2, .bg-grey-lv1 h2, .bg-grey-lv2 h2, .bg-red-lv1 h2, .bg-red-lv2 h2, .section-bg h2, .color-red .section-bg h2, .color-grey .section-bg h2, .font-with-dark-bg h3, .bg-red h3, .bg-red-dk h3, .bg-black h3, .bg-grey h3, .bg-teal h3, .bg-teal-dk h3, .bg-teal-lv1 h3, .bg-teal-lv2 h3, .bg-grey-lv1 h3, .bg-grey-lv2 h3, .bg-red-lv1 h3, .bg-red-lv2 h3, .section-bg h3, .color-red .section-bg h3, .color-grey .section-bg h3, .font-with-dark-bg h4, .bg-red h4, .bg-red-dk h4, .bg-black h4, .bg-grey h4, .bg-teal h4, .bg-teal-dk h4, .bg-teal-lv1 h4, .bg-teal-lv2 h4, .bg-grey-lv1 h4, .bg-grey-lv2 h4, .bg-red-lv1 h4, .bg-red-lv2 h4, .section-bg h4, .color-red .section-bg h4, .color-grey .section-bg h4, .font-with-dark-bg h5, .bg-red h5, .bg-red-dk h5, .bg-black h5, .bg-grey h5, .bg-teal h5, .bg-teal-dk h5, .bg-teal-lv1 h5, .bg-teal-lv2 h5, .bg-grey-lv1 h5, .bg-grey-lv2 h5, .bg-red-lv1 h5, .bg-red-lv2 h5, .section-bg h5, .color-red .section-bg h5, .color-grey .section-bg h5 {
  color: #fff
}
.font-with-dark-bg p, .bg-red p, .bg-red-dk p, .bg-black p, .bg-grey p, .bg-teal p, .bg-teal-dk p, .bg-teal-lv1 p, .bg-teal-lv2 p, .bg-grey-lv1 p, .bg-grey-lv2 p, .bg-red-lv1 p, .bg-red-lv2 p, .section-bg p, .color-red .section-bg p, .color-grey .section-bg p {
  color: #d9f1f4
}
.font-with-dark-bg a, .bg-red a, .bg-red-dk a, .bg-black a, .bg-grey a, .bg-teal a, .bg-teal-dk a, .bg-teal-lv1 a, .bg-teal-lv2 a, .bg-grey-lv1 a, .bg-grey-lv2 a, .bg-red-lv1 a, .bg-red-lv2 a, .section-bg a, .color-red .section-bg a, .color-grey .section-bg a {
  color: #fff
}
.font-with-dark-bg a:hover, .bg-red a:hover, .bg-red-dk a:hover, .bg-black a:hover, .bg-grey a:hover, .bg-teal a:hover, .bg-teal-dk a:hover, .bg-teal-lv1 a:hover, .bg-teal-lv2 a:hover, .bg-grey-lv1 a:hover, .bg-grey-lv2 a:hover, .bg-red-lv1 a:hover, .bg-red-lv2 a:hover, .section-bg a:hover {
  color: #fff !important
}
.font-with-dark-bg a:visited, .bg-red a:visited, .bg-red-dk a:visited, .bg-black a:visited, .bg-grey a:visited, .bg-teal a:visited, .bg-teal-dk a:visited, .bg-teal-lv1 a:visited, .bg-teal-lv2 a:visited, .bg-grey-lv1 a:visited, .bg-grey-lv2 a:visited, .bg-red-lv1 a:visited, .bg-red-lv2 a:visited, .section-bg a:visited {
  color: #d9f1f4
}
.font-with-dark-bg a.button, .bg-red a.button, .bg-red-dk a.button, .bg-black a.button, .bg-grey a.button, .bg-teal a.button, .bg-teal-dk a.button, .bg-teal-lv1 a.button, .bg-teal-lv2 a.button, .bg-grey-lv1 a.button, .bg-grey-lv2 a.button, .bg-red-lv1 a.button, .bg-red-lv2 a.button, .section-bg a.button {
  background: none
}
.font-with-dark-bg a.btnA, .bg-red a.btnA, .bg-red-dk a.btnA, .bg-black a.btnA, .bg-grey a.btnA, .bg-teal a.btnA, .bg-teal-dk a.btnA, .bg-teal-lv1 a.btnA, .bg-teal-lv2 a.btnA, .bg-grey-lv1 a.btnA, .bg-grey-lv2 a.btnA, .bg-red-lv1 a.btnA, .bg-red-lv2 a.btnA, .section-bg a.btnA, .font-with-dark-bg a.red, .bg-red a.red, .bg-red-dk a.red, .bg-black a.red, .bg-grey a.red, .bg-teal a.red, .bg-teal-dk a.red, .bg-teal-lv1 a.red, .bg-teal-lv2 a.red, .bg-grey-lv1 a.red, .bg-grey-lv2 a.red, .bg-red-lv1 a.red, .bg-red-lv2 a.red, .section-bg a.red {
  background: #c00
}
.font-with-dark-bg a.btnB, .bg-red a.btnB, .bg-red-dk a.btnB, .bg-black a.btnB, .bg-grey a.btnB, .bg-teal a.btnB, .bg-teal-dk a.btnB, .bg-teal-lv1 a.btnB, .bg-teal-lv2 a.btnB, .bg-grey-lv1 a.btnB, .bg-grey-lv2 a.btnB, .bg-red-lv1 a.btnB, .bg-red-lv2 a.btnB, .section-bg a.btnB, .font-with-dark-bg a.black, .bg-red a.black, .bg-red-dk a.black, .bg-black a.black, .bg-grey a.black, .bg-teal a.black, .bg-teal-dk a.black, .bg-teal-lv1 a.black, .bg-teal-lv2 a.black, .bg-grey-lv1 a.black, .bg-grey-lv2 a.black, .bg-red-lv1 a.black, .bg-red-lv2 a.black, .section-bg a.black {
  background: #333
}
.font-with-dark-bg a.btnC, .bg-red a.btnC, .bg-red-dk a.btnC, .bg-black a.btnC, .bg-grey a.btnC, .bg-teal a.btnC, .bg-teal-dk a.btnC, .bg-teal-lv1 a.btnC, .bg-teal-lv2 a.btnC, .bg-grey-lv1 a.btnC, .bg-grey-lv2 a.btnC, .bg-red-lv1 a.btnC, .bg-red-lv2 a.btnC, .section-bg a.btnC, .font-with-dark-bg a.teal, .bg-red a.teal, .bg-red-dk a.teal, .bg-black a.teal, .bg-grey a.teal, .bg-teal a.teal, .bg-teal-dk a.teal, .bg-teal-lv1 a.teal, .bg-teal-lv2 a.teal, .bg-grey-lv1 a.teal, .bg-grey-lv2 a.teal, .bg-red-lv1 a.teal, .bg-red-lv2 a.teal, .section-bg a.teal {
  background: #156
}
.font-with-dark-bg-red p, .bg-red p, .bg-red-dk p, .bg-red-lv1 p, .bg-red-lv2 p, .color-red .section-bg p {
  color: #f4dfdf
}
.font-with-dark-bg-red a, .bg-red a, .bg-red-dk a, .bg-red-lv1 a, .bg-red-lv2 a, .color-red .section-bg a {
  color: #ffffb3
}
.font-with-dark-bg-red a:hover, .bg-red a:hover, .bg-red-dk a:hover, .bg-red-lv1 a:hover, .bg-red-lv2 a:hover, .color-red .section-bg a:hover {
  color: #ffffe5
}
.font-with-dark-bg-red a:visited, .bg-red a:visited, .bg-red-dk a:visited, .bg-red-lv1 a:visited, .bg-red-lv2 a:visited, .color-red .section-bg a:visited {
  color: #ffffe5
}
.font-with-dark-bg-grey p, .bg-black p, .bg-grey p, .bg-grey-lv1 p, .bg-grey-lv2 p, .color-grey .section-bg p {
  color: #f0f0f0
}
.section-bg .product-thumb, .section-bg .featurebox, .section-bg .stack, .section-bg .bg-white, .section-bg .bg-yellow, .section-bg .bg-yellow-dk, .section-bg .bg-red-lv3, .section-bg .bg-red-lv4, .section-bg .bg-red-lv5, .section-bg .bg-teal-lv3, .section-bg .bg-teal-lv4, .section-bg .bg-teal-lv5, .section-bg .bg-grey-lv3, .section-bg .bg-grey-lv4, .section-bg .bg-grey-lv5, .section-bg table {
  color: #555
}
.section-bg .product-thumb a, .section-bg .featurebox a, .section-bg .stack a, .section-bg .bg-white a, .section-bg .bg-yellow a, .section-bg .bg-yellow-dk a, .section-bg .bg-red-lv3 a, .section-bg .bg-red-lv4 a, .section-bg .bg-red-lv5 a, .section-bg .bg-teal-lv3 a, .section-bg .bg-teal-lv4 a, .section-bg .bg-teal-lv5 a, .section-bg .bg-grey-lv3 a, .section-bg .bg-grey-lv4 a, .section-bg .bg-grey-lv5 a, .section-bg table a {
  color: #189
}
.section-bg .product-thumb a:visited, .section-bg .featurebox a:visited, .section-bg .stack a:visited, .section-bg .bg-white a:visited, .section-bg .bg-yellow a:visited, .section-bg .bg-yellow-dk a:visited, .section-bg .bg-red-lv3 a:visited, .section-bg .bg-red-lv4 a:visited, .section-bg .bg-red-lv5 a:visited, .section-bg .bg-teal-lv3 a:visited, .section-bg .bg-teal-lv4 a:visited, .section-bg .bg-teal-lv5 a:visited, .section-bg .bg-grey-lv3 a:visited, .section-bg .bg-grey-lv4 a:visited, .section-bg .bg-grey-lv5 a:visited, .section-bg table a:visited {
  color: #a66
}
.section-bg .product-thumb p, .section-bg .product-thumb ul, .section-bg .featurebox p, .section-bg .featurebox ul, .section-bg .stack p, .section-bg .stack ul, .section-bg .bg-white p, .section-bg .bg-white ul, .section-bg .bg-yellow p, .section-bg .bg-yellow ul, .section-bg .bg-yellow-dk p, .section-bg .bg-yellow-dk ul, .section-bg .bg-red-lv3 p, .section-bg .bg-red-lv3 ul, .section-bg .bg-red-lv4 p, .section-bg .bg-red-lv4 ul, .section-bg .bg-red-lv5 p, .section-bg .bg-red-lv5 ul, .section-bg .bg-teal-lv3 p, .section-bg .bg-teal-lv3 ul, .section-bg .bg-teal-lv4 p, .section-bg .bg-teal-lv4 ul, .section-bg .bg-teal-lv5 p, .section-bg .bg-teal-lv5 ul, .section-bg .bg-grey-lv3 p, .section-bg .bg-grey-lv3 ul, .section-bg .bg-grey-lv4 p, .section-bg .bg-grey-lv4 ul, .section-bg .bg-grey-lv5 p, .section-bg .bg-grey-lv5 ul, .section-bg table p, .section-bg table ul {
  color: #555
}
.section-bg .product-thumb h1, .section-bg .product-thumb h2, .section-bg .product-thumb h3, .section-bg .product-thumb h4, .section-bg .product-thumb h5, .section-bg .product-thumb h6, .section-bg .featurebox h1, .section-bg .featurebox h2, .section-bg .featurebox h3, .section-bg .featurebox h4, .section-bg .featurebox h5, .section-bg .featurebox h6, .section-bg .stack h1, .section-bg .stack h2, .section-bg .stack h3, .section-bg .stack h4, .section-bg .stack h5, .section-bg .stack h6, .section-bg .bg-white h1, .section-bg .bg-white h2, .section-bg .bg-white h3, .section-bg .bg-white h4, .section-bg .bg-white h5, .section-bg .bg-white h6, .section-bg .bg-yellow h1, .section-bg .bg-yellow h2, .section-bg .bg-yellow h3, .section-bg .bg-yellow h4, .section-bg .bg-yellow h5, .section-bg .bg-yellow h6, .section-bg .bg-yellow-dk h1, .section-bg .bg-yellow-dk h2, .section-bg .bg-yellow-dk h3, .section-bg .bg-yellow-dk h4, .section-bg .bg-yellow-dk h5, .section-bg .bg-yellow-dk h6, .section-bg .bg-red-lv3 h1, .section-bg .bg-red-lv3 h2, .section-bg .bg-red-lv3 h3, .section-bg .bg-red-lv3 h4, .section-bg .bg-red-lv3 h5, .section-bg .bg-red-lv3 h6, .section-bg .bg-red-lv4 h1, .section-bg .bg-red-lv4 h2, .section-bg .bg-red-lv4 h3, .section-bg .bg-red-lv4 h4, .section-bg .bg-red-lv4 h5, .section-bg .bg-red-lv4 h6, .section-bg .bg-red-lv5 h1, .section-bg .bg-red-lv5 h2, .section-bg .bg-red-lv5 h3, .section-bg .bg-red-lv5 h4, .section-bg .bg-red-lv5 h5, .section-bg .bg-red-lv5 h6, .section-bg .bg-teal-lv3 h1, .section-bg .bg-teal-lv3 h2, .section-bg .bg-teal-lv3 h3, .section-bg .bg-teal-lv3 h4, .section-bg .bg-teal-lv3 h5, .section-bg .bg-teal-lv3 h6, .section-bg .bg-teal-lv4 h1, .section-bg .bg-teal-lv4 h2, .section-bg .bg-teal-lv4 h3, .section-bg .bg-teal-lv4 h4, .section-bg .bg-teal-lv4 h5, .section-bg .bg-teal-lv4 h6, .section-bg .bg-teal-lv5 h1, .section-bg .bg-teal-lv5 h2, .section-bg .bg-teal-lv5 h3, .section-bg .bg-teal-lv5 h4, .section-bg .bg-teal-lv5 h5, .section-bg .bg-teal-lv5 h6, .section-bg .bg-grey-lv3 h1, .section-bg .bg-grey-lv3 h2, .section-bg .bg-grey-lv3 h3, .section-bg .bg-grey-lv3 h4, .section-bg .bg-grey-lv3 h5, .section-bg .bg-grey-lv3 h6, .section-bg .bg-grey-lv4 h1, .section-bg .bg-grey-lv4 h2, .section-bg .bg-grey-lv4 h3, .section-bg .bg-grey-lv4 h4, .section-bg .bg-grey-lv4 h5, .section-bg .bg-grey-lv4 h6, .section-bg .bg-grey-lv5 h1, .section-bg .bg-grey-lv5 h2, .section-bg .bg-grey-lv5 h3, .section-bg .bg-grey-lv5 h4, .section-bg .bg-grey-lv5 h5, .section-bg .bg-grey-lv5 h6, .section-bg table h1, .section-bg table h2, .section-bg table h3, .section-bg table h4, .section-bg table h5, .section-bg table h6 {
  color: #333
}
.section-bg .bg-teal-lv1 h1, .section-bg .bg-teal-lv1 h2, .section-bg .bg-teal-lv1 h3, .section-bg .bg-teal-lv1 h4, .section-bg .bg-teal-lv1 h5, .section-bg .bg-teal-lv2 h1, .section-bg .bg-teal-lv2 h2, .section-bg .bg-teal-lv2 h3, .section-bg .bg-teal-lv2 h4, .section-bg .bg-teal-lv2 h5, .section-bg .bg-red-lv1 h1, .section-bg .bg-red-lv1 h2, .section-bg .bg-red-lv1 h3, .section-bg .bg-red-lv1 h4, .section-bg .bg-red-lv1 h5, .section-bg .bg-red-lv2 h1, .section-bg .bg-red-lv2 h2, .section-bg .bg-red-lv2 h3, .section-bg .bg-red-lv2 h4, .section-bg .bg-red-lv2 h5, .section-bg .bg-grey-lv1 h1, .section-bg .bg-grey-lv1 h2, .section-bg .bg-grey-lv1 h3, .section-bg .bg-grey-lv1 h4, .section-bg .bg-grey-lv1 h5, .section-bg .bg-grey-lv2 h1, .section-bg .bg-grey-lv2 h2, .section-bg .bg-grey-lv2 h3, .section-bg .bg-grey-lv2 h4, .section-bg .bg-grey-lv2 h5 {
  color: #fff
}
.section-bg .bg-teal-lv1 p, .section-bg .bg-teal-lv2 p, .section-bg .bg-red-lv1 p, .section-bg .bg-red-lv2 p, .section-bg .bg-grey-lv1 p, .section-bg .bg-grey-lv2 p {
  color: #d9f1f4
}
.section-bg .bg-teal-lv1 a, .section-bg .bg-teal-lv2 a, .section-bg .bg-red-lv1 a, .section-bg .bg-red-lv2 a, .section-bg .bg-grey-lv1 a, .section-bg .bg-grey-lv2 a {
  color: #fff
}
.section-bg .bg-teal-lv1 a:hover, .section-bg .bg-teal-lv2 a:hover, .section-bg .bg-red-lv1 a:hover, .section-bg .bg-red-lv2 a:hover, .section-bg .bg-grey-lv1 a:hover, .section-bg .bg-grey-lv2 a:hover {
  color: #fff
}
.section-bg .bg-teal-lv1 a:visited, .section-bg .bg-teal-lv2 a:visited, .section-bg .bg-red-lv1 a:visited, .section-bg .bg-red-lv2 a:visited, .section-bg .bg-grey-lv1 a:visited, .section-bg .bg-grey-lv2 a:visited {
  color: #d9f1f4
}
.section-bg .bg-teal-lv1 a.button, .section-bg .bg-teal-lv2 a.button, .section-bg .bg-red-lv1 a.button, .section-bg .bg-red-lv2 a.button, .section-bg .bg-grey-lv1 a.button, .section-bg .bg-grey-lv2 a.button {
  background: none
}
.section-bg .bg-teal-lv1 a.btnA, .section-bg .bg-teal-lv1 a.red, .section-bg .bg-teal-lv2 a.btnA, .section-bg .bg-teal-lv2 a.red, .section-bg .bg-red-lv1 a.btnA, .section-bg .bg-red-lv1 a.red, .section-bg .bg-red-lv2 a.btnA, .section-bg .bg-red-lv2 a.red, .section-bg .bg-grey-lv1 a.btnA, .section-bg .bg-grey-lv1 a.red, .section-bg .bg-grey-lv2 a.btnA, .section-bg .bg-grey-lv2 a.red {
  background: #c00
}
.section-bg .bg-teal-lv1 a.btnB, .section-bg .bg-teal-lv1 a.black, .section-bg .bg-teal-lv2 a.btnB, .section-bg .bg-teal-lv2 a.black, .section-bg .bg-red-lv1 a.btnB, .section-bg .bg-red-lv1 a.black, .section-bg .bg-red-lv2 a.btnB, .section-bg .bg-red-lv2 a.black, .section-bg .bg-grey-lv1 a.btnB, .section-bg .bg-grey-lv1 a.black, .section-bg .bg-grey-lv2 a.btnB, .section-bg .bg-grey-lv2 a.black {
  background: #333
}
.section-bg .bg-teal-lv1 a.btnC, .section-bg .bg-teal-lv1 a.teal, .section-bg .bg-teal-lv2 a.btnC, .section-bg .bg-teal-lv2 a.teal, .section-bg .bg-red-lv1 a.btnC, .section-bg .bg-red-lv1 a.teal, .section-bg .bg-red-lv2 a.btnC, .section-bg .bg-red-lv2 a.teal, .section-bg .bg-grey-lv1 a.btnC, .section-bg .bg-grey-lv1 a.teal, .section-bg .bg-grey-lv2 a.btnC, .section-bg .bg-grey-lv2 a.teal {
  background: #156
}
.section-bg .stack.level1 h1, .section-bg .stack.level1 h2, .section-bg .stack.level1 h3, .section-bg .stack.level1 h4, .section-bg .stack.level1 h5, .section-bg .stack.level1 h6 {
  color: #fff
}
#pageContentHeader {
  background: #e5ebeb url(https://ti.com/assets/en/images/homepage/megatab-bg.jpg) repeat-x 0 0
}
#pageContentHeader .container {
  overflow: hidden;
  padding: 0 0.5%
}

@media only screen and (max-width: 1280px) {
#pageContentHeader .container {
  padding: 0 2%
}
}
#pageContentHeader .container.no-padding {
  padding: 0
}

@media only screen and (max-width: 1280px) {
#pageContentHeader .container.no-padding {
  padding: 0
}
}
#pageContentHeader .row {
  margin: 0
}
#pageContentHeader .intro-text {
  padding: 1.5em 0 1.5em
}
#pageContentHeader .intro-text h1 {
  font-family: "Roboto", sans-serif;
  font-size: 3.2em;
  font-weight: normal;
  margin: 0 0 0.15em
}
#pageContentHeader .intro-text.bold {
  font-weight: 600
}
#pageContentHeader .intro-text p {
  max-width: 50em
}

@media only screen and (max-width: 640px) {
#pageContentHeader .c1, #pageContentHeader .c2, #pageContentHeader .c3, #pageContentHeader .c4, #pageContentHeader .c5, #pageContentHeader .c6, #pageContentHeader .c7, #pageContentHeader .c8, #pageContentHeader .c9, #pageContentHeader .c10, #pageContentHeader .c11, #pageContentHeader .c12 {
  margin: 0
}
#pageContentHeader .intro-graphic img {
  width: 70%
}
}
nav.stickyNav {
  left: 50%;
  margin: 0.8em auto 0;
  font-family: "Roboto", arial, sans-serif
}
nav.stickyNav *:visited {
  color: #000
}
nav.stickyNav *:hover {
  color: #fff !important
}
nav.stickyNav.sticky {
  position: fixed;
  top: 0;
  z-index: 1000;
  margin: 0 auto;
  padding: 0;
  width: 1230px;
  margin-left: -615px
}
nav.stickyNav div.selected {
  display: none
}
nav.stickyNav>ul {
  list-style: none;
  display: table;
  width: 100%;
  margin: 0;
  border-left: 1px solid #cecece;
  border-right: 1px solid #cecece;
  border-bottom: 1px solid #c3c3c3;
  -webkit-box-shadow: 1px 1px 0px 0px rgba(230,230,230,0.75);
  -moz-box-shadow: 1px 1px 0px 0px rgba(230,230,230,0.75);
  box-shadow: 1px 1px 0px 0px rgba(230,230,230,0.75)
}
nav.stickyNav>ul.table {
  display: table !important
}
nav.stickyNav>ul>li {
  background: none;
  display: table-cell;
  margin: 0;
  padding: 0;
  text-align: center;
  font-size: 1em;
  border-left: 1px solid #fff;
  background: #e0e0e0
}
nav.stickyNav>ul>li:first-child {
  border-left: none
}
nav.stickyNav>ul>li a {
  display: block;
  color: #000;
  text-decoration: none;
  font-weight: 500;
  padding: 1em
}
nav.stickyNav>ul>li a:hover:visited {
  color: #fff !important
}
nav.stickyNav>ul>li.active {
  background: #156
}
nav.stickyNav>ul>li.active a {
  color: #fff
}
nav.stickyNav>ul>li a:hover {
  text-decoration: none;
  background: #189;
  color: #fff;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out
}
nav.stickyNav>ul>li.active a:hover {
  background: #156;
  color: #fff
}
nav.stickyNav.red div.selected {
  background: #c00
}
nav.stickyNav.red ul li.active {
  background: #c00
}
nav.stickyNav.red ul li a:hover {
  background: #900
}
nav.stickyNav.grey div.selected {
  background: #333
}
nav.stickyNav.grey ul li.active {
  background: #333
}
nav.stickyNav.grey ul li a:hover {
  background: #555
}
.align-left nav.stickyNav {
  left: 50%;
  margin: 0.8em auto 0;
  font-family: "Roboto", arial, sans-serif
}
.align-left nav.stickyNav.sticky {
  left: 2.3%;
  margin-top: 0
}

@media only screen and (max-width: 1280px) {
.align-left nav.stickyNav.sticky {
  width: 100%;
  margin-left: 0;
  left: 0
}
}

@media only screen and (max-width: 1280px) {
nav.stickyNav.sticky {
  width: 100%;
  margin-left: -50%
}
}

@media only screen and (max-width: 640px) {
nav.stickyNav {
  width: 100%;
  left: 0;
  position: static;
  font-size: 1.071em;
  -webkit-box-shadow: 0px 3px 5px -1px rgba(0,0,0,0.44);
  -moz-box-shadow: 0px 3px 5px -1px rgba(0,0,0,0.44);
  box-shadow: 0px 3px 5px -1px rgba(0,0,0,0.44);
  padding: 0px;
  margin: 0
}
nav.stickyNav.sticky {
  margin: 0
}
nav.stickyNav ul {
  display: none;
  position: relative;
  border: none
}
nav.stickyNav ul li {
  display: block;
  line-height: 2.85em;
  border-left: none;
  border-top: 1px solid #fff
}
nav.stickyNav ul li a {
  padding: 0
}
nav.stickyNav ul li.active {
  background: #189
}
nav.stickyNav ul li:last-child {
  border-bottom: 1px solid #d6d6d6
}
nav.stickyNav div.selected {
  display: block;
  background: #156;
  color: #fff;
  cursor: pointer;
  line-height: 2.85em;
  text-align: center;
  position: relative;
  font-size: 1.154em
}
nav.stickyNav div.selected:before {
  content: "";
  background: url(https://www.ti.com/ww/en/assets/responsiveTemplate/img/nav/icon-menu.png);
  position: absolute;
  top: 11px;
  background-size: 27px 20px;
  right: 10px;
  width: 27px;
  height: 20px
}
}
.modal-wrap {
  position: fixed;
  background: #fff;
  top: 50%;
  left: 50%;
  margin-left: -550px;
  width: 1100px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  z-index: 100001;
  display: none;
  -webkit-box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.35);
  -moz-box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.35);
  box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.35)
}

@media only screen and (max-width: 1280px) {
.modal-wrap {
  width: 90%;
  margin-left: -45%
}
}
.modal-wrap .close {
  position: absolute;
  right: 1em;
  top: 0.5em;
  z-index: 100001;
  cursor: pointer
}
.modal-wrap.ie8 {
  width: 90%;
  margin-left: -45%
}
.modal-box {
  overflow: auto;
  padding: 2.5em;
  height: 100%
}

@media only screen and (max-width: 640px) {
.modal-box {
  padding: 1.5em
}
}
.modal-bg {
  background: url(https://www.ti.com/ww/en/assets/responsiveTemplate/img/opacityBg.png);
  top: 0;
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 100000;
  display: none
}
.btn-modal.button {
  background: none;
  padding: 0.45em 0.8em
}
.btn-modal.button:hover {
  text-decoration: none
}
.btn-modal.button.btnA {
  background: #c00
}
.btn-modal.button.btnB {
  background: #333
}
.btn-modal.button.btnC {
  background: #189
}
.btn-modal {
  cursor: pointer
}
.btn-modal:hover {
  color: #c00;
  text-decoration: underline
}
.theme-grad-dark-teal, .theme-grad-light-teal, .theme-grad-dark-grey {
  background: #156
}
.theme-grad-dark-teal .breadcrumb, .theme-grad-light-teal .breadcrumb, .theme-grad-dark-grey .breadcrumb {
  color: #fff
}
.theme-grad-dark-teal .pageContent, .theme-grad-light-teal .pageContent, .theme-grad-dark-grey .pageContent {
  background: #dde6eb
}
.theme-grad-dark-teal #pageContentHeader, .theme-grad-light-teal #pageContentHeader, .theme-grad-dark-grey #pageContentHeader {
  background: #dde6eb;
  background: -moz-linear-gradient(top, #156 0%, #dde6eb 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #156), color-stop(100%, #dde6eb));
  background: -webkit-linear-gradient(top, #156 0%, #dde6eb 100%);
  background: -o-linear-gradient(top, #156 0%, #dde6eb 100%);
  background: -ms-linear-gradient(top, #156 0%, #dde6eb 100%);
  background: linear-gradient(to bottom, #115566 0%, #dde6eb 100%);
  background-image: linear-gradient(#115566, #dde6eb);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#115566', endColorstr='#dde6eb', GradientType=0 )
}
.theme-grad-dark-teal #pageContentHeader h1, .theme-grad-light-teal #pageContentHeader h1, .theme-grad-dark-grey #pageContentHeader h1 {
  color: #fff
}
.theme-grad-dark-teal #pageContentHeader h2, .theme-grad-light-teal #pageContentHeader h2, .theme-grad-dark-grey #pageContentHeader h2 {
  color: #000
}
.theme-grad-dark-teal #pageContentHeader p, .theme-grad-light-teal #pageContentHeader p, .theme-grad-dark-grey #pageContentHeader p {
  color: #000
}
.theme-grad-dark-teal #pageContentBody, .theme-grad-light-teal #pageContentBody, .theme-grad-dark-grey #pageContentBody {
  margin-bottom: 2%
}

@media only screen and (max-width: 1280px) {
.theme-grad-dark-teal #pageContentBody, .theme-grad-light-teal #pageContentBody, .theme-grad-dark-grey #pageContentBody {
  margin-bottom: 0%
}
}
.theme-grad-dark-teal #pageContentBody>.divider-primary, .theme-grad-light-teal #pageContentBody>.divider-primary, .theme-grad-dark-grey #pageContentBody>.divider-primary {
  max-width: 1230px;
  margin: 0 auto;
  padding: 1em 2.3em;
  background-color: #fff
}
.theme-grad-dark-teal #pageContentBody .page-title, .theme-grad-light-teal #pageContentBody .page-title, .theme-grad-dark-grey #pageContentBody .page-title {
  background: #fff;
  padding: 1em 2.3em 0
}

@media only screen and (max-width: 1280px) {
.theme-grad-dark-teal #pageContentBody .page-title, .theme-grad-light-teal #pageContentBody .page-title, .theme-grad-dark-grey #pageContentBody .page-title {
  padding: 1em 1.5em 0
}
}

@media only screen and (max-width: 640px) {
.theme-grad-dark-teal #pageContentBody .page-title, .theme-grad-light-teal #pageContentBody .page-title, .theme-grad-dark-grey #pageContentBody .page-title {
  padding: 1em 1em 0
}
}
.theme-grad-dark-teal #pageContentBody .container, .theme-grad-light-teal #pageContentBody .container, .theme-grad-dark-grey #pageContentBody .container {
  background: #fff;
  padding: 3.5em 2.3em 2em
}

@media only screen and (max-width: 1280px) {
.theme-grad-dark-teal #pageContentBody .container, .theme-grad-light-teal #pageContentBody .container, .theme-grad-dark-grey #pageContentBody .container {
  padding: 2.5em 1.5em 1em
}
}

@media only screen and (max-width: 640px) {
.theme-grad-dark-teal #pageContentBody .container, .theme-grad-light-teal #pageContentBody .container, .theme-grad-dark-grey #pageContentBody .container {
  padding: 2.5em 1em
}
}
.theme-grad-dark-teal #pageContentBody section.bg-teal, .theme-grad-light-teal #pageContentBody section.bg-teal, .theme-grad-dark-grey #pageContentBody section.bg-teal {
  background: #dde6eb;
  padding: 0
}
.theme-grad-dark-teal #pageContentBody section.bg-teal .container, .theme-grad-light-teal #pageContentBody section.bg-teal .container, .theme-grad-dark-grey #pageContentBody section.bg-teal .container {
  background: #189
}
.theme-grad-dark-teal #pageContentBody .bg-teal-light, .theme-grad-light-teal #pageContentBody .bg-teal-light, .theme-grad-dark-grey #pageContentBody .bg-teal-light {
  background: #dde6eb;
  background-background: #dde6eb
}
.theme-grad-dark-teal #pageContentBody .section-bg, .theme-grad-light-teal #pageContentBody .section-bg, .theme-grad-dark-grey #pageContentBody .section-bg {
  background: #dde6eb
}
.theme-grad-dark-teal #pageContentBody .section-bg .container, .theme-grad-light-teal #pageContentBody .section-bg .container, .theme-grad-dark-grey #pageContentBody .section-bg .container {
  background: #189
}
.theme-grad-dark-teal.color-red #pageContentBody .section-bg, .color-red.theme-grad-light-teal #pageContentBody .section-bg, .color-red.theme-grad-dark-grey #pageContentBody .section-bg {
  background: #dde6eb
}
.theme-grad-dark-teal.color-red #pageContentBody .section-bg .container, .color-red.theme-grad-light-teal #pageContentBody .section-bg .container, .color-red.theme-grad-dark-grey #pageContentBody .section-bg .container {
  background: #900
}
.theme-grad-dark-teal.color-grey #pageContentBody .section-bg, .color-grey.theme-grad-light-teal #pageContentBody .section-bg, .color-grey.theme-grad-dark-grey #pageContentBody .section-bg {
  background: #dde6eb
}
.theme-grad-dark-teal.color-grey #pageContentBody .section-bg .container, .color-grey.theme-grad-light-teal #pageContentBody .section-bg .container, .color-grey.theme-grad-dark-grey #pageContentBody .section-bg .container {
  background: #999
}
.theme-grad-light-teal {
  background: #fff
}
.theme-grad-light-teal .breadcrumb {
  color: #555
}
.theme-grad-light-teal .pageContent {
  background: #dde6eb
}
.theme-grad-light-teal #pageContentHeader {
  background: #dde6eb;
  background: -moz-linear-gradient(top, #fff 0%, #fff 50%, #dde6eb 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(50%, #fff), color-stop(100%, #dde6eb));
  background: -webkit-linear-gradient(top, #fff 0%, #fff 50%, #dde6eb 100%);
  background: -o-linear-gradient(top, #fff 0%, #fff 50%, #dde6eb 100%);
  background: -ms-linear-gradient(top, #fff 0%, #fff 50%, #dde6eb 100%);
  background: linear-gradient(to bottom, #ffffff 0%, #ffffff 50%, #dde6eb 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dde6eb', GradientType=0 )
}
.theme-grad-light-teal #pageContentHeader h1, .theme-grad-light-teal #pageContentHeader h2 {
  color: #333
}
.theme-grad-light-teal #pageContentHeader p {
  color: #555
}
.theme-grad-dark-grey {
  background: #555
}
.theme-grad-dark-grey .pageContent {
  background: #f0f0f0
}
.theme-grad-dark-grey #pageContentHeader {
  background: #f0f0f0;
  background: -moz-linear-gradient(top, #555 0%, #f0f0f0 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #555), color-stop(100%, #f0f0f0));
  background: -webkit-linear-gradient(top, #555 0%, #f0f0f0 100%);
  background: -o-linear-gradient(top, #555 0%, #f0f0f0 100%);
  background: -ms-linear-gradient(top, #555 0%, #f0f0f0 100%);
  background: linear-gradient(to bottom, #555555 0%, #f0f0f0 100%);
  background-image: linear-gradient(#555555, #f0f0f0);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555', endColorstr='#f0f0f0', GradientType=0 )
}
.theme-grad-dark-grey #pageContentBody .section-bg {
  background: #f0f0f0
}
.theme-grad-dark-grey.color-red #pageContentBody .section-bg {
  background: #f0f0f0
}
.theme-grad-dark-grey.color-grey #pageContentBody .section-bg {
  background: #f0f0f0
}
.theme-horz-light-teal #pageContentHeader {
  background: #fff
}
.theme-horz-light-teal nav.stickyNav {
  margin-top: 0.8em;
  margin-bottom: 0.8em
}

@media only screen and (max-width: 1280px) {
.theme-horz-light-teal nav.stickyNav {
  margin-top: 0;
  margin-bottom: 0
}
}
.theme-horz-light-teal nav.stickyNav.sticky {
  margin-top: 0;
  margin-bottom: 0
}
.theme-horz-light-teal #pageContentBody {
  background: #edf7f8 url(https://www.ti.com/ww/en/assets/responsiveTemplate/img/theme/sensortag-body-bg.gif) repeat-x 0 top
}
.theme-horz-light-teal #pageContentBody .page-title {
  padding-top: 2em
}
.theme-horz-light-teal.color-grey #pageContentBody, .theme-horz-light-teal.color-red #pageContentBody {
  background: #fff url(https://www.ti.com/ww/en/assets/responsiveTemplate/img/theme/grey-body-bg.gif) repeat-x 0 top
}
.theme-horz-light-teal .feature-product-tab .tab-list li {
  background: #fff
}
.theme-horz-light-teal .bg-teal .feature-product-tab .tab-list li {
  background: #edf7f8
}
.drawer {
  display: none
}
.drawer.align-left {
  margin-left: 25%
}
.menu-drawer .drawer {
  display: block
}
.menu-drawer .stickyNav {
  display: none
}
.menu-drawer .drawer {
  position: absolute;
  top: 0;
  bottom: 0
}
.menu-drawer .breadcrumb {
  padding-left: 2.3%;
  margin-left: 25%
}
.menu-drawer .pageContent {
  margin-left: 25%
}

@media only screen and (max-width: 768px) {
.menu-drawer .breadcrumb, .menu-drawer .pageContent {
  margin-left: 0
}
}

@media only screen and (max-width: 1600px) {
.menu-drawer #pageContentBody .container {
  padding: 3em 2%
}
.menu-drawer #pageContentHeader .container {
  padding: 0 2%
}
}
.doc-description {
  padding: 2em 2.5em 1em;
  border: 1px solid #e1e1e8;
  background: #f7f7f9;
  border-radius: 4px;
  font-size: 0.9em;
  line-height: 160%;
  margin-bottom: 3em
}

@media only screen and (max-width: 640px) {
.doc-description {
  margin-bottom: 1em
}
}
.doc-description p {
  max-width: 95%
}
.section-bg .doc-description {
  background: #fff;
  border: 1px solid #888
}
.section-bg .doc-description p {
  color: #555
}
.section-bg .doc-description a {
  color: red
}
.section-bg .doc-description h1, .section-bg .doc-description h2, .section-bg .doc-description h3, .section-bg .doc-description h4, .section-bg .doc-description h5 {
  color: #333
}
.section-bg .html-code pre {
  color: #555
}
.html-code {
  display: none;
  position: relative;
  font-size: 0.85em;
  padding: 2em;
  border: 1px solid #b1b1b1;
  border-left: 10px solid #999;
  background: #f3f3f3;
  margin: 1em 0
}
.html-code pre {
  white-space: pre-wrap;
  line-height: 150%;
  border: none !important
}
.html-code .b {
  font-weight: bold
}
.html-code .green {
  font-weight: bold;
  color: green
}
.html-code .red {
  font-weight: bold;
  color: red
}
.html-code .blue {
  font-weight: bold;
  color: blue
}
.html-code .purple {
  font-weight: bold;
  color: purple
}
.html-code .hl {
  background: #ff0
}
.html-code .hl-g {
  background: #dedede;
  color: #888
}
.html-code.block {
  display: block
}
#draggable {
  position: fixed;
  z-index: 100000;
  margin: 20px;
  right: 3%;
  width: 300px !important;
  padding: 20px;
  border: 3px solid #c00;
  background: #fff;
  cursor: move;
  font-size: 0.9em
}
#draggable label {
  width: 120px
}
#draggable select {
  width: 120px
}
#draggable>div {
  padding: 3px
}

@media only screen and (max-width: 640px) {
#draggable {
  display: none
}
}
#draggable .hide {
  position: absolute;
  right: 1.2em;
  top: 1.7em;
  cursor: pointer;
  padding: 0.5em;
  font-size: 0.9em;
  color: #189
}
#draggable .selectItem>div {
  padding: 0.2em 0
}
.hidden {
  display: none !important
}
.white {
  background: #fff
}
.theme-dark .white, .theme-light .white, .theme-dark-grey .white {
  background: none
}
.theme-dark .white .container, .theme-light .white .container, .theme-dark-grey .white .container {
  background: #fff
}
.theme-sensorTag .white {
  background: none
}
.theme-sensorTag .white .container {
  background: #edf7f8
}
.container {
  position: relative
}
.layout-selector-box {
  position: absolute;
  right: 1em;
  top: 1em
}
section {
  position: relative
}
.selector-close {
  position: absolute;
  right: 1em;
  top: 1em;
  cursor: pointer
}
.btn-section-selector {
  width: 370px;
  margin: 0 auto;
  padding-top: 3em
}
.html-review {
  margin: 4em 0;
  padding-top: 1em;
  border-top: 1px dotted #ccc
}
.btn-code-view {
  margin-bottom: 1em
}
#clone {
  font-size: 0.77em
}
.class-tag {
  float: right;
  margin: 0
}
.class-tag:before {
  content: "Linked Class: ";
  padding: 0.5em;
  font-family: "Open Sans", sans-serif
}
.class-tag span {
  background: #efefef;
  padding: 0.3em;
  margin: 0 0.3em;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 2px;
  color: #555
}
.section-bg .class-tag span {
  color: #555
}
.section-bg .class-tag span a {
  color: #189
}

/* language toggle menu */

@media only screen and (max-width: 640px) {
.responsive-microsite-language-toggle {
	float: left !important;
	padding: 0.25em 0 0;
	min-width: 500px;
}
}
.responsive-microsite-language-toggle {
	float: right;
	margin: 0 .25em .25em;
	font-size: .9em;
}
.responsive-microsite-language-toggle ul {
	margin: 0;
}
.responsive-microsite-language-toggle li {
	display: inline;
	padding: 0 5px 0 0;
	background: none;
}
.responsive-microsite-language-toggle .button {
  background-color: transparent;
}
.responsive-microsite-language-toggle a:link, .responsive-microsite-language-toggle a:visited, .responsive-microsite-language-toggle a:active {
	text-decoration: none;
	color: #b0b0b0;
}
.responsive-microsite-language-toggle a:hover {
	text-decoration: none;
	color: #c00;
}