<style>
/*
*** Approximate px to rem, 15px base font-size ***

px      rem       where                example
25      1.667
24      1.6
20      1.33
16      1.067     large text           product names in footer
15      1         body t
ext            article p
13      .875      small text           footer links ]
12      .8        smallest text        copyright, legal links, product labels

*** colors ***

#         location
d8d8d8    header (border-bottom)
a9a9a9    input placeholder text/icons on gray background
333333    headers
00b0b9    links, product name hover, selected product background, contact form selected background
399e9e    link hover, button hover (always used with 00b0b9)
F1517D    hamburger icon closed
BF3259    hamburger icon open
576569    article body, contact form list items, off canvas menu product names
fafafa    Accordion heading background
e2e2e2    Accordion heading border
f3f3f3    Accordion hover

EE3D6E    call to action (pink) background, store button hover/store text
BF3259    call to action (dark pink) border, and hover background
E5E5E5    store button border

0096af    header + footer links, same for hover (for consistency with Fitbit.com)
d9d9d9    footer, border between products (for consistency with Fitbit.com)

f3f3f3    input background
f0f0f0    input border
EF5252    validation error message
FAB94E    estimated reply time on contact page, orange

*/

/* ===============
   GLOBAL SETTINGS
   =============== */

body {
  font-size: 16px;
  color: #576569;
  background: #fff;
}

body#preChatPage {
  background: #ffffff;
}

.inner-wrap {
  background: #ffffff;
}

h1, h2, h3, h4, h5 {
  font-weight: normal;
  /*font-family: 'Proxima Nova Bold';*/
}

a:active, a:focus {
  color: #00b0b9;
}

.centered {
    margin-left: auto;
    margin-right: auto;
    float: none;
}

a.btn {
    background: #fff;
    color: #ef3d6f;
    padding: 8px 49px 7px;
    font-size: 14px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    border: 3px solid #fff;
    display: inline-block;
    position: relative;
    margin: 0;
    font-family: "Proxima Nova Bold",Arial,sans-serif;
    line-height: 15px;
    text-decoration: none;
    cursor: pointer;
    text-transform: uppercase;
    z-index: 1;
}

a.btn:hover {
    background: none;
    color: #fff;
}

/* ===============
   HEADER
   =============== */

header {
  border-bottom: 1px solid #e2e2e2;
  background: #ffffff;
}

body.viewingHome header, body.viewingProduct header {
  border-bottom: none;
}

.logo {
  height: 30px;
  position: absolute;
  top: 50%;
  margin-top: -15px;
}

.row.header_top {
  height: 60px;
  position: relative;
}

#subnav {
  height: 60px;
}

#subnav li {
  text-align: right;
  line-height: 60px;
}

#subnav a {
  color: #576569;
  display: inline;
}

#subnav a:hover {
  color: #00B0B9;
}

#subnav li.store a {
  border: 2px solid #e5e5e5;
  border-radius: 20px;
  color: #EE3D6E;
  display: inline-block;
  font-size: .875rem;
  font-family: "Proxima Nova Bold",helvetica,arial,sans-serif;
  padding: .33rem 1rem;
  text-transform: uppercase;
  display: inline;
}

#subnav li.store a:hover {
  color: #ffffff;
  background-color: #EE3D6E;
  border-color: #EE3D6E;
}

/* Issues Banner */

.container_banner {
  display: none;
  background: #d8d8d8;
  font-size: 1rem;
  font-family: 'Proxima Nova Bold';
  color: #333333;
}

.banner {
  display: none;
  padding-top: 14px;
  padding-bottom: 1px;
}

.container_banner .banner img {
  height: 25px;
  width: 25px;
  margin-right: 1rem;
  position: relative;
  top: -2px;
}

.banner_inside_wrap {
  max-width: 62em;
  padding-left: 0.9375em;
  padding-right: 0.9375em;
  display: block;
  }

/* text fallback */
.fontface a.close_banner span.fallback_text {
  position: absolute;
  left: -9999px;
  top: -9999px;
}

a.close_banner {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  top: -2px;
}

a.close_banner span.icon {
  color: #ffffff;
  background: #939C9E;
  border-radius: 1000px;
  -moz-border-radius: 1000px;
  -webkit-border-radius: 1000px;
  height: 25px;
  width: 25px;
  position: relative;
  margin-left: .5rem;
  display: inline-block;
}

.fontface a.close_banner:hover span.icon {
  background: #EE3D6E;
}

.fontface a.close_banner span.icon:before {
  font-family: ionicons;
  content:'\f129';
  height: .7rem;
  font-size: .7rem;
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  bottom: .5px;
  right: 0;
}

a.read_more {
  margin-left: .5rem;
}

/* Search */

.searchSmallScreens {
  height: 60px;
  display: none;
}

#searchAskForm {
  position: relative;
  margin: 0;
}

header #searchAskForm {
  position: relative;
  top: 10px;
}

#searchAskInputContainer {
  position: relative;
}

#searchAskInput {
  padding-right: 2rem;
  padding-left: 1rem;
  color: #576569;
  font-size: 1rem;
}

/* make smaller for new 60px header */
header input[type="search"]#searchAskInput {
  height: 40px;
  /*color: #102429;*/
  color: #576569;
  background: #fff;
  border: 1px solid #e2e2e2;
/*  transition: none !important;
  -moz-transition: none !important;
  -webkit-transition: none !important;*/
} 

header input[type="search"]#searchAskInput:focus {
  box-shadow: none !important;
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  background: #fff;
  /*border: 1px solid #102429 !important;*/
  border: 1px solid #576569 !important;
}

#searchAskInput.default {
/*  color: #a9a9a9;*/
color: #00b0b9;
}

.productPage #searchAskInput.default {
  text-transform: capitalize;
}

.productPage #searchAskInput::-webkit-input-placeholder {
  text-transform: capitalize;
}

.productPage #searchAskInput:-moz-placeholder {
  text-transform: capitalize;
}

.productPage #searchAskInput:-ms-input-placeholder {
  text-transform: capitalize;
}

.productPage #searchAskInput::-webkit-input-placeholder {
  text-transform: capitalize;
}

#searchAskInput input[type='text'][disabled] {
  background: #f3f3f3;
  opacity: .5;
}

#searchAskButton {
  position: absolute;
  top: 0;
  height: 3rem;
  top: 50%;
  margin-top: -1.5rem;
  right: 0;
  position: absolute;
  padding: 1rem;
}

header #searchAskButton {
    position: absolute;
    top: 0;
    height: 40px;
    top: 7px;
    right: 0;
    position: absolute;
    padding: 0 1rem;
    margin-top: 0;
}

.fontface #searchAskButton i:before {
  font-size: 1.5rem;
  /*color: #a9a9a9;*/
  color: #EE3D6E;
}

#resetButton {
  display: none;
}

.hiddenForm {
  position: absolute;
  top: -9999px;
  left: -9999px;
}

.resultsPaginationLinks a {
  font-size: 1.125rem;
  text-transform: uppercase;
  cursor: pointer;
  font-size: 1.125rem;
  text-transform: uppercase;
  cursor: pointer;
  padding: .72rem 1.5rem;
  outline: none;
  border: 2px solid #00b0b9;
  border-radius: 1000px;
  -webkit-border-radius: 1000px;
  -moz-border-radius: 1000px;
  display: inline-block;
  float: right;
}

.resultsPaginationLinks a:hover  {
  border-color: #00b0b9;
  background: #00b0b9;
  color: #ffffff;
}

.resultsPaginationLinks {
  position: relative;
}

/* loading dots */
.resultsPaginationLinks #nextLink [id*='nextStatus'], .resultsPaginationLinks [id*='prevStatus'] {
  position: absolute;
  top: 11px;
  right: -1rem;
}

#nextLink a:after {
    font-family: FontAwesome;
    content: "\f105";
    position: relative;
    left: 10px;
    position: relative;
    top: 1px;
}

#prevLink a:before {
    font-family: FontAwesome;
    content: "\f104";
    position: relative;
    right: 10px;
    position: relative;
    top: 1px;
}

/* ===============
   Home page
   =============== */

  #homeProductsPanel ul li a:hover span.productLabel, .extendedFooter .productGrid ul li a:hover span.productLabel {
    color: #00B0B9;
  }

  #homeProductsPanel h2 {
    color: #102429;
    font-family: "Proxima Nova Light", arial, sans-serif;
    margin: 2rem 0;
    text-align: center;
    color: #102429;
    font-style: 2rem;
  }

  .homeSearchWrap #searchAskInput {
    height: 53px;
    padding: 0 60px 0 16px;
    outline: 0;
    border: 1px solid #e2e2e2;
    background: #fff;
    font-family: 'Proxima Nova',Arial,sans-serif;
    line-height: 35px;
    color: #102429;
    margin-bottom: 0;
    font-size: 16px;
  }

  .homeSearchWrap #searchAskButton {
    height: 26px;
    margin-top: -14px;
    right: 16px;
  }

  .fontface .homeSearchWrap #searchAskButton i:before {
    font-size: 26px;
    color: #EE3D6E;
  }

  .homeSearchWrap #searchAskButton {
    padding: 0;
  }

ul.productGrid {
  overflow: hidden;
  /*margin: 0 0 1rem 0;*/
  margin: 0;
}

/* hide retired products by default */

#homeProducts ul.productGrid.retiredProducts {
  display: none;
}

.extendedFooter ul.productGrid.retiredProducts h2, .extendedFooter ul.productGrid.retiredProducts h3 {
  visibility: hidden;
}

ul.productGrid[class*="block-grid-"] > li {
  padding-left: 0;
  padding-right: 0;
}

.productGrid li {
  text-align: center;
  display: inline-block;
  position: relative;
}

.productGrid li a {
  position: relative;
  display: inline-block;
  height: 125px;
  margin: 0 10px;
  z-index: 1;
}

.extendedFooter .productGrid li a {
  margin: 0;
}


.productGrid li a:after {
  content: '';
  width: 82%;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  position: absolute;
  height: 2px;
  bottom: 50px;
  left: 0;
  right: 0;
  margin: auto;
  background: transparent;
  box-shadow: 0 15px 6px 3px rgba(50,50,50,0.3);
  -moz-box-shadow: 0 15px 6px 3px rgba(50,50,50,0.3);
  -webkit-box-shadow: 0 15px 6px 3px rgba(50,50,50,0.3);
  display: block;
  border: none;
}

.productGrid li a img {
  max-width: initial;
}

.productGrid li span.productLabel {
  font-size: 1rem;
  color: #102429;
  position: absolute;
  bottom: 20px;
  right: 0;
  left: 0;
  white-space: nowrap;
  z-index: 0;
}

.productGrid li a:hover ~ span.productLabel {
    color: #00b0b9;
}

.extendedFooter .productGrid li a {
  height: 100px;
  z-index: 1;
}

.extendedFooter .productGrid li a img {
  height: 65px !important;
  width: auto !important;
}

/*.extendedFooter .productGrid li a:after {
  bottom: 54px;
}*/

/* end test */

.moreProductsDivider {
  width: 100%;
  display: block;
  text-align: center;
  margin-bottom: 1.25rem;
}

body.zh_CN .moreProductsDivider, body.it .moreProductsDivider {
  display: none;
}

.moreProductsLabel {
  color: #00b0b9;
  cursor: pointer;
}

.moreProductsLabel .fewerProductsText {
  display: none;
}

.extendedFooter .moreProductsLabel {
  color: #ffffff;
}

.extendedFooter ul.productGrid {
  padding: 1.5rem 2rem .5rem;
}

.moreProductsLabel:before {
  font-family: FontAwesome;
  content: "\f055";
  display: inline-block;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  transition-duration: 0.4s;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  transition-property: transform;
}

.moreProductsLabel.active:before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.moreProductsLabel:hover, .moreProductsLabel:focus, .moreProductsLabel:active, .moreProductsLabel.active {
 color: #008EAA;
}

.extendedFooter .moreProductsLabel:before {
  color: #fff;
}

.no-touch .productGrid li a:active span.productLabel, .no-touch .productGrid li a:focus span.productLabel, .productGrid li a.hover span.productLabel {
  color: #00B0B9;
}

.productGrid li a img {
 /* height: 93px;
  width: auto;*/
  position: relative;
}
.productGrid li.Flex a img {
  top: -1px;
  position: relative;
  height: 93px;
}
.productGrid li.Aria a img {
  height: 92px;
}
.productGrid li.Zip a img {
  width: 47px;
  height: 92px;
}
.productGrid li.One a img {
  width: 36px;
  height: 91px;
}
.productGrid li.Charge a img {
  width: 64px;
  height: 91px;
  position: relative;
  top: 1px;
}
.productGrid li.Alta a img {
  width: 60px;
  height: 88px;
  top: 3px;
}
.productGrid li.Charge_HR a img {
  width: 64px;
  height: 91px;
  position: relative;
  top: 1px;
}
.productGrid li.Blaze a img {
  width: 75px;
  height: 91px;
}

.productGrid li.Surge a img {
  width: 76px;
  height: 91px;
}
.productGrid li.Force a img {
  width: 62px;
  height: 91px;
}
.productGrid li.Ultra a img {
  width: 35px;
  height: 91px;
}

/* Home Search Bar */

.row.homeSearch {
    max-width: none;
    background: url('http://staticcs.fitbit.com/content/assets/help/images/helpsite_banner.jpg') center 0 no-repeat #999999;
    background-size: cover;
}

.homeSearchWrapOutside {
    display: table;
    height: 300px;
    max-width: 62em;
}

.homeSearchWrap {
    display: table-cell;
    height: 300px;
    width: 100%;
    vertical-align: middle;
}

#searchAskInput {
  margin-bottom: 0;
}

/* ===============
   Search page
   =============== */

.searchDrill {
  float: left;
}

.noResultsMessage {
  clear: both;
  margin-top: .75rem;
}

.allFiltersWrap {
  position: relative;
  color: #C3C8C9;
  display: block;
  overflow: hidden;
}

#searchPageContent .article .data {
  display: none;
}

.filtersButton, .filtersButton.active {
  display: none;
}

.showingResults {
  width: 100%;
  text-align: center;
  color: #939C9D;
}

/* ===============
   Article page
   =============== */

/* PKB reset */

#articleContainer .pbHeader {
  display: none;
}
#articleContainer .pbBody table.detailList > th.labelCol, #articleContainer .pbBody table.detailList > td.data2Col, #articleContainer table.detailList > tbody > tr > th.vfLabelColTextWrap {
  display: none;
}

body .bPageBlock .pbBody .labelCol, body .bPageBlock .pbBody .dataCol, body .bPageBlock .pbBody .data2Col {
  padding: 0;
}
body .bPageBlock, body #bodyCell .bResource .secondaryPalette, body .secondaryPalette.bPageBlock, body .individualPalette .secondaryPalette.bPageBlock, body .bodyDiv .genericTable, body .genericPageBlockTable, body .bodyDiv .bSubBlock, body .bComponentBlock .bPageBlock, body .bMyDashboard .bPageBlock, body.rlHoverFrame .bPageBlock, body.subjectSelectionPopup div.choicesBox, body.lookupTab .secondaryPalette.bPageBlock, body.popupTab .secondaryPalette.bPageBlock, body.UserTagStatsPage .secondaryPalette.bPageBlock {
  background: transparent;
  border: none;
}
#articleContainer .ptBreadcrumb {
  display: none;
}
#articleContainer .ptBreadcrumb .pageTitleIcon {
  display: none;
}
#articleContainer table.htmlDetailElementTable, #articleContainer table.htmlDetailElementTable > thead > tr > th, #articleContainer table.htmlDetailElementTable > tfoot > tr > th, #articleContainer table.htmlDetailElementTable > tfoot > tr > td, #articleContainer table.htmlDetailElementTable > tbody > tr > th, #articleContainer table.htmlDetailElementTable > tbody > tr > td, #articleContainer table.htmlDetailElementTable > tr > td, #articleContainer table.detailList, #articleContainer table.detailList > thead > tr > th, #articleContainer table.detailList > tfoot > tr > th, #articleContainer table.detailList > tfoot > tr > td, #articleContainer table.detailList > tbody > tr > th, #articleContainer table.detailList > tbody > tr > td, #articleContainer table.detailList > tr > td {
  margin: 0;
  background: transparent;
  border: 0;
  color: inherit;
  display: inline-table;
  font-size: 1rem;
  width: 100%;
}
#articleContainer .ptBody .links a span {
  display: none;
}
.pkb_popular2_list {
  margin-left: 0;
}
.sfdc_richtext {
  font-family: inherit;
  font-weight: normal;
  font-size: 1rem;
  line-height: 1.6;
  text-rendering: optimizeLegibility;
  color: #576569;
}

#articleContainer .sfdc_richtext table#android-compat, #articleContainer .sfdc_richtext table.content {
  border: 1px solid #e2e2e2;
}

table tr.even, table tr.alt, table tr:nth-of-type(even), table thead {
  background: #e2e2e2;
}

/* Article */

#mainColumn {
  margin-bottom: 3.33rem;
}

#breadcrumbs {
  color: #939C9E;
  margin: 3rem 0 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#breadcrumbs .last_crumb {
  color: #576569;
}

.thankYouPage #breadcrumbs {
  display: none;
}

#breadcrumbs span {
  margin: 0 .25rem;
}

#breadcrumbs span.home {
  margin-left: 0;
}

#breadcrumbs span.productCrumb {
  text-transform: capitalize;
}

#breadcrumbs span.productNode1 {
  margin: 0;
  text-transform: capitalize;
}

#breadcrumbs span.productNode2{
  margin: 0;
  text-transform: uppercase;
}

#articleContainer .knowledgeBlock {
  font-family: Helvetica, Arial, sans-serif;
  color: #576569;
}

/*#articleContainer .knowledgeBlock .pbBody .data2Col {
  display: none;
}*/

#articleContainer .sfdc_richtext > table, #articleContainer .sfdc_richtext > table > td > table {
  border: none;
}

/* hides author name, which didn't want to be hidden any other way */
/*.knowledgeTOCRenderer-body > div:first-child {
  display: none;
}*/

#articleContainer .sfdc_richtext > table tr th, #articleContainer .sfdc_richtext > table tr td {
  font-size: 1rem;
}

#articleContainer .sfdc_richtext table > table > table {
  border-color: #e2e2e2;
  border-style: solid;
  border-width: 1px;
  width: 100%;
}

#articleContainer .sfdc_richtext table > table > table tbody tr td ul {
  font-size: .875rem;
}

#articleContainer .sfdc_richtext table > table > table tbody tr td ul li {
    margin-left: 0;
    margin-bottom: 0;
    padding-left: 0;
}

#articleContainer .sfdc_richtext table > table > table tr th, #articleContainer .sfdc_richtext table > table > table tr td {
  vertical-align: middle;
  padding-left: 1rem;
  padding-right: 1rem;
}

#articleContainer .sfdc_richtext table > table > table thead tr th, #articleContainer .sfdc_richtext table > table > table thead tr td {
  font-weight: normal;
}


#articleContainer .ptBody {
  position: relative;
}

#articleContainer {
  line-height: 1.6rem;
  font-size: 1rem;
}

#articleContainer h1.pageType {
  padding: 1.25rem 0 1.25rem;
  margin: 1.25rem 0 1.25rem 0;
  border-bottom: 1px solid #e2e2e2;
  font-size: 2rem;
}

.sfdc_richtext h3, .sfdc_richtext h2, .sfdc_richtext h1 {
  font-size: 1.25rem;
  text-transform: uppercase;
  margin: 2rem 0 .875rem;
  font-weight: normal;
  font-family: 'Proxima Nova Bold';
}

.sfdc_richtext h3 {
  font-size: 1rem;
}

#articleContainer h4 {
  font-size: 1rem;
  text-transform: uppercase;
}

#articleContainer ul {
  list-style: disc;
  margin-top: 1rem;
}

#articleContainer ul {
  margin-bottom: 1rem;
}

#articleContainer ul li {
  margin-left: 2rem;
  margin-bottom: .5rem;
  padding-left: .5rem;
}

#articleContainer ol {
  counter-reset: my-awesome-counter;
  margin-top: 2rem;
}

#articleContainer .tabs ol {
  margin-top: 0;
}

#articleContainer ol > li {
  counter-increment: my-awesome-counter;
  margin-bottom: 2rem;
  margin-left: 2rem;
  padding-left: .5rem;
  position: relative;
}

#articleContainer ol > li:before {
  content: counter(my-awesome-counter);
  border-radius: 50%;
  font-size: .8rem;
  height: 2rem;
  line-height: inherit;
  padding-top: .22rem;
  /*padding-top: 0.07142857rem;*/
  margin: -0.22428571rem 1rem -0.1rem -3.05rem;
  width: 2rem;
  background: #00b0b9;
  color: #ffffff;
  display: inline-block;
  text-align: center;
  z-index: 2;
  border: 2px solid #AFDEDD;
}

h6 { /* emphasis box */
  padding: 1.33rem;
  border: 5px solid #AFDEDD;
  font-size: 1rem;
  font-weight: normal;
  margin: 2.66rem 0;
  line-height: 1.6rem;
  font-family: Helvetica, Arial, sans-serif;
}

#articleContainer .bumpers {
  display: none;
}

.last_updated {
  display: inline-block;
  margin-top: 1rem;
}

.last_updated, .last_updated label {
  color: #939C9E;
  font-size: .8rem;
}

#feedbackThankYou {
  margin-top: 1rem;
}

#feedback img.voteUpDown {
  width: 32px;
  cursor: pointer;
  padding-right: 5px;
  position: relative;
}

#feedback img.voteUp {
  top: -1px;
}

#feedback img.voteDown {
  bottom: -1px;
}

#feedback img:hover {
  opacity: .8;
}

#feedback .vote_block {
  margin-bottom: .5rem;
  color: #576569;
  display: inline-block;
}

.fontface #feedback .vote_block img {
  position: absolute;
  left: 0;
  top: 0;
  width: 1.5rem;
  height: 1.5rem;
  opacity: 0;
  padding: 1.5rem 15rem 1rem 1rem;
}

.fontface #feedback .vote_block span.vote_down img {

}

.fontface #feedback .vote_block span.vote_up img {
top: -1rem;
}

.fontface #feedback .vote_block span.vote_down, .fontface #feedback .vote_block span.vote_up {
  position: relative;
  margin-right: 1rem;
}

.fontface #feedback .vote_block:hover span {
  color: #00b0b9;
}

.fontface #feedback .vote_block span:before {
  font-family: FontAwesome;
  font-size: 1.25rem;
  position: relative;
}

.fontface #feedback .vote_block span.vote_up:before {
  content: "\f164";
  bottom: 1px;
}

.fontface #feedback .vote_block span.vote_down:before {
  content: "\f165";
  top: 4px;
}

#feedback .question {
  font-family: 'Proxima Nova Bold'
}

#feedback .question span {
  font-style: italic;
  font-weight: normal;
}

#feedback .vote_option {
  display: block;
}

#feedback input[type="checkbox"] {
  font-size: 16px;
  margin-bottom: 0;
  width: 30px;
  height: 30px;
  position: relative;
  top: 7px;
}

#feedback .checkbox_label {
  display: inline;
  line-height: 1.5rem;
  color: #576569;
}

#feedback span.checkmark {
  width: 30px;
  height: auto;
  margin-top: 15px;
  display: inline-block;
}

#feedback span.checkmark:before {
  content: '\2714';
  display: inline-block;
  color: #8DC72A;
  width: 1rem;
}

.fontface #feedback span.checkmark:before {
  font-family: FontAwesome;
  content: "\f00c";
}

.feedbackContainer.active {
  padding: 2rem;
  background: #fafafa;
  border: 1px solid #f0f0f0;
}

#feedback .exclamation {
  font-family: 'Proxima Nova Bold';
}

.relatedArticles h2 {
  font-size: 1.25rem;
  text-transform: uppercase;
  color: #576569;
}

.relatedArticles a {
  line-height: 2rem;
  display: inline-block;
  float: left;
  clear: both;
  font-size: 1rem;
}

.relatedArticles {
  margin-top: 1.21rem;
/*  margin-top: 2.5rem;
  padding-top: 2rem;
  border-top: 1px solid #e2e2e2;*/
}

#articleContainer .relatedCategories {
  display: block;
  margin-bottom: 2rem;
}

#articleContainer .relatedCategories ul {
  margin: 0;
  font-size: .8rem;
}

#articleContainer .relatedCategories ul li {
  list-style: none;
  display: inline;
  margin-left: .25rem;
  padding-left: 0;
  font-size: .8rem;
}

#articleContainer .relatedCategories ul li a {
  color: #939C9E;
}

#articleContainer .relatedCategories ul li a:hover {
   text-decoration: underline;
}

#articleContainer .relatedCategories ul li:after {
  content: ', ';
  color: #939C9E;
}

#articleContainer .relatedCategories ul li:last-child:after, #articleContainer .relatedCategories ul li:first-child:after {
  content: '';
}

#articleContainer .relatedCategories ul li:first-child {
  margin-left: 0;
  color: #939C9E;
}

/* ===============
   SIDEBAR
   =============== */

#sidebar h2 {
  font-size: 1.25rem;
  text-transform: uppercase;
  color: #576569;
}

#sidebar .sidebar_component {
  margin-top: 1.667rem;
}

#sidebar .sidebar_component:first-child {
  margin-top: 0;
}

#sidebar .sidebar_component ul {
  margin: 0;
  line-height: 2rem;
}

#sidebar .sidebar_component.articleList a {
  margin-bottom: 1.33rem;
  line-height: 1.5rem;
  display: block;
  font-size: 1rem;
}

#sidebar .relatedCategories ul li {
  margin-bottom: .33rem;
}


/* ===============
   Contact Page
   =============== */

/* Contact channels */

  .countryPicklist {
    width: auto;
    padding-right: 1.5rem;
    float: right;
    right: 17px;
    position: absolute;
    top: 112px;
    background-color: #ffffff;
    border: none;
    opacity: .7;
    outline-style: none;
  }
  
  /* give India + UK select a background */
  .co_IN .countryPicklist, .co_UK .countryPicklist {
    background-color: #f3f3f3;
  }
  
  .countryPicklist:hover {
  background-color: #ffffff;
    cursor: pointer;
  }
  
  .co_IN .countryPicklist:hover {
    background-color: #f3f3f3;
  }

  .row .row.contactOptions {
    margin-bottom: 2rem;
  }

  ul.contactOptions {
    margin-top: 3.1rem;
  }

  .form_intro {
    margin-bottom: .5rem;
  }

  .contactOptions .option a {
    color: #939c9e;
    border: 2px solid #e2e2e2;
    line-height: 1rem;
    margin-bottom: 0;
    display: block;
    padding: 1.33rem;
    font-size: 1.25rem;
    overflow: hidden;
    position: relative;
    box-sizing: border-box;
  }

  .no-touch .contactOptions .option a:hover, .contactOptions .option a.hover {
    color: #ffffff;
    border-color: #00b0b9;
    background: #00b0b9;
  }

  .no-touch .contactOptions .option a:hover h4, .no-touch .contactOptions .option a.hover h4 {
    color: #ffffff;
  }

  .contactOptions .option.phone a.exposed:hover {
    color: #939c9e;
    border-color: #e2e2e2;
    background: #ffffff;
    cursor: default;
  }

  .contactOptions .option.phone a.exposed:hover h4 {
    color: #939c9e;
  }

  .contactOptions .option h4 {
    color: #939c9e;
    line-height: 1rem;
    text-transform: uppercase;
    font-size: 1.25rem;
    font-family: 'Proxima Nova Bold';
    position: relative;
    float: left;
    line-height: 1.5rem;
    width: 90%;
  }

  .contactOptions .option.chat a {
    cursor: pointer;
  }

  .contactOptions .buttonIcon {
    width: 10%;
    float: right;
    height: 100%;
    text-align: center;
    font-family: FontAwesome;
    line-height: 1.5rem;
  }
 
  .cw_logo {
    height: 16px;
    margin-top: .7rem;
    background-image: url("http://staticcs.fitbit.com/content/assets/help/images/logos/cw/fitbit_cw_black_normal.png");
    background-size: 150px 16px;
    background-repeat: no-repeat;
  }
  
  .en_US .contactOptions .email a:hover .cw_logo {
    background-image: url("http://staticcs.fitbit.com/content/assets/help/images/logos/cw/fitbit_cw_hover_normal.png");
    background-repeat: no-repeat;
  }

  .contactOptions .estimate {
    display: none;
  }

  .en_US .contactOptions .email p.estimate {
    /*color: #FAB94E;*/
    display: block;
  }
  
  .en_US .contactOptions .email a:hover p.estimate {
    color: #ffffff;
  }
  
  .contactOptions .twitter p, .contactOptions .community p {
    color: #59C113;
  }
  
  .contactOptions .twitter a:hover p, .contactOptions .community a:hover p {
    color: #ffffff;
  }

  .optionContent p {
    margin-bottom: .5rem;
    font-size: .875rem;
  }

  .optionContent p:last-child {
    margin-bottom: 0;
  }

  .contactOptions .optionContent {
    clear: both;
  }

  .contactPage h1.title {
    margin-bottom: 1.5rem;
  }

  .fontface .contactOptions span.buttonIcon:before {
    font-family: FontAwesome;
    margin-right: 1rem;
  }

  .fontface .phone span.buttonIcon:before {
    content: "\f095";
  }

  .fontface .twitter span.buttonIcon:before {
    content: "\f099";
  }
/* single comment bubble f075 */
  .fontface .chat span.buttonIcon:before {
    content: "\f086";
  }

  .fontface .contactOptions .email span.buttonIcon:before {
    content: "\f0e0";
  }

  .fontface .community span.buttonIcon:before {
    content:"\f1ae";
  }

  .contactOptions .phone .number {
    display: block;
    font-family: "Proxima Nova Bold";
  }

  .contactOptions .option.phone h4.call, .js .contactOptions .option.phone h4.number {
    display: none;
}

.contactOptions .option.phone h4.number, .js .contactOptions .option.phone h4.call {
    cursor: pointer;
    display: block;
}

.contactOptions .option.phone a.exposed h4.number, .js .contactOptions .option.phone a.exposed h4.call {
    cursor: default;
}

.phone .hours {
  display: block;
}
/* end CSS for early phone number */



  select#country_input {
    max-width: 100%;
  }

  .ui-autocomplete {
    background: #FFF;
    border: 1px solid #C0C0C0;
    font-family: Helvetica, Arial, sans-serif;
    list-style: none;
    margin: 0;
    padding: 0;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.2);
    width: 250px;
  }

  .ui-autocomplete li.empty {
    display: none;
  }

   .ui-autocomplete li {
    margin-left: 0;
    /* border-bottom: 1px solid #fafafa; */
   }

  .ui-autocomplete a {
    padding: 9px;
    cursor: pointer;
    display: block;
  }

  .ui-autocomplete a:hover, .ui-autocomplete a.ui-ionie-hover, .ui-autocomplete a.ui-state-hover {
    background: #fafafa;
    text-decoration: none;
  }

  .ui-autocomplete li:first-child a {
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
  }

  .ui-autocomplete li:last-child a {
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
  }

  .ui-autocomplete .article-autocomplete-subject {
    display: block;
    font-family: 'Proxima Nova Bold';
  }

  .ui-autocomplete .article-autocomplete-body {
    display: block;
    color: #666;
  }

.contact_support_box label, label.invalid {
  margin-bottom: 1rem;
  color: #EF5252;
}

select.invalid, input.invalid, textarea.invalid {
  background-color: #ffeaea !important;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
}

span.suggestion {
  display: block;
  font-size: 0.875rem;
  margin-bottom: 1rem;
}

span.suggestion a.no {
  color: #576569;
  font-size: 0.875rem;
  padding: 0 .25rem;
}

span.suggestion a.yes {
  font-size: 0.875rem;
  text-decoration: underline;
  padding: 0 .25rem;
}

span.suggestion a.yes:hover, span.suggestion a.no:hover {
  text-decoration: underline;
}

label.checkbox_label {
  padding: 0rem 1rem 1rem 0rem;
  margin-bottom: 1rem;
}

.input_wrap.checkbox {
  padding-left: .5rem;
}
  /**************************/
 /* Select options + boxes */
/**************************/

.input_wrap {
  position: relative;
}

.row .row.contact_step {
  margin-bottom: 3.33rem;
}

#input_wrap_platform, #input_wrap_product, #input_wrap_issue_1, #input_wrap_issue_2, [id*='article_suggestions'], #contact_support_wrap {
  margin: 1.33rem 1.33rem 3rem;
}

.thumbnails.image_picker_selector {
  overflow: auto;
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
  padding: 0px;
  margin: 0px;
  margin-top: 1.33rem;
}

.thumbnails.image_picker_selector.product_list {
  text-align: center;
}

ul.thumbnails.image_picker_selector.product_list li p {
  padding: 1rem;
  color: #576569;
  border: 2px solid #939c9e;
  line-height: 1rem;
  margin-bottom: 0;
  position: relative;
}

ul.thumbnails.image_picker_selector.product_list li .thumbnail {
  position: relative;
}

ul.thumbnails.image_picker_selector.product_list li .thumbnail img {
  position: absolute;
  left: 2rem;
  height: 40px; 
  top: 50%;
  margin-top: -20px;
  z-index: 10;
}

ul.thumbnails.image_picker_selector.product_list li.Surge .thumbnail img, ul.thumbnails.image_picker_selector.product_list li.Blaze .thumbnail img {
  left: 1.4rem;
}

ul.thumbnails.image_picker_selector.product_list li.Charge_HR .thumbnail img, ul.thumbnails.image_picker_selector.product_list li.Charge .thumbnail img {
  left: 1.8rem;
}

ul.thumbnails.image_picker_selector.product_list li.Alta .thumbnail img {
  left: 1.82rem;
  margin-top: -19px;
}

ul.thumbnails.image_picker_selector.product_list li p {
  padding: 1.5rem 1rem;
  z-index: 1;
  text-align: left;
  padding-left: 6rem;
}

.thumbnails.image_picker_selector p {
  font-size: 1.125rem;
  text-transform: uppercase;
  color: #576569;
}

ul.thumbnails.image_picker_selector ul {
  overflow: auto;
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
  padding: 0px;
  margin: 0px;
}

ul.thumbnails.image_picker_selector li {
  float: left;
}


ul.thumbnails.image_picker_selector li.listView p {
  padding: 1rem;
  color: #576569;
  border: 2px solid #939c9e;
  line-height: 1rem;
  margin-bottom: 0;
  position: relative;
}

ul.thumbnails .thumbnail img, ul.thumbnails .thumbnail p {
  cursor: pointer;
}

/* Product: Not sure */

ul.thumbnails.image_picker_selector.product_list li.Not_sure {
  position: absolute;
}

ul.thumbnails.image_picker_selector.product_list li.Not_sure .thumbnail {
  padding: .5rem;
  line-height: 1rem;
  position: relative;
}

ul.thumbnails.image_picker_selector.product_list li.Not_sure img {
  display: none;
}

ul.thumbnails.image_picker_selector li.Not_sure .thumbnail:hover, ul.thumbnails.image_picker_selector li.Not_sure .thumbnail.selected {
  border-color: #00b0b9;
  background: #00b0b9;
}

.no-touch ul.thumbnails.image_picker_selector li p:hover, ul.thumbnails.image_picker_selector li p.hover, ul.thumbnails.image_picker_selector li .selected p {
  color: #ffffff;
  border-color: #00b0b9;
  background: #00b0b9;
}

ul.thumbnails.image_picker_selector li .thumbnail span {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  cursor: pointer;
}

ul.thumbnails.image_picker_selector li .thumbnail img {
  -webkit-user-drag: none;
}

ul.thumbnails.image_picker_selector li.Force .thumbnail img {
  margin-left: -2px;
}

ul.thumbnails.image_picker_selector li.Aria .thumbnail img {
  margin-left: -3px;
}

ul.thumbnails.image_picker_selector li.Zip .thumbnail img {
  margin-left: 3px;
}

ul.thumbnails.image_picker_selector li.Ultra .thumbnail img {
  margin-left: 9px;
}

ul.thumbnails.image_picker_selector li.MobileTrack .thumbnail img {
  margin-left: 4px;
}

ul.thumbnails.image_picker_selector.product_list li .thumbnail.selected p, ul.thumbnails.image_picker_selector.product_list li .thumbnail:hover p {
  background: #00b0b9;
  color: #ffffff;
}

.product_box > .columns, .platform_box > .columns, .issue_1_box > .columns, .issue_2_box > .columns, .article_suggestions_box > .columns, .contact_support_box .columns {
  border: 2px solid #e2e2e2;
}

.product_box {
  display: none;
}

option.default_option {
  display: none;
}

/* hide input fields on special inquiry form, as they are set via contact.js */
body.viewingSpecialInquiry .default_select {
  height: 0;
  position: relative;
  left: -9999px;
  bottom: -9999px;
} 

#article_suggestions a.suggestedTitle {
  display: block;
  font-family: 'Proxima Nova Bold';
}

.nextSteps {
  position: relative;
  margin: 1rem 0 2.25rem;
}

.foundAnswerBlock {
  display: inline-block;
}

a.foundAnswer {
  position: absolute;
  height: 1rem;
  top: 50%;
  margin-top: -.5rem;
  text-decoration: underline;
}

a.foundAnswer:hover {
  text-decoration: none;
}

span.nailed {
  display: inline-block;
  position: relative;
  top: 5px;
  left: .5rem;
}

#need_more_help {
  font-size: 1.125rem;
  text-transform: uppercase;
  cursor: pointer;
  font-size: 1.125rem;
  text-transform: uppercase;
  cursor: pointer;
  padding: .72rem 1.5rem;
  outline: none;
  border: 2px solid #00b0b9;
  border-radius: 1000px;
  -webkit-border-radius: 1000px;
  -moz-border-radius: 1000px;
  display: inline-block;
  float: right;
}

#need_more_help:hover {
  border-color: #00b0b9;
  background: #00b0b9;
  color: #ffffff;
}

.fontface #need_more_help:after {
  font-family: FontAwesome;
  content: "\f105";
  width: 2rem;
  text-align: right;
  display: inline-block;
}

/* Japanese + Chinese */
.ja .row.contactPage, .zh_CN .row.contactPage {
  min-height: 400px;
}

/* Chinese */
.zh_CN .contactPage .contactOption a {
  color: #576569;
}

.zh_CN .contactPage .contactOption {
  font-family: 'Proxima Nova Bold';
}

.zh_CN .contactPage .contactOption a:hover {
  color: #576569;
  text-decoration: underline;
}

.zh_CN .contactPage .contactOption:before {
  display: inline-block;
  font-family: FontAwesome;
  width: 1rem;
  text-align: center;
  color: #00b0b9;
  margin-right: 1.25rem;
  margin-left: 2px;
}

/*.zh_CN .contactPage .email:before {
  content: "\f0e0";
}
*/
.zh_CN .contactPage .contactOption span {
  font-size: .8rem;
  margin-left: 1rem;
  font-family: 'Proxima Nova', Helvetica, Arial, sans-serif;
}

label.photo_label {
  margin-bottom: .5rem;
  cursor: default;
}

/* Chat */

/*.button.startChat {
  width: 100%;
  background: #939c9e;
  opacity: .3;
  cursor: default;
  display: none;
}*/

.button.startChat {
  opacity: 1;
  cursor: pointer;
  display: block;
  max-width: 200px;
  margin: 0 auto;
  margin-top: 1rem;
  margin-bottom: 0;
  display: none;
}

.button.startChat:after {
    font-family: FontAwesome;
    content: "\f054";
    position: absolute;
    right: 1rem;
    top: 50%;
    height: .8rem;
    margin-top: -.4rem;
  }


select#chatProductSelect {
  display: inline-block;
  max-width: 200px;
}

.chatLogo { 
  height: 25px;
  width: 25px;
  bottom: 2px;
  margin-right: .5rem;
  position: relative;
}

.prechatForm {
  max-width: 500px;
  margin: 0 auto;
  margin-bottom: 1rem;
}

.prechatForm div.input-label {
  margin-bottom: .5rem;
  font-size: .8rem;
}

.prechatForm h3.sectionHeader {
  padding-bottom: .5rem;
  padding-top: 1rem;
  margin-bottom: 1.5rem;
}

.prechatForm label.error {
  margin: .33rem 0 1rem;
}

[id*='caseProduct'].error {
  margin-bottom: 0;
}

.prechatForm select {
  height: 45px;
  font-size: 1rem;
  background-color: #f3f3f3;
}

.prechatForm select:hover {
  background-color: #fafafa;
}

.prechatForm input[type="text"] {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

.prechatForm .call_to_action {
  margin-top: 1rem;
}

.prechatForm .span.suggestion {
  font-size: .8rem;
  color: #333333;
}

.prechatForm .issue_block.disabled select {
  opacity: .5;
}

.prechatForm .issue_block.disabled select:hover {
  background-color: #f3f3f3;
  border-color: #f0f0f0;
}

.prechatForm h6.apology {
  margin: 1.5rem 0rem 1.5rem;
}

.prechatForm #contactLastName.null {
  color: transparent;
}


.postChatPage h1.title {
  font-size: 1.25rem;
  font-family: 'Proxima Nova Bold';
  text-align: center;
  margin-bottom: 0;
  border-bottom: none;
}

.errorBlock {
  text-align: center;
}

.surveyWrap {
  display: block;
  width: 100%;
  text-align: center;
  margin-top: 2rem;
  min-width: 239px;
}

a.surveyButton {
/*  display: inline-block;*/
  line-height: 45px;
  background-color: #f54785;
  border-radius: 40px;
  -moz-border-radius: 40px;
  -webkit-border-radius: 40px;
  text-align: center;
  color: white;
  font-family: "Proxima Nova Semibold",Arial,sans-serif;
  font-size: 1em;
  cursor: pointer;
  border: 4px solid #ffffff;
  background-clip: padding-box;
  padding: 1rem 1.5rem;
}

.fontface a.surveyButton:after {
  font-family: FontAwesome;
  content: "\f105";
  margin-left: 1rem;
}

a.surveyButton:hover {
  border: 4px solid #ffd9e7;
}

p.errorMessage {
  margin-top: 2.5rem;
  font-family: 'Proxima Nova Bold';
}

/* hide search form and language picker on post chat page */
.postChatPage #searchAskForm, .postChatPage .ftr-locale {
  display: none;
}

.postChatPage .downloadButton {
  display: block;
  margin-top: 3rem;
}

  /******************/
 /* Thank you page */
/******************/

.thankYouPage ul {
  list-style: disc;
}

.thankYouPage ul li {
  margin-left: 2rem;
  margin-bottom: .5rem;
  padding-left: .5rem;
}

.thankYouPage ul li a {
  text-decoration: underline;
}

.thankYouPage ul li a:hover {
  text-decoration: none;
}

.centerColumn {
  padding: 0;
}

p.sincerely {
  margin-bottom: 0;
}

.en_US p.favorToUs { /* hide paragraph for English only */
  display: none;
}

  /*********/
 /* Icons */
/*********/

.icon_wrap {
  position: relative;
}

.fontface ul.thumbnails.image_picker_selector li p:after {
  font-family: FontAwesome;
  content: "\f105";
  float: right;
  text-align: center;
  display: inline-block;
}

.fontface .platform_box ul.thumbnails.image_picker_selector li p:before {
  font-family: FontAwesome;
  width: 3rem;
  text-align: center;
  display: inline-block;
  content: "\f111"; /* default circle icon */
}

.fontface ul.thumbnails.image_picker_selector li.iOS p:before { /* iOS */
  content: "\f10b";
}

.fontface ul.thumbnails.image_picker_selector li.Mac p:before { /* Mac */
  content: "\f179";
}

.fontface ul.thumbnails.image_picker_selector li.Android p:before { /* Android */
  content: "\f17b";
}

/* OTHER-type links */

ul.thumbnails.image_picker_selector li.iPhone,ul.thumbnails.image_picker_selector li.iPod_touch,ul.thumbnails.image_picker_selector li.iPad,ul.thumbnails.image_picker_selector li.iOS_Unknown, ul.thumbnails.image_picker_selector li.iOS__Unknown, ul.thumbnails.image_picker_selector li.Safari,ul.thumbnails.image_picker_selector li.Google_Chrome,ul.thumbnails.image_picker_selector li.Mozilla_Firefox, ul.thumbnails.image_picker_selector li.Not_sure, ul.thumbnails.image_picker_selector li.Other, ul.thumbnails.image_picker_selector li.Not_Applicable, ul.thumbnails.image_picker_selector li.Social_Chatter, ul.thumbnails.image_picker_selector li.Windows_10 { /* Not sure */
  position: absolute;
  left: -9999px;
  top: -9999px;
  height: 0;
}

/* Hide Fitstar */
ul.thumbnails.image_picker_selector li.AccessoryBand_Alta, ul.thumbnails.image_picker_selector li.AccessoryBand_Blaze, ul.thumbnails.image_picker_selector li.FitStar, li.FitStar, ul.thumbnails.image_picker_selector li.API, ul.thumbnails.image_picker_selector li.FitStar, ul.thumbnails.image_picker_selector li.FitStar_Personal_Trainer, ul.thumbnails.image_picker_selector li.FitStar_Yoga {
  position: absolute;
  left: -9999px;
  top: -9999px;
  height: 0;
} 

/* hide products with no product page 1-19-2016 */
/*header .product_nav li.Lepton, header .product_nav li.Blaze, .homePage #homeProductsPanel li.Lepton, .homePage #homeProductsPanel li.Blaze, .right-off-canvas-menu .products li.Lepton, .right-off-canvas-menu .products li.Blaze {
  display: none;
}*/

ul.thumbnails.image_picker_selector a.other_link {
  text-transform: uppercase;
  position: absolute;
  right: .625rem;
  bottom: -1.5rem;
  text-decoration: underline;
}

ul.thumbnails.image_picker_selector a.other_link:hover {
  text-decoration: none;
}

/* Hide Fraud links */
ul.thumbnails.image_picker_selector li.Flagged_Order, ul.thumbnails.image_picker_selector li.NonSupport_Inquiry, ul.thumbnails.image_picker_selector li.SecurityPrivacy {
  position: absolute;
  left: -9999px;
  top: -9999px;
  height: 0;
}

.fontface ul.thumbnails.image_picker_selector li.Windows_Phone p:before, .fontface ul.thumbnails.image_picker_selector li.Windows_10 p:before, .fontface ul.thumbnails.image_picker_selector li.Windows_8_Tablet p:before, .fontface ul.thumbnails.image_picker_selector li.Windows p:before{ /* Windows */
  content: "\f17a";
}

.fontface ul.thumbnails.image_picker_selector li.iOS p:before { /* iOS */
  content: "\f10b";
}

#input_wrap_name input, #input_wrap_last_name input, #input_wrap_email input, #input_wrap_country input, #input_wrap_phone input {
  padding-left: 3rem;
}

#input_wrap_name i, #input_wrap_last_name i, #input_wrap_email i, #input_wrap_country i, #input_wrap_phone i {
  position: absolute;
  top: 15px;
  width: 3rem;
  text-align: center;
  color: #939c9e;
}

  /***********/
 /* Buttons */
/***********/

.button.call_to_action {
  background-color: #EE3D6E;
  border-color: #BF3259;
}

button.call_to_action:hover, button.call_to_action:focus, .button.call_to_action:hover, .button.call_to_action:focus {
  background-color: #BF3259;
}

input[type="submit"].button {
  padding-top: .72rem;
  padding-bottom: .72rem;
  outline: none;
}

#input_wrap_description textarea {
  height: 165px;
}

input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea {
  background-color: #f3f3f3;
  border: 1px solid #f0f0f0;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  /* previously 2.667rem, changed to match 40px product icons */
  height: 45px;
  font-size: 1rem;
}

input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, textarea:focus {
  border-color: #C3C8C9 !important;
  box-shadow: 0 0 5px #C3C8C9 !important;
  -moz-box-shadow: 0 0 5px #C3C8C9;
  -webkit-box-shadow: 0 0 5px #C3C8C9;
}

select {
  border: 1px solid #f0f0f0;
}

input[type="file"] {
  font-size: .8rem;
  width: auto;
}

  /********************/
 /* Featured articles + Extended footer */
/********************/

.row.extendedFooter {
  max-width: none;
  background: #ffffff;
}

.extendedFooterInside {
  max-width: 62em;
  padding: 2rem 1rem 3rem;
  overflow: hidden;
}

.extendedFooter .communityBanner, .extendedFooter #contactLinksWrap, .extendedFooter #featuredArticles {
    padding: 1.25rem 2rem 2rem;
    height: 100%;
}

.extendedFooter .contactRow, .extendedFooter .featuredRow {
  height: 100%;
}

.extendedFooter .contactOptionsColumn {
  overflow: hidden;
}

.extendedFooter .communityRow {
  margin-bottom: 0.9375em;
}

.extendedFooter .featuredRow {
   background: #00b0b9;
   color: #ffffff;
}

.extendedFooter .productGrid .featuredRow {
  background: #fff;
  border: 2px solid #e2e2e2;
}

/*.extendedFooter .featuredRow {
  margin-right: 0;
}*/

/*.extendedFooter h2 {
  color: #102429;
  font-family: 'Proxima Nova Light',Arial,sans-serif;
  line-height: 37px;
  font-size: 22px;
}*/

.extendedFooter h3 {
  margin-bottom: 1rem;
  margin-top: 0;
}

.extendedFooter .productGrid h3 {
  text-align: center;
}

.extendedFooter #featuredArticles .articleInside {
  overflow: hidden;
}

.extendedFooter #featuredArticles .article a {
  color: #ffffff;
}

.extendedFooter #featuredArticles .article a:hover {
  text-decoration: underline;
}

.extendedFooter #featuredArticles .article {
  display: block;
  overflow: hidden;
  border-top: 1px solid rgba(255,255,255,.5);
  padding: 1rem 0;
}

  /****************/
 /* Slick slider */
/****************/

.slick-slider
{
    position: relative;

    display: block;

    -moz-box-sizing: border-box;
         box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

.slick-prev, .slick-next {
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 50px;
    height: 50px;
    margin-top: -25px;
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
    z-index: 10;
    color: #939D9F;
}

.slick-prev:hover, .slick-next:hover {
  background: transparent;
  color: #00b0b9;
  background: #ffffff;
}

.slick-prev:before, .slick-next:before {
  display: inline-block;
  position: absolute;
  font-family: FontAwesome;
}

button.slick-arrow:hover, button.slick-arrow:focus, button.slick-arrow:active {
  background: #ffffff;
}

.slick-prev:before {
    content: "\f053";
    left: 1rem;
}

.slick-next:before {
    content: "\f054";
    right: 1rem;
}

.slick-prev {
    left: 0;
}

.slick-next {
    right: 0;
}

.slick-disabled {
  display: none !important;
}


  /********************/
 /* Community Banner */
/********************/

.communityBanner {
 /* margin-top: 3.66rem;*/
  color: #939c9e;
  /*border: 2px solid #f3f3f3;*/
  background: #939D9F;
  line-height: 1rem;
  margin-bottom: 0;
  display: block;
  padding: 1.66rem 1.66rem 1.33rem;
  font-size: 1.25rem;
  overflow: hidden;
  position: relative;
  text-align: center;
}

.bannerTitle {
  font-size: 1.75rem;
  color: #00b0b9;
}

.communityBanner .bannerDesc {
    font-size: 18px;
    /*line-height: 1.7;*/
    padding: 0 0 35px 0;
    color: #102429;
    max-width: 510px;
    margin: auto;
}

.buttonRow {
  margin-top: .5rem;
}

img.communityLogo {
  height: 30px;
  margin: 1.5rem auto 25px;
  display: block;
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
  filter: progid:DXImageTransform.Microsoft.invert(enabled = false);
}

.communityLogo.smallOnly {
  display: none;
}

.communityBanner a.button {
  margin: 1.25rem 0;
  padding-right: 3rem;
/*  font-family: 'Proxima Nova Bold';*/
}

.fontface .communityBanner a.button:after {
  font-family: FontAwesome;
  content: "\f054";
  position: absolute;
  right: 1rem;
  top: 50%;
  height: 1rem;
  margin-top: -.5rem;
}

.transitionText {
  margin-top: 3.5rem;
  text-align: center;
  margin-bottom: -1.5rem;
}

  /*****************/
 /* Contact Links */
/*****************/

#contactLinksWrap {
  padding: 1rem 1.33rem 2.5rem;
  background: #C3C9C9;
  text-align: center;
}

#contactLinksWrap a.btn {
  margin-top: .5rem;
}

ul#contactLinks {
  margin-top: 2.66rem;
  margin-bottom: 1.75rem;
}

ul#contactLinks li a {
  color: #939c9e;
  border: 2px solid #e2e2e2;
  line-height: 1rem;
  margin-bottom: 0;
  display: block;
  padding: 1.33rem;
  text-transform: uppercase;
  font-size: 1.25rem;
  font-family: 'Proxima Nova Bold';
  overflow: hidden;
  position: relative;
}

ul#contactLinks li.chat {
  position: relative;
  cursor: pointer;
}

ul#contactLinks li.chat .buttonInitial {
  color: #939c9e;
  line-height: 1rem;
  text-transform: uppercase;
  font-size: 1.25rem;
  font-family: 'Proxima Nova Bold';
  position: relative;
}

ul#contactLinks li.chat div.chat_inner {
  border: 2px solid #e2e2e2;
  padding: 1.33rem;
}

ul#contactLinks li.chat div.chat_inner:hover {
  border-color: #00b0b9;
  transition: border .2s ease-out;
  -webkit-transition: border .2s ease-out;
  -moz-transition: border .2s ease-out;
  -o-transition: border .2s ease-out;
}

ul#contactLinks div.chat_inner:hover .buttonInitial, ul#contactLinks li.chat div.chat_inner.expanded .buttonInitial {
  color: #00b0b9;
}

ul#contactLinks li.chat div.chat_inner.expanded, ul#contactLinks li.chat div.chat_inner:active {
  border-color: #00b0b9;
}

li.chat select {
  font-size: 1rem;
  margin: 0;
  border: 0;
  width: 100%;
  padding-right: 1rem;
  height: inherit;
  padding-left: 0;
  padding-top: 0;
  background-color: transparent;
  border-bottom: 2px solid #939c9e;
  cursor: pointer;
  color: #939c9e;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

li.chat .chatSelectWrap {
  position: relative;
}

li.chat .chatSelectWrap:before {
  font-family: FontAwesome;
  content: "\f107";
  background-image: none;
  display: inline-block;
  position: absolute;
  right: 0rem;
  top: -.5rem;
  font-size: 1.5rem;
  height: 1rem;
  z-index: 0;
  color: #939c9e;
}

ul#contactLinks li a:hover {
  color: #ffffff;
  border-color: #00b0b9;
  background: #00b0b9;
}

ul#contactLinks li span.buttonText {
  width: 90%;
  float: left;
  line-height: 1.5rem;
}

ul#contactLinks li span.buttonIcon {
  width: 18%;
  float: right;
  height: 100%;
  text-align: center;
  font-family: FontAwesome;
}

#contactLinks li.email.oneButton {
  float: none;
  margin: 0 auto;
  max-width: 427px;
}

.fontface ul#contactLinks li.email span.buttonIcon:after {
  content: "\f1cd";
  position: absolute;
  top: 50%;
  display: inline-block;
  margin-top: -.625rem;
}

/*.fontface ul#contactLinks li.chat span.buttonIcon:after {
  content: "\f086";
  position: absolute;
  top: 12px;
  display: inline-block;
  margin-top: -.625rem;
}*/

.fontface ul#contactLinks li.community a span.buttonIcon:after {
  content: "\f1ae";
  position: absolute;
  top: 50%;
  display: inline-block;
  margin-top: -.625rem;
  margin-left: 3px;
}

/*.fontface ul#contactLinks li.store_shipping a span.buttonIcon:after {
  content: "\f07a";
  position: absolute;
  top: 50%;
  display: inline-block;
  margin-top: -.625rem;
}*/

.fontface ul#contactLinks li.community_help a span.buttonIcon:after {
  font-family: ionicons;
  content: "\f143";
  position: absolute;
  top: 50%;
  display: inline-block;
  margin-top: -.625rem;
}

.fontface ul#contactLinks li.community_discussions a span.buttonIcon:after {
  font-family: ionicons;
  content: "\f11a";
  position: absolute;
  top: 50%;
  display: inline-block;
  margin-top: -.625rem;
}

.row.contactLinksRow {
  padding: 0 1.45rem;
}


  /**********/
 /* Footer */
/**********/

footer {
  background: #fff;
  border-top: 1px solid #e2e2e2;
}

/* to add content to this section, to match Fitbit.com's newsletter sign up box, increase height/padding and add padding to .ftr-social */
footer .ftr-mail-me {
/*  position: absolute;
  left: 0;
  right: 0;
  background-color: #ffffff;
  height: 10px;
  color: #939c9e;
  font-family: "Proxima Nova Bold",Arial,sans-serif;
  font-size: 14px;
  text-align: center;
  text-transform: uppercase;
  padding-top: 0;
  z-index: 1;*/
  display: none;
}

footer .ftr-social {
  padding-top: 37px;
  position: relative;
}

footer .ftr-social ul {
  width: 100%;
}

footer .ftr-social ul, footer .ftr-links ul, footer .ftr-bottom ul {
  text-align: center;
  display: inline-block;
  margin: 0;
  padding: 0;
}

footer .ftr-social ul li, footer .ftr-links ul li, footer .ftr-bottom ul li {
  text-align: center;
  display: inline-block;
}

footer .ftr-social ul li {
  margin-left: 20px;
}

footer .ftr-social ul li:first-child {
  margin-left: 0;
}

footer .ftr-social ul li.blog, footer .ftr-social ul li.community {
    margin-left: 31px;
    top: -3px;
    position: relative;
}

footer .ftr-social ul li a {
  color: #939c9e;
  font-family: "Proxima Nova Bold",Arial,sans-serif;
  text-decoration: none;
  font-size: 25px;
}

footer .ftr-social ul li a .fallback-text {
  font-size: 1.25rem;
}

.fontface footer .ftr-social ul li a .fallback-text {
  display: none;
}

footer .ftr-social ul li.blog a, footer .ftr-social ul li.community a {
  text-transform: uppercase;
  position: relative;
  font-size: 19px;
}

footer .ftr-social ul li a:hover {
  color: #00b0b9;
}

footer .ftr-links {
  margin: 9px auto 7px;
  text-align: center;
}

footer .ftr-links ul {
  margin: 12px 0 0;
  position: relative;
}

footer .ftr-links ul li a {
  color: #102429;
  font-family: "Proxima Nova",Arial,sans-serif;
  font-size: 13px;
  text-decoration: none;
  margin: 0 8px;
  line-height: 39px;
}

footer .ftr-links ul li a:hover {
  color: #00b0b9;
}

footer .ftr-locale {
  text-align: center;
  margin: 3px auto 28px;
  position: relative;
  font-family: "Proxima Nova Semibold",Arial,sans-serif;
  font-size: 13px;
  color: #939c9e;
}

footer .ftr-locale .globe-icon {
  display: inline-block;
  position: relative;
  width: 27px;
  height: 27px;
  top: 8px;
  opacity: .4;
}

footer .ftr-locale a {
  font-family: "Proxima Nova",Arial,sans-serif;
  text-decoration: none;
  color: #939c9e;
}

footer .ftr-bottom {
 /* width: 960px;*/
  margin: 0 auto;
  text-align: center;
  border: none;
  padding-top: 0;
}

footer .ftr-bottom {
  position: relative;
  border-top: 1px solid #e2e2e2;
  padding: 22px 0;
}

footer .ftr-bottom ul li {
  font-family: "Proxima Nova",Arial,sans-serif;
  font-size: 12px;
  margin: 0 6px;
  line-height: 25px;
}

footer .ftr-bottom ul li.copyright {
  color: #939c9e;
}

footer .ftr-bottom ul li a {
  color: #576569;
}

footer .ftr-bottom ul li a:hover {
  color: #00b0b9;
}

/* Language Picker */

.languagePicker {
  position: relative;
  top: 13px;
  display: inline-block;
/*  padding: 10px 30px 10px;*/
}

.languagePicker label {
  display: block;
  width: 113px;
  height: 28px;
  background-color: transparent;
  color: #939c9e;
  margin: 0 auto;
}

.languagePicker label:hover > .pickedLanguage, .languagePicker label:hover > .pickDown {
  color: #00b0b9;
}

.languagePicker label .world {
  float: left;
  position: relative;
  top: -4px;
  width: 42px;
}

.fontface .languagePicker label .world {
  background: none;
}

.fontface .languagePicker label .world:before {
  font-family: ionicons;
  content: "\f1f7";
  font-size: 17px;
}

.languagePicker .pickedLanguage {
  float: left;
  position: relative;
  font-size: 13px;
}

.languagePicker .pickDown {
  background: url("https://staticcs.fitbit.com/content/assets/help/images/language_picker_down_small.png") no-repeat;
}

.fontface .languagePicker .pickDown {
  background: none;
  position: relative;
  top: -1px;
}

.fontface .languagePicker .pickDown:after {
  font-family: FontAwesome;
  content: "\f107";
}

select#langFilter {
  position: absolute;
  left: 0;
  top: -4px;
  height: 25px;
  width: 100%;
  padding: 0;
  margin: 0;
  border: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  cursor: pointer;
}

  /***********/
 /* Utility */
/***********/

.fullWidth {
  width: 100%;
}

.no-pad-right {
  padding-right: 0;
}

.no-pad-left{
  padding-left: 0;
}

.no-marg-left {
  margin-left: 0;
}

.no-marg-right{
  margin-right: 0;
}

.no-marg-left-right {
  margin-left: 0;
  margin-right: 0;
}

.no-pad-left-right {
  padding-left: 0;
  padding-right: 0;
}

.list-style-none {
  list-style: none;
}

.height {
  height: 100%;
}

.hidden {
  display: none;
}

.rotate{
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  transition-duration: 0.8s;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  transition-property: transform;
  overflow:hidden;
  -webkit-transform:rotate(360deg);
  -moz-transform:rotate(360deg);
  -o-transform:rotate(360deg);
}  
 
.rotate:hover  
{
  -webkit-transform:rotate(360deg);
  -moz-transform:rotate(360deg);
  -o-transform:rotate(360deg);
}  

/* spinner product page */

.spinner {
/*  padding-top: 1rem;*/
  width: 2rem;
  font-size: 2rem;
  color: #576569;
  margin: 0 auto;
}

.fontface .spinner span.fallback_text {
  position: absolute;
  left: -9999px;
  top: -9999px;
}

.clear_spinner {
  display: none;
  font-size: 2rem;
  position: absolute;
  left: 82.8%;
  top: 0;
  color: #576569;
}

/* spinner article suggestion */

ul.thumbnails.image_picker_selector li.listView p .spinner {
  padding: .45rem 0 0 0;
  width: 1rem;
  text-align: center;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  background: rgba(255,255,255,.6);
}

ul.thumbnails.image_picker_selector li.listView p.spinning {
  border-color: #B8E5E5;
}

/* spinner form submit */

#input_wrap_submit .spinner {
  display: inline-block;
  padding-top: .3rem;
  padding-right: 1rem;
  color: #ffffff;
  background: rgba(255,255,255,.6);
  margin: 0 auto;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  text-align: right;
}

/* spinner Other option */

a.other_link .spinner {
  display: inline-block;
  position: relative;
  top: 7px;
  right: 10px;
}

/* spinner Feedback */

#feedback .spinner {
  display: inline-block;
}


/* --------------------------------------------------------------------------------- */
/* Start: Product Page                                                               */
/* --------------------------------------------------------------------------------- */

.productPage #productBanner {
  /*background: #f3f3f3;*/
  position: relative;
}

.productPage #productBanner:after {
    content: '';
    background: #e2e1e1;
    background: linear-gradient(#C3C8C9,#e2e1e1);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    box-sizing: border-box;
    z-index: 0;
}

.productPage #productBanner #bannerWrap {
  height: 120px;
  position: relative;
  z-index: 1;
}

.productPage img#productNameLogo {
  position: absolute;
  bottom: 30px;
}

#product_charge_hr img#productNameLogo {
  height: 49px;
  bottom: 19px;
  width: 209px; /* this is wider bigger than it renders in chrome, to fix a display issue in PC/Firefox */
}

#product_charge img#productNameLogo {
  height: 49px;
  bottom: 19px;
}

#product_surge img#productNameLogo {
  height: 36px;
  bottom: 19px;
  width: 127px; /* this is wider bigger than it renders in chrome, to fix a display issue in PC/Firefox */
}

/* hide 101 for Blaze/Alta */
/*#product_blaze .guide101, #product_alta .guide101, #product_surge .guide101 {
  display: none;
}*/

/* align new product images */
#product_surge img#productImage {
  right: -22px;
}

#product_blaze img#productImage {
  right: -21px;
}

#product_charge_hr img#productImage, #product_charge img#productImage {
  right: -16px;
} 

.en_US #product_force #resourcesPanel li.manual, .ja #product_force #resourcesPanel li.manual, .ko #product_force #resourcesPanel li.manual { 
  display: inline-block;
}

.productPage#product_blaze img#productNameLogo, .productPage#product_alta img#productNameLogo {
  height: 41px;
}

#product_flex img#productNameLogo {
  height: 41px;
}

#product_flex img#productNameLogo {
  height: 41px;
}

#product_one img#productNameLogo {
  height: 27px;
}

#product_zip img#productNameLogo {
  height: 52px;
  bottom: 15px;
}

#product_force img#productNameLogo {
  height: 42px;
}

#product_aria img#productNameLogo {
  height: 39px;
}

#product_ultra img#productNameLogo {
  height: 37px;
}

.productPage img#productImage {
  height: 170px;
  position: absolute;
  top: 30px;
  right: 0;
}

.productPage#product_alta img#productImage {
  right: -10px;
}

.productPage#product_ultra img#productImage, .productPage#product_aria img#productImage {
  right: 1rem;
}

.productPage#product_zip img#productImage {
  right: .5rem;
}

.productPage #resourcesPanel {
  margin-top: 30px;
}

.productPage #resourcesPanel a {
  color: #576569;
}

.productPage #resourcesPanel a span {
  text-decoration: underline;
}

.productPage #resourcesPanel a span:hover {
  text-decoration: none;
}

.productPage #resourcesPanel .resourcesLabel {
  color: #939c9e;
}

.productPage #resourcesPanel li.manual a:after {
  content: 'PDF';
  margin-left: .33rem;
  background: #f3f3f3;
  font-size: .6rem;
  color: #939c9e;
  padding: 0rem .2rem;
  position: relative;
  bottom: .1rem;
}

#product_ultra #resourcesPanel li.manual a:after {
  display: none;
}

/* Top articles */

#topArticles .article {
  margin-bottom: 0;
}

/* Category block */

.categoryBlock {
/*  min-height: 284px;*/
  position: relative;
}

.categoryBlock > .columns {
  border: 2px solid #e2e2e2;
}

.categoryBlock .categoryWrap {
  padding: 1.33rem;
 /* min-height: 305px;*/
  position: relative;
}

.categoryBlock #topicsList {
  position: relative;
}

.categoryBlock #topicsList.disabled {
  opacity: .5;
}

#topicsList li {
  position: relative;
}

h2.sectionHeader, h3.sectionHeader {
  border-bottom: 1px solid #e2e2e2;
  padding-bottom: 1rem;
  margin-bottom: 1.83rem;
  font-family: "Proxima Nova Light",Arial,sans-serif;
}

.categoryBlock h2.sectionHeader {
  border-bottom: 1px solid #e2e2e2;
  padding-bottom: 1rem;
  margin-bottom: 1.83rem;
  text-transform: capitalize;
}

.categoryBlock h2.sectionHeader a {
  color: #333333;
}

.categoryBlock h2.sectionHeader a:hover {
  color: #008EAA;
}

.categoryBlock .categoryHelpText {
  padding-left: 1.33rem;
  display: none;
}

.categoryBlock ol.topicsList {
  margin-top: 1.33rem;
  padding-left: 1.33rem;
  padding-right: 1.33rem;
}

.categoryBlock ol.topicsList li a {
  color: #576569;
  border: 2px solid #939c9e;
  line-height: 1rem;
  margin-bottom: 0;
  display: block;
  color: #576569;
  padding: 1rem;
  text-transform: uppercase;
  font-size: 1rem;
}

.no-touch .categoryBlock ol.topicsList li a:hover, .categoryBlock ol.topicsList li a.hover {
  color: #ffffff;
  border-color: #00b0b9;
  background: #00b0b9;
}

.no-touch .categoryBlock ol.topicsList li a:active, .no-touch .categoryBlock ol.topicsList li a:focus  {
  color: #ffffff;
  border-color: #00b0b9;
  background: #00b0b9;
}

.fontface .categoryBlock ol.topicsList li a span:after {
  font-family: FontAwesome;
  content: "\f105";
  float: right;
  text-align: center;
  display: inline-block;
}

.fontface .categoryBlock ol.topicsList li a span:before {
  font-family: FontAwesome;
  width: 3rem;
  text-align: center;
  display: inline-block;
}

.fontface #sidebar .allCategories li a:before {
  font-family: FontAwesome;
  width: 1rem;
  margin-right: .5rem;
  text-align: left;
  display: inline-block;
  text-align: center;
}

.fontface #sidebar .allCategories li a:before {
   color: #939C9E;
  }
.fontface #sidebar .allCategories li a:hover:before {
  color: #008EAA;
}

/* category icons */

.fontface ol.topicsList li.X3rd_party_integration a span:before, .fontface  .allCategories li.X3rd_party_integration a:before, .fontface ol.topicsList li.X3rd_Party_Integration a span:before, .fontface  #sidebar .allCategories li.X3rd_Party_Integration a:before  {
   content: "\f0ec";
}

.fontface .allCategories.relatedCategories a span:before {
  content: '';
}

.fontface ol.topicsList li.Account_Settings a span:before, .fontface #sidebar .allCategories li.Account_Settings a:before {
  content: "\f013";
}

.fontface ol.topicsList li.Accuracy a span:before, .fontface #sidebar .allCategories li.Accuracy a:before {
  content: "\f140";
}

.fontface ol.topicsList li.Battery a span:before, .fontface #sidebar .allCategories li.Battery a:before {
  font-family: ionicons;
  content: "\f2cf";
}

.fontface ol.topicsList li.Dashboard a span:before, .fontface #sidebar .allCategories li.Dashboard a:before {
  font-family: ionicons;
  content: "\f2b5";
}

.fontface ol.topicsList li.FAQs a span:before, .fontface #sidebar .allCategories li.FAQs a:before {
  content: "\f128";
}

.fontface ol.topicsList li.Food_Calories a span:before, .fontface #sidebar .allCategories li.Food_Calories a:before {
  content: "\f0f5";
}

.fontface ol.topicsList li.Getting_Started a span:before, .fontface #sidebar .allCategories li.Getting_Started a:before {
  content: "\f144";
}

.fontface ol.topicsList li.Lost_Stolen a span:before, .fontface #sidebar .allCategories li.Lost_Stolen a:before {
  font-family: ionicons;
  content: "\f34a";
}

.fontface ol.topicsList li.Sleep a span:before, .fontface #sidebar .allCategories li.Sleep a:before {
  content: "\f186";
}

.fontface ol.topicsList li.Store_Shipping a span:before, .fontface #sidebar .allCategories li.Store_Shipping a:before {
  content: "\f07a";
}

.fontface ol.topicsList li.Syncing a span:before, .fontface #sidebar .allCategories li.Syncing a:before {
  content: "\f021";
}

.fontface ol.topicsList li.Troubleshooting a span:before, .fontface #sidebar .allCategories li.Troubleshooting a:before {
  content: "\f0ad";
  font-family: FontAwesome;
}

.fontface ol.topicsList li.Android a span:before, .fontface #sidebar .allCategories li.Android a:before {
  content: "\f17b";
}

.fontface ol.topicsList li.iOS a span:before, .fontface #sidebar .allCategories li.iOS a:before {
  content: "\f179";
}

.fontface ol.topicsList li.Windows_Phone a span:before, .fontface #sidebar .allCategories li.Windows_Phone a:before, .fontface ol.topicsList li.Windows_10 a span:before, .fontface #sidebar .allCategories li.Windows_10 a:before, .fontface ol.topicsList li.Windows a span:before, .fontface #sidebar .allCategories li.Windows a:before {
  content: "\f17a";
}

.topicArticles blockquote, #topicArticles blockquote p {
  padding: 0;
  margin: 0;
  color: inherit;
  border: none;
}

blockquote li {
  list-style: none;
}

.fontface span.single_right_angle {
  text-decoration: none;
  color: #939c9e;
  padding: 0 .66rem;
}

.topicsNavigation {
  display: block;
  overflow: hidden;
  margin-top: 1rem;
  margin-bottom: 1rem;
}

/* hide more articles link by default, only show for certain categories, which have > 10 articles */
a.category_all_products {
  display: none;
  float: right;
}

a.back_to_issues {
  float: left;
}

a.category_all_products, a.back_to_issues {
  font-size: 1.125rem;
  text-transform: uppercase;
  cursor: pointer;
  font-size: 1.125rem;
  text-transform: uppercase;
  cursor: pointer;
  padding: .72rem 1.5rem;
  outline: none;
  border: 2px solid #00b0b9;
  border-radius: 1000px;
  -webkit-border-radius: 1000px;
  -moz-border-radius: 1000px;
  display: inline-block;
}

a.category_all_products:hover, a.back_to_issues:hover {
  border-color: #00b0b9;
  background: #00b0b9;
  color: #ffffff;
}

.fontface a.category_all_products span:after {
  font-family: FontAwesome;
  content: "\f105";
  width: 2rem;
  text-align: right;
  display: inline-block;
}

.fontface a.back_to_issues span:before {
  content: "\f104";
  width: 2rem;
  text-align: left;
  display: inline-block;
  font-family: FontAwesome;
}

form#categoryAjaxRefresh {
  margin: 0;
}

/* --------------------------------------------------------------------------------- */
/* Start: Manuals Page                                                              */
/* --------------------------------------------------------------------------------- */


ul#manualLinks li a {
color: #939c9e;
border: 2px solid #e2e2e2;
line-height: 1rem;
margin-bottom: 0;
display: block;
padding: 1.33rem;
text-transform: uppercase;
font-size: 1.25rem;
font-family: 'Proxima Nova Bold';
}

/* --------------------------------------------------------------------------------- */
/* Start: Category Page                                                              */
/* --------------------------------------------------------------------------------- */

h1.title, h3.title {
  font-size: 2rem;
  padding: 1.25rem 0;
  margin: 1.25rem 0;
  border-bottom: 1px solid #e2e2e2;
}

.categoryPage .category_Topics {
  display: none;
}

.categoryPageList .article, #searchPageContent .article {
  margin-bottom: 2rem;
  line-height: 1.6rem;
}

.categoryPageList .article a, #searchPageContent .article a, .productPageList .article a, .article_suggestions_box .article a {
  /*font-family: 'Proxima Nova Bold';*/
  font-size: 1.25rem;
  display: inline-block;
  padding-bottom: .5rem;
  line-height: 1.5rem;
}

.article .content {
  font-size: 1rem;
  font-family: Helvetica, Arial, sans-serif;
}

.productPage .article .content, .searchPage .article .content, .categoryPage .article .content, .contactPage .article .content {
  display: none;
}

.en_US .productPage .article .content, .en_US .searchPage .article .content, .en_US .categoryPage .article .content, .en_US .contactPage .article .content {
  display: block;
}

.searchDrill {
  color: #C3C8C9;
  position: relative;
  height: 3.9rem;
}

.categoryFilterWrap select  {
  border: 0;
  width: auto;
  padding-right: 3rem;
  background-color: transparent;
  border-bottom: 2px solid #C3C8C9;
  cursor: pointer;
  font-family: 'Proxima Nova Bold';
  color: #C3C8C9;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  text-transform: uppercase !important;
}

.categoryFilterWrap select::-ms-expand, li.chat select::-ms-expand {
  display: none;
}

.categoryFilterWrap:hover {
  color: #939C9E;
}

/*.categoryFilterWrap select:hover {
  color: #939C9E;
  border-color: #939C9E;
}*/

/* when a select filter has a value */
.categoryFilterWrap.active, .categoryFilterWrap.active select, .categoryFilterWrap.active, .categoryFilterWrap.active select:after {
  color: #00b0b9;
  border-color: #00b0b9;
}

.fontface .categoryFilterWrap select, li.chat select {
  background-image: none;
  z-index: 1;
  position: relative;
}

.fontface .categoryFilterWrap:after {
  font-family: FontAwesome;
  content: "\f107";
  background-image: none;
  display: inline-block;
  position: absolute;
  right: 1rem;
  top: 50%;
  height: 1rem;
  margin-top: -.5rem;
  z-index: 0;
}

.categoryFilterWrap select:focus, li.chat select {
  outline: none;
}

.categoryFilterWrap {
  position: relative;
  margin-right: 1.8rem;
}

.cat-group-label {
  font-style: italic;
  margin-right: 1rem;
}

.clearFilterWrap {
  display: none;
}

.clearFilterWrap.show {
  display: block;
}

.allFiltersWrap .clearFilterWrap {
  position: absolute;
  right: 0;
  top: .55rem;
  font-style: italic;
  cursor: pointer;
}

.allFiltersWrap .clear_filter {
  padding: 1rem 0;
  color: #00b0b9;

}

.allFiltersWrap .clear_filter:hover {
  color: #939C9E;
}

.allFiltersWrap .clear_filter:active {
  color: #008EAA;
}

.allFiltersWrap .clear_filter:after {
  font-family: ionicons;
  content: "\f12a";
  margin-left: .5rem;
  font-style: normal;
  font-size: .7rem;
  position: relative;
  top: .5px;
  display: inline-block;
}

.ellipses {
  font-family: "Proxima Nova Bold";
}

/* Pagination */

.pagination { 
  width: 100%;
  text-align: center;
  margin-top: 1rem;
}

.pagination ul {
  margin: 0;
  display: inline-block;
}

.pagination ul li {
  float: left;
  line-height: 1.5rem;
  margin: 0 .5rem;
}

.pagination a {
  color: #ffffff;
  background-color: #00b0b9;
  width: 3rem;
  display: inline-block;
  line-height: 1.5rem;
  border-radius: 1000px;
  border: 2px solid #00b0b9;
  -wekit-border-radius: 1000px;
  -moz-border-radius: 1000px;
/*  -webkit-transition: background-color .2s ease-out;
  -moz-transition: background-color .2s ease-out;
  -o-transition: background-color .2s ease-out;
  transition: background-color .2s ease-out;
  -webkit-transition: border-color .2s ease-out;
  -moz-transition: border-color .2s ease-out;
  -o-transition: border-color .2s ease-out;
  transition: border-color .2s ease-out;*/
}

.pagination a:hover {
  background-color: #008EAA;
  border-color: #008EAA;
}

.pagination a.currentPage,
.pagination a.disabled {
  color: #939C9E;
  background: transparent;
  border: 2px solid #939C9E;
  cursor: default;
}

.pagination a.currentPage:hover,
.pagination a.disabled:hover {
  background: transparent;
}

/* fallback */
.pagination a.previousLink, .pagination a.nextLink {
  /*line-height: 1;*/
  color: #00b0b9;
  border: 2px solid transparent;
  position: relative;
  background: #ffffff;
}

.fontface .pagination a.previousLink, .fontface .pagination a.nextLink {
  color: transparent;
}

.pagination a.previousLink.disabled, .pagination a.nextLink.disabled {
  background: transparent;
  cursor: default;
}

.fontface .pagination a:before {
  font-family: FontAwesome;
  color: #00b0b9;
  font-size: 1.5rem;
  position: relative;
  top: 1px;
}

.fontface .pagination a:before:hover {
  color: #008EAA;
}

.fontface .pagination a.previousLink:before {
  content: "\f104";
}

.fontface .pagination a.nextLink:before {
  content: "\f105";
  position: relative;
  left: 8px;
}

.fontface .pagination a.previousLink.disabled:before, .fontface .pagination a.nextLink.disabled:before {
  color: #939C9E;
}

.singleResultsPage {
  opacity: .5;
}


/*

.categoryPage .topicArticles .previousLink,
.categoryPage .topicArticles .nextLink,
.categoryPage .topicArticles ul.pageLinks li.pageLinkListItem {
  line-height: 1;
  float: left;
}

.categoryPage .topicArticles ul.pageLinks {
  margin: 0;
}

.categoryPage .topicArticles ul.pageLinks a.currentPage,
.categoryPage .topicArticles .disabled {
  color: #999;
}

.categoryPage .category_Topics {
  display: none;
}*/

/* --------------------------------------------------------------------------------- */
/*               Accordion                                                           */
/* --------------------------------------------------------------------------------- */


.collapsible {
  margin: 0.5rem 0 1rem 0;
  padding: 0;
  list-style-type: none;
  border-bottom: 1px solid #e2e2e2;
}

#articleContainer ul.collapsible > li {
  margin: 0;
  padding: 0;
}

.collapsible > li {
  list-style-type: none;
}

.collapsible-header {
    display: block;
    cursor: pointer;
    padding: 1rem 2rem 1rem 1rem;
    border-top: 1px solid #e2e2e2;
    color: #00b0b9;
    text-transform: uppercase;
    font-family: 'Proxima Nova Bold';
    /*white-space: nowrap;*/
    position: relative;
}


.collapsible-header:hover, .collapsible-header:focus, .collapsible-header.active {
  color: #008EAA;
}

.collapsible-header:after {
  font-family: FontAwesome;
  content: '\f107';
  display: inline-block;
  position: absolute;
  right: 1rem;
  line-height: 24px;
  font-size: 1.5rem;
  top: 50%;
  margin-top: -12px;
}

.collapsible-header.active:after {
  content: '\f106';
}

.collapsible-body {
    display: none;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 1rem;
    margin-left: 1rem;
    border-left: 2px solid #e2e2e2;
    overflow: hidden;
}

li.active .collapsible-body {
  margin-bottom: 1.5rem;
}

.collapsible-body-wrap {
  overflow: hidden;
}

.collapsible-header i {
    width: 2rem;
    font-size: 1.6rem;
    line-height: 3rem;
    display: block;
    float: left;
    text-align: center;
    margin-right: 1rem;
}


/* --------------------------------------------------------------------------------- */
/*               Tabs                                                                */
/* --------------------------------------------------------------------------------- */


.tabs {
    position: relative;
    width: 100%;
    overflow: hidden;
    margin: 2rem 0 2rem;
    padding: 2rem 0 2rem;
    border-color: #e2e2e2;
    border-style: solid;
    border-width: 1px 0 1px;
}

/* Nav */
.tabs #nav {
    text-align: center;
}

.tabs #nav ul {
    padding: 0;
    margin: 0;
    width: 100%;
    list-style: none;
    display: inline-block;
}

.tabs #nav ul li {
    display: inline-block;
    float: none;
    position: relative;
    margin: 0;
    padding: 0;
}

.tabs #nav a {
    /*color: #00b0b9;*/
    display: block;
    font-size: 1rem;
    text-transform: uppercase;
    font-family: 'Proxima Nova Bold';
    line-height: 2.66rem;
    padding: 0 1rem;
    white-space: nowrap;
}

.tabs #nav li.tab-current a {
    color: #576569;
    background: #afdedd;
}

/* Content */
.tabs .content > div {
    font-size: 1rem;
    margin: 2rem 0 1rem;
    display: none;
}

.tabs .content > div:before,
.tabs .content > div:after {
    content: '';
    display: table;
}

.tabs .content > div:after {
    clear: both;
}

.content > div.content-current {
    display: block;
}

/* Tabs fallback */
.no-js .tabs .content > div {
    display: block;
    padding-bottom: 2rem;
    border-bottom: 1px solid #47a3da;
}

/* Error page */

#errorPage span.title {
  display: block;
  margin: 2rem 0;
  font-style: italic;
}

img.four-oh-four {
  width: 174px;
  float: right;
  margin-top: 49px;
}

#errorPanel {
  margin: 25px 0 150px;
}

/* --------------------------------------------------------------------------------- */
/*        Language Tweaks                                                           */
/* ------------------------------------------------------------------------------- */

/* To add full support, remove this CSS, add all translations, and remove javascript redirects */

.zh_TW .header_bottom {
  display: none;
}

.zh_TW #breadcrumbs {
  display: none;
}

.zh_TW .row.contactLinksRow {
  display: none;
}

.zh_TW #sidebar {
  display: none;
}

.zh_TW #mainColumn {
  position: relative;
  float: none;
  margin: 0 auto;
}

.zh_TW .allFiltersWrap.show, .zh_TW .allFiltersWrap {
  display: none;
}

/***/
/* HIDE PRODUCTS not released for a language. These are also being removed from the DOM at page load */
/***/

/* offcanvas menu */
.it ul.products li.Ultra, .ja ul.products li.Ultra, .ko ul.products li.Ultra, .zh_CN ul.products li.Ultra, .it ul.products li.Force, .ja ul.products li.Aria, .ko ul.products li.Aria, .zh_CN ul.products li.Force {
  display: none;
}

/* contact form */
.it ul.product_list li.Ultra, .ja ul.product_list li.Ultra, .ko ul.product_list li.Ultra, .zh_CN ul.product_list li.Ultra, .it ul.product_list li.Force, .ja ul.product_list li.Aria, .ko ul.product_list li.Aria, .zh_CN ul.product_list li.Force {
  display: none;
}

/* contact form, hide new products for non-English */
/*ul.product_list li.Surge, ul.product_list li.Charge, ul.product_list li.Charge_HR { display: none; }
.en_US ul.product_list li.Surge, .en_US ul.product_list li.Charge, .en_US ul.product_list li.Charge_HR { display: block; }
.de ul.product_list li.Surge, .de ul.product_list li.Charge, .de ul.product_list li.Charge_HR { display: block; }
.fr ul.product_list li.Surge, .fr ul.product_list li.Charge, .fr ul.product_list li.Charge_HR { display: block; }
.it ul.product_list li.Surge, .it ul.product_list li.Charge, .it ul.product_list li.Charge_HR { display: block; }
.es ul.product_list li.Surge, .es ul.product_list li.Charge, .es ul.product_list li.Charge_HR { display: block; }*/



/* homepage and extended footer nav */
.it .productGrid li.Ultra, .ja .productGrid li.Ultra, .ko .productGrid li.Ultra, .zh_CN .productGrid li.Ultra, .it .productGrid li.Force, .ja .productGrid li.Aria, .ko .productGrid li.Aria, .zh_CN .productGrid li.Force {
  display: none;
}

/* off canvas menu: hide new products for all non-english languages */
/*.productGridWrap li.Surge, .productGridWrap li.Charge, .productGridWrap li.Charge_HR { display: none; }
.en_US .productGridWrap li.Surge, .en_US .productGridWrap li.Charge, .en_US .productGridWrap li.Charge_HR { display: block; }
.de .productGridWrap li.Surge, .de .productGridWrap li.Charge, .de .productGridWrap li.Charge_HR { display: block; }
.fr .productGridWrap li.Surge, .fr .productGridWrap li.Charge, .fr .productGridWrap li.Charge_HR { display: block; }
.it .productGridWrap li.Surge, .it .productGridWrap li.Charge, .it .productGridWrap li.Charge_HR { display: block; }
.es .productGridWrap li.Surge, .es .productGridWrap li.Charge, .es .productGridWrap li.Charge_HR { display: block; }*/

/* homepage and desktop nav: hide new products for all non-english languages */
/*ul.products li.Surge, ul.products li.Charge, ul.products li.Charge_HR { display: none; }
.en_US ul.products li.Surge, .en_US ul.products li.Charge, .en_US ul.products li.Charge_HR { display: block; }
.de ul.products li.Surge, .de ul.products li.Charge, .de ul.products li.Charge_HR { display: block; }
.fr ul.products li.Surge, .fr ul.products li.Charge, .fr ul.products li.Charge_HR { display: block; }
.it ul.products li.Surge, .it ul.products li.Charge, .it ul.products li.Charge_HR { display: block; }
.es ul.products li.Surge, .es ul.products li.Charge, .es ul.products li.Charge_HR { display: block; }*/

/* phone number */
.ko .phone .hours.second { display: none; }

.ko .phone span.instructions { display: none; }

/* CEO letter on product page */

.fr li.ceo, .it li.ceo, .de li.ceo, .es li.ceo {
  clear: both;
}

/* Fitbit.com store/shop links */
.ja #subnav li.store, .zh_CN #subnav li.store, .zh_TW #subnav li.store /*, .it footer a.shop, .it footer a.shop, .ja footer a.shop, .zh_CN footer a.shop, .zh_TW footer a.shop */ {
  display: none;
}

.it footer li.where-to-buy, .it footer li.affiliate, .it footer .ftr-bottom ul li.returns, .ja footer li.where-to-buy, .ja footer li.affiliate, .ja footer .ftr-bottom ul li.returns {
  display: none;
}

.ko footer li.where-to-buy, .zh_CN li.where-to-buy, .zh_TW li.where-to-buy, .ko footer li.affiliate, .zh_CN li.affiliate, .zh_TW li.affiliate, .ko footer li.returns, .zh_CN li.returns, .zh_TW li.returns, .ko footer li.cw, .zh_CN li.cw, .zh_TW li.cw {
  display: none;
}

/*footer .ftr-bottom ul li.recall { display: none; } .en_US footer .ftr-bottom ul li.recall { display: inline-block; }*/
footer .ftr-social ul li.blog { display: none; } .en_US footer .ftr-social ul li.blog { display: inline-block; }
footer .ftr-bottom ul li.product-care { display: none; } .en_US footer .ftr-bottom ul li.product-care { display: inline-block; }


/* --------------------------------------------------------------------------------- */
/*        Media Queries                                                             */
/* ------------------------------------------------------------------------------- */

  /**********************/
 /* Medium and smaller */
/**********************/

@media only screen and (max-width: 64em) {

  .product_box, .platform_box, .issue_1_box, .issue_2_box, .article_suggestions_box, .contact_support_box {
    border-width: 2px 0 0 0;
  }

  .logo {
    margin: auto;
    left: 1rem;
    bottom: 0;
    top: 0;
  }


  #footer_logo {
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
  }

  .row.header_top {
    position: relative;
  }

  #sidebar {
    padding-top: 0;
    padding-bottom: 3.667rem
  }

  #articleContainer .ptBody .links a:before {
    display: none;
  }

  #resourcesPanel ul {
    margin-left: 0;
  }

  ul#contactLinks {
    margin-top: 1.75rem;
  }

 /* remove surrounding box to category block, and align for smaller screens */
  .categoryBlock, .categoryBlock > .columns {
    border: none;
  }

  .categoryBlock .categoryWrap {
    padding: 1.33rem;
    border-bottom: 1px solid #e2e2e2;
  }

/* ===============
   Home page - medium and smaller
   =============== */

  .no-touch .productGrid li a:active span.arrow:before,  .no-touch  .productGrid li a:focus span.arrow:before, .no-touch .productGrid li a:focus span.productLabel, .productGrid li a.hover span.productLabel {
    color: #00B0B9;
  }

  #input_wrap_platform, #input_wrap_product, #input_wrap_issue_1, #input_wrap_issue_2, [id*='article_suggestions'], #contact_support_wrap {
    margin-left: 0;
    margin-right: 0;
  }

  /* Off Canvas Menu */

  .tab-bar section.left-small, .tab-bar section.right-small {
    border: none;
  }

  .right-off-canvas-menu {
    background: #ffffff;
  }

  .right-off-canvas-menu .productImageWrap {
    width: 3rem;
    text-align: center;
    display: inline-block;
  }

  .right-off-canvas-menu ul.products li img {
    max-height: 30px;
    padding-right: 1rem;
  }

  .right-off-canvas-menu ul.products li.Surge img {
    position: relative;
    left: -1px;
  }

  .right-off-canvas-menu ul.products li {
    list-style: none;
    margin-bottom: .5rem;
  }

  .right-off-canvas-menu ul li a {
    color: #576569;
    font-size: .875rem;
    display: block;
  }

  .right-off-canvas-menu ul li.selectedProduct a {
    color: #00b0b9;
  }

  .right-off-canvas-menu ul li a:hover, .right-off-canvas-menu ul li a:active, .right-off-canvas-menu ul li a:focus {
    color: #00b0b9;
  }

  /* current product */
  .right-off-canvas-menu ul li.flex a {
      color: #00b0b9;
  }

  .move-right .exit-off-canvas, .move-left .exit-off-canvas {
      box-shadow: -4px 0 4px rgba(0, 0, 0, 0.2), 4px 0 4px rgba(0, 0, 0, 0.2);
      -webkit-box-shadow: -4px 0 4px rgba(0, 0, 0, 0.2), 4px 0 4px rgba(0, 0, 0, 0.2);
      -moz-box-shadow: -4px 0 4px rgba(0, 0, 0, 0.2), 4px 0 4px rgba(0, 0, 0, 0.2);
  }

  /* unicode fallback */

  #menu_toggle span:before {
    content:"\2261";
    color: #EE3D6E;
    font-size: 2rem;
  }
  #menu_toggle.active span:before {
    content:"\2261";
    color: #BF3259;
    font-size: 2rem;
  }
  /* end unicode fallback */

  .csstransforms #menu_toggle {
    position: absolute;
    padding-top: 19px;
    padding-bottom: 21px;
    width: 40px;
    text-align: right;
    display: block;
    z-index: 7;
    right: 0;
    top: 0;
    height: 20px;
   }

   .tab-bar-section {
    z-index: 1;
   }

  .csstransforms #menu_toggle { cursor: pointer;}

  .csstransforms #menu_toggle span, .csstransforms #menu_toggle span:before, .csstransforms #menu_toggle span:after {
    cursor: pointer;
    border-radius: 1px;
    height: 4px;
    width: 24px;
    background: #00b0b9;
    position: absolute;
    display: block;
    content: '';
  }

  .csstransforms #menu_toggle span:before {
    top: -8px;
  }

  .csstransforms #menu_toggle span:after {
    bottom: -8px;
  }

  /* transition was glitchy, so set to 0s transition */
  .csstransforms #menu_toggle span, .csstransforms #menu_toggle span:before, .csstransforms #menu_toggle span:after {
    transition: all 0ms ease-in-out;
    -webkit-transition: all 0ms ease-in-out;
    -ms-transition: all 0ms ease-in-out;
  }

  .csstransforms #menu_toggle.active span {
    background-color: transparent;
  }

  .csstransforms #menu_toggle.active span:before, .csstransforms #menu_toggle.active span:after {
    top: 0;
  }

  .csstransforms #menu_toggle.active span:before {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
  }

  .csstransforms #menu_toggle.active span:after {
    transform: translateY(-8px) rotate(-45deg);
    -webkit-transform: translateY(-8px) rotate(-45deg);
    -moz-transform: translateY(-8px) rotate(-45deg);
    top: 8px;
  }

  .move-right .exit-off-canvas, .move-left .exit-off-canvas, .move-right .exit-off-canvas:hover, .move-left .exit-off-canvas:hover {
    background: rgba(255, 255, 255, 0.5);
  }

  .accordion .accordion-navigation > a, .accordion dd > a {
    background: #fff;
    border-color: #e2e2e2;
    border-style: solid;
    border-width: 0px 0px 1px;
  }

   .off-canvas-wrap .accordion {
    border-top: 1px solid #e2e2e2;
   }

  .fontface .accordion .accordion-navigation > a:after, .accordion dd > a:after {
    font-family: FontAwesome;
    content: "\f105";
    float: right;
    text-align: center;
    display: inline-block;
  }

  .accordion .accordion-navigation > a:hover, .accordion dd > a:hover {
    background: #ffffff;
  }

  .accordion .accordion-navigation > a:active, .accordion dd > a:active, .accordion .accordion-navigation > a:focus, .accordion dd > a:focus {
    background: #00b0b9;
    color: #ffffff;
  }

  /* products block */
  .fontface .accordion .accordion-navigation.products > a:after {
    content:  "\f107";
    color: #939c9e;
  }

  .accordion .accordion-navigation.products > a {
    cursor: default;
  }

  .accordion .accordion-navigation.products > a:hover {
    background: #fafafa;
  }

}

  /******************/
 /* Medium-Small * */
/******************/
/* Fix text lines breaking in boxes */
@media only screen and (max-width: 47em) and (min-width:40em) {
  .fontface .platform_box ul.thumbnails.image_picker_selector li p:before {
    width: 2rem;
    font-size: 1rem;
  }
  .fontface .categoryBlock ol.topicsList li a span:before {
    width: 2rem;
  }
}

  /***************/
 /* Medium only */
/***************/
@media only screen and (max-width: 64em) and (min-width:40em) {
  
  .columns, .banner_inside_wrap {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .searchSmallScreens .columns {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  #homeProductsPanel {
    padding-right: 1.5rem;
  }

  .productPage img#productImage {
    right: 1rem;
  }

  ul#contactLinks li a {
    font-size: 1.5rem;
  }

  #topArticles {
    margin-top: 1.1rem;
  }

  footer .ftr-social ul li.twitter {
    margin-left: 45px;
  }

  footer .ftr-social ul li.instagram {
    margin-left: 38px;
  }

  footer .ftr-social ul li.pinterest, footer .ftr-social ul li.youtube, footer .ftr-social ul li.google-plus {
    margin-left: 40px;
  }

  .homeSearchWrapOutside {
      height: 200px;
  }

  .homeSearchWrap {
      height: 200px;
  }

  .searchSmallScreens {
    display: block;
    height: 50px;
  }

  #subnav {
    float: right;
    margin-right: 1rem;
  }

  header #searchAskForm {
    top: 0;
  }

  .featuredColumn {
    margin-bottom: 1rem;
  }

  .viewingHome .extendedFooter .productGrid {
    margin-top: 1rem;
  }

}

  /*****************/
 /* Large and up  */
/*****************/

@media only screen and (min-width: 64em) { 

#resourcesPanel ul {
  margin: 0 auto 1.0625rem auto;
  margin-left: -1.375rem;
  margin-right: 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
}

#resourcesPanel li {
  list-style: none;
  float: left;
  margin-left: 1.375rem;
  display: block;
}

  footer#footer_row {
    padding-left: 0;
    padding-right: 0;
  }

  #links_column .columns {
    padding-right: 2rem;
    padding-left: 0;
  }

  #mainColumn {
    padding-right: 2rem;
  }

  #sidebar {
    padding-top: 6.55rem;
  }

  .viewingHome ul#contactLinks {
    margin-top: 2.1rem;
    margin-bottom: .9rem;
  }

  footer .ftr-links {
    border-top: 1px solid #e2e2e2;
    margin: 20px auto 7px;
    text-align: left;
  }

  footer .ftr-links ul {
    text-align: left;
  }

  footer .ftr-links ul li a {
    line-height: 24px;
  }

  footer .ftr-links ul:before {
    background: url("https://staticcs.fitbit.com/content/assets/help/images/logos/fitbit/fitbitLogo_normal.png") no-repeat;
    position: relative;
    content: '';
    width: 64px;
    top: 3px;
    left: 0;
    display: inline-block;
    margin-right: 19px;
    height: 16px;
  }

  footer .ftr-social ul li.blog, footer .ftr-social ul li.community {
    margin-left: 31px;
    top: -3px;
    font-size: 25px;
  }

  footer .ftr-social ul li.twitter {
    margin-left: 45px;
  }

  footer .ftr-social ul li.instagram {
    margin-left: 38px;
  }

  footer .ftr-social ul li.pinterest, footer .ftr-social ul li.youtube, footer .ftr-social ul li.google-plus {
    margin-left: 40px;
  }

  footer .ftr-locale {
    margin-top: 6px;
  }

  footer .ftr-bottom {
    border: none;
    padding-top: 0;
    text-align: left;
  }

  footer .ftr-bottom ul li {
    margin: 0 3px;
  }

  footer .ftr-bottom ul li.copyright {
    margin-left: 1px;
  }

  footer .ftr-locale {
    display: block;
    position: relative;
    float: right;
    right: 15px;
    top: -49px;
    margin-bottom: -29px;
  }

  .languagePicker label {
    margin: 1px;
    height: 35px;
  }

  .thankYouPage {
    min-height: 250px;
  }

  #errorPanel {
    margin: 50px 0 250px;
  }

  .postChatText {
    min-height: 200px;
  }

  /* keep them one one line */
  .tabs #nav a {
      padding: 0 .9rem;
  }

  .viewingHome #subnav, .viewingHome #subnav .inline-list {
    float: right;
  }

  .extendedFooter .featuredRow {
    margin-right: auto;
  }

  .extendedFooter .productGrid h2 {
    text-align: left;
  }

  #product_surge img#productImage {
    right: -8px;
  }

  #product_blaze img#productImage {
    right: -7px;
  }

}

 /*******************/
 /* Larger and up  */
/******************/

@media only screen and (min-width: 75em) {

  .fontface .categoryBlock a.back_arrow {
    position: absolute;
    top: 50%;
    left: -4.08rem;
    margin-top: -2.5rem;
    height: 5rem;
    display: block;
    color: #e2e2e2;
  }

  .fontface .categoryBlock a.back_arrow:before {
    font-family: FontAwesome;
    content: "\f104";
    font-size: 5rem;
    color: inherit;
    display: block;
  }

  .fontface .categoryBlock a.back_arrow:hover {
    color: #00b0b9;
  }
}

  /**********/
 /* Small */
/**********/

@media only screen and (max-width: 40em) {

  a {
    word-wrap: break-word;
  }
  
  .countryPicklist {
  top: 100px;
  }

  .columns, .banner_inside_wrap {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  #articleContainer .ptBody .links a:before {
    display: none;
  }

  #articleContainer ul {
    margin-left: 0;
  }

  #articleContainer ol {
    margin-left: .66rem;
  }

  .tabs #nav ul {
    width: 100%;
    float: none;
    display: inline-block;
    text-align: center;
  }

  .tabs #nav ul li {
    margin-bottom: .66rem;
  }

  .categoryBlock {
    margin-top: .5rem;
  }

  .categoryBlock .categoryWrap {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 1rem;
    margin-bottom: .5rem;
  }

  .categoryBlock ol.topicsList {
    padding-left: 0;
    padding-right: 0;
  }

  .categoryBlock .categoryHelpText {
    padding-left: 0;
  }

  #contactLinksWrap {
    padding-left: 0;
    padding-right: 0;
  }

  .row.contactLinksRow {
    padding: 0;
  }

  #topArticles {
    margin-top: 1.1rem;
  }

  .pagination a {
    width: 2rem;
   /* line-height: 1rem;*/
  }

  .pagination ul li {
   /* line-height: 1rem;*/
    margin: 0 .25rem;
  }

  .pagination ul li.ellipsis {
    margin: 0;
    font-size: .6rem;
  }

  .pagination a.previousLink, .pagination a.nextLink {
    width: 1.5rem;
  }

  .pagination a.previousLink:before {
    float:left;
  }

  .pagination a.nextLink:before {
    float:right;
  }

  .categoryBlock .categoryWrap {
    padding-bottom: 2rem;
  }

  .clear_spinner {
    position: relative;
    width: 100%;
    text-align: center;
    top: 0;
    left: inherit;
    padding-bottom: 1.5rem;
  }

  .clear_spinner .spin_icon {
    width: 100%;
  }

  .cat-group-label {
    margin-right: 0rem;
  }

  .categoryFilterWrap {
    margin-right: .5rem;
  }

  .allFiltersWrap .clearFilterWrap {
    position: relative;
    top: 0;
    float: right;
    padding-right: 1rem;
  }

  .filtersButton {
    display: none;
    padding-top: .72rem;
    padding-bottom: .72rem;
    background-color: #00b0b9;
    color: #ffffff;
    border: 2px solid transparent;
  }

  .filtersButton.active {
    background-color: transparent;
    color: #e2e2e2;
    border-color: #e2e2e2;
  }

  .allFiltersWrap {
    display: none;
  }

  .filtersButton.show {
    display: block;
  }

  .allFiltersWrap.show {
    display: block;
    margin-bottom: 2rem;
  }

  .allFiltersWrap.show.clearLabel {
    display: block;
  }

  #searchPageContent .allFiltersWrap.show .cat-group-label {
    display: none;
  }

  .allFiltersWrap.show .searchDrill {
    float: none;
  }

  .categoryFilterWrap select {
    width: 100%;
    text-transform: uppercase;
  }

  #sidebar {
    padding-top: 2.75rem;
    padding-bottom: .5rem;
  }

  ul.thumbnails.image_picker_selector a.not_sure_link {
    width: 100%;
    text-align: center;
  }

  a.close_banner span.icon {
    margin-top: .25rem;
  }

  .nextSteps {
    text-align: center;
  }

  a.foundAnswer {
    position: relative;
    cursor: pointer;
  }

  a#need_more_help {
    margin-top: 1.33rem;
    float: none;
  }

  h1.title, h3.title, #articleContainer h1.pageType {
    /* font-size: 1.5rem;*/
    line-height: 2rem;
  }

  .product_box > .columns, .platform_box > .columns, .issue_1_box > .columns, .issue_2_box > .columns, .article_suggestions_box > .columns, .contact_support_box .columns {
    border-width: 2px 0 0 0;
  }

  .viewingHome .header_bottom .searchColumn {
    display: none;
  }

  .categoryFilterWrap select {
    font-size: 1rem;
  }

  img.four-oh-four {
    width: 80px;
    text-align: center;
    float: none;
    position: relative;
    margin-top: 25px;
    margin-bottom: -25px;
  }

  .errorPage .graphic {
    text-align: center;
  }

  .topicsNavigation {
    display: block;
    width: 100%;
    text-align: center;
  }

  a.back_to_issues, a.category_all_products, .foundAnswerBlock {
    display: block;
    float: none;
  }

  a.back_to_issues {
    margin-bottom: 1rem;
  }

  .tabs #nav a {
    padding: 0 .5rem;
  }

  /* fix Charge HR overlap */
  #product_charge_hr img#productImage {
    top: 104px;
  }

  footer .ftr-social ul li a {
    font-size: 19px;
  }

  footer .ftr-social ul li.blog a, footer .ftr-social ul li.community a {
    font-size: 14px;
  }

  footer .ftr-links ul {
    width: 265px;
    text-align: center;
  }

  footer .ftr-social {
    padding-top: 29px;
  }

  footer .ftr-links {
    margin: 3px auto 7px;
  }

  footer .ftr-bottom ul {
    width: 212px;
  }

  footer .ftr-social ul li {
    margin-left: 18px;
  }

  footer .ftr-social ul li.twitter {
    margin-left: 20px;
  }

  footer .ftr-social ul li.blog, footer .ftr-social ul li.community {
    margin-left: 13px;
    top: -2px;
  }

  a.close_banner {
    display: block;
  }

  .container_banner .banner img {
    display: none;
  }

  .banner_inside_wrap {
    line-height: 1.5rem;
  }

  ul.thumbnails.image_picker_selector a.other_link {
    bottom: -1.5rem;
  }

  .communityLogo.mediumUp {
    display: none;
  }

  .communityLogo.smallOnly {
    display: block;
    margin: 0 auto;
  }

  .communityBanner {
    padding: 1.66rem;
  }

  .contactOptions li {
    margin-bottom: 1rem;
    /*border-bottom: 1px solid #e2e2e2;*/
    width: 100%;
  }

  .contactOptions li:last-child {
    border-bottom: 0;
  }

  .collapsible-body {
    max-width: 270px;
  }

  .collapsible-body img {
    max-width: 240px;
  }

  .collapsible-body ol img, .collapsible-body ul img {
    max-width: 200px;
  }

  #articleContainer ol li ol li {
    margin-left: 1rem;
  }

  #articleContainer ol li ul li {
    margin-left: 1rem;
  }

  .productGrid li a {
    margin: 0;
  }

  .homeSearchWrapOutside {
      height: 200px;
  }

  .homeSearchWrap {
      height: 200px;
  }

  .searchSmallScreens {
    display: block;
  }

  .row.header_top {
    height: 40px;
  }

  header input[type="search"]#searchAskInput {
    color: #102429;
  } 

  .featuredColumn {
    margin-bottom: 1rem;
  }

  .viewingHome .extendedFooter .productGrid {
    margin-top: 1rem;
  }

  .extendedFooter ul.productGrid {
      padding: 0rem 1rem .5rem;
  }

  .extendedFooter .productGrid .featuredRow {
      border-width: 2px 0;
  }

  #input_wrap_platform, #input_wrap_product, #input_wrap_issue_1, #input_wrap_issue_2, [id*='article_suggestions'], #contact_support_wrap {
    margin-bottom: 0;
  }


}

/* Retina Media Query */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { 
  footer .ftr-links ul:before {
    background: url("https://staticcs.fitbit.com/content/assets/help/images/logos/fitbit/fitbitLogo_retina.png") no-repeat;
    background-size: 64px 16px;
  }

  .cw_logo {
  background-image: url("http://staticcs.fitbit.com/content/assets/help/images/logos/cw/fitbit_cw_black.png");
  background-size: 150px 16px;
    background-repeat: no-repeat;
   }
  
  .en_US .contactOptions .email a:hover .cw_logo {
  background-image: url("http://staticcs.fitbit.com/content/assets/help/images/logos/cw/fitbit_cw_hover.png");
  background-size: 150px 16px;
    background-repeat: no-repeat;
  }

}

/* Firefox specific CSS */
@-moz-document url-prefix() {
  /* remove custom down arrows on selects, since Firefox overrules style */
  li.chat .chatSelectWrap:before {
    display: none;
  }

  .fontface .categoryFilterWrap:after {
    display: none;
  }
}

</style>