@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosanstc.css);
@import url(https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i);
* {
    margin: 0;
    padding: 0;
    font-size: inherit;
    line-height: inherit;
}
*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
html, body {
	width: 100%;
	height: 100%;
	min-width:320px;
	position: relative;
}
html {
	font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
}
body {
	/*display: table;*/
	font-size: 100%;
	table-layout: fixed;
}
a {background-color:transparent;}
a:focus,
a:active { outline: 0; }
a img,
hr,
legend,
fieldset { border: 0; }
body,
input,
select,
textarea,
button {
	font-family: sans-serif;
}
a,
input,
button,
select,
object,
textarea { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
hr,
nav,
main,
menu,
aside,
figure,
footer,
header,
hgroup,
article,
details,
section,
summary,
figcaption { display: block; }
img,
svg,
audio,
video,
canvas,
iframe,
progress {
    display: inline-block;
    vertical-align: baseline;
}
video{
    display: inline-block;
    vertical-align: top;
}
img { -ms-interpolation-mode: bicubic;}
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: 400; } 
p b,p strong { font-weight: 500; } 
dfn { font-style: italic; }
small, sup, sub { font-size: 75%; }
sub, sup {
	line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sup{
	font-size:50%;
	top:-0.75em;	
}
sub { bottom: -.25em; }
form,
input,
button { line-height: normal; }
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button { height: auto; }
input[type=number] { width: auto; }
input[type="search"] {-webkit-appearance: textfield;-moz-appearance: textfield;}
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-cancel-button { -webkit-appearance: none; }
select::-ms-value { color: currentColor; }
select::-ms-expand { display: none; }
button,
input[type="reset"],
input[type="submit"],
input[type="button"] {cursor: pointer;-webkit-appearance: button;-moz-appearance: button;}
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea {-webkit-appearance: none;-moz-appearance: none;appearance: none;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;}
input[disabled],
button[disabled] { cursor: default; }
input,
select,
button,
textarea {
    color: inherit;
    font-style: inherit;
    font-weight: inherit;
    font-family: inherit;
	text-transform: none;
}
textarea {
    overflow: auto;
    resize: vertical;
}
input[type="submit"]::-moz-focus-inner { border: 0; }
optgroup { font-weight: bold; }
hr {
    height: 1px;
    margin: 1em 0;
    display: block;
    border-top: 1px solid #ccc;
}
[hidden],
template,
audio:not([controls]) {
    display: none;
}
svg:not(:root) { overflow: hidden; }
.toggle,
[unselectable] {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
kbd,
pre,
samp,
code {
	font-size: 1em;
	font-family: monospace;
}
nav ol,
nav ul { list-style: none; }

table {
	border-spacing: 0;
    border-collapse: collapse;
}
.min768{display:none;}
@media (min-width: 768px) {
	.min768{display:inline;}
	.max768{display:none;}
}
@media (min-width: 480px) {
	.max480{display:none;}
}
.header { position: relative; }
.toggle {
	z-index: 3;
	display: none;
	position: absolute;
	text-decoration: none;
}
.container { margin: 0 auto; }
.grid,
.repeater {
	vertical-align: top;
}
.col,
[class*="col-"] {
	min-height: 1px;
	position: relative;
	display: table-cell;
	vertical-align: top;
	display: inline-block;
	*display: inline;
	*zoom: 1;
}
.grid  {
	display: block;
}
.row {
	display: table;
	table-layout: fixed;
}
.row:nth-child(odd){
	background-color:#ebebeb;
	background: -webkit-linear-gradient(-90deg, #ebebeb, #fafafa, #ebebeb);
	background: -o-linear-gradient(-90deg, #ebebeb, #fafafa, #ebebeb);
	background: -moz-linear-gradient(-90deg, #ebebeb, #fafafa, #ebebeb);
	background: linear-gradient(-90deg, #ebebeb, #fafafa, #ebebeb);
}
.row:nth-child(even){
	background-color:#fafafa;
	background: -webkit-linear-gradient(-90deg, #fafafa, #ebebeb, #fafafa);
	background: -o-linear-gradient(-90deg, #fafafa, #ebebeb, #fafafa);
	background: -moz-linear-gradient(-90deg, #fafafa, #ebebeb, #fafafa);
	background: linear-gradient(-90deg, #fafafa, #ebebeb, #fafafa);
}
@media screen and (max-width: 1024px) {
.row:nth-child(odd){
	background-color:#ebebeb;
	background: -webkit-linear-gradient(-90deg, #ebebeb, #fafafa);
	background: -o-linear-gradient(-90deg, #ebebeb, #fafafa);
	background: -moz-linear-gradient(-90deg, #ebebeb, #fafafa);
	background: linear-gradient(-90deg, #ebebeb, #fafafa);
}
.row:nth-child(even){
	background-color:#fafafa;
	background: -webkit-linear-gradient(-90deg, #fafafa, #ebebeb);
	background: -o-linear-gradient(-90deg, #fafafa, #ebebeb);
	background: -moz-linear-gradient(-90deg, #fafafa, #ebebeb);
	background: linear-gradient(-90deg, #fafafa, #ebebeb);
}
}

.twocol-txt{
  text-align: center;
  vertical-align: middle;
  position: relative;
}
.twocol-txt .twocol-cell {
  text-align: left;
  display: table-cell;
  vertical-align: middle;
  position: relative;
}
.twocol-txt .twocol-cell h2 {
	font-weight:200;
	color:#787878;
}
.twocol-txt,
.twocol-img {
  overflow: hidden !important;
}
.twocol-txt{
	text-align:left;
	padding:0 60px;
}
.twocol-txt.txtNeighbor{
	text-align:left;
	padding:40px 60px;
}
.twocol-txt.twocol-hero {
	padding:0;
}
.twocol-txt .icon{
	display:inline-block;
	text-align:center;
	margin:0 20px 0 0;
	vertical-align:middle;
	height:48px;
	width:48px;
}
.twocol-txt .icon img{
	display:block;
	width:48px;
	margin:0 auto;
}
.twocol-txt .icon svg{
	max-height:48px;
	max-width:48px;
	position:relative;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	fill:#808080;
}
.onecol{
	padding: 80px 60px;
	text-align: center;
}
@media screen and (max-width: 1024px) {
	.row{
		position:relative;
	}
	.twocol-txt{
		margin-top:calc(100% / 16 * 9);
		position:relative;
		z-index: 2;
		padding-top:80px;
		padding-bottom:80px;
	}
	.twocol-img2{
		margin-top:calc(100% / 16 * 9);
		position:relative;
	}
	.row.ratio-3-2 .twocol-txt{
		margin-top:calc(100% / 3 * 2);
	}
	.row.ratio-4-3 .twocol-txt{
		margin-top:calc(100% / 4 * 3);
	}
	.row.ratio-1-1 .twocol-txt{
		margin-top:100%;
	}
	.twocol-txt.png{
		margin-top:calc(100% / 16 * 9 + 40px);
	}
	.row.ratio-3-2 .twocol-txt.png{
		margin-top:calc(100% / 3 * 2 + 40px);
	}
	.row.ratio-4-3 .twocol-txt.png{
		margin-top:calc(100% / 4 * 3 + 40px);
	}
	.row.ratio-1-1 .twocol-txt.png{
		margin-top:calc(100% + 40px);
	}
	.twocol-txt.twocol-hero {
		margin-top:0;
	}
	.row:nth-child(odd) .twocol-txt{
		background-color:#ebebeb !important;
		background: -webkit-linear-gradient(-90deg, #ebebeb, #fafafa) !important;
		background: -o-linear-gradient(-90deg, #ebebeb, #fafafa) !important;
		background: -moz-linear-gradient(-90deg, #ebebeb, #fafafa) !important;
		background: linear-gradient(-90deg, #ebebeb, #fafafa) !important;
	}
	.row:nth-child(even) .twocol-txt{
		background-color:#fafafa !important;
		background: -webkit-linear-gradient(-90deg, #fafafa, #ebebeb) !important;
		background: -o-linear-gradient(-90deg, #fafafa, #ebebeb) !important;
		background: -moz-linear-gradient(-90deg, #fafafa, #ebebeb) !important;
		background: linear-gradient(-90deg, #fafafa, #ebebeb) !important;
	}
	.twocol-txt.txtNeighbor{
		text-align:left;
		margin-top:0;
	}
	.row:not(.two-img) .twocol-img{
		top:0;
		position:absolute;
		text-align:center;
		z-index:2;
	}
	.row.png .twocol-txt{
		padding-top:0;
	}
	.twocol-video.twocol-img-siblings{
		padding-top:56.25%;
	}
}
@media screen and (max-width: 768px) {
	.twocol-txt{
		padding:80px 40px;
	}
	.twocol-txt,
	.twocol-img {
		width: 100%;
	}
	.onecol{
		padding: 80px 40px;
	}
}

.row.backgroundImage{
	background-position:center center;
	background-size:cover;
}
.row.backgroundImage .twocol-txt{
	margin-top:calc(100% / 16 * 9);
	position:relative;
	z-index: 2;
	padding-top:80px;
	padding-bottom:80px;
}
.row.backgroundImage .twocol-img img{
	display:none;
}
@media screen and (min-width: 1025px) {
.row.backgroundImage h1,
.row.backgroundImage h1 strong,
.row.backgroundImage p{
	color:#fff;
}
}
@media screen and (max-width: 1024px) {
	.row.backgroundImage .twocol-img img{
		display:block;
	}
}

.grid .row .row{
	background-color:transparent;
	background:none;
}
@media screen and (max-width: 1024px) {
.grid .row .row{
	background-color:transparent;
	background:none;
}
}
.grid .col,
.grid [class*="col-"] {
	display: table-cell;
}
.repeater { font-size: 0; }
.repeater .col,
.repeater [class*="col-"] {
	font-size: initial;
	display: inline-block;
	position: relative;
	min-height: 1px;
}
.repeater .row { display: inline; }
.col-1-1, .col-2-2, .col-3-3, .col-4-4, .col-5-5, .col-6-6, .col-7-7, .col-8-8, .col-9-9, .col-10-10, .col-11-11, .col-12-12,.col-12 { width: 100%; }
.col-1-2, .col-2-4, .col-3-6, .col-4-8, .col-5-10, .col-6-12,.col-6 { width: 50%; }
.col-1-3, .col-2-6, .col-3-9, .col-4-12,.col-4 { width: 33.333333%; }
.col-2-3, .col-4-6, .col-6-9, .col-8-12,.col-8 { width: 66.666666%; }
.col-1-4, .col-2-8, .col-3-12,.col-3 { width: 25%; }
.col-3-4, .col-6-8, .col-9-12,.col-9 { width: 75%; }
.col-1-5, .col-2-10{ width: 20%; }	
.col-2-5, .col-4-10{ width: 40%; }
.col-3-5, .col-6-10 { width: 60%; }
.col-4-5, .col-8-10 { width: 80%; }
.col-1-6, .col-2-12, .col-2 { width: 16.666666%; }
.col-5-6, .col-10-12,.col-10 { width: 83.333333%; }
.col-1-7 { width: 14.285714%; }
.col-2-7 { width: 28.571428%; }
.col-3-7 { width: 42.857142%; }
.col-4-7 { width: 57.142857%; }
.col-5-7 { width: 71.428571%; }
.col-6-7 { width: 85.714285%; }
.col-1-8 { width: 12.5%; }
.col-3-8 { width: 37.5%; }
.col-5-8 { width: 62.5%; }
.col-7-8 { width: 87.5%; }
.col-1-9 { width: 11.111111%; }
.col-2-9 { width: 22.222222%; }
.col-4-9 { width: 44.444444%; }
.col-5-9 { width: 55.555555%; }
.col-7-9 { width: 77.777777%; }
.col-8-9 { width: 88.888888%; }
.col-1-10 { width: 10%; }
.col-3-10 { width: 30%; }
.col-7-10 { width: 70%; }
.col-9-10 { width: 90%; }
.col-1-11 { width: 9.090909%; }
.col-2-11 { width: 18.181818%; }
.col-3-11 { width: 27.272727%; }
.col-4-11 { width: 36.363636%; }
.col-5-11 { width: 45.454545%; }
.col-6-11 { width: 54.545454%; }
.col-7-11 { width: 63.636363%; }
.col-8-11 { width: 72.727272%; }
.col-9-11 { width: 81.818181%; }
.col-10-11 { width: 90.909090%; }
.col-1-12,.col-1 { width: 8.3333333%; }
.col-5-12,.col-5 { width: 41.666666%; }
.col-7-12,.col-7 { width: 58.333333%; }
.col-11-12,.col-11 { width: 91.666666%; }

h1 { font-size: 2.641em; }
h2 { font-size: 2.438em; }
h3 { font-size: 2em;	 }
h4 { font-size: 1.625em; }
h5 { font-size: 1.5em;	 }
h6 { font-size: 1em;	}
h1 { margin: 0 0 0.3em; }
h2 { margin: 0 0 0.5em; }
h3,
h4,
h5,
h6 {margin: 0 0 1em;}
p {margin: 1.5em 0;}
.measures p {
  display: inline-block;
  margin-top:20px;
  vertical-align: top;
}
.measures p span {
  font-size: 4em;
  line-height:1;
  font-weight: 200;
  letter-spacing: -0.06em;
  display: block;
}
.measures p .text-tc {
    font-size: 3.5em;
	margin-top: 0.1em;
}
@media screen and (max-width: 768px) {
	.measures p span {
	  font-size: 3em;
	}
	.measures p .text-tc {
		font-size:2.5em;
	}
}
@media screen and (max-width: 480px) {
	.measures p {
	  display: block;
	}
	.measures .comma{
	  display: none;
	}
}
.measures-last{
  font-size: 1.6em;
  font-weight: 200;
  margin-top:15px;
}
.measures-last span {
	font-size: 0.6em;
}
@media screen and (max-width: 480px) {
.measures-last{
	font-size: 1.2em;
}
}
.grid [class*="col-"] {
  display: table-cell;
  overflow: hidden;
}
.grid [class*="col-"] [class*="col-cell"]{
  display:block;
}
[class*="col-"] img{
  max-width: 100%;
  height: auto;
  vertical-align:top;
}
.grid [class*="col-"] .img-icon{
  width: auto;
}
.grid .row.icon-list{
	margin-left:-10px;
	margin-right:-10px;
	width:calc(100% + 20px);
}
.grid .row.icon-list [class*="col-"]{
	padding-left:10px;
	padding-right:10px;
}
@media screen and (max-width: 1024px) {
	.grid [class*="col-"] {
		display: block;
		width: 100%;
	}
	.grid .row.icon-list [class*="col-"]{
		display: table-cell;
	}
	.grid .row.icon-list .col-1-3,
	.grid .row.icon-list .col-2-6,
	.grid .row.icon-list .col-3-9,
	.grid .row.icon-list .col-4-12,
	.grid .row.icon-list .col-4 {
    	width: 33.333333%;
	}
	.grid .row.icon-list .col-1-4,
	.grid .row.icon-list .col-2-8,
	.grid .row.icon-list .col-3-12,
	.grid .row.icon-list .col-3{
    	width: 25%;
	}
	.grid .row.icon-list [class*="col-"] p{
		height:33.6px;
	}
	.twocol-img.png{
		padding-bottom:40px;
	}
	.twocol-img.png:first-child{
		padding:40px 0 0;
	}
	.twocol.png .twocol-cell{
		padding-top:40px;	
	}
	.twocol.png:first-child .twocol-cell{
		padding:80px 0 40px;
	}
}

@media screen and (max-width: 768px) {
	.grid .row.icon-list [class*="col-"]{
		width: 50%;
		float: left;
	}
	.grid .row.icon-list{
		margin-top:-20px;
	}
	.grid .row.icon-list [class*="col-"]{
		padding-top:20px;
	}
}
.row.icon-list p{line-height:1.2;}
.typo-aa {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.typo-sa {
	-webkit-font-smoothing: subpixel-antialiased;
	-moz-osx-font-smoothing: auto;
}
.typo-bw {
	word-wrap: break-word;
	word-break: break-all;
	word-break: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}
.typo-ligatures {
	-webkit-text-rendering: optimizeLegibility;
	-moz-text-rendering: optimizeLegibility;
	-ms-text-rendering: optimizeLegibility;
	-o-text-rendering: optimizeLegibility;
	text-rendering: optimizeLegibility;
	-moz-font-feature-settings: "liga=1, dlig=1";
    -ms-font-feature-settings: "liga", "dlig";
    -webkit-font-feature-settings: "liga", "dlig";
    -o-font-feature-settings: "liga", "dlig";
    font-feature-settings: "liga", "dlig";
}
.typo-legibility {
	-webkit-text-rendering: optimizeLegibility;
	-moz-text-rendering: optimizeLegibility;
	-ms-text-rendering: optimizeLegibility;
	-o-text-rendering: optimizeLegibility;
	text-rendering: optimizeLegibility;
}
.silent { speak: none; }
.sr-only {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.clear { *zoom: 1; }
br.clear,
.clear:after,
.clear:before {
	display: block;
	clear: both;
}
.clear:after,
.clear:before { content: ''; }
br.clear {
	height: 1px;
	margin: -1px 0 0 0;
	line-height: 1px;
	font-size: 1px;
	overflow: hidden;
}
.alignleft { float: left; }
.alignright { float: right; }
.grayscale {
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
	filter: gray;
	-webkit-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
}
.scrollable {
	overflow: scroll;
	-webkit-overflow-scrolling: touch;
}
.fancybox-lock .header {
	padding-right:0;
}
.fancybox-skin{background:#f2f2f2;border-radius:0;}
.bg-size-cover, .twocol-img, .about-hero .about-hero-img, .newsletter-container {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.margin-adjust, body, .header, .swiper-container-hero .hero-cell .price-info, .intro .onecol-cell, .size-specs .onecol-cell, .acc .acc-cell-items, .footer-border, .footer .footer-container, .footer .footer-icons ul, .footer .footer-menu, .footer .footer-menu ul, .page-container .page-onecol, .page-container .page-twocol, .newsletter-content .newsletter-form button.btn-signup {
  margin-left: auto;
  margin-right: auto;
}
textarea:focus,
input:focus,
button:focus {
  outline: none;
}
body{
  font-family: 'Roboto', 'Noto Sans TC', Helvetica, Arial, Microsoft JhengHei, Heiti TC, sans-serif;
  color: #808080;
  font-size: 14px;
  line-height: 1.8;
  font-weight: 300;
  height: auto;
  -webkit-transition: margin-left .18s ease-in-out, left .18s ease-in-out !important;
  transition: margin-left .18s ease-in-out, left .18s ease-in-out !important;
}
p {
  margin: 0;
  line-height: 1.5;
}
a {
  color: #4460f1;
}
a:hover {
 text-decoration: none;
}
h1,
h2,
h3 {
  font-weight: 200;
  line-height: 1.2;
}
h6{
	font-weight: 500;
	color:#676767;
}
h1 {
  font-size:3em;
  color: #676767;
  letter-spacing: -0.02em;
  font-weight: 100;
}
@media screen and (max-width:768px) {
  h1 {
    font-size:2.4em;
  }
}
h2 {
  font-size: 1.7em;
  margin-bottom: 20px;
}
h3 {
  font-size: 2.0em;
}
img{
	max-width:100%;
}
.container {
  width: 100%;
  min-width:320px;
  max-width: 1440px;
  margin: 0 auto;
  position:relative;
}
.promote-on .wrapper>.container {
  padding-top:115px;
}
.promote-off .wrapper>.container {
  padding-top:74px;
}
body.bragi .wrapper>.container,
body.earin .wrapper>.container,
body.fitbit .wrapper>.container,
body.hereone .wrapper>.container,
body.hovercamera .wrapper>.container,
body.mophie .wrapper>.container,
body.plantronics .wrapper>.container,
body.eoz .wrapper>.container,
body.theragun .wrapper>.container
{padding-top:146px;}
@media screen and (max-width:768px) {
body.bragi .wrapper>.container,
body.earin .wrapper>.container,
body.fitbit .wrapper>.container,
body.hereone .wrapper>.container,
body.hovercamera .wrapper>.container,
body.mophie .wrapper>.container,
body.plantronics .wrapper>.container,
body.eoz .wrapper>.container,
body.theragun .wrapper>.container {padding-top:138px;}
}
.overlay.blur {
  display: none;
}
@media screen and (min-width: 1024px) {
  .display-mobile {
    display: none !important;
  }
}
@media screen and (max-width: 1024px) {
  [data-menu-state=open] .overlay.blur {
    display: block;
    z-index: 2;
    height: 100%;
    position: fixed;
  }
}
.overlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.overlay .cover {
	display: table;
	table-layout: fixed;
	width: 100%;
	height: 100%;
	border-spacing: 0;
}
.overlay .cover > *:first-child {
	display: table-cell;
	width: 100%;
	height: 100%;
}
.overlay .cover.left   > *:first-child { text-align: left; }
.overlay .cover.center > *:first-child { text-align: center; }
.overlay .cover.right  > *:first-child { text-align: right; }
		
.overlay .cover.top    > *:first-child { vertical-align: top; }
.overlay .cover.middle > *:first-child { vertical-align: middle; }
.overlay .cover.bottom > *:first-child { vertical-align: bottom; }
.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
.clearfix {
    display: inline-block;
}
.clearfix {
    display: block;
	float:none;
}
.wrapper{width:100%;
}

.verticalmiddle{
	vertical-align:middle;
}
.content {
  -webkit-transform: translate3d(0,0,0);
  -webkit-font-smoothing: subpixel-antialiased;
  background-color:#fff;
  margin-left: 25px;
  margin-right: 25px;
}
@media screen and (max-width:768px) {
  .content {
    margin-left: 0;
    margin-right: 0;
  }
}
.row {
  width: 100%;
  display: table;
}
.box-googleadservices{position:fixed; visibility:hidden;}
.header {
  z-index: 3;
  position: fixed;
  background-color: #fff;
  width: 100%;
}
.header #promote {
	background: #4460f1;
	color:#fff;
	padding:15px 0;
}
.promote-off .header #promote {
	display:none;
}
.header #promote > div {
	min-width: 320px;
	max-width: 1440px;
	margin: 0 auto;
	text-align: center;
	position: relative;
}
.header #promote button {
	position: absolute;
	top: 0;
	right: 25px;
	background: transparent;
	border: 0;
	margin: -20px;
	padding: 20px;
}
.header #promote p, .header #promote button {
	font-size:22px;
}
.header #promote a {
	display: block;
	width: calc(100% - 200px);
	margin: 0 auto;
	color: #fff;
	text-decoration: none;
}
@media only screen and (max-width: 768px) {
	.header #promote a {
		width: calc(100% - 100px);
	}
	.header #promote p, .header #promote button {
		font-size:14px;
	}
	.header #promote {
		padding:10px 0;
	}
}
.header #nav{
	display:inline-block;
	margin-top:22px;
}
.header .container {
  position: relative;
}
.header .menu ul.nav {
	display:inline-block;
	vertical-align:top;
}
.header .menu ul.nav li {
	list-style: none;
	float: left;
	padding:0 15px;
	line-height:50px;
	border-left:1px solid #dbdbdb;
}

@media screen and (max-width:1024px) {
	.header .menu ul.nav li {
		line-height: 44px;
	}
}
.header .menu ul.nav .lang{
	display:none;
}
.header .menu ul.nav li:first-child {
	border-left:none;
}
.header .menu ul.nav li a {
  color: #808080;
  text-decoration: none;
  line-height:30px;
}
body.bragi .header .menu ul.nav .menu-bragi span,
body.earin .header .menu ul.nav .menu-earin span,
body.fitbit .header .menu ul.nav .menu-fitbit span,
body.mophie .header .menu ul.nav .menu-mophie span,
body.plantronics .header .menu ul.nav .menu-plantronics span,
body.hereone .header .menu ul.nav .menu-hereone span{
	display:inline;
}
.header .menu ul.nav li a:hover , .header .menu ul.nav li.bak a {
  color: #b3b3b3;
}
body.home .header .menu ul.nav .menu-home a,
body.contactUs .header .menu ul.nav .menu-contactUs a,
body.bragi.product .header .menu ul.nav .menu-bragi .link-product,
body.bragi.accessories .header .menu ul.nav .menu-bragi .link-accessories,
body.bragi.media .header .menu ul.nav .menu-bragi .link-media,
body.earin.product .header .menu ul.nav .menu-earin .link-product,
body.earin.media .header .menu ul.nav .menu-earin .link-media,
body.fitbit.product .header .menu ul.nav .menu-fitbit .link-product,
body.fitbit.accessories .header .menu ul.nav .menu-fitbit .link-accessories,
body.fitbit.media .header .menu ul.nav .menu-fitbit .link-media,
body.mophie.product .header .menu ul.nav .menu-mophie .link-product,
body.mophie.accessories .header .menu ul.nav .menu-mophie .link-accessories,
body.mophie.media .header .menu ul.nav .menu-mophie .link-media,
body.plantronics.product .header .menu ul.nav .menu-plantronics .link-product,
body.plantronics.media .header .menu ul.nav .menu-plantronics .link-media,
body.eoz.product .header .menu ul.nav .menu-EOZ .link-product,
body.eoz.media .header .menu ul.nav .menu-EOZ .link-media,
body.theragun.product .header .menu ul.nav .menu-theragun .link-product,
body.theragun.media .header .menu ul.nav .menu-theragun .link-media,
body.hereone.product .header .menu ul.nav .menu-hereone .link-product,
body.hereone.media .header .menu ul.nav .menu-hereone .link-media,
body.hovercamera.product .header .menu ul.nav .menu-hovercamera .link-product,
body.hovercamera.media .header .menu ul.nav .menu-hovercamera .link-media,
body.hovercamera.accessories .header .menu ul.nav .menu-hovercamera .link-accessories{
  color: #4460f1;
  cursor:default;
}
.header .menu ul.social-icons {
  position: absolute;
  right: 25px;
  top: 7px;
}
.header .menu ul.social-icons li {
  list-style: none;
  display: inline-block;
  padding-right: 20px;
  text-transform: uppercase;
  vertical-align: middle;
  margin-top: 5px;
}
.header .menu ul.social-icons li a {
  text-decoration: none;
  text-transform: uppercase;
  color: #808080;
}
.header .menu ul.social-icons li img {
  width: 22px;
}
.header .menu ul.social-icons .social-last {
  padding-right: 0px;
}
.header .menu ul.social-icons .divider {
  width: 1px;
  height: 20px;
  border-left: 1px solid #dbdbdb;
  margin-top: -5px;
}
.header .menu ul.social-icons .signup {
  font-size: 0.85em;
  margin-top: -4px;
}
.header .logo {
  text-align: center;
  padding:10px 0;
  background-color: #68264D;
  margin: auto 25px;
  display:none;
  line-height:52px;
}
.header .logo img{
	height:32px;
}
.bragi .header .logo img,
.hereone .header .logo img,
.hovercamera .header .logo img,
.eoz .header .logo img{
	height:44px;
}
.fitbit .header .logo img{
	height:38px;
}
.bragi.accessories .header .logo img,
.fitbit.accessories .header .logo img,
.hovercamera.accessories .header .logo img,
.mophie.accessories .header .logo img{
	height:44px;
}
@media screen and (max-width:768px) {
	.header .logo {
	  margin: auto 0;
	  padding:10px 0 !important;
	  line-height:44px;
	}
	.header .logo img{
		height:26px;
	}
	.bragi .header .logo img{
		height:38px;
	}
	.fitbit .header .logo img{
		height:32px;
	}
	.mophie.accessories .header .logo img,
	.fitbit.accessories .header .logo img
	.bragi.accessories .header .logo img{
		height:44px;
	}
}
.hereone .header .logo img{
	height:38px;
}
.header .logo img{
	vertical-align:middle;
}
.header .logo.bragi,.header .logo.bragi_accessories,.header .logo.hereone{background-color:#00AAE5;
background: -webkit-linear-gradient(-90deg, #00E0CB, #00AAE5);
background: -o-linear-gradient(-90deg, #00E0CB, #00AAE5);
background: -moz-linear-gradient(-90deg, #00E0CB, #00AAE5);
background: linear-gradient(-90deg, #00E0CB, #00AAE5);;
}
.header .logo.earin{background-color:#68264D;
background: -webkit-linear-gradient(-90deg, #68264D, #a81d6e, #68264D);
background: -o-linear-gradient(-90deg, #68264D, #a81d6e, #68264D);
background: -moz-linear-gradient(-90deg, #68264D, #a81d6e, #68264D);
background: linear-gradient(-90deg, #68264D, #a81d6e, #68264D);
}
.header .logo.fitbit,.header .logo.fitbit_accessories{background-color: #00b3bd;
background: -webkit-linear-gradient(-90deg, #002b3d, #004f70, #002b3d);
background: -o-linear-gradient(-90deg, #002b3d, #004f70, #002b3d);
background: -moz-linear-gradient(-90deg, #002b3d, #004f70, #002b3d);
background: linear-gradient(-90deg, #002b3d, #004f70, #002b3d);
}
.header .logo.hereone {background-color:#939a58;
background: -webkit-linear-gradient(90deg,#939a58,#c6cc8f,#939a58);
background: -o-linear-gradient(90deg,#939a58,#c6cc8f,#939a58);
background: -moz-linear-gradient(90deg,#939a58,#c6cc8f,#939a58);
background: linear-gradient(90deg,#939a58,#c6cc8f,#939a58);;
}
.header .logo.theragun {
background: -webkit-linear-gradient(90deg,#147fb3,#2ca9e0, #147fb3);
background: -o-linear-gradient(90deg,#147fb3,#2ca9e0, #147fb3);
background: -moz-linear-gradient(90deg, #147fb3,#2ca9e0, #147fb3);
background: linear-gradient(90deg,#147fb3,#2ca9e0, #147fb3);
}
.header .logo.hovercamera, .header .logo.hovercamera_accessories{background-color:#000000;
background: -webkit-linear-gradient(90deg,#000000,#36414d,#000000);
background: -o-linear-gradient(90deg,#000000,#36414d,#000000);
background: -moz-linear-gradient(90deg,#000000,#36414d,#000000);
background: linear-gradient(90deg,#000000,#36414d,#000000);;
}
.header .logo.mophie, .header .logo.mophie_accessories {background-color:#83c900;
background: -webkit-linear-gradient(-90deg, #72b000, #a6e300, #72b000);
background: -o-linear-gradient(-90deg, #72b000, #a6e300, #72b000);
background: -moz-linear-gradient(-90deg, #72b000, #a6e300, #72b000);
background: linear-gradient(-90deg, #72b000, #a6e300, #72b000);
}
.header .logo.plantronics {background-color:#F04C24;
background: -webkit-linear-gradient(-90deg, #F04C24, #ff811a, #F04C24);
background: -o-linear-gradient(-90deg, #F04C24, #ff811a, #F04C24);
background: -moz-linear-gradient(-90deg, #F04C24, #ff811a, #F04C24);
background: linear-gradient(-90deg, #F04C24, #ff811a, #F04C24);
}
.header .logo.eoz {background-color:#c1a930 ;
background: -webkit-linear-gradient(-90deg, #c1a930 , #f5d63d, #c1a930 );
background: -o-linear-gradient(-90deg, #c1a930 , #f5d63d, #c1a930 );
background: -moz-linear-gradient(-90deg, #c1a930 , #f5d63d, #c1a930 );
background: linear-gradient(-90deg, #c1a930 , #f5d63d, #c1a930 );
}
body.accessories.bragi .header .logo.bragi,
body.accessories.fitbit .header .logo.fitbit,
body.accessories.hovercamera .header .logo.hovercamera,
body.accessories.mophie .header .logo.mophie {
  display: none !important;
}
body.bragi .header .logo.bragi,
body.bragi.accessories .header .logo.bragi_accessories,
body.earin .header .logo.earin,
body.fitbit.media .header .logo.fitbit,
body.fitbit.product .header .logo.fitbit,
body.fitbit.accessories .header .logo.fitbit_accessories,
body.hereone .header .logo.hereone,
body.hovercamera .header .logo.hovercamera,
body.hovercamera .header .logo.hovercamera_accessories,
body.hovercamera.accessories .header .logo.fitbit_hovercamera,
body.mophie .header .logo.mophie,
body.mophie.accessories .header .logo.mophie_accessories,
body.plantronics .header .logo.plantronics,
body.eoz .header .logo.eoz,
body.theragun .header .logo.theragun {
	display:block;
}
.header .logo a.banner{
  height:auto;
}
.header .logo a{
	height:34px;
	display:block;
}
.header .address {
	padding:0 0 0 25px;
	display:inline-block;
	vertical-align:top;
}
.header .address a {
	display:inline-block;
}
.header .address img {
  max-height:38px;
  vertical-align:top;
  margin:18px 0;
}
.header .menu-right {
    position:absolute;
	padding-right:25px;
	height:30px;
	line-height:30px;
	right:0px;
    top:22px
}
.menu-right > a{
	display:block;
	position:absolute;
	right:65px;
	top:-10px;
}
.header .menu-right p {
	display:inline-block;
	padding:0 12px;
	border-right:1px solid #dbdbdb;
}
.header .menu-right .lang{
	color:#808080;
	text-align:center;
	border-right:none;
	padding-right:0px;
}
.header .menu-right .lang a{
	text-decoration:none;
}
.header .menu-right .icon-cart{
	background: url(../common/images/icon-cart.png) no-repeat left center;
	padding:0 11px 15px 2px;
	background-position:left bottom;
}
.header .menu-right .icon-cart span{
	color:#fff;
	background-color:#4460f1;
	border-radius:20px;
	width:20px;
	height:20px;
	display:inline-block;
	vertical-align:middle;
	line-height:20px;
	text-align:center;
	font-weight:bold;
}
.header .menu-right .icon-cart span:not(*:root) {line-height:22px;}
.header .toggle {
  background: url(../common/images/menu.png) no-repeat;
  background-size: 60%;
  top: 24px;
  margin-left:25px;
  cursor: pointer;
}
.header .address {
  margin:0 auto;
  padding-left:0;
  display:block;
  text-align:center;
}
.header .address a {
  display:inline-block;
}
.header .address img {
  vertical-align:middle;
}
.menu {
z-index: 2;
}
.header {
	line-height: 60px;
}
.nav li {
	list-style: none;
}
.header .menu ul.nav {
	top:80px;
	padding:0;
}

@media screen and (max-width:1024px) {
	.header .menu ul.nav {
		top: 50px;
	}
}
.header .menu ul.nav li {
	display: block;
	border-left:none;
	padding-left:25px;
}
.header .menu ul.nav li a {
	display: inline;
}
[data-collapse-header~=fixed] .header {
	width: 100%;
	position: fixed;
}
[data-collapse-header~=fixed][data-collapse-header~=bottom] .header {
	bottom: 0;
}
[data-collapse-header~=fixed][data-collapse-header~=bottom] .content {
	margin-top: 0;
}
[data-collapse-header~=fixed][data-collapse-header~=bottom] {
	margin-bottom: 60px;
}
.menu {
	position: absolute;
	overflow: hidden;
}
.menu,
[data-collapse-menu~=top] .menu,
[data-collapse-menu~=bottom] .menu {
	left: 0;
	right: 0;
	height: 420px;
	transition: height 0.4s ease-in-out;
}
[data-collapse-menu~=left] .menu,
[data-collapse-menu~=right] .menu {
	top: 0;
	bottom: 0;
	height:100vh;
	width: 230px;
	transition: width 0.4s ease-in-out;
}
.menu,
[data-collapse-menu~=top] .menu {
	top: 0;
}
[data-collapse-menu~=bottom] .menu {
	top: auto;
	bottom: 0;
}
[data-collapse-menu~=left] .menu {
	left: 0;
}
[data-collapse-menu~=right] .menu {
	left: auto;
	right: 0;
}
[data-menu-state=closed] .menu,
[data-collapse-menu~=top][data-menu-state=closed] .menu,
[data-collapse-menu~=bottom][data-menu-state=closed] .menu {
	height: 0;
}
[data-collapse-menu~=left][data-menu-state=closed] .menu,
[data-collapse-menu~=right][data-menu-state=closed] .menu {
	width: 0;
	height: auto;
}
[data-collapse-menu~=offset] .header {
	position: relative;
}
[data-collapse-menu~=offset] .menu,
[data-collapse-menu~=top][data-collapse-menu~=offset] .menu {
	position: absolute;
	top: 100%;
}
[data-collapse-header~=fixed][data-collapse-header~=bottom] .menu,
[data-collapse-header~=fixed][data-collapse-header~=bottom][data-collapse-menu~=top] .menu,
[data-collapse-menu~=left][data-collapse-menu~=offset] .menu,
[data-collapse-menu~=right][data-collapse-menu~=offset] .menu {
	position: fixed;
	top: 0;
}
[data-collapse-menu~=bottom][data-collapse-menu~=offset] .menu {
	position: fixed;
	top: auto;
	bottom: 0;
}
[data-collapse-header~=fixed][data-collapse-header~=bottom][data-collapse-menu~=bottom] .menu {
	position: absolute;
	top: auto;
}
[data-collapse-header~=fixed][data-collapse-menu~=offset] .header,
[data-collapse-header~=fixed][data-collapse-header~=bottom][data-collapse-menu~=offset] .header {
	position: fixed;
}
[data-collapse-header~=fixed][data-collapse-header~=bottom][data-collapse-menu~=offset][data-collapse-menu~=bottom] .menu {
	position: absolute;
	bottom: 100%;
}
[data-collapse-header~=fixed][data-collapse-menu~=left][data-collapse-menu~=offset] .menu,
[data-collapse-header~=fixed][data-collapse-menu~=right][data-collapse-menu~=offset] .menu {
	margin-top: 60px;
}
[data-collapse-header~=fixed][data-collapse-header~=bottom][data-collapse-menu~=left][data-collapse-menu~=offset] .menu,
[data-collapse-header~=fixed][data-collapse-header~=bottom][data-collapse-menu~=right][data-collapse-menu~=offset] .menu {
	margin-top: 0;
	margin-bottom: 60px;
}
[data-collapse-menu~=push][data-collapse-header~=fixed][data-collapse-menu~=left][data-collapse-menu~=offset] .header,
[data-collapse-menu~=push][data-collapse-header~=fixed][data-collapse-menu~=right][data-collapse-menu~=offset] .header {
	left: 0;
	right: 0;
}
[data-collapse-menu~=push],
[data-collapse-menu~=top][data-collapse-menu~=push] {
	transition: margin-top 0.4s ease-in-out;
	margin-top: 420px;
}
[data-collapse-menu~=left][data-collapse-menu~=push],
[data-collapse-menu~=right][data-collapse-menu~=push],
[data-collapse-menu~=bottom][data-collapse-menu~=push],
[data-collapse-menu~=push][data-menu-state=closed],
[data-collapse-menu~=top][data-collapse-menu~=push][data-menu-state=closed] {
	margin-top: 0;
}
[data-collapse-menu~=left][data-collapse-menu~=push] {
	transition: margin-left 0.4s ease-in-out;
}
[data-collapse-menu~=right][data-collapse-menu~=push] {
	transition: margin-left 0.4s ease-in-out;
	margin-left: -230px;
}
[data-collapse-menu~=left][data-collapse-menu~=push][data-menu-state=closed],
[data-collapse-menu~=right][data-collapse-menu~=push][data-menu-state=closed] {
	margin-left: 0;
}
[data-collapse-menu~=offset][data-collapse-menu~=push] .menu {
	position: absolute;
}
[data-collapse-menu~=offset][data-collapse-menu~=push][data-collapse-menu~=left] .menu,
[data-collapse-menu~=offset][data-collapse-menu~=push][data-collapse-menu~=right] .menu,
[data-collapse-menu~=offset][data-collapse-menu~=push][data-collapse-menu~=bottom] .menu {
	position: fixed;
}
[data-collapse-menu~=offset][data-collapse-menu~=push] {
	margin-top: 0;
}
[data-collapse-menu~=offset][data-collapse-menu~=push] .content {
	transition: padding-top 0.4s ease-in-out;
	padding-top: 420px;
}
[data-collapse-menu~=offset][data-collapse-menu~=push][data-collapse-menu~=left] .content,
[data-collapse-menu~=offset][data-collapse-menu~=push][data-collapse-menu~=right] .content,
[data-collapse-menu~=offset][data-collapse-menu~=push][data-collapse-menu~=bottom] .content,
[data-collapse-menu~=offset][data-collapse-menu~=push][data-menu-state=closed] .content {
	padding-top: 0;
}
[data-collapse-menu~=top] .nav, [data-collapse-menu~=bottom] .nav {
	height: 420px;
	position: absolute;
}
[data-collapse-menu~=left] .nav, [data-collapse-menu~=right] .nav {
	width: 230px;
	position: absolute;
}
[data-collapse-menu~=top][data-collapse-menu~=reveal] .nav,
[data-collapse-menu~=bottom][data-collapse-menu~=reveal] .nav {
	top: 0;
	bottom: auto;
}
[data-collapse-menu~=top] .nav,
[data-collapse-menu~=bottom][data-collapse-menu~=reveal] .nav {
	bottom: 0;
	top: auto;
}
[data-collapse-menu~=right] .nav,
[data-collapse-menu~=left][data-collapse-menu~=reveal] .nav {
	left: 0;
	right: auto;
}
[data-collapse-menu~=left] .nav,
[data-collapse-menu~=right][data-collapse-menu~=reveal] .nav {
	right: 0;
	left: auto;
}
.toggle {
	display: block;
}
.toggle.circle {
	border-radius: 50%;
}
.toggle.rounded {
	border-radius: 25%;
}
.toggle:focus {
	outline: none;
}
[data-menu-state=closed] .toggle .fa.fa-times:before {
	content: "\f0c9";
}
.toggle,
[data-collapse-toggle~=right] .toggle {
	right: 0;
	left: auto;
}
[data-collapse-toggle~=left] .toggle {
	left: 0;
	right: auto;
}
.toggle,
[data-collapse-toggle~=top] .toggle {
	top: 0;
	bottom: auto;
}
[data-collapse-toggle~=bottom] .toggle {
	bottom: 0;
	top: auto;
}
[data-collapse-toggle~=follow] .toggle,
[data-collapse-menu~=top][data-collapse-toggle~=follow] .toggle {
	position: absolute;
}
[data-collapse-toggle~=follow] .toggle,
[data-collapse-menu~=top][data-collapse-toggle~=follow] .toggle {
	transition: top 0.4s ease-in-out;
	top: 420px;
	bottom: auto;
}
[data-collapse-menu~=bottom][data-collapse-toggle~=follow] .toggle {
	transition: bottom 0.4s ease-in-out;
	bottom: 420px;
	top: auto;
}
[data-collapse-menu~=left][data-collapse-toggle~=follow] .toggle {
	top: 0;
	transition: left 0.4s ease-in-out;
	left: 230px;
	right: auto;
}
[data-collapse-menu~=right][data-collapse-toggle~=follow] .toggle {
	top: 0;
	transition: right 0.4s ease-in-out;
	right: 230px;
	left: auto;
}
[data-collapse-toggle~=follow][data-menu-state=closed] .toggle,
[data-collapse-menu~=top][data-collapse-toggle~=follow][data-menu-state=closed] .toggle {
	top: 0;
	bottom: auto;
	margin-right:10px;
}
[data-collapse-menu~=bottom][data-collapse-toggle~=follow][data-menu-state=closed] .toggle {
	bottom: 0;
	top: auto;
}
[data-collapse-menu~=left][data-collapse-toggle~=follow][data-menu-state=closed] .toggle {
	left: 0;
	right: auto;
}
[data-collapse-menu~=right][data-collapse-toggle~=follow][data-menu-state=closed] .toggle {
	right: 0;
	left: auto;
}
[data-collapse-menu~=left][data-collapse-menu~=offset][data-collapse-toggle~=follow] .toggle,
[data-collapse-menu~=right][data-collapse-menu~=offset][data-collapse-toggle~=follow] .toggle,
[data-collapse-menu~=top][data-collapse-menu~=offset][data-collapse-toggle~=follow][data-menu-state=closed] .toggle {
	top: 60px;
}
[data-collapse-menu~=top][data-collapse-menu~=offset][data-collapse-toggle~=follow] .toggle {
	top: 480px;
}
[data-collapse-menu~=push][data-collapse-menu~=left][data-collapse-menu~=offset][data-collapse-toggle~=follow] .toggle,
[data-collapse-menu~=push][data-collapse-menu~=right][data-collapse-menu~=offset][data-collapse-toggle~=follow] .toggle,
[data-collapse-menu~=push][data-collapse-menu~=top][data-collapse-menu~=offset][data-collapse-toggle~=follow][data-menu-state=closed] .toggle {
	top: auto;
}
[data-collapse-menu~=left][data-collapse-toggle~=bottom][data-collapse-toggle~=follow] .toggle,
[data-collapse-menu~=right][data-collapse-toggle~=bottom][data-collapse-toggle~=follow] .toggle {
	top: auto;
	bottom: 0;
}
[data-collapse-menu~=bottom][data-collapse-toggle~=left][data-collapse-toggle~=follow] .toggle,
[data-collapse-menu~=top][data-collapse-toggle~=left][data-collapse-toggle~=follow] .toggle {
	left: 0;
}
[data-collapse-menu~=bottom][data-collapse-toggle~=right][data-collapse-toggle~=follow] .toggle,
[data-collapse-menu~=top][data-collapse-toggle~=right][data-collapse-toggle~=follow] .toggle {
	right: 0;
}
[data-collapse-menu~=left] .menu, [data-collapse-menu~=right] .menu {
	transition: width 0.18s ease-in-out;
	width: 300px;
}
[data-collapse-menu~=left] .nav, [data-collapse-menu~=right] .nav {
	width: 300px;
}
[data-collapse-menu~=left][data-collapse-toggle~=follow] .toggle {
	left: 0 !important;
	z-index: 320;
	top:25px;
}
.toggle {
	display: inline-block;
	top: 0;
	left: 0;
	cursor: pointer;
	padding:12px 20px;
}
[data-menu-state="open"] .toggle {
	background: url(../common/images/menu_close.png) no-repeat;
	background-size: 60%;
}
.menu {
	background-color: #fff;
}
.menu .nav {
	padding-left: 10px;
	padding-right: 35px;
}
.menu .nav li {
	display: block;
	width: 100%;
}
.menu .nav li + li {
	padding-left: 0;
}
.menu .social-icons {
	display: none;
}
.menu .social-icons li {
	display: block;
}
@media screen and (max-width: 768px) {
	.header {
		margin-right: 0px;
		margin-left: 0px;
	}
	.header .toggle {
	  margin-left:10px;
	}
	.header .menu-right{
		display:block;
		position:absolute;
		right:-62px;
	}
	.header .menu-right .icon-cart{
		border-right:none;
	}
	.header .menu-right .lang{
	  display:none;
	}
	.header .menu ul.nav li {
		padding-left:10px;
	}
	.header .menu ul.nav .lang{
		display:block;
	}
}
.subMenu {
    text-align: center;
	position:relative;
	height:110px;
}
.subMenu.sliderActive .subMenu-container{
	margin-left:41px;
	margin-right:41px;
	overflow:hidden;
}
.subMenu .subMenu-wrapper>a{
	width:90px;
	height:90px;
	margin:10px 4px;
	padding:5px;
	display:inline-block;
	text-decoration:none;
	border:1px solid #e5e5e5;
	color:#b3b3b3;
	border-radius:5px;
	position:relative;
	vertical-align: top;
}
.subMenu.sliderActive .subMenu-wrapper>a{
	float: left;
}
.subMenu .subMenu-wrapper>a img{
	width:50px;
	vertical-align:top;
}
.subMenu .subMenu-wrapper>a span{
	margin-top:-2px;
  	font-size:12px;
	line-height:31px;
	vertical-align:top;
	display:block;
}
.subMenu .subMenu-wrapper>a.Voyager5210 span,
.subMenu .subMenu-wrapper>a.BackBeatFit span,
.subMenu .subMenu-wrapper>a.BackBeatGO3 span,
.subMenu .subMenu-wrapper>a.BackBeatFit305 span,
.subMenu .subMenu-wrapper>a.TheHeadphone span,
.subMenu .subMenu-wrapper>a.BackBeatPro2 span,
.subMenu .subMenu-wrapper>a.BackBeatPro2SE span,
.subMenu .subMenu-wrapper>a.iphone7 span,
.subMenu .subMenu-wrapper>a.iphone7plus span{
	line-height:15px;
}
.subMenu .subMenu-wrapper>a:link:hover,
.subMenu .subMenu-wrapper>a:visited:hover{
/*
	color:#4460f1;
	border:1px solid #4460f1;
*/
	color: #fff;
    border-color: #004f70;
    background-color: #004f70;
    background: -webkit-linear-gradient(-90deg, #004f70, #002b3d);
    background: -o-linear-gradient(-90deg, #004f70, #002b3d);
    background: -moz-linear-gradient(-90deg, #004f70, #002b3d);
    background: linear-gradient(-90deg, #004f70, #002b3d);
}
.subMenu .subMenu-wrapper>.active{
/*
  color:#4460f1;
  border:1px solid #4460f1;
  cursor:default;
*/
	    color: #fff;
	    border-color: #004f70;
    background-color: #004f70;
    background: -webkit-linear-gradient(-90deg, #004f70, #002b3d);
    background: -o-linear-gradient(-90deg, #004f70, #002b3d);
    background: -moz-linear-gradient(-90deg, #004f70, #002b3d);
    background: linear-gradient(-90deg, #004f70, #002b3d);
}
.subMenu>.left-arrow,
.subMenu>.right-arrow{
	display:none;
	padding-left:15px;
	padding-right:15px;
	margin:10px 0;
	line-height:90px;
	position:absolute;
	top:0;
	cursor:pointer;
}
.subMenu>.left-arrow p,
.subMenu>.right-arrow p{
	line-height:inherit;
}
.subMenu.sliderActive>.left-arrow,
.subMenu.sliderActive>.right-arrow{
	display:block;
}
.subMenu.sliderActive>.left-arrow img,
.subMenu.sliderActive>.right-arrow img{
	vertical-align: middle;
}
.subMenu>.left-arrow{
	left:0;
	border-right:1px solid #dbdbdb;
}
.subMenu>.right-arrow{
	right:0;
	border-left: 1px solid #dbdbdb;
}
.subMenu .icon-new{
  color:white;
  position:absolute;
  top:3px;
  right:3px;
  padding:2px;
  border-radius:3px;
  background-color:#F14460;
  font-size:9px;
  line-height:9px;
}
.subMenu .icon-soon{
  color:white;
  position:absolute;
  top:3px;
  right:3px;
  padding:2px;
  border-radius:3px;
  background-color:#808080;
  font-size:9px;
  line-height:9px;
}
.footer{
	width:100%;
}
.footer-border {
  border-top: 1px solid #c6c6c6;
  width: 50%;
  height: 1px;
}
@media screen and (max-width: 992px) {
	.footer-border {
		  width: 70%;
	}
}
@media screen and (max-width: 480px) {
	.footer-border {
		  width: 100%;
	}
}
.footer p.footer-copy {
  font-size: 0.8em;
  color: #9a9a9a;
  padding-top: 10px;
}
.footer p.footer-copy a {
  color: #9a9a9a;
  text-decoration: underline;
}
.footer p.footer-copy a:hover {
  color: #cdcdcd;
}
.footer .footer-container {
	margin:0 auto;
	text-align:center;
}
.footer .footer-menu ul li {
	display: inline-block;
	vertical-align:top;
	padding: 0;
	margin: 0 40px;
}
.footer .footer-menu ul li:last-child{
	border-right:none;
}
.footer .footer-menu ul li a {
	display:block;
	line-height:1.5em;
	color: #808080;
	text-decoration: none;
}
.footer .footer-menu ul.footer-nav li a:hover,
.footer .footer-menu ul.footer-nav li.bak a,
.index .footer .footer-menu ul.footer-nav .menu-index a {
  color: #b3b3b3;
}
.index .footer .footer-menu ul.footer-nav .menu-index a{
  cursor:default;
}
.footer .footer-menu ul li a:hover {
  color: #b3b3b3;
  text-decoration: none;
}
.footer .footer-menu ul li span{
	display:none;
}
.footer .footer-menu ul li a:hover , .footer .footer-menu ul li.bak a {
  color: #b3b3b3;
}
@media screen and (max-width: 1024px) {
	.footer .footer-menu ul li {

	}
}
@media screen and (max-width: 768px) {
	.footer .footer-menu ul li a {
		display: inline-block;
	}
	.footer .footer-menu ul li a::after {
		content: '·';
		padding:0 10px;
	}
	.footer .footer-menu ul li a:last-child::after {
		content: '';
		border-right:none;
	}
	.footer .footer-menu ul li {
		display:block;
		width:auto;
	}
}
body.home .footer .footer-menu ul .menu-home a,
body.contactUs .footer .footer-menu ul .menu-contactUs a,
body.buyNow .footer .footer-menu ul .menu-shoppingCart a,
body.fitbit.product .footer .footer-menu ul .link-product a,
body.fitbit.accessories .footer .footer-menu ul .link-accessories a,
body.fitbit.media .footer .footer-menu ul .link-media a,
body.bragi.product .footer .footer-menu ul .menu-bragi .link-product,
body.bragi.accessories .footer .footer-menu ul .menu-bragi .link-accessories,
body.bragi.media .footer .footer-menu ul .menu-bragi .link-media,
body.earin.product .footer .footer-menu ul .menu-earin .link-product,
body.earin.media .footer .footer-menu ul .menu-earin .link-media,
body.fitbit.product .footer .footer-menu ul .menu-fitbit .link-product,
body.fitbit.accessories .footer .footer-menu ul .menu-fitbit .link-accessories,
body.fitbit.media .footer .footer-menu ul .menu-fitbit .link-media,
body.hereone.product .footer .footer-menu ul .menu-hereone .link-product,
body.hereone.media .footer .footer-menu ul .menu-hereone .link-media,
body.hovercamera.product .footer .footer-menu ul .menu-hovercamera .link-product,
body.hovercamera.media .footer .footer-menu ul .menu-hovercamera .link-media,
body.hovercamera.accessories .footer .footer-menu ul .menu-hovercamera .link-accessories,
body.mophie.product .footer .footer-menu ul .menu-mophie .link-product,
body.mophie.accessories .footer .footer-menu ul .menu-mophie .link-accessories,
body.mophie.media .footer .footer-menu ul .menu-mophie .link-media,
body.plantronics.product .footer .footer-menu ul .menu-plantronics .link-product,
body.plantronics.media .footer .footer-menu ul .menu-plantronics .link-media,
body.eoz.product .footer .footer-menu ul .menu-EOZ .link-product,
body.eoz.media .footer .footer-menu ul .menu-EOZ .link-media,
body.theragun.product .footer .footer-menu ul .menu-theragun .link-product,
body.theragun.media .footer .footer-menu ul .menu-theragun .link-media{
  color: #4460f1 !important;
  cursor:default;
}

.swiper-container-capsule div.dragend-page {
  height: auto !important;
}
.swiper-container-capsule .swiper-pagination-capsule, .swiper-pagination-media {
  bottom:-5px;
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
}
.swiper-container-capsule .swiper-pagination-bullet, .swiper-container-capsule .swiper-pagination-bullet-active {
  border: 1px solid #acacad;
  width: 12px;
  height: 12px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
  margin: 4px;
  cursor: pointer;
}
.swiper-container-capsule .swiper-pagination-bullet-active {
  background-color: #acacad;
}
.swiper-container-capsule.slider-mophie-capsule0,
.swiper-container-capsule.slider-mophie-capsule1,
.swiper-container-capsule.slider-mophie-capsule2{
	pointer-events: none;
}
/*.swiper-container-capsule.slider-mophie-capsule0 .swiper-pagination-capsule,
.swiper-container-capsule.slider-mophie-capsule1 .swiper-pagination-capsule,
.swiper-container-capsule.slider-mophie-capsule2 .swiper-pagination-capsule{
	display:none;
}*/

.hero {
  position:relative;
  overflow:hidden;
}

.hero .fixbox{
	position:absolute;
	top:0;
	width:100%;
}
.hero .fixbox h1 {
	text-align: center;
	margin-top:30px;
	margin-bottom:0;
}
.hero .fixbox small{
	font-size:60%;
}
.hero .fixbox h2 {
	text-align: center;
	margin-bottom: 29px;
	-webkit-touch-callout: none;
    -webkit-user-select: none;
     -khtml-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}
@media screen and (max-width: 768px) {
	.hero .fixbox h2 {
		font-size:1.4em;
	}
}
@media screen and (max-width:480px) {
	.hero .fixbox h1 {
		font-size:2em;
	}
	.plantronics.BBP2SE .hero .fixbox h2{
		margin-bottom:55px;
	}
	.plantronics.BBP2 .hero .fixbox h2{
		margin-bottom:55px;
	}
}
.hero .fixbox a.addToCart {
  background-color: transparent;
  font-family: "Roboto", "Helvetica Neue", Microsoft JhengHei, Heiti TC, "sans-serif";
  color: #4460f1;
  text-align: center;
  vertical-align: middle;
  font-size: 1em;
  padding: 5px 10px;
  border:1px solid #4460f1;
  text-decoration: none;
  display:inline-block; 
  margin-top:-20px;
}
.hero .fixbox a.addToCart:hover{
	background-color: #4460f1;
	color:white;
}
.hero .color-select{
	width:100%;
	text-align:center;
}
.hero .color-select .color-type{
	display: inline-block;
	position: relative;
	margin:0 10px;
} 
@media screen and (max-width: 768px) {
.hero .color-select .color-type{
	margin:0 4px;
}
}
.hero .color-select .color-type-label{
	font-size:12px;
	position: absolute;
	top:-22px;
	width: 200%;
	left: -50%;
	opacity: 1;
	-webkit-transition:.3s all ease-out;
	transition:.3s all ease-out;
	color:#acacac;
	z-index: 3;
}
.hero .color-select.on .color-type-label{
	opacity: 0;
   z-index: 1;
}
.hero .color-select a{
	display: inline-block;
	position:relative;
	margin:0 2px;
	vertical-align: middle;
	cursor: pointer;
}
@media screen and (max-width: 768px) {
.hero .color-select a{
	margin:0;
}
}
.hero .color-select a .color-label{
	font-size:12px;
	position:absolute;
	top:-22px;
	width:500%;
	left:-200%;
	opacity: 0;
	-webkit-transition:.3s all ease-out;
	transition:.3s all ease-out;
	color:#676767;
    z-index: 4;
}
.hero .color-select a.on .color-label{
	opacity:1;
}
.hero .color-select a .color-btn{
	overflow: hidden;
	border-radius:100%;
	width:40px;
	height:40px;
	margin:5px;
	-webkit-transition:.3s all ease-out;
	transition:.3s all ease-out;
	color: #4460f1;
}
.hero .color-select .color-btn.white{
	border: 1px solid #acacad;
}
@media screen and (max-width: 768px) {
/* .hero .color-select a .color-btn{
	width:30px;
	height:30px;
} */
}
.hero .color-select .icon-add{
	position:absolute;
}
.hero .color-select a.on .color-btn{
	width:50px;
	height:50px;
	margin:0;
}
@media screen and (max-width: 768px) {
/* .hero .color-select a.on .color-btn{
	width:40px;
	height:40px;
} */
}
.hero .color-select .color-btn>div{
	float:left;
	width:50%;
	height:100%;
}
.hero .color-select .color-btn.three-color>div:not(.icon-add){
	width:33.34%;
}
.hero .color-select .color-btn .icon-add{
	position: absolute;
	top:10px;
	left:10px;
	width:30px;
	height:30px;
	overflow:hidden;
	background:#fff;
	border-radius:100%;
	-ms-transform: scale(0, 0);
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
	-webkit-transition:.3s all ease-out;
	transition:.3s all ease-out;
	font-size: 1.7em;
	line-height:29px;
	font-weight:400;
}
.hero .color-select .color-btn.white .icon-add{
	background-color:#f2f2f2;
}
@media screen and (max-width: 768px) {
/* .hero .color-select .color-btn .icon-add{
	top:10px;
	left:10px;
	width:30px;
	height:30px;
	line-height:23px;
} */
}
.hero .color-select a.on .color-btn .icon-add{
	-ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}
.hero .color-select .out-of-stock {pointer-events: none;opacity: 0.5;}
.hero .color-select .hints-addCart{
	font-size:12px;
	position: absolute;
	width:72%;
	left:14%;
	color: #4460f1;
	background-color:#fff;
	font-weight:500;
	border-radius:3px;
	margin-top:-4px;
	box-shadow:0 1px 2px rgba(0, 0, 0, .2);
	-webkit-transition:.3s all ease-out;
	transition:.3s all ease-out;
	opacity:0;
}
@media screen and (max-width: 480px){
	.hero .color-select .hints-addCart{
		width:100%;
		left:0;
	}
}
.product.BackBeatFit .hero .color-select .hints-addCart{
	z-index: 10;
}
.hero .color-select a.on .hints-addCart{
	opacity:1;
}
.hero .color-select .hints-addCart::before{
	content: "";
	display: block;
	position: absolute;
	width: 0;
	height: 0;
	left: 50%;
	margin-left: -6px;
	margin-top: -12px;
	border: 6px solid transparent;
	border-bottom-color: #fff;
}
.hero .colorbox {
	vertical-align: middle;
	border: 1px solid transparent;
	position:relative;
}
.hero .colorbox h2{
	text-align:left;
	color:#fff;
	font-weight:300;
	margin-bottom:0;
}
.hero.on-sales .colorbox {
	width:70%;
	float:left;
}
.hero.on-sales .colorbox h2 {
	width:auto;
	float:left;
}
.hero:not(.on-sales) .original-price {
	display:none;
}
.hero.on-sales .original-price {
	width:30%;
	float:right;
	color:#fff;
}
.hero.on-sales .original-price h2 {
	width:auto;
	float:right;
	margin-bottom:0;
	text-decoration:line-through;
}
.hero .box-award {
	position:absolute;
	top:190px;
	left:50%;
	margin-left:-300px;
	width:600px;
}
.hero .sponsor {
	position: absolute;
    top: 190px;
    right: 50%;
    width: 70px;
    margin-right: -300px;
}
.hero .sponsor img.logo-award {
	display: block !important;
}
.hero .box-award a {
	cursor: pointer;
}
.hero .box-award .logo-award{
	height:50px;
}
@media screen and (max-width: 1024px) {
.hero .box-award{
	margin-left:-200px;
	width:400px;
}
.hero .box-award .logo-award{
	height:40px;
}
}
@media screen and (max-width: 768px) {
.hero .box-award{
	top:180px;
	margin-left:-130px;
	width:260px;
}
.hero .box-award .logo-award{
	height:35px;
}
}
.hero .box-mophieRed{
	display:none;
	position:absolute;
	top:190px;
	left:50%;
	margin-left:-300px;
	width:600px;
	cursor: pointer;
}
.hero .box-mophieRed .logo-mophieRed{
	height:50px;
}
@media screen and (max-width: 1024px) {
.hero .box-mophieRed{
	margin-left:-200px;
	width:400px;
}
.hero .box-mophieRed .logo-mophieRed{
	height:40px;
}
}
@media screen and (max-width: 768px) {
.hero .box-mophieRed{
	top:180px;
	margin-left:-130px;
	width:260px;
}
.hero .box-mophieRed .logo-mophieRed{
	height:35px;
}
}
.hero .price-info>div{
	top:0;
	right:-100%;
	position:absolute;
	height:100%;
	width:100%;
	-webkit-transition:.3s all ease-out;
	transition:.3s all ease-out;
	padding-left:50%;
	z-index:4;
}
.fitbit.accessories .hero:not(.hero0) .price-info > div{
	padding-left:0;
}
.TheDashPro.accessories .hero .price-info > div,
.TheDash.accessories .hero .price-info > div,
.TheHeadphone.accessories .hero .price-info > div{
	padding-left:0;
}
.hero .price-info .price-info-cell-right{
	padding:0 10%;
}
@media screen and (max-width: 1024px) {
.hero .price-info>div{
	right:-100%;
	width:100%;
	padding-left:0;
}
.hero .price-info .price-info-cell-right{
	padding:0 20%;	
	top: 0px;
}
}
@media screen and (max-width: 768px) {
.hero .price-info .price-info-cell-right{
	padding:0 10%;
	top: 0px;
}
}
@media screen and (max-width: 480px) {
.hero .price-info .price-info-cell-right{
	padding:0 5%;
}
}
.hero .price-info.on>div{
	right:0;
}
.bragi .hero .price-info .price-info-cell-right{
background-color:#00E0CB;
background: -webkit-linear-gradient(-90deg, #00E0CB, #00AAE5);
background: -o-linear-gradient(-90deg, #00E0CB, #00AAE5);
background: -moz-linear-gradient(-90deg, #00E0CB, #00AAE5);
background: linear-gradient(-90deg, #00E0CB, #00AAE5);
background-size: 200%;
background-position: bottom right;
}
.bragi.accessories .twocol-hero:nth-child(odd) .hero .price-info .price-info-cell-right{
background-position: bottom left;
}
.earin .hero .price-info .price-info-cell-right{
background-color:#68264D;
background: -webkit-linear-gradient(-90deg, #68264D, #a81d6e, #68264D);
background: -o-linear-gradient(-90deg, #68264D, #a81d6e, #68264D);
background: -moz-linear-gradient(-90deg, #68264D, #a81d6e, #68264D);
background: linear-gradient(-90deg, #68264D, #a81d6e, #68264D);
background-size: 200%;
background-position: bottom right;
}
.fitbit .hero .price-info .price-info-cell-right{
background-color: #002b3d;
background: -webkit-linear-gradient(-90deg, #002b3d, #004f70, #002b3d);
background: -o-linear-gradient(-90deg, #002b3d, #004f70, #002b3d);
background: -moz-linear-gradient(-90deg, #002b3d, #004f70, #002b3d);
background: linear-gradient(-90deg, #002b3d, #004f70, #002b3d);
background-size: 200%;
background-position: bottom right;
}
.fitbit.accessories .row:nth-child(2n) .col-heros .hero .price-info .price-info-cell-right{
background-position: bottom left;
}
.hereone .hero .price-info .price-info-cell-right{
background-color:#939a58;
background: -webkit-linear-gradient(90deg,#939a58,#c6cc8f,#939a58);
background: -o-linear-gradient(90deg,#939a58,#c6cc8f,#939a58);
background: -moz-linear-gradient(90deg,#939a58,#c6cc8f,#939a58);
background: linear-gradient(90deg,#939a58,#c6cc8f,#939a58);;
background-size: 200%;
background-position: bottom right;
}
.hovercamera .hero .price-info .price-info-cell-right{
background-color:#000000;
background: -webkit-linear-gradient(90deg,#000000,#36414d,#000000);
background: -o-linear-gradient(90deg,#000000,#36414d,#000000);
background: -moz-linear-gradient(90deg,#000000,#36414d,#000000);
background: linear-gradient(90deg,#000000,#36414d,#000000);
background-size: 200%;
background-position: bottom right;
}

.hovercamera.accessories .twocol-hero:nth-child(odd) .hero .price-info .price-info-cell-right{
background-position: bottom left;
}

.theragun .hero .price-info .price-info-cell-right{
background-color:#2ca9e0;
background: -webkit-linear-gradient(90deg,#147fb3,#2ca9e0, #147fb3);
background: -o-linear-gradient(90deg,#147fb3,#2ca9e0, #147fb3);
background: -moz-linear-gradient(90deg,#147fb3,#2ca9e0, #147fb3);
background: linear-gradient(90deg,#147fb3,#2ca9e0, #147fb3);
background-size: 200%;
background-position: bottom right;
}

.mophie .hero .price-info .price-info-cell-right{
background-color:#72b000;
background: -webkit-linear-gradient(-90deg, #72b000, #a6e300, #72b000);
background: -o-linear-gradient(-90deg, #72b000, #a6e300, #72b000);
background: -moz-linear-gradient(-90deg, #72b000, #a6e300, #72b000);
background: linear-gradient(-90deg, #72b000, #a6e300, #72b000);
background-size:200%;
background-position:bottom right;
}
.plantronics .hero .price-info .price-info-cell-right{
background-color: #F04C24;
background: -webkit-linear-gradient(-90deg, #F04C24, #ff811a, #F04C24);
background: -o-linear-gradient(-90deg, #F04C24, #ff811a, #F04C24);
background: -moz-linear-gradient(-90deg, #F04C24, #ff811a, #F04C24);
background: linear-gradient(-90deg, #F04C24, #ff811a, #F04C24);
background-size: 200%;
background-position: bottom right;
}
.eoz .hero .price-info .price-info-cell-right{
	background-color: #c1a930;
	background: -webkit-linear-gradient(-90deg, #c1a930, #f5d63d, #c1a930);
	background: -o-linear-gradient(-90deg, #c1a930, #f5d63d, #c1a930);
	background: -moz-linear-gradient(-90deg, #c1a930, #f5d63d, #c1a930);
	background: linear-gradient(-90deg, #c1a930, #f5d63d, #c1a930);
	background-size: 200%;
	background-position: bottom right;
}
	

.hero .price-info .price-info-cell-right{
	text-align:center;
	display: table;
	height: 100%;
	width: 100%;
}
@media screen and (max-width: 1024px) {
.bragi .hero .price-info .price-info-cell-right,
.earin .hero .price-info .price-info-cell-right,
.fitbit .hero .price-info .price-info-cell-right,
.hereone .hero .price-info .price-info-cell-right,
.hovercamera .hero .price-info .price-info-cell-right,
.mophie .hero .price-info .price-info-cell-right,
.plantronics .hero .price-info .price-info-cell-right,
.eoz .hero .price-info .price-info-cell-right,
.theragun .hero .price-info .price-info-cell-right {background-size:100%;}
}
.hero .price-info .price-info-cell-right>div{
	display:table-cell;
	vertical-align: middle;
}
.hero .hero-cell-label{
	text-align:left;
	display:block;
}
.hero .hero-cell-label span{
	font-size:12px;
	line-height:30px;
	color:#fff;
	display:inline-block;
	padding-top:10px;
}
.hero:not(.on-sales) .hero-cell-label.original-price-label{
	display:none;
}
.hero:not(.on-sales) span.promotion-price {
	display:none;
}
.hero.on-sales span.promotion-price {
	float:right;
}
.hero.on-sales .hero-cell-label.colorbox-label {
	width:70%;
	float:left;
}
.hero.on-sales .hero-cell-label.original-price-label {
	width:30%;
	float:right;
	text-align:right;
}
.hero.on-sales .hero-cell-label.original-price-label span{
}
@media screen and (max-width: 1024px) {
.hero .hero-cell-label span{
	line-height: 20px;
}
}
@media screen and (max-width: 768px) {
.hero .price-info .price-info-cell-right>div{
	padding-top: 30px;
}
.hero .hero-cell-label span{
	line-height: 12px;
}
}
html:lang(en-US) .hero .hero-cell-label .price,
html:lang(zh-HK) .hero .hero-cell-label .price{
	padding-left:204px;
}
.hero .qtybox{
	vertical-align: middle;
	height:47px;
	border: 1px solid #fff;
	position:relative;
}
.hero .qtybox .qtybox-btn{
	line-height:43px;
	padding:0 20px;
	text-align:center;
	cursor:pointer;
	font-size:24px;
	color:#fff;
	font-weight: 400;
}
.hero .qtybox .qtybox-btn.reduce{
	float:left;
}
.hero .qtybox .qtybox-btn.add{
	float:right;
}
.hero .qtybox .qtybox-qty{
	float:left;
	line-height:43px;
	color:#fff;
	width:32px;
	text-align:left;
	margin-bottom:0;
	vertical-align:top;
	font-size: 1.7em;
	font-weight:300;
}
.hero .qtybox .qtybox-price{
	float:right;
	line-height:43px;
	color:#fff;
	text-align:right;
	margin-bottom:0;
	vertical-align:top;
	font-size: 1.7em;
	font-weight:300;
}
.hero .qtybox.locked, .hero .qtybox.locked *{
	cursor: not-allowed;
}
.hero .qtybox.locked{ 
	opacity:0.5;
}
.hero .promobox{
	width: 100%;
	display:inline-block;
	vertical-align: middle;
	position:relative;
}
.price-info .promobox input, .price-info .engravedbox input {
	width: 100%;
	padding:0 20px;
	line-height:45px;
	font-size:1.7em;
	border: 1px solid #fff;
	color:#fff;
	background-color: transparent;
}
.hero .hero-cell-select{
	width:100%;
	display:inline-block;
	vertical-align: middle;
}
.hero .hero-cell-select h2{
	font-size:1.7em;
	line-height:45px;
	margin:0;
}
.hero .fancy-select .trigger {
	height:47px;
	line-height:45px;
	box-shadow:none;
    padding:0 40px 0 5%;
	color:#fff;
	text-transform:none;
	border:1px solid #fff;
	border-radius:0;
	font-size:1.7em;
	font-weight:300;
	width:100%;
	text-align:left;
}
.hero .fancy-select .trigger.selected {
	color:#fff;
}
.hero .fancy-select div.trigger.open{
	color:#fff;
	border-top:1px solid #fff;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	border-bottom:0;
	background-color: transparent;
}
.hero .fancy-select div.trigger.open.mobile{
	border-bottom:1px solid #fff;
}
.hero .fancy-select .trigger::after{
	right:21px;
	border-width:6px;
}
.hero .fancy-select .trigger::after,
.hero .fancy-select .trigger.open::after {
	border-color: #fff transparent transparent;
}
.earin .hero .fancy-select .trigger,
.earin .hero .fancy-select ul.options{
	background-color:#68264D;
	background: -webkit-linear-gradient(-90deg, #68264D, #a81d6e);
	background: -o-linear-gradient(-90deg, #68264D, #a81d6e);
	background: -moz-linear-gradient(-90deg, #68264D, #a81d6e);
	background: linear-gradient(-90deg, #68264D, #a81d6e);
	background-size:167%;
	background-position:center;
}
.fitbit .hero .fancy-select .trigger,
.fitbit .hero .fancy-select ul.options{
	background-color: #002b3d;
	background: -webkit-linear-gradient(-90deg, #002b3d, #004f70);
	background: -o-linear-gradient(-90deg, #002b3d, #004f70);
	background: -moz-linear-gradient(-90deg, #002b3d, #004f70);
	background: linear-gradient(-90deg, #002b3d, #004f70);
	background-size:167%;
	background-position:center;
}
.fitbit.accessories .row:nth-child(2n) .col-heros .hero .fancy-select .trigger,
.fitbit.accessories .row:nth-child(2n) .col-heros .hero .fancy-select ul.options{
	background-color: #002b3d;
	background: -webkit-linear-gradient(90deg, #002b3d, #004f70);
	background: -o-linear-gradient(90deg, #002b3d, #004f70);
	background: -moz-linear-gradient(90deg, #002b3d, #004f70);
	background: linear-gradient(90deg, #002b3d, #004f70);
}
.plantronics .hero .fancy-select .trigger,
.plantronics .hero .fancy-select ul.options{
background-color: #F04C24;
background: -webkit-linear-gradient(-90deg, #F04C24, #ff811a);
background: -o-linear-gradient(-90deg, #F04C24, #ff811a);
background: -moz-linear-gradient(-90deg, #F04C24, #ff811a);
background: linear-gradient(-90deg, #F04C24, #ff811a);
}
.eoz .hero .fancy-select .trigger,
.eoz .hero .fancy-select ul.options{
background-color: #c1a930 ;
background: -webkit-linear-gradient(-90deg, #c1a930 , #f5d63d);
background: -o-linear-gradient(-90deg, #c1a930 , #f5d63d);
background: -moz-linear-gradient(-90deg, #c1a930 , #f5d63d);
background: linear-gradient(-90deg, #c1a930 , #f5d63d);
}
@media screen and (max-width: 1024px) {
.earin .hero .fancy-select .trigger,
.earin .hero .fancy-select ul.options{
	background-color:#68264D;
	background: -webkit-linear-gradient(-90deg, #68264D, #a81d6e, #68264D);
	background: -o-linear-gradient(-90deg, #68264D, #a81d6e, #68264D);
	background: -moz-linear-gradient(-90deg, #68264D, #a81d6e, #68264D);
	background: linear-gradient(-90deg, #68264D, #a81d6e, #68264D);
	background-size:167%;
	background-position:center;
}
.fitbit .hero .fancy-select .trigger,
.fitbit .hero .fancy-select ul.options,
.fitbit.accessories .row:nth-child(2n) .col-heros .hero .fancy-select .trigger,
.fitbit.accessories .row:nth-child(2n) .col-heros .hero .fancy-select ul.options{
background-color: #00b3bd;
background: -webkit-linear-gradient(-90deg, #002b3d, #004f70, #002b3d);
background: -o-linear-gradient(-90deg, #002b3d, #004f70, #002b3d);
background: -moz-linear-gradient(-90deg, #002b3d, #004f70, #002b3d);
background: linear-gradient(-90deg, #002b3d, #004f70, #002b3d);
background-size:167%;
background-position:center;
}
.plantronics .hero .fancy-select .trigger,
.plantronics .hero .fancy-select ul.options{
background-color: #ff811a;
background: -webkit-linear-gradient(-90deg, #F04C24, #ff811a, #F04C24);
background: -o-linear-gradient(-90deg, #F04C24, #ff811a, #F04C24);
background: -moz-linear-gradient(-90deg, #F04C24, #ff811a, #F04C24);
background: linear-gradient(-90deg, #F04C24, #ff811a, #F04C24);
background-size:167%;
background-position:center;
}
}
@media screen and (max-width: 768px) {
.fitbit .hero .fancy-select .trigger,
.fitbit .hero .fancy-select ul.options,
.fitbit.accessories .row:nth-child(2n) .col-heros .hero .fancy-select .trigger,
.fitbit.accessories .row:nth-child(2n) .col-heros .hero .fancy-select ul.options{
background-size: 125%;
}
}
.hero .fancy-select ul.options {
	width:100%;
	border:none;
	top:35px;
	box-shadow:none;
	border-bottom:1px solid #fff;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	border-radius:0;
	text-align:left;
	max-height:999px;
}
.hero .fancy-select ul.options.open{
	top:45px;
}
@media screen and (max-width: 768px) {
.hero .fancy-select .trigger::after{
	top:16px;
}
.hero .fancy-select ul.options.open{
	top:39px;
}
}
.hero .fancy-select ul.options li {
	font-size:1.7em;
	color: #fff;
	line-height:45px;
    padding:0 0 0 5%;
	font-weight:300;
	text-transform:none;
	white-space:normal;
}
.hero .fancy-select ul.options li.hover,
.hero .fancy-select ul.options li.selected {
	background-color:#fff;
}
.bragi .hero .fancy-select ul.options li.hover,
.bragi .hero .fancy-select ul.options li.selected{
	color:#00AAE5;
}
.earin .hero .fancy-select ul.options li.hover,
.earin .hero .fancy-select ul.options li.selected{
	color:#a81d6e;
}
.fitbit .hero .fancy-select ul.options li.hover,
.fitbit .hero .fancy-select ul.options li.selected{
	color:#004f70;
}
.plantronics .hero .fancy-select ul.options li.hover,
.plantronics .hero .fancy-select ul.options li.selected{
	color:#ff811a;
}
.eoz .hero .fancy-select ul.options li.hover,
.eoz .hero .fancy-select ul.options li.selected{
	color:#c1a930 ;
}
.hereone .hero .fancy-select ul.options li.hover,
.hereone .hero .fancy-select ul.options li.selected{
	color:#00AAE5;
}
@media screen and (max-width: 768px) {
.hero .qtybox{
	height:39px;	
}
.price-info .promobox input, .price-info .engravedbox input {
	line-height:37px;	
}
.hero .price-info h2{
	font-size: 1.5em;
}
.hero .qtybox .qtybox-btn,
.hero .qtybox .qtybox-price,
.hero .qtybox .qtybox-qty{
	font-size: 1.5em;
	line-height:37px;
	height:37px;
}
.hero .fancy-select .trigger,
.hero .fancy-select ul.options li,
.price-info #promoCode{
	font-size: 1.5em;
	line-height:39px;
	height:39px;
}
}

.hero .engraved-message-preview {position:absolute;top:0;height:100%;width:50%;background-color:#ebebeb;pointer-events:none;opacity:0;
	-webkit-transition: opacity .3s ease-in-out;
	-moz-transition: opacity .3a ease-in-out;
	-ms-transition: opacity .3s ease-in-out;
	-o-transition: opacity .3s ease-in-out;
	transition: opacity .3s ease-in-out;
}
.hero .price-info.on + .engraved-message-preview.show {
	z-index:5;
	opacity:1;
	
}
.hero .engraved-message-preview img {
	max-height:100%;
}
.hero .engraved-message-preview span {
	position:absolute;
	top:0;
	left:0;
}
@media screen and (max-width: 1024px) {
.hero .engraved-message-preview {
	height:50vh;
	min-height:500px;
	width:100%;
}
}
	
body.BackBeatFit305 .engraved-message-preview {background:#ebebeb url(../common/images/Plantronics/BackBeatFit305/backBeatFit305-engrave-black.png) no-repeat center;background-size:auto 600px;}
body.BackBeatFit305 .engraved-message-preview span{position:absolute;top:43.8%;left:-2.0%;width:100%;text-align:center;font-size:3em;color:#888;}
body.BackBeatFit305 .engraved-message-preview.show.blue span {color:#435D99;}
@media screen and (max-width:1024px) {
	body.BackBeatFit305 .engraved-message-preview.show span {top: 42.8%;}
}
@media screen and (max-width:768px) {
	body.BackBeatFit305 .engraved-message-preview.show span {top: 40.9%;}
}
@media screen and (max-width:480px) {
	body.BackBeatFit305 .engraved-message-preview {background-size: auto 420px;}
	body.BackBeatFit305 .engraved-message-preview.show span {top: 43.5%;font-size: 2.1em;}
}

@media screen and (max-width: 1024px) {
.hero .price-info > div {
    position: relative;
	right:0;
	height:0;
	-webkit-transition: min-height .3s ease-in-out;
	-moz-transition: min-height .3a ease-in-out;
	-ms-transition: min-height .3s ease-in-out;
	-o-transition: min-height .3s ease-in-out;
	transition:min-height 0.3s ease-in-out;
}
.hero .price-info.on > div {
	min-height:500px;
	height:50vh;
	position: absolute;
	top: 0;
}

.hero .price-info.on + .engraved-message-preview.show {
	position: relative;
}

}

@media screen and (max-width: 768px) {
.hero .engraved-message-preview {
	height: 40vh;
	min-height: 400px;
}

.hero .price-info.on + .engraved-message-preview.show {
	position: relative;
}

.hero .price-info.on > div {
	min-height:400px;
	height:40vh;
	position: absolute;
	top: 0;
}
}

.swiper-container-hero {
	max-width: 1440px;
	width: 100%;
	height:600px;
	padding-bottom: 25px;
	position: relative;
}
.twocol.twocol-hero {
	padding:0;
}
.heroNeighbor .swiper-container-capsule .swiper-slide img{
	height:600px;
	max-width:none;
	margin-left:calc(50% - 46vh);
}
.row:nth-child(odd) .heroNeighbor,
.row:nth-child(odd) .col-heros{
	float: right;
}
@media screen and (max-width: 1024px) {
.fitbit.accessories .row .heroNeighbor,
.fitbit.accessories .row .col-heros{
	float: right;
}
}
.grid .hero:nth-child(odd){
	background-color:#ebebeb;
	background: -webkit-linear-gradient(-90deg, #ebebeb, #fafafa, #ebebeb);
	background: -o-linear-gradient(-90deg, #ebebeb, #fafafa, #ebebeb);
	background: -moz-linear-gradient(-90deg, #ebebeb, #fafafa, #ebebeb);
	background: linear-gradient(-90deg, #ebebeb, #fafafa, #ebebeb);
}
.grid .hero:nth-child(even){
	background-color:#fafafa;
	background: -webkit-linear-gradient(-90deg, #fafafa, #ebebeb, #fafafa);
	background: -o-linear-gradient(-90deg, #fafafa, #ebebeb, #fafafa);
	background: -moz-linear-gradient(-90deg, #fafafa, #ebebeb, #fafafa);
	background: linear-gradient(-90deg, #fafafa, #ebebeb, #fafafa);
}
.grid .row:nth-child(odd) .twocol-hero:nth-child(odd) .hero {
	background-color:#ebebeb;
	background: -webkit-linear-gradient(-90deg, #ebebeb, #fafafa, #ebebeb);
	background: -o-linear-gradient(-90deg, #ebebeb, #fafafa, #ebebeb);
	background: -moz-linear-gradient(-90deg, #ebebeb, #fafafa, #ebebeb);
	background: linear-gradient(-90deg, #ebebeb, #fafafa, #ebebeb);
}
.grid .row:nth-child(odd) .twocol-hero:nth-child(even) .hero {
	background-color:#fafafa;
	background: -webkit-linear-gradient(-90deg, #fafafa, #ebebeb, #fafafa);
	background: -o-linear-gradient(-90deg, #fafafa, #ebebeb, #fafafa);
	background: -moz-linear-gradient(-90deg, #fafafa, #ebebeb, #fafafa);
	background: linear-gradient(-90deg, #fafafa, #ebebeb, #fafafa);
}
.grid .row:nth-child(even) .twocol-hero:nth-child(odd) .hero {
	background-color:#fafafa;
	background: -webkit-linear-gradient(-90deg, #fafafa, #ebebeb, #fafafa);
	background: -o-linear-gradient(-90deg, #fafafa, #ebebeb, #fafafa);
	background: -moz-linear-gradient(-90deg, #fafafa, #ebebeb, #fafafa);
	background: linear-gradient(-90deg, #fafafa, #ebebeb, #fafafa);
}
.grid .row:nth-child(even) .twocol-hero:nth-child(even) .hero {
	background-color:#ebebeb;
	background: -webkit-linear-gradient(-90deg, #ebebeb, #fafafa, #ebebeb);
	background: -o-linear-gradient(-90deg, #ebebeb, #fafafa, #ebebeb);
	background: -moz-linear-gradient(-90deg, #ebebeb, #fafafa, #ebebeb);
	background: linear-gradient(-90deg, #ebebeb, #fafafa, #ebebeb);
}
.mophie.accessories .grid .hero:nth-child(1),
.mophie.accessories .grid .hero:nth-child(2),
.mophie.accessories .grid .hero:nth-child(5),
.mophie.accessories .grid .hero:nth-child(6),
.mophie.accessories .grid .hero:nth-child(9),
.mophie.accessories .grid .hero:nth-child(10){
	background-color:#ebebeb;
	background: -webkit-linear-gradient(-90deg, #ebebeb, #fafafa, #ebebeb);
	background: -o-linear-gradient(-90deg, #ebebeb, #fafafa, #ebebeb);
	background: -moz-linear-gradient(-90deg, #ebebeb, #fafafa, #ebebeb);
	background: linear-gradient(-90deg, #ebebeb, #fafafa, #ebebeb);
}
.mophie.accessories .grid .hero:nth-child(3),
.mophie.accessories .grid .hero:nth-child(4),
.mophie.accessories .grid .hero:nth-child(7),
.mophie.accessories .grid .hero:nth-child(8),
.mophie.accessories .grid .hero:nth-child(11),
.mophie.accessories .grid .hero:nth-child(12){
	background-color:#fafafa;
	background: -webkit-linear-gradient(-90deg, #fafafa, #ebebeb, #fafafa);
	background: -o-linear-gradient(-90deg, #fafafa, #ebebeb, #fafafa);
	background: -moz-linear-gradient(-90deg, #fafafa, #ebebeb, #fafafa);
	background: linear-gradient(-90deg, #fafafa, #ebebeb, #fafafa);
}
@media screen and (max-width: 1024px) {
.grid .hero:nth-child(odd){
	background-color:#ebebeb;
	background: -webkit-linear-gradient(-90deg, #ebebeb, #fafafa);
	background: -o-linear-gradient(-90deg, #ebebeb, #fafafa);
	background: -moz-linear-gradient(-90deg, #ebebeb, #fafafa);
	background: linear-gradient(-90deg, #ebebeb, #fafafa);
}
.grid .hero:nth-child(even){
	background-color:#fafafa;
	background: -webkit-linear-gradient(-90deg, #fafafa, #ebebeb);
	background: -o-linear-gradient(-90deg, #fafafa, #ebebeb);
	background: -moz-linear-gradient(-90deg, #fafafa, #ebebeb);
	background: linear-gradient(-90deg, #fafafa, #ebebeb);
}
.mophie.accessories .grid .hero:nth-child(1),
.mophie.accessories .grid .hero:nth-child(2),
.mophie.accessories .grid .hero:nth-child(5),
.mophie.accessories .grid .hero:nth-child(6),
.mophie.accessories .grid .hero:nth-child(9),
.mophie.accessories .grid .hero:nth-child(10){
	background-color:#ebebeb;
	background: -webkit-linear-gradient(-90deg, #ebebeb, #fafafa);
	background: -o-linear-gradient(-90deg, #ebebeb, #fafafa);
	background: -moz-linear-gradient(-90deg, #ebebeb, #fafafa);
	background: linear-gradient(-90deg, #ebebeb, #fafafa);
}
.mophie.accessories .grid .hero:nth-child(3),
.mophie.accessories .grid .hero:nth-child(4),
.mophie.accessories .grid .hero:nth-child(7),
.mophie.accessories .grid .hero:nth-child(8),
.mophie.accessories .grid .hero:nth-child(11),
.mophie.accessories .grid .hero:nth-child(12){
	background-color:#fafafa;
	background: -webkit-linear-gradient(-90deg, #fafafa, #ebebeb);
	background: -o-linear-gradient(-90deg, #fafafa, #ebebeb);
	background: -moz-linear-gradient(-90deg, #fafafa, #ebebeb);
	background: linear-gradient(-90deg, #fafafa, #ebebeb);
}
.grid .row:nth-child(even) .twocol-hero:nth-child(odd) .hero {
	background-color:#ebebeb;
	background: -webkit-linear-gradient(-90deg, #ebebeb, #fafafa, #ebebeb);
	background: -o-linear-gradient(-90deg, #ebebeb, #fafafa, #ebebeb);
	background: -moz-linear-gradient(-90deg, #ebebeb, #fafafa, #ebebeb);
	background: linear-gradient(-90deg, #ebebeb, #fafafa, #ebebeb);
}
.grid .row:nth-child(even) .twocol-hero:nth-child(even) .hero {
	background-color:#fafafa;
	background: -webkit-linear-gradient(-90deg, #fafafa, #ebebeb, #fafafa);
	background: -o-linear-gradient(-90deg, #fafafa, #ebebeb, #fafafa);
	background: -moz-linear-gradient(-90deg, #fafafa, #ebebeb, #fafafa);
	background: linear-gradient(-90deg, #fafafa, #ebebeb, #fafafa);
}
}
.swiper-container-hero .swiper-slide{
  background-size: auto 450px;
}
@media screen and (max-width: 1024px) {
.swiper-container-hero{
	height:500px;
}
.heroNeighbor .swiper-container-capsule .swiper-slide img{
	height:auto;
	min-height:inherit;
	width: 100%;
	margin-left:0;
}
.swiper-container-hero .swiper-slide{
  background-size: auto 350px;
}
}
@media screen and (max-width: 768px) {
.swiper-container-hero{
  height:400px;
}
.swiper-container-hero .swiper-slide{
  background-size: auto 250px;
}
}
.swiper-container-hero h2{margin-top:80px;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;
user-select:none;}
@media screen and (max-width: 768px) {
.swiper-container-hero h2{
	margin-top:70px;
	font-size:1.4em;
}
}
@media screen and (max-width:480px) {
	.plantronics.BBP2SE .swiper-container-hero h2{
		padding-right:20px;
		padding-left:20px;
	}
}
.buyNow .swiper-container-hero {
   height:150px;
   max-width:910px;
   min-height:inherit;
	background:none;
}
@media screen and (max-width: 1024px) {
  .buyNow .swiper-container-hero {
	width:80%;
  }
  .bnav .bnav-cell-discount{
	margin-top:80px;
  }
}
.swiper-container-hero .swiper-slide {
  position: relative;
}
.swiper-container-hero.gift .swiper-slide>div{
	position:absolute;
	bottom:15px;
	width:15%;
}
.swiper-container-hero .hero-cell {
  width: 100%;
  position: absolute;
  text-align: center;
}
@media screen and (max-width: 1024px) {
  .swiper-container-hero .hero-cell h1 {
    font-size:2.7em;
  }
}
@media screen and (max-width: 1024px) {
  .swiper-container-hero .hero-cell h1 {
    font-size:2.4em;
  }
}
@media screen and (max-width: 480px) {
  .swiper-container-hero .hero-cell h1 {
    font-size: 2.1em;
	padding:0 20px;
  }
}
.swiper-container-hero .hero-cell .price-info {
  margin-top: 20px;
  display: table;
}
@media screen and (max-width: 768px) {
	.swiper-container-hero .hero-cell .price-info {
		margin-top:0px;
	}
}
.swiper-container-hero .hero-cell .price-info .price-info-cell-left,
.swiper-container-hero .hero-cell .price-info .price-info-cell-right {
  display: table-cell;
  vertical-align: top;
  padding: 0 10px;
}
.swiper-container-hero .hero-cell .price-info .price-info-cell-right {
  padding-top: 3px;
}
.swiper-container-hero .hero-cell .price-info h3 {
  padding-top: 5px;
  font-size: 1.8em;
}
.price-info a.buy-big {
	font-family: 'Roboto', Arial, Helvetica,'Noto Sans TC', Microsoft JhengHei, Heiti TC, sans-serif;;
	color: #fff;
	padding: 0px 8px;
	text-align: center;
	vertical-align: middle;
	font-size: 1.3em;
	padding: 0 20px;
	border: 1px solid #fff;
	text-decoration: none;
	cursor:pointer;
	line-height:45px;
	display:inline-block;
	margin-top: 10px;
}
@media screen and (max-width: 768px) {
.price-info a.buy-big {
  line-height:37px;
}
}
.price-info a.buy-big:hover {
  background-color: #fff;
}
.bragi .price-info a.buy-big:hover {
  color: #00AAE5;
}
.earin .price-info a.buy-big:hover {
  color: #a81d6e;
}
.fitbit .price-info a.buy-big:hover {
  color: #004f70;
}
.hereone .price-info a.buy-big:hover {
  color: #c6cc8f;
}
.hovercamera .price-info a.buy-big:hover {
  color: #36414d;
}
.mophie .price-info a.buy-big:hover{
	color: #a6e300;
}
.plantronics .price-info a.buy-big:hover {
  color: #ff811a;
}
.eoz .price-info a.buy-big:hover {
	color: #f5d63d;
}
.theragun .price-info a.buy-big:hover {
	color: #2ca9e0;
}
.swiper-container-hero .swiper-pagination {
  position: absolute;
  bottom: 5px;
  left: 0;
  right: 0;
  text-align: center;
}
@media screen and (max-width:1024px) {
.swiper-container-hero .swiper-pagination {
  bottom:0px;
}
}
@media screen and (max-width: 768px) {
.swiper-container-hero .swiper-pagination {
  bottom:-3px;
}
}
.swiper-container-hero .swiper-pagination-bullet, .swiper-container-hero .swiper-pagination-bullet-active {
  border: 1px solid #acacad;
  width: 15px;
  height: 15px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
  margin: 4px;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
.swiper-container-hero .swiper-pagination-bullet, .swiper-container-hero .swiper-pagination-bullet-active {
  width: 10px;
  height: 10px;
}
}
.btn-close{
	cursor:pointer;
	position:absolute;
	top:30px;
	left:30px;
	width:24px;
	margin-left:50%;
	z-index: 100;
}
.fitbit.accessories .hero:not(.hero0) .btn-close{
	margin-left:0;
}
.TheDashPro.accessories .hero .btn-close,
.TheDash.accessories .hero .btn-close,
.TheHeadphone.accessories .hero .btn-close{
	margin-left:0;
}
@media screen and (max-width:1024px) {
.btn-close{
	top:5%;
	left:auto;
	right:5%;
}
}
.btn-close img{
	max-width:100%; 
}
.bnav .swiper-container-hero .swiper-pagination-bullet,.bnav .swiper-container-hero .swiper-pagination-bullet-active {
  width:8px;
  height:8px;
}
.swiper-container-hero .swiper-pagination-bullet-active {
  background-color: #acacad;
}
@media screen and (max-width:1024px) {
.videoNeighbor>img{
	display:block;
}
}
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0px; height: 0; overflow: hidden;
}
@media screen and (max-width:1024px) {
.video-container {
    padding-bottom: 56%;
}
}
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.media-heading {
  background-color: #f2f2f2;
  padding:60px 10%;
  text-align: center;
}
.media-heading .media-cell-heading {
  display: block;
}
.media-info {
  background-color: #f2f2f2;
  padding: 0 1% 60px;
  text-align: left;
  width:100%;
}
.media-info h3{
  text-align: center;
}
.media-info img{
	float:left;
	margin-right:5%;
	width:38%;
}
.media-info h4 {
	margin:5px 0;
	line-height:1.2em;
	font-size:1.4em
}
.media-info p {
	margin-bottom:10px;
	line-height:1.5em;
}
.media-info .media-cell-info {
	width:31.33%;
	height:186px;
	float:left;
	padding:20px 2%;
	margin:0 1% 60px;
  	border:1px solid #b3b3b3;
}
.media-info .media-cell-info a.btn-readmore {
  background-color: transparent;
  font-family: 'Roboto', Arial, Helvetica,'Noto Sans TC', Microsoft JhengHei, Heiti TC, sans-serif;;
  color: #4460f1;
  text-align: center;
  vertical-align: middle;
  font-size: 1em;
  padding: 5px 10px;
  border: 1px solid #4460f1;
  text-decoration: none;
}
@media screen and (max-width: 1280px) {
.media-info {
  padding: 0 3% 60px;
}
.media-info .media-cell-info {
	width:44%;
	height:206px;
	padding:30px 3%;
	margin:0 3% 60px;
}
}
@media screen and (max-width: 950px) {
.media-info {
  padding: 0 0% 60px;
}
.media-info .media-cell-info {
	padding:15px 1%;
	margin-bottom:50px;
	width:90%;
	height:auto;
	margin:0 5% 40px;
	padding:20px;
}
.media-info img{
	width:25%;
}
}
@media screen and (max-width: 768px) {
	.media-info {
	  text-align: left;
	}
	.media-info .media-cell-info {
		width:90%;
		height:auto;
		margin:0 5% 40px;
		padding:20px;
	}
	.media-info img{
		width:30%;
		float:left;
		display:inline;
		margin:0 20px 0 0;
	}
	.media-info h4 {
		font-size: 1.5em;
		line-height: 1em;
		margin-bottom:3px;
		margin-top:0;
	}
	.media-info p {
		font-size: 1.1em;
		line-height: 1.2em;
		margin-bottom:10px;
	}
}
@media screen and (max-width: 480px) {
	.media-info .media-cell-info {
		margin-bottom:30px;
		padding:15px;
		width:96%;
		margin:0 2% 40px;
	}
	.media-info h4 {
		font-size: 1.2em;
		line-height: 1.2em;
		margin-bottom:2px;
	}
	.media-info p {
		font-size: 0.8em;
		line-height: 1.2em;
		margin-bottom:2px;
	}
	.media-info .media-cell-info a.btn-readmore {
		font-size: 0.8em;
		padding: 3px 6px;
	}
}
.bnav {
	background-color : #f2f2f2;
	text-align: center;
	padding:60px 0 0;
  /*padding:60px 0;*/
}
.bnav .bnav-cell-heading {
  display: block;
  margin:0 0 25px;
}
.bnav .bnav-steps span{
	margin:0 20px;
	color:#ccc;
}
.bnav .bnav-steps .active{
	color:#676767; 
}
.bnav .bnav-cell-discount{
	margin:20px 0 0 23%;
	padding-top: 10px;
	line-height: 1.2em;
	text-align:justify;
}
@media screen and (max-width: 465px) {
.bnav .bnav-steps span{
	display:block;
}
}
.index-main{margin:0 25px;overflow:hidden;height:450px}
.index-main>div{width:200%;height:100%;}

.index-main>div>div{height:100%;float:left;vertical-align:top;overflow:hidden;position:relative;transform:skewX(10deg);cursor:pointer;margin-left:-2px;-webkit-transition:.3s width ease-out;transition:.3s width ease-out;}
.index-main>div>.index-bragi{background-color:#00AAE5;
background: -webkit-linear-gradient(-63.5deg, #00E0CB, #00AAE5);
background: -o-linear-gradient(-63.5deg, #00E0CB, #00AAE5);
background: -moz-linear-gradient(-63.5deg, #00E0CB, #00AAE5);
background: linear-gradient(-63.5deg, #00E0CB, #00AAE5);}
.index-main>div>.index-earin{background-color:#68264D;
background: -webkit-linear-gradient(-63.5deg, #a81d6e, #68264D);
background: -o-linear-gradient(-63.5deg, #a81d6e, #68264D);
background: -moz-linear-gradient(-63.5deg, #a81d6e, #68264D);
background: linear-gradient(-63.5deg, #a81d6e, #68264D);}
.index-main>div>.index-fitbit{background-color: #002b3d;
background: -webkit-linear-gradient(-63.5deg, #004f70, #002b3d);
background: -o-linear-gradient(-63.5deg, #004f70, #002b3d);
background: -moz-linear-gradient(-63.5deg, #004f70, #002b3d);
background: linear-gradient(-63.5deg, #004f70, #002b3d);}
.index-main>div>.index-hereone{background-color: #939a58;
background: -webkit-linear-gradient(-63.5deg, #c6cc8f, #939a58 );
background: -o-linear-gradient(-63.5deg, #c6cc8f, #939a58 );
background: -moz-linear-gradient(-63.5deg, #c6cc8f, #939a58 );
background: linear-gradient(-63.5deg, #c6cc8f, #939a58 );}
.index-main>div>.index-hovercamera{background-color: #000000;
background: -webkit-linear-gradient(-63.5deg, #36414d, #000000 );
background: -o-linear-gradient(-63.5deg, #36414d, #000000 );
background: -moz-linear-gradient(-63.5deg, #36414d, #000000 );
background: linear-gradient(-63.5deg, #36414d, #000000 );}
.index-main>div>.index-mophie{background-color:#72b000;
background: -webkit-linear-gradient(-63.5deg, #a6e300, #72b000);
background: -o-linear-gradient(-63.5deg, #a6e300, #72b000);
background: -moz-linear-gradient(-63.5deg, #a6e300, #72b000);
background: linear-gradient(-63.5deg, #a6e300, #72b000);}
.index-main>div>.index-plantronics{background-color:#F04C24;
background: -webkit-linear-gradient(-63.5deg, #ff811a, #F04C24);
background: -o-linear-gradient(-63.5deg, #ff811a, #F04C24);
background: -moz-linear-gradient(-63.5deg, #ff811a, #F04C24);
background: linear-gradient(-63.5deg, #ff811a, #F04C24);}
.index-main>div>.index-EOZ{background-color:#c1a930;
background: -webkit-linear-gradient(-63.5deg, #f5d63d , #c1a930);
background: -o-linear-gradient(-63.5deg, #f5d63d , #c1a930);
background: -moz-linear-gradient(-63.5deg, #f5d63d , #c1a930);
background: linear-gradient(-63.5deg, #f5d63d , #c1a930);}
.index-main>div>.index-theragun{background-color:#147fb3;
background: -webkit-linear-gradient(-63.5deg, #2ca9e0, #147fb3);
background: -o-linear-gradient(-63.5deg, #2ca9e0, #147fb3);
background: -moz-linear-gradient(-63.5deg, #2ca9e0, #147fb3);
background: linear-gradient(-63.5deg, #2ca9e0, #147fb3);}
.index-main>div>div{width:13.2%;}
.index-main:hover>div>div{width:6%;}
.index-main:hover>div>div:hover{width:34.8%;}
.index-main>div>div:first-child{width:19.2%;margin-left:-7.2%;padding-left:9.6%;}
.index-main:hover>div>div:first-child{width:12%;}
.index-main:hover>div>div:hover:first-child{width:40.8%;}
.index-main>div>div:last-child{width:27.6%;}
.index-main:hover>div>div:last-child{width:20.4%;}
.index-main:hover>div>div:hover:last-child{width:49.2%;}
.index-main>div>.index-theragun .index-image{left:35px;top:155px;}
.index-main>div>.index-theragun:hover .index-image{left:55px;top:85px;}

.index-main>div>div>*{transform:skewX(-10deg);}

.index-main>div>div .index-image{position:relative;-webkit-transition:.4s all ease-out;transition:.4s all ease-out;max-width:none;width:360px; left:-47px; top:115px;}
.index-plantronics>div>.index-image{width:390px !important;  left:-52px}
.index-main>div>div:hover .index-image{top:60px;left: -25px;}
.index-main>div>div .index-image.image2{position:absolute;-webkit-transition:.8s all  ease-out;transition:.8s all ease-out;}
.index-main>div>div .index-image.image3{position:absolute;-webkit-transition:1.2s all  ease-out;transition:1.2s all ease-out;}
.index-main>div>div .index-image.image4{position:absolute;-webkit-transition:1.5s all  ease-out;transition:1.5s all ease-out;}
.index-main>div>div .index-image.image5{position:absolute;-webkit-transition:1.8s all  ease-out;transition:1.8s all ease-out;}
.index-main>div>.index-bragi:hover .index-image{top:50px;}
.index-main>div>.index-fitbit .index-image{top:140px;}
.index-main>div>.index-fitbit:hover .index-image{left:-20px;top:80px;}
.index-main>div>.index-plantronics:hover .index-image{left:-35px;}
.index-main>div>.index-plantronics .index-image{top: 105px;}
.index-main>div>.index-mophie .index-image{top:125px;}
.index-main>div>.index-hereone .index-image{left:-75px;}
.index-main>div>.index-mophie:hover .index-image{left:-40px;top:65px;}
.index-main>div>.index-earin:hover .index-image{left:10px;}

.index-main>div>div .index-logo{position:absolute;left:5px;top:15px;height:32px;-webkit-transition:.4s all  ease-out;transition:.4s all ease-out;}
.index-main>div>div:first-child .index-logo{left:15px;}
.index-main>div>div .index-logo img{max-width:none;height:100%;}

.index-main>div>div .index-text{position:absolute;left:-20px;opacity:0;-webkit-transition:.6s all ease-out;transition:.6s all ease-out;top:340px;}
.index-main>div>div:hover .index-text{left:60px;opacity:1;}
.index-main>div>div:first-child .index-text{left:-15px;}
.index-main>div>div:first-child:hover .index-text{left:15px;}
html:lang(en-US) .index-main>div>.index-bragi .index-text{top:315px;}
/*html:lang(zh-HK) .index-main>div>.index-plantronics .index-text{top:365px;}*/
.index-main>div>.index-hereone .index-text{top:365px;}

.index-main>div>div .index-text h2{color:#fff;white-space:nowrap;margin-bottom:10px;font-size:20px;}

.index-main>div>div .index-text .learnMore{background-color:transparent;color:#fff;font-size:1em;line-height:1.2; text-align:center;margin-left:1px;border:1px solid #fff;padding:8px 12px;text-decoration:none;-webkit-transition:.4s all ease-out;transition:.4s all ease-out; width:110px; display:block;}
html:lang(zh-HK) .index-main>div>div .index-text .learnMore{width:100px;}
.index-main>div>div .index-text .learnMore:hover{background-color:#fff;}
.index-main>div>.index-bragi .index-text .learnMore:hover{color:#00AAE5;}
.index-main>div>.index-earin .index-text .learnMore:hover{color:#68264D;}
.index-main>div>.index-fitbit .index-text .learnMore:hover{color:#002b3d;}
.index-main>div>.index-hereone .index-text .learnMore:hover{color:#939a58;}
.index-main>div>.index-hovercamera .index-text .learnMore:hover{color:#000000;}
.index-main>div>.index-mophie .index-text .learnMore:hover{color:#72b000;}
.index-main>div>.index-plantronics .index-text .learnMore:hover{color:#F04C24;}
.index-main>div>.index-eoz .index-text .learnMore:hover{color:#c1a930 ;}
.index-main>div>.index-theragun .index-text .learnMore:hover{color:#147fb3 ;}

@media screen and (min-width: 568px) {
.index-main{height:520px;}
	
.index-main>div>div{width:13.2%;}
.index-main:hover>div>div{width:8.4%;}
.index-main:hover>div>div:hover{width:27.6%;}
.index-main>div>div:first-child{width:19.2%;margin-left:-7.2%;padding-left:9.6%;}
.index-main:hover>div>div:first-child{width:14.4%;}
.index-main:hover>div>div:hover:first-child{width:33.6%;}
.index-main>div>div:last-child{width:27.6%;}
.index-main:hover>div>div:last-child{width:22.8%;}
.index-main:hover>div>div:hover:last-child{width:42%;}
	
.index-main>div>div .index-image{width:400px; left:-85px; top:140px;}
.index-plantronics>div>.index-image{width:480px !important;}
.index-main>div>div:hover .index-image{left:-45px;}
.index-main>div>div:first-child .index-image{left:-65px;}
.index-main>div>.index-bragi:hover .index-image{top:62px;}
.index-main>div>.index-fitbit .index-image{top:165px;}
.index-main>div>.index-fitbit:hover .index-image{left:-25px;top:95px;}
.index-main>div>.index-plantronics .index-image{top:100px;left:-75px;}
.index-main>div>.index-plantronics:hover .index-image{top:70px;left:-40px;}
.index-main>div>.index-mophie .index-image{top:150px;}
.index-main>div>.index-mophie:hover .index-image{left:-40px;top:80px;}
.index-main>div>.index-hovercamera .index-image{width:400px; left:-45px; top:140px;}
.index-main>div>.index-hovercamera:hover .index-image{left: 0px}
.index-main>div>.index-earin .index-image{left:-35px}
.index-main>div>.index-earin:hover .index-image{left:25px;top:75px;}
.index-main>div>.index-theragun .index-image{left:35px;top:155px;}
.index-main>div>.index-theragun:hover .index-image{left:85px;top:95px;}

.index-main>div>div .index-logo{height:32px;left:5px;}
.index-main>div>div:first-child .index-logo{left:12px;}
.index-main>div>div .index-logo{top:20px;}
	
.index-main>div>div .index-text{top:387px;}
.index-main>div>.index-hereone .index-text{top:419px;}
html:lang(en-US) .index-main>div>.index-bragi .index-text{top:355px;}
/*html:lang(zh-HK) .index-main>div>.index-plantronics .index-text{top:419px;}*/
	
.index-main>div>div .index-text{left:5px;}
.index-main>div>div:hover .index-text{left:80px;}
.index-main>div>div:first-child .index-text{left:-48px;}
.index-main>div>div:first-child:hover .index-text{left:12px;}

.index-main>div>div .index-text h2{font-size:27px;}
	
.index-main>div>div .index-text .learnMore{font-size:1.2em; width:120px;margin-left:3px;}
html:lang(zh-HK) .index-main>div>div .index-text .learnMore{width:105px;} 
}

@media screen and (min-width:1024px) {
.index-main{height:640px;}
	
.index-main>div>div{width:13.2%;}
.index-main:hover>div>div{width:9.6%;}
.index-main:hover>div>div:hover{width:24%;}
.index-main>div>div:first-child{width:19.2%;margin-left:-7.2%;padding-left:9.6%;}
.index-main:hover>div>div:first-child{width:15.6%;}
.index-main:hover>div>div:hover:first-child{width:30%;}
.index-main>div>div:last-child{width:27.6%;}
.index-main:hover>div>div:last-child{width:24%;}
.index-main:hover>div>div:hover:last-child{width:38.4%;}
	
.index-main>div>div .index-image{width:600px !important;left:-68px;top:117px;}
.index-main>div>div:hover .index-image{left:-78px;top:50px}
.index-main>div>div:first-child .index-image{left:-105px;}
.index-main>div>.index-bragi:hover .index-image{top:40px;}
.index-main>div>.index-theragun .index-image{left: 55px;top: 155px;}
.index-main>div>.index-theragun:hover .index-image{left:110px;top:90px;}
.index-main>div>.index-fitbit .index-image{top:155px;}
.index-main>div>.index-fitbit:hover .index-image{left:-50px;top:90px;}
.index-main>div>.index-plantronics:hover .index-image{left:-70px;top:45px;}
.index-main>div>.index-hereone .index-image{left:-140px;}
.index-main>div>.index-hereone:hover .index-image{left:-60px;}
.index-main>div>.index-earin:hover .index-image{left:20px;top:55px;}
.index-main>div>.index-EOZ .index-image{left:-52px;top:160px;}
.index-main>div>.index-EOZ:hover .index-image{left:50px;top:50px;}

.index-main>div>div .index-logo{height:42px;top:30px;left:6px;}
.index-main>div>div:first-child .index-logo{left:-3px;}
	
.index-main>div>div .index-text{top:475px;}
.index-main>div>div:hover .index-text{left:85px;}
.index-main>div>div:hover .index-text{left:105px;}
.index-main>div>div .index-text h2{font-size:36px;}
.index-main>div>div:first-child .index-text{left:-21px;}
.index-main>div>div:first-child:hover .index-text{left:-1px;}

.index-main>div>.index-hereone .index-text{top:520px;}
html:lang(en-US) .index-main>div>.index-bragi .index-text,
html:lang(en-US) .index-main>div>.index-EOZ .index-text{top:432px;}
/*html:lang(zh-HK) .index-main>div>.index-plantronics .index-text{top:520px;}*/
}
@media screen and (max-width:768px) {
.index-main {
	margin:0;
}
}

.index-allBrands {
	padding: 80px 120px;	
}
.index-allBrands h2{
	text-align:center;
}
.index-allBrands a.index-showPromotion  {
	width:100%;
	text-align:center;
}
.index-allBrands .product {
	display:inline-block;
}
.index-allBrands .product div {
	float: left;
	margin-left:8%;
	width: 28%;
	margin-top:50px;
    -moz-box-sizing: border-box;      
    -webkit-box-sizing: border-box; 
    box-sizing: border-box; 
}
.index-allBrands .product div:nth-child(3n-2) {
	margin-left:0;
}
.index-allBrands .product div:nth-last-child(1):nth-child(3n-1) {
	margin-right:15%;
	margin-left:7%;
}
.index-allBrands .product div:nth-last-child(2):nth-child(3n-2) {
	margin-left:15%;
	margin-right:7%;
}
.index-allBrands .product div:nth-last-child(1):nth-child(3n-2) {
	margin-left:36%;
}

@media screen and (max-width:1024px) {
.index-allBrands {
	padding: 80px 60px;	
}
.index-allBrands .product div {
	margin-left:11% !important;
	margin-right:11%;
}
.index-allBrands .product div:nth-last-child(1):nth-child(2n-1) {
	margin-left:36% !important;
	margin-right:0;
}
}
@media screen and (max-width:768px) {
.index-allBrands {
	padding: 80px 40px;	
}
.index-allBrands .product div {
	width:50%;
	margin-left:25% !important;
}
.index-allBrands .product div:nth-last-child(1):nth-child(2n-1) {
	margin-left:25% !important;
}
}

.ie8-heading {
  background-color: #f2f2f2;
  padding:60px 0;
  text-align: center;
}
.ie8-heading h2{
	font-size:36px;
}
.ie8-heading .ie8-cell-heading {
  display: block;
}
.ie8 .header #nav,
.ie8 .header .toggle,
.ie8 .header .menu-right,
.ie8 .footer .footer-cell:first-child {
	display:none;
}
.ie8 .header .address {
	padding:0;
	display:block;
	text-align:center;
}
.ie8 .header .address a{
	display:inline;
}

.contact-heading {
  background-color: #f2f2f2;
  padding:60px 10%;
  text-align: center;
}
.contact-heading .contact-cell-heading {
  display: block;
}
.contact-info {
  background-color: #f2f2f2;
  padding: 0 10% 60px;
  text-align: center;
}
@media screen and (max-width: 1280px) {
	.contact-info {
	  padding: 0 0 60px;
	}
}
.contact-info h2 {
	font-size:2em;
	line-height:1.5em;
	margin-bottom:0;
}
.contact-info h2 span {
	font-weight:bold;
}
.contact-info .contact-cell-info {
	width:25%;
	float:left;
	padding:0 4%;
}
.contact-info .contact-cell-info h6{
	margin-bottom:0;
}
@media screen and (max-width: 1024px) {
	.contact-info .contact-cell-info {
		padding:0 1%;
	}
}
@media screen and (max-width: 768px) {
	.contact-info h2{
		margin-bottom:20px;
	}
	.contact-info .contact-cell-info {
		width:100%;
		float:none;
		margin-bottom:20px;
	}
	.contact-info .contact-cell-info.null {
		display:none;
	}
}
.tnc-heading {
  background-color: #f2f2f2;
  padding:60px 10%;
  text-align: center;
}
.tnc-heading .tnc-cell-heading {
  display: block;
}
.tnc-info {
	background-color: #f2f2f2;
}
.tnc-info h5 {
	width: 60%;
	margin:0 auto;
}
.tnc-info p {
	width: 60%;
	font-size: 1.1em;
	line-height: 1.2em;
	margin:0 auto 40px;
}
.tnc-info p:last-child {
	margin-bottom:80px;
}
.pinfo {
  background-color: #333;
  padding:40px 0;
  text-align: center;
}
@media screen and (max-width: 768px) {
	.pinfo {
	  padding-left:60px;
	  padding-right:60px;
	}
}
@media screen and (max-width: 480px) {
	.pinfo {
	  padding-left:30px;
	  padding-right:30px;
	}
	.en .index-main>div>div .index-text h2 {font-size: 18px;}
	/* .en .index-main:hover>div>div:hover {
		width: 38%;
	} */
}
.pinfo>div{
	max-width:974px;
	margin:0 auto;
	text-align:left;
	padding:0 32px;
}
.pinfo .product-list{
	margin-top:-20px;
}
.pinfo .break-line{
	margin:30px auto;
	height:1px;
	width:910px;
	padding:0;
	background-color:#676767;
}
.pinfo .pinfo-cell-label span{
	font-size:12px;
	line-height:30px;
	color:#676767;
	display:inline-block;
}
.pinfo .product-list .pinfo-cell-label .product{
	width:521px;
}
.pinfo .product-list .pinfo-cell-label .qty{
	width:245px;
}
.pinfo .product-list .pinfo-cell-label .price{
	width:104px;
}
.pinfo .product-list .pinfo-cell-label .edit{
	width:25px;
}
.pinfo .product-list .pinfo-cell-content{
	margin-top:5px;
}
.pinfo .product-list .pinfo-cell-content .title{
	display:inline-block;
	vertical-align: middle;
	width:450px;
	margin-right:30px;
	color:#d7d7d7;
	font-size:1.7em;
	line-height:22px;
	font-weight:200;
}
.pinfo .product-list .pinfo-cell-content .qtybox{
	display:inline-block;
	vertical-align: middle;
	width:360px;
	height:45px;
	border: 1px solid #676767;
}
.pinfo .product-list .pinfo-cell-content .qtybox .qtybox-btn{
	line-height:43px;
	color:#676767;
	width:40px;
	text-align:center;
	cursor:pointer;
	font-size:24px;
	text-decoration:none;
}
.pinfo .product-list .pinfo-cell-content .qtybox .qtybox-btn:hover{
	color:#d7d7d7;
}
.pinfo .product-list .pinfo-cell-content .qtybox .qtybox-btn.reduce{
	float:left;
}
.pinfo .product-list .pinfo-cell-content .qtybox .qtybox-btn.add{
	float:right;
}
.pinfo .product-list .pinfo-cell-content .qtybox .qtybox-qty{
	float:left;
	line-height:43px;
	color:#d7d7d7;
	width:32px;
	text-align:left;
	margin-bottom:0;
	vertical-align:top;
	font-size: 1.7em;
}
.pinfo .product-list .pinfo-cell-content .qtybox .qtybox-price{
	float:right;
	line-height:43px;
	color:#d7d7d7;
	text-align:right;
	margin-bottom:0;
	vertical-align:top;
}
.pinfo .product-list .pinfo-cell-content .edit{
	display:inline-block;
	vertical-align: middle;
	height:43px;
	width:17px;
	margin-left:34px;
	background: url(../common/images/icon-edit.png) no-repeat center top;
	cursor:pointer;
}
.pinfo .product-list .pinfo-cell-content .edit:hover{
	background-position:center bottom;
}
.pinfo .product-list .pinfo-cell-content .discountBox .discount{
	float:left;
	width:450px;
	margin:10px 0;
}
.pinfo .product-list .pinfo-cell-content .discountBox .discountPrice{
	float:right;
	width:360px;
	padding-right:111px;
	color:#808080;
	margin:10px auto;
}
.pinfo .product-list .pinfo-cell-content .discountBox .discountPrice h2{
	text-align:right;
	margin-bottom:0;
}
.pinfo .shipping-method .pinfo-cell-label,.pinfo .grand-total .pinfo-cell-label,.pinfo .sub-total .pinfo-cell-label{
	float:left;
	vertical-align:top;
	width:420px;
}
.pinfo .shipping-method .pinfo-cell-content,.pinfo .grand-total .pinfo-cell-content,.pinfo .sub-total .pinfo-cell-content {
	float:right;
	vertical-align:top;
	width:490px;
}
.pinfo .payment-method .pinfo-cell-content {
	width:100%;
}
.pinfo .payment-method .pinfo-cell-content .pinfo-cell-checkbox {
	width:25%; 
	float:left;
	margin-top:20px;
	width:20%;
}
.pinfo .payment-method .pinfo-cell-checkbox#pinfo-cell-checkbox-american-express {
	width:40%;
}
@media screen and (max-width:1024px) {
.pinfo .payment-method .pinfo-cell-content .pinfo-cell-checkbox,
.pinfo .payment-method .pinfo-cell-checkbox#pinfo-cell-checkbox-american-express {
	width:50%; 
}
}
@media screen and (max-width:768px) {
.pinfo .payment-method .pinfo-cell-content .pinfo-cell-checkbox,
.pinfo .payment-method .pinfo-cell-checkbox#pinfo-cell-checkbox-american-express {
	width:100%;
}
}
.pinfo .shipping-method .pinfo-cell-content h2,
.pinfo .payment-method .pinfo-cell-content h2{
	color:#d7d7d7;
	position:relative;
	top:-5px;
	padding-left:10px;
	height:50px;
	line-height:50px;
	cursor:pointer;
	display:inline-block;
	font-weight:300;
	width: calc(100% - 50px);
}
.pinfo .shipping-method .pinfo-cell-content p {
	color:#d7d7d7;
	position:relative;
	top:-15px;
	padding-left:60px;
	cursor:pointer;
}
.pinfo .grand-total .pinfo-cell-content h1,.pinfo .sub-total .pinfo-cell-content h2{
	color:#d7d7d7;
	text-align:right;
	margin-bottom:0;
}
.pinfo .engraved-message .pinfo-cell-label {
	float: left;
}
.pinfo .engraved-message .pinfo-cell-content h2{
	color:#d7d7d7;
    text-align: right;
	margin-top: 5px;
	margin-bottom:0;
}
.engraved-message {
    font-size: 14px;
    font-weight: 300;
	color:#676767;
}
.pinfo .sub-total .pinfo-cell-content h2{
	padding-right: 111px;
}
.pinfo .pinfo-cell-checkbox{
	margin-top:20px;
}
.pinfo .pinfo-cell-checkbox:first-child{
	margin-top:0;
}
.pinfo-cell-checkbox .iradio {
	background-color:#fff;
	width:40px;
	height:40px;
	border-radius: 20px;
	display:inline-block;
	vertical-align: top;
}
.pinfo-cell-checkbox .iradio.checked {
	background: url(../common/images/checked.png) no-repeat ;
}
.pinfo-cell-checkbox .icheckbox {
	background-color:#fff;
	width:40px;
	height:40px;
	border-radius: 10px;
	display:inline-block;
	vertical-align: top;
}
.pinfo-cell-checkbox .icheckbox.checked {
	background: url(../common/images/checkbox-checked.png) no-repeat ;
}
.confirmation .pinfo .order-info .pinfo-cell{
	float:left;
	width:33.33%;
}
.confirmation .pinfo .order-info span{
	font-size: 12px;
	text-transform:uppercase;
}
.confirmation .pinfo .order-info h2{
	color: #d7d7d7;
}
.confirmation .pinfo .product-list .pinfo-cell-content .qtybox{
	width:430px;
}
.confirmation .pinfo .product-list .pinfo-cell-content .qtybox .qtybox-qty {
	padding-left:20px;
}
.confirmation .pinfo .product-list .pinfo-cell-content .qtybox .qtybox-price{
	padding-right:20px;
}
.confirmation .pinfo .product-list .pinfo-cell-label .product{
	width:500px;
}
.confirmation .pinfo .product-list .pinfo-cell-label .qty{
	width:355px;
}
.confirmation .pinfo .product-list .pinfo-cell-label .price{
	width:55px;
}
.confirmation .pinfo .shipping-method .pinfo-cell-label{
	width:480px;
}
.confirmation .pinfo .shipping-method .pinfo-cell-content{
	width:430px;
}
.confirmation .pinfo .shipping-method .pinfo-cell-content h2 {
	top:inherit;
	left:inherit;
	padding-left:0;
}
.confirmation .pinfo .shipping-method .pinfo-cell-content p {
	top:inherit;
	padding-left:0;
	line-height:18px;
}

@media screen and (max-width: 1024px) {
.pinfo>div{
	width:100%;
	padding:0 10%;
}
.pinfo .break-line {
	width:80%;
	margin:30px 10%;
}
.pinfo .product-list .pinfo-cell-label{
	display:none;
}
.pinfo .product-list .pinfo-cell-content .title{
	width:100%;
	padding:20px 0 10px;
	margin:0;
}
.pinfo .product-list .pinfo-cell-content .qtybox{
	width:88%;
}
.pinfo .product-list .pinfo-cell-content .edit {
	width:10%;
	margin:0 0 0 2%;
}
.pinfo .shipping-method .pinfo-cell-label,.pinfo .sub-total .pinfo-cell-label{
	margin-bottom:20px;
	width:100%;
}
.pinfo .shipping-method .pinfo-cell-content{
	width:100%;
}
.pinfo .grand-total .pinfo-cell-label,
.pinfo .sub-total .pinfo-cell-label,
.pinfo .grand-total .pinfo-cell-content,
.pinfo .sub-total .pinfo-cell-content{
	width:auto;
}
.pinfo .shipping-method .pinfo-cell-content h2 {
	font-size:1.7em;
}
.pinfo .product-list .pinfo-cell-content .discountBox .discount{
	display:inline-block;
	width:110px;
	margin-left:0px;
}
.pinfo .product-list .pinfo-cell-content .discountBox .discountPrice{
	width:auto;
	margin-right:12%;
	padding-right:40px;
}
.pinfo .sub-total .pinfo-cell-label{
	margin-bottom:0;
}
.pinfo .sub-total .pinfo-cell-content{
	width:100%;
}
.pinfo .sub-total .pinfo-cell-content h2{
	margin-right:12%;
	padding-right:40px;
}
.confirmation .pinfo .order-info .pinfo-cell{
	width:100%;
}
.confirmation .pinfo .order-info .pinfo-cell:last-child h2{
	margin-bottom:0;
}
.confirmation .pinfo .order-info h2{
	font-size:1.7em;
}
.confirmation .pinfo .product-list .pinfo-cell-content .qtybox {
	width:100%;
}
.confirmation .pinfo .shipping-method .pinfo-cell-label {
    width: 100%;
}
.confirmation .pinfo .shipping-method .pinfo-cell-content {
    width: 100%;
}
}
@media screen and (max-width: 768px) {
	.pinfo>div{
		padding:0;
	}
	.pinfo .break-line{
		width:100%;
		margin-left:0;
		margin-right:0;
	}
	
	.pinfo .shipping-method .pinfo-cell-content h2 {
		height:60px;
		line-height:30px;
		padding-left:15%;
		width:100%;
		top:-46px;
		left:0;
	}
	.pinfo .shipping-method .pinfo-cell-content p {
		top:-46px;
		padding-left:15%;
	}
	.pinfo .grand-total .pinfo-cell-label{
		width:100%;
	}
	.pinfo .grand-total .pinfo-cell-content{
		width:100%;
	}
}
@media screen and (max-width: 480px) {
	.pinfo .product-list .pinfo-cell-content {
    position: relative;
	padding-bottom:50px;
	}
	.pinfo .product-list .pinfo-cell-content .qtybox{
		width:100%;
		padding:0 5%;
	}
	.confirmation .pinfo .product-list .pinfo-cell-content .qtybox .qtybox-qty{
		padding-left:0;
	}
	.confirmation .pinfo .product-list .pinfo-cell-content .qtybox .qtybox-price{
		padding-right:0;
	}
	.pinfo .product-list .pinfo-cell-content .qtybox .qtybox-btn {
		position:absolute;
		bottom:1px;
	}
	.pinfo .product-list .pinfo-cell-content .qtybox .qtybox-btn.add{
		right:25%;
	}
	.pinfo .product-list .pinfo-cell-content .qtybox .qtybox-btn.reduce{
		left:25%;
	}
	.pinfo .product-list .pinfo-cell-content .edit{
    	position: absolute;
		bottom:1px;
		left:50%;
		margin-left:-13px;
	}
	.pinfo .shipping-method .pinfo-cell-content h2{
		padding-left:20%;
		line-height:32px;
	}
	 .pinfo .shipping-method .pinfo-cell-content p{
		padding-left:20%;
		top:-36px;
	 }
	.pinfo .sub-total .pinfo-cell-content h2{
		margin-right:0;
		padding-right:5%;
	}
	 .pinfo .product-list .pinfo-cell-content .discountBox .discount{
		margin-top:5px;
	 }
	.pinfo .product-list .pinfo-cell-content .discountBox .discountPrice{
		width:100%;
		padding-right:5%;
		margin:0;
	}
	.pinfo .product-list .pinfo-cell-content .discountBox .discountPrice h2{
		text-align:right;
	}
}

.finfo {
  background-color: #ebebeb;
  padding:80px 90px;
}
@media screen and (max-width: 920px) {
  .buyNow .swiper-container-hero {
    height:230px;
  }
  .bnav .bnav-cell-discount.gift_3 {
    line-height: 1.2em;
  }
  .swiper-container-hero.gift .swiper-slide>div {
    width: 100%;
    bottom:7px;
  }
  .bnav .bnav-cell-discount {
    margin:0 5%;
	font-size: 13px;
  }
}
@media screen and (max-width: 768px) {
	.finfo {
	  padding-left:60px;
	  padding-right:60px;
	}
}
@media screen and (max-width: 580px) {
  .buyNow .swiper-container-hero {
    height:260px;
  }
}
@media screen and (max-width: 480px) {
	.finfo {
	  padding-left:30px;
	  padding-right:30px;
	}
}
.finfo > div {
    margin: 0 auto;
    max-width: 480px;
    text-align: left;
}
.finfo .finfo-cell-heading h1 {
    margin: 0 auto 15px;
    max-width: 480px;
    text-align: left;
	font-size: 3em;
}
.finfo .finfo-cell-form{
	margin-bottom:30px;
}
.pinfo .product-list input{
  width:324px;
  padding:10px 2%;
  height:25px;
  line-height:25px;
  resize:none;
  border:none;
  box-sizing:content-box;
  margin: 10px 0 0 480px;
}
.finfo .finfo-cell-form input{
	width:90%;
	padding:10px 5%;
	margin-bottom:10px;
	height:25px;
	line-height:25px;
	resize:none;
	border:none;
	box-sizing:content-box;
}
.finfo .finfo-cell-form textarea {
	width:90%;
	padding:10px 5%;
	margin-bottom:10px;
	height:25px;
	line-height:25px;
	resize:none;
	border:none;
	box-sizing:content-box;
}

.sfdistrict{
	border: 1px solid #cccccc;
	padding: 10px 5%;
}
.finfo .finfo-cell-form textarea[readonly]{
	background:none;
	line-height:18px;
	height:auto;
	border:1px solid #cccccc;
}
.finfo .finfo-cell-form textarea[readonly][rows="1"]{
	height:19px;
}
.finfo .finfo-cell-form .finfo-cell-select .fancy-select .trigger{
	width:100%;
	height:45px;
	line-height:45px;
	background: #fff none repeat scroll 0 0;
	border:none;
	box-shadow:none;
	margin-bottom:13px;
    padding:0 0 0 5%;
	color:#bdbdbd;
	font-weight:300;
	text-transform:none;
	border-radius:0;
}
.finfo .finfo-cell-form .finfo-cell-select .fancy-select .trigger.selected {
	color:#555;
}
.finfo .finfo-cell-form .finfo-cell-select .fancy-select .trigger::after {
	border-color: #4460f1 transparent transparent;
}
.finfo .finfo-cell-form .finfo-cell-select .fancy-select ul.options {
	width:100%;
	background: #fff;
	border:none;
	top:41px;
	box-shadow:none;
	border-radius:0;
}
.finfo .finfo-cell-form .finfo-cell-select .fancy-select ul.options li {
	color: #555;
	height:45px;
	line-height:45px;
    padding:0 0 0 5%;
	font-weight:300;
	text-transform:none;
}
.finfo .finfo-cell-form .finfo-cell-select .fancy-select ul.options li.hover,
.finfo .finfo-cell-form .finfo-cell-select .fancy-select ul.options li.selected {
	background-color:#4460f1;
	color:#fff;
}
.finfo .finfo-cell-form #pinfo-cell-checkbox-newsSubscription p
{
	position:relative;
	line-height:20px;
	cursor:pointer;
	display:inline-block;
	font-weight:300;
	margin-bottom:10px;
}
.finfo .finfo-cell-form #pinfo-cell-checkbox-newsSubscription label {
	line-height:40px;
	margin-right:20px;
	margin-left: 10px;
}

.finfo .finfo-cell-btn {
	text-align:center;
	margin-top:50px;
}
.finfo .finfo-cell-btn a {
  color: #4460f1;
  font-size: 1.3em;
  padding: 10px 50px;
  border: 1px solid #4460f1;
  cursor:pointer;
}
.finfo .finfo-cell-btn a:hover{
  background-color: #4460f1;
  color: #fff;
}
.finfo .finfo-cell-form .finfo-cell-select.select-dropdownlist .fancy-select .trigger{
	white-space:normal; 
	text-overflow:inherit;
	line-height:19px;
	padding:13px 24px 13px 4%;
	height:auto;
}
.finfo .finfo-cell-form .finfo-cell-select.select-dropdownlist .fancy-select .options li{
	white-space:normal; 
	text-overflow:inherit;
	line-height:19px;
	padding:13px 24px 13px 4%;
	height:auto;
}
.fancybox-skin{background:inherit !important;box-shadow:none !important;}
.fancybox-inner{overflow:hidden !important;text-align: center;}
.fancybox-inner .popup-entry{text-align: center;}
.fancybox-inner .popup-entry svg{position:absolute; left:0; z-index:2;}
.fancybox-inner .popup-entry .svg-img image{vertical-align:top; max-height:100%; max-width:100%;}
.fancybox-inner .popup-entry .svg-mask polygon{stroke:none;fill:#fff;}

@keyframes ani-mask-popup_desk-1{
    from {
	opacity:0;
	-webkit-transform:translate(50px,-10px);
	transform:translate(50px,-10px);
	}
    to {
	opacity:1;
	-webkit-transform:translate(0,0);
	transform:translate(0,0);
	}
}
@keyframes ani-mask-popup_desk-2{
    from {
	opacity:0;
	-webkit-transform:translate(-50px,10px);
	transform:translate(-50px,10px);
	}
    to {
	opacity:1;
	-webkit-transform:translate(0,0);
	transform:translate(0,0);
	}
}
.fancybox-inner #popup_desk .masked-img{
	opacity:1;
	-webkit-transform:translate(0,0);
	transform:translate(0,0);
    animation-duration: 1s;
    animation-iteration-count:1;
    -webkit-animation-fill-mode: forwards; /* Safari 4.0 - 8.0 */
    animation-fill-mode: forwards;
}
.fancybox-inner #popup_desk #masked-img-desk-1{
    animation-name: ani-mask-popup_desk-1;
}
.fancybox-inner #popup_desk #masked-img-desk-2{
    animation-name: ani-mask-popup_desk-2;
}
@keyframes ani-popup_desk {
    from {
	opacity:0;}
    to {
	opacity:1;}
}
.fancybox-inner #popup_desk img{
	opacity:0;
	opacity:1\9;
	-webkit-transform:translateX(0px);
	transform:translateX(0px);
    animation-name: ani-popup_desk;
    animation-duration: 1s;
    animation-iteration-count:1;
    -webkit-animation-delay: .5s;
    animation-delay: .5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

@keyframes ani-mask-popup_mob-1{
    from {
	opacity:0;
	-webkit-transform:translate(-5px,-40px);
	transform:translate(-5px,-40px);
	}
    to {
	opacity:1;
	-webkit-transform:translate(0,0);
	transform:translate(0,0);
	}
}
@keyframes ani-mask-popup_mob-2{
    from {
	opacity:0;
	-webkit-transform:translate(5px,40px);
	transform:translate(5px,40px);
	}
    to {
	opacity:1;
	-webkit-transform:translate(0,0);
	transform:translate(0,0);
	}
}
.fancybox-inner #popup_mob .masked-img{
	opacity:1;
	-webkit-transform:translate(0,0);
	transform:translate(0,0);
    animation-duration: 1s;
    animation-iteration-count:1;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
.fancybox-inner #popup_mob #masked-img-mob-1{
    animation-name: ani-mask-popup_mob-1;
}
.fancybox-inner #popup_mob #masked-img-mob-2{
    animation-name: ani-mask-popup_mob-2;
}
@keyframes ani-popup_mob {
    from {
	opacity:0;}
    to {
	opacity:1;}
}
.fancybox-inner #popup_mob img{
	opacity:0;
	opacity:1\9;
	-webkit-transform:translateX(0px);
	transform:translateX(0px);
    animation-name: ani-popup_desk;
    animation-duration: 1s;
    animation-iteration-count:1;
    -webkit-animation-delay: .5s;
    animation-delay: .5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
.row .intro{
  text-align: center;
}
.row .intro .onecol-cell {
  display: inline-block;
  width:100%;
}
.row .mophie .intro img {
    width: 170px;
}
.row .intro .award img{
  padding:0 25px;
}
@media screen and (max-width:530px) {
	.row .intro .award img{
		width:33.33%;
	}
}
@media screen and (max-width:470px) {
	.row .intro .award img{
  		padding:0 5%;
	}
}
.row .size {
  text-align: center;
}
.row .size .onecol-cell {
  display: inline-block;
}
.row .size .onecol-cell h2 {
  margin-bottom: 0px;
}
@media screen and (max-width: 768px) {
	.bragi.TheDash .row .size img{
		max-width:none;
		width:160%;
		margin-left:-30%;
		margin-right:-30%;
	}
	.hereone .row .size img{
		max-width:none;
		width:160%;
		margin-left:-30%;
		margin-right:-30%;
	}
}
.row .acc {
  text-align: center;
}
.row .acc .acc-cell-items .acc-cell-item .acc-cell-item-img img {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}
@media screen and (max-width: 1024px) {
  .row .acc .acc-cell-items .acc-cell-item .acc-cell-item-img {
	width: 50%;
 	display: block;
	margin: 0 auto;
  }
}
@media screen and (max-width: 480px) {
  .row .acc .acc-cell-items .acc-cell-item .acc-cell-item-img {
	width:75%;
  }
}
.row .acc .acc-cell-items .acc-cell-item .acc-cell-item-copy{
  margin-top:20px;
}
.row .acc .acc-cell-items .acc-cell-item .acc-cell-item-copy h4 {
  /* text-transform: uppercase; */
  font-size: 1.1em;
  font-weight: 400;
  margin:0;
}
.row .acc .acc-cell-remarks{
  margin-top:40px;
}

.row .compare {
background-color: #fff;
padding: 2.5% calc(25% - 230px);
}

.row .compare img{
	width:100%;
}
@media screen and (max-width:1280px){
.row .compare {
padding:2.5% 7.5%;
}
}
@media screen and (max-width:1024px){
.row .compare {
padding:2.5% 5%;
}
}
@media screen and (max-width:768px){
.row .compare {
padding:5% 2.5%;
}
}

.row .FitbitApp{
	text-align: center;
}
.AltaHR .row .FitbitApp p{
	padding: 5px 0;
}
.popup-promotion-wrap .fancybox-inner{
	width: 720px !important;
	overflow: visible !important;
}
.popup-features-wrap{
	top:1500px;
}
.popup-features-wrap .fancybox-inner{
	width: 720px !important;
	overflow: visible !important;
}
#gift-box{
	position: relative; 
	max-height: 500px; 
	border-radius: 6px; 
	background-color: rgb(51, 51, 51); 
	color:#fff;
	padding: 20px;
	display:none;
}
#gift-box h6{
line-height: 1.5;
margin:0.5em 0;
}
#gift-box::after{
	content:"";
	width:24px;
	height:10px;
	display: block;
	position: absolute;
	bottom: -9px;
	background: url(../common/images/popup-triangle.png) no-repeat ;
	margin-left:55px;
	background-size:contain;
}
#gift-box img{
	max-height:200px;
}
#gift-box p.remarks {
	font-size:12px;
	margin-top:10px;
}
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span  {
	top: 0;
	right: 0;
	background: url(../common/images/gift-close.png) no-repeat;
}

@media screen and (max-width: 1024px) {
.popup-promotion-wrap .fancybox-inner{
	width: 550px !important;
}
#gift-box::after{
	margin-left: 65px;
}
html[lang="zh-HK"] .BackBeatFit .popup-promotion-wrap{
	top:96px !important;
}
}
@media screen and (max-width: 768px) {
#gift-box img {
	max-height:150px;
}
.popup-promotion-wrap .fancybox-inner{
	width: 384px !important;
}
.popup-promotion-wrap{
	top:78px;
}
.popup-promotion-wrap.no-submenu{
	top:9px;
}
html[lang="en-US"] .popup-promotion-wrap.no-submenu{
	top:19px;
}
html[lang="en-US"] .popup-promotion-wrap.no-submenu #gift-box img {
    height: 150px;
}
html[lang="zh-HK"] .BackBeatFit .popup-promotion-wrap{
	top:78px;
}
.TheDash .popup-promotion-wrap{
	top:99px;
}
#gift-box::after{
	margin-left: 51px;
}
}

@media screen and (max-width: 480px) {
.popup-promotion-wrap .fancybox-inner{
	width: 280px !important;
}
.popup-promotion-wrap{
	top:128px !important;
}
.popup-promotion-wrap.no-submenu{
	top:19px !important;
}
html[lang="zh-HK"] .BackBeatFit .popup-promotion-wrap{
	top:107px !important;
}
.TheDash .popup-promotion-wrap{
	top:128px !important;
}
html[lang="zh-HK"] .TheDash .popup-promotion-wrap{
	top:149px !important;
}
#gift-box::after{
	margin-left:-2px;
}
#gift-box img{
max-height:120px;
}
.popup-promotion-wrap.no-submenu #gift-box img {
	height:170px;
}
html[lang="en-US"] .popup-promotion-wrap.no-submenu #gift-box img {
    height: 150px;
}
}

#message-box{
	position: relative;
	width:500px;
	max-width:calc(100% - 40px);
	background-color:#fff;
	color:#676767;
	box-shadow:0 1px 20px rgba(0,0,0,.3);
	margin:20px;
}

#message-box h5.message {
	padding:45px 20px 15px; 
	margin-bottom:0;
	font-weight:300;
	line-height:1.5;
}
html[lang="en-US"] #message-box h5.message{
	padding-bottom:20px; 
}
#message-box hr {
	margin:0;
}
#message-box h5.close {
	text-align:right;
	line-height:1.2;
	padding:15px 20px; 
	margin-bottom:0; 
	font-weight:300;
}
#message-box .close a {
	cursor:pointer;
}
#message-box .close a:hover {
	cursor:pointer;
	color:#4460f1;
}
.message-box .fancybox-close {
	background-size:25px 25px;
	height:25px;
	width:25px;
	right:35px;
	top:30px;
}
.message-box .fancybox-close:hover
{
	background-image:url(../common/images/gift-close-over.png)
}
/*
@media screen and (max-width: 657px) {
	#message-box{
		width:auto;
	}
}
*/
.features {
  text-align: center;
}
.features .col-bg{
	position: absolute;
}
.features .onecol-cell{
	display:block;
}
.features .onecol-cell div {
  width:25%;
  float: left;
}
.features .onecol-cell > div { 
	padding:0 20px;
}
.bragi .features .onecol-cell.icon-list{
	margin-left:-20px;
	margin-right:-20px;
}
.bragi .features .onecol-cell div{
	padding:0 20px;
	width:33%;
}

.features .onecol-cell h6{
  margin: 0 0 0.1em;
  line-height: 20px
}
.features .onecol-cell div p {
    padding: 10px 0;
    line-height: 20px;
}
.features .onecol-cell div.icon-box {
	width:100%;
	height:100px;
	position:relative;
}
.features .onecol-cell div.icon-box img {
	bottom: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
}
.features .onecol-cell div.features-text{
	width:100%;
}
@media screen and (max-width: 1024px){
.features .onecol-cell div p {
    height:80px;
}
.features .onecol-cell div {
    width: 50%;
    float: left;
}
.features .onecol-cell > div {
	padding:15px;
}
.features .onecol-cell div.icon-box img {
	position:static;	
}
}
@media screen and (max-width: 768px){
.features .onecol-cell div.icon-box {
	height:auto;
}
.features .onecol-cell div {
    width: 100%;
    float: left;
}
.bragi .features .onecol-cell div{
    width: 100%;
}
.hereone .features .onecol-cell div{
    width: 100%;
}
}
.spec {
  background-color: #333;
  color: #d7d7d7;
}
.spec .spec-specs {
  display: table;
}
.spec .spec-cell-col p,
.spec .spec-cell-col ul,
.spec .spec-remark p{
  font-size: 0.8em;
  line-height: 2em;
}
.spec .spec-cell-col ul{
  list-style: none;
}
.spec .spec-cell-col ul li{
  position: relative;
  padding-left: 6px;
}
.spec .spec-cell-col ul li::before{
content: "";
position: absolute;
left: 0;
top: 11px;
border: 1px solid #d7d7d7;
border-radius: 4px;
}
.spec .spec-cell-col p.spec-title {
  text-transform: uppercase;
  font-weight: 400;
  font-size:1em;
  line-height:1.5;
}
.grid .spec .row{
	background:transparent;
}
.twocol-cell .wireless-icon-group>img{
	max-width:80px;
	padding-right:10px;
	border-right:1px solid #b3b3b3;
	display:inline-block;
	vertical-align:middle;
}
.wireless-icon-group.pdp-grid{
	margin-right: 30px;
    clear: left;
    float: left;
    width: -webkit-calc(50% - 30px);
    display: block;
    height: auto;
    margin-bottom: 50px;
}
.wireless-icon-group.pdp-grid>div{ 
	display: block;
    padding: 0 20px 0 0;
    float: right;
    text-align: left;
    vertical-align: top;
    width: calc(100% - 12% - 50px);
    width: -webkit-calc(100% - 12% - 50px);
}
.wireless-icon-group.pdp-grid>div>h4{ 
	margin:0;
}
.wireless-icon-group.pdp-grid>div>p{ 
	margin: 10px 0 0;
    line-height: 26px;
}
.wireless-icon-group.pdp-grid>img{ 
    border-right: none;
    max-width: 53px;
    height: auto;
    vertical-align: middle;
    border: 0;
    padding-right: 0;
    margin-right: 10px;
}
.wireless-icon-group>h5{ 
	display:inline-block;
	vertical-align:middle;
	font-size: 13px;
    line-height: 15px;
    color: #4a4a4a;
	margin:10px;
}
.wireless-icon-group{
	margin-top:20px;
}

.product.Flex2 .accessory {
	background:url(../common/images/Fitbit/Flex2/accessory.jpg) center;
	background-repeat:no-repeat;
	height:800px;
	position:relative;
}
.product.Alta .accessory-outer {
	background:rgba(0, 0, 0, 0) linear-gradient(to right, rgba(165, 188, 189, 1) 0px, rgba(211, 231, 231, 1) 50%, rgba(165, 188, 189, 1) 100%) repeat scroll 0 0;
}
.product.Alta .accessory {
	background:url(../common/images/Fitbit/Alta/accessory.png) center;
	background-repeat:no-repeat;
	height:630px;
	position:relative;
	background-size:contain;
}
.product.Flex2 .accessory-text{
	background-color: #fff;
    left: 19px;
    margin: 0 auto;
    position: relative;
    top: 267px;
    width: 482px;
	text-align:center;
}
.product.Alta .accessory-text{
    margin: 0 auto;
    position: relative;
    top: 205px;
    max-width: 540px;
	text-align:center;
}
.product .accessory h1, .product .accessory p, .product .accessory a{
	width:100%;
}
.product .accessory-text h1
{
	color: #4dbfbf;
	font-size: 40px;
	font-weight:300;
	padding: 15px 35px 10px;
	margin:0;
}
.product .accessory-text p {
	color: #576569;
    font-size: 16px;
	padding:5px 35px 10px;
}

.product .accessory-text p.remarks {
	font-weight:900;
}

@media screen and (max-width:1024px) {
.product.Flex2 .accessory {	
	background:url(../common/images/Fitbit/Flex2/accessory-m.jpg) center;
	height:656px;
}
.product.Flex2 .accessory-text{
	width:397px;
	left:-2px;
	top:220px;
}
.product.Flex2 .accessory h1, .product.Flex2 .accessory p{
	width:397px;
	padding-left:60px;
	padding-right:60px;
}
.product.Flex2 .accessory-text h1
{
	font-size: 27px;
}
.product.Flex2 .accessory-text p,.product.Flex2 .accessory-text a, .product.Flex2 .accessory-text a>p {
    font-size: 12px;
}
}
@media screen and (max-width: 768px){
.product.Flex2 .accessory {	
	background:url(../common/images/Fitbit/Flex2/accessory-s.jpg) top center no-repeat;
	background-size:320px auto;
	height:400px;
}
.product.Alta .accessory {
	background:url(../common/images/Fitbit/Alta/accessory-s.png) center;
	background-size:cover;
	background-repeat:no-repeat;
	height:600px;
}
.product.Alta .accessory-text{
    top: 160px;
    max-width: 350px;
}
.product.Alta .accessory-text h1
{
	font-size: 27px;
}
.product.Alta .accessory-text p,.product.Alta .accessory-text a, .product.Alta .accessory-text a>p {
    font-size: 12px;
}
.product .accessory-text p.remarks {
	font-weight:600;
	font-size:12px;
}
}


.keyVisual{
	padding:120px 40px;
}
.keyVisual h1,
.keyVisual h4{
	color:#fff;
	text-shadow:0 1px 3px rgba(0,0,0,0.5);
}
.keyVisual h1{
	font-size:4em;
	font-weight:300;
	margin: 0;
}
.keyVisual h1 strong{
	font-weight:500;
}
.keyVisual h4{
	font-weight:300;
	line-height:1.2;
	margin:20px 0 0;
}
.keyVisual h4 strong{
	font-weight:600;
}
.keyVisual .img-logo{
	height:90px;
	margin-left: -87px;
	margin-bottom:-20px;
	max-width:none; 
}
@media screen and (max-width: 1024px) {
	.keyVisual{
		padding:100px 40px;
	}
	.keyVisual h1{
		font-size:3.5em;
	}
	.keyVisual h4{
		font-size:1.3em;
	}
	.keyVisual .img-logo{
		height:70px;
		margin-left:-68px;
		margin-bottom:-18px;
	}
}
@media screen and (max-width:768px) {
	.keyVisual{
		padding:80px 40px;
	}
	.keyVisual h1{
		font-size:3em;
	}
	.keyVisual h4{
		font-size:1.2em;
	}
	.keyVisual .img-logo{
		height:50px;
		margin-left:-48px;
		margin-bottom:-15px;
	}
}
@media screen and (max-width: 480px) {
	.keyVisual{
		padding:60px 20px;
	}
	.keyVisual h1{
		font-size:2.7em;
	}
	.keyVisual h4{
		font-size:1.1em;
	}
	.keyVisual .img-logo{
		height:35px;
		margin-left:-34px;
	}
}

.plantronics.BBP2 .keyVisual{
	padding-left:7%;
	background: url('../common/images/Plantronics/BackBeatPro2/BackBeatPro2-keyVisual.jpg') left center no-repeat;
	background-size: cover;
}
.plantronics.BBP2SE .keyVisual{
	padding-left:46%;
	background: url('../common/images/Plantronics/BackBeatPro2SE/BackBeatPro2SE-keyVisual.jpg') left center no-repeat;
	background-size: cover;
}
.plantronics.BBP2SE .keyVisual h4{
	margin-top:10px;
}
@media screen and (max-width:1024px) {
	.plantronics.BBP2SE .keyVisual{
		padding-left:38%;
	}
}
@media screen and (max-width:850px) {
	.plantronics.BBP2SE .keyVisual{
		background-position:left -50px center;
	}
}
@media screen and (max-width:768px) {
	.plantronics.BBP2SE .keyVisual{
		background-position:left center;
	}
}
@media screen and (max-width: 640px) {
	.plantronics.BBP2SE .keyVisual{
		background-position:left -92px center;
		padding-left:43%;
	}
}
@media screen and (max-width: 480px) {
	.plantronics.BBP2SE .keyVisual{
		background-position:left -92px center;
	}
}
@media screen and (max-width: 360px) {
	.plantronics.BBP2SE .keyVisual{
		background-position:left -150px center;
		padding-left:26%;
	}
}

.fitbit.product.Flex2 .keyVisual{
	padding-left:17%;
	background: url('../common/images/Fitbit/Flex2/flex2-keyVisual.jpg') top no-repeat;
	background-size: cover;
}
.fitbit.product.Alta .keyVisual{
	padding-left:55%;
	background: url('../common/images/Fitbit/Alta/alta-keyVisual.jpg') right center no-repeat;
	background-size: cover;
}
.fitbit.product.AltaHR .keyVisual {
    padding-left: 14%;
    background: url('../common/images/Fitbit/AltaHR/altaHR-keyVisual.jpg') bottom left no-repeat;
    background-size: cover;
}
.fitbit.product.AltaHR .keyVisual h4{
	max-width:372px;
}
.fitbit.product.Charge2 .keyVisual{
	padding-left:18%;
	background: url('../common/images/Fitbit/Charge2/charge2-keyVisual.jpg') right top no-repeat;
	background-size: cover;
}
.fitbit.product.Blaze .keyVisual{
	padding-left:18%;
	background: url('../common/images/Fitbit/Blaze/blaze-keyVisual.jpg') right top no-repeat;
	background-size: cover;
}
.fitbit.product.Versa .keyVisual{
    background: linear-gradient(190deg, #fff 0%,#7fc3df 100%);
    background-position: right;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 80px 20px 170px calc(96% - 366px);
    height: 500px;
}
.fitbit.product.Versa .keyVisual h4{
	max-width:372px;
}
.fitbit.Versa2 .hero-features.under-hero .hero-features-list .features-items .features-txt sup {
	display: inline-block;
	top: -0.15em;
	font-size: 50%;
}
.fitbit.product.Ionic .keyVisual{
	background-image: url('../common/images/Fitbit/Ionic/ionic-key-visual.jpg');
	background-position: bottom;
	background-repeat:no-repeat;
	background-size: cover;
	padding:30px 0 405px 70%;
}
.fitbit.product.Ionic .keyVisual h4{
	max-width:372px;
}


.fitbit.product.Aria2 .keyVisual{
	background-image: url('../common/images/Fitbit/Aria2/aria2-keyVisual.jpg');
	background-position:center;
	background-repeat:no-repeat;
	background-size: cover;
	padding:120px 0 180px 59%;
}
.fitbit.product.Aria2 .keyVisual .img-logo{
	margin-left: 0px;
}
.fitbit.product.Aria2 .keyVisual h4{
	color:#000;
	text-shadow:none;
}
.fitbit.product.Versa2 .keyVisual{
    background: linear-gradient(190deg, #fff 0%,#a8a09a 100%);
    background-position: right;
    background-repeat: no-repeat;
    background-size: cover;
        padding: 80px 20px 170px calc(96% - 415px);
    height: 500px;
}

@media screen and (max-width: 1024px) {
	.fitbit.product.AltaHR .keyVisual {
		background: url('../common/images/Fitbit/AltaHR/altaHR-keyVisual-s.jpg') bottom left no-repeat;
		background-size:cover;
		padding-left: 16%;
	}
	.fitbit.product.AltaHR .keyVisual h4 {
		max-width: 298px;
	}
	.fitbit.product.Ionic .keyVisual {
		padding: 50px 0 250px 55%;
		background-position: -400px -150px;
		background-size: calc(100% + 400px);
	}
		.fitbit.product.Versa2 .keyVisual,
	.fitbit.product.Versa .keyVisual {
		  padding: 60px 0 160px 0;
    background-size: 150%;
    height: 800px;
    text-align: center;
	}
    	.fitbit.product.Charge3 .keyVisual {
		padding: 150px 0 150px  calc(100% - 344px);
	}
}
@media screen and (max-width: 768px) {
	.fitbit.product.AltaHR .keyVisual {
		padding-left:18%;
	}
	.fitbit.product.AltaHR .keyVisual h4 {
		max-width:200px;
	}
	.fitbit.product.Versa .keyVisual {
	}
		.fitbit.product.Versa2 .keyVisual h4,
	.fitbit.product.Versa .keyVisual h4 {
		max-width:none;
	}
	.fitbit.product.Ionic .keyVisual {
		background-image: url('../common/images/Fitbit/Ionic/ionic-key-visual-s.jpg');
		background-size: cover;
		background-position: bottom;
		padding: 50px 5% 350px 35%;
	}
	.fitbit.product.Ionic .keyVisual h4 {
		max-width:none;
	}
	.fitbit.product.Aria2 .keyVisual {
		background-image: url('../common/images/Fitbit/Aria2/aria2-keyVisual-s.jpg');
		background-size: cover;
		background-position: bottom;
		padding:60px 0 280px 10%;
	}
	.fitbit.product.Aria2 .keyVisual .shopNow{
		margin-top:-10px;
	}
}
@media screen and (max-width:600px) {
	.fitbit.product.Alta .keyVisual{
		background-position:left -70px top;
	}
	.fitbit.product.AltaHR .keyVisual {
		background-position:left -30px bottom;
	}
	.fitbit.product.Charge2 .keyVisual{
		padding-left:16%;
		background-position:top left -100px;
	}
	.fitbit.product.Blaze .keyVisual{
		padding-left:16%;
		background-position:top left;
	}
}
@media screen and (max-width: 480px) {
	.fitbit.product.Flex2 .keyVisual{
		background-position:top right -50px;
	}
	.fitbit.product.Alta .keyVisual{
		padding-left:50%;
		background-position:left -90px top;
	}
	.fitbit.product.AltaHR .keyVisual {
		padding-left:20%;
	}
	.fitbit.product.AltaHR .keyVisual h4 {
		max-width:145px;
	}
	.fitbit.product.Charge2 .keyVisual{
		background-position:top left -50px;
		padding-left:14%;
	}
	.fitbit.product.Blaze .keyVisual{
		background-position:top left;
		padding-left:14%;
	}
	.fitbit.product.Ionic .keyVisual {
		padding: 50px 5% 250px 25%;
	}

	.fitbit.product.Aria2 .keyVisual .img-logo{
		height: 50px;
	}
}
@media screen and (max-width: 360px) {
	.fitbit.product.Alta .keyVisual{
		background-position:left -110px top;
	}
	.fitbit.product.AltaHR .keyVisual {
		background-position:left -80px bottom;
	}
}


.fitbit.product.Versa2 .keyVisual h4{
	max-width:372px;
}
.fitbit.accessories .keyVisual{
	text-align:center;
	padding-top:180px;
	padding-bottom:180px;
}
.fitbit.accessories .keyVisual h4{
	font-size:1.2em;
}
.fitbit.accessories .keyVisual .img-logo{
	height:60px;
	margin-left:0;
}
@media screen and (max-width: 1024px) {
	.fitbit.accessories .keyVisual{
		padding-top:150px;
		padding-bottom:150px;
	}
	.fitbit.accessories .keyVisual h4{
		font-size:1.1em;
	}
	.fitbit.accessories .keyVisual .img-logo{
		height:50px;
		margin-left:0;
	}
}
@media screen and (max-width:768px) {
	.fitbit.accessories .keyVisual{
		padding-top:120px;
		padding-bottom:120px;
	}
	.fitbit.accessories .keyVisual h4{
		font-size:1em;
	}
	.fitbit.accessories .keyVisual .img-logo{
		height:40px;
		margin-left:0;
	}
}
@media screen and (max-width: 480px) {
	.fitbit.accessories .keyVisual{
		padding-top:90px;
		padding-bottom:90px;
	}
	.fitbit.accessories .keyVisual h4{
		font-size:0.9em;
	}
	.fitbit.accessories .keyVisual .img-logo{
		height:30px;
		margin-left:0;
	}
}

.bragi.accessories.TheDashPro .keyVisual .img-watch {
	position: absolute;
	height: 300px;
	left: calc(50% - 300px);
	top: calc((100% - 300px) / 2);
}
.fitbit.accessories.Flex2 .keyVisual{
	background: url('../common/images/Fitbit/Flex2/accessories/flex2-keyVisual.jpg') center top no-repeat;
	background-size: cover;
}
.fitbit.accessories.Flex2 .keyVisual .img-watch {
	position: absolute;
	height: 300px;
	left: calc(50% - 400px);
	top: calc((100% - 300px) / 2);
}
.fitbit.accessories.Alta .keyVisual{
	background: url('../common/images/Fitbit/Alta/accessories/alta-keyVisual.jpg') center top no-repeat;
	background-size: cover;
}
.fitbit.accessories.Alta .keyVisual .img-watch {
	position: absolute;
	height: 300px;
	left: calc(50% - 350px);
	top: calc((100% - 300px) / 2);
}
.fitbit.accessories.AltaHR .keyVisual{
	background: url('../common/images/Fitbit/AltaHR/accessories/altaHR-keyVisual.jpg') center top no-repeat;
	background-size: cover;
}
.fitbit.accessories.AltaHR .keyVisual .img-watch {
	position: absolute;
	height: 300px;
	left: calc(50% - 300px);
	top: calc((100% - 300px) / 2);
}
.fitbit.accessories.Charge2 .keyVisual{
	background: url('../common/images/Fitbit/Charge2/accessories/charge2-keyVisual.jpg') center top no-repeat;
	background-size: cover;
}
.fitbit.accessories.Charge2 .keyVisual .img-watch {
	position: absolute;
	height: 300px;
	left: calc(50% - 300px);
	top: calc((100% - 300px) / 2);
}
.fitbit.accessories.Blaze .keyVisual{
	background: #000;
	background-size: cover;
	height:400px;
}
.fitbit.accessories.Blaze .keyVisual h4 {
	position:absolute;
	left: calc(50% + 50px);
	top:30%;
	max-width:250px;
	font-size:36px;
	text-align:left;
	font-weight:700;
}
[lang="zh-HK"] .fitbit.accessories.Blaze .keyVisual h4{
	top:40%;
}
.fitbit.accessories.Blaze .keyVisual .img-watch {
	position: absolute;
	height: 500px;
	left: calc(50% - 285px);
	top: -50px;
}
.fitbit.accessories.Ionic .keyVisual{
	background: url('../common/images/Fitbit/Ionic/accessories/Ionic-keyVisual.jpg') center top no-repeat;
	background-size: cover;
}
.fitbit.accessories.Ionic .keyVisual h4 {
	margin-left:-20px;
}
.fitbit.accessories.Ionic .keyVisual .img-watch {
	position: absolute;
	height: 300px;
	left: calc(50% - 340px);
	top: calc((100% - 300px) / 2);
}
.fitbit.accessories.Ionic .keyVisual .img-logo{margin-left:23px}


.fitbit.accessories.Versa .keyVisual{
	background: url('../common/images/Fitbit/Versa/accessories/versa-keyVisual.jpg') center top no-repeat;
	background-size: cover;
}
.fitbit.accessories.Versa .keyVisual h4 {
	margin-left:60px;
}
.fitbit.accessories.Versa2 .keyVisual{
	background: url('../common/images/Fitbit/Versa/accessories/versa-keyVisual.jpg') center top no-repeat;
	background-size: cover;
}
.fitbit.accessories.Versa2 .keyVisual .img-watch {
	position: absolute;
	height: 300px;
	left: calc(50% - 340px);
	top: calc((100% - 300px) / 2);
}

.fitbit.accessories.Versa2 .keyVisual h4 {
	margin-left:60px;
}
.fitbit.accessories.Versa2 .keyVisual .img-logo{margin-left:23px}
.fitbit.accessories.Versa .keyVisual .img-watch {
	position: absolute;
	height: 300px;
	left: calc(50% - 340px);
	top: calc((100% - 300px) / 2);
}
.fitbit.accessories.Versa .keyVisual .img-logo{margin-left:23px}


@media screen and (max-width: 1024px) {
	.bragi.accessories.TheDashPro .keyVisual .img-watch {
		height: 280px;
		left: calc(50% - 300px);
		top: calc((100% - 300px) / 2);
	}
	.fitbit.accessories.Flex2 .keyVisual .img-watch {
		height:250px;
		left: calc(50% - 320px);
		top: calc((100% - 250px) / 2);
	}
	.fitbit.accessories.Alta .keyVisual .img-watch {
		height:250px;
		left: calc(50% - 320px);
		top: calc((100% - 250px) / 2);
	}
	.fitbit.accessories.AltaHR .keyVisual .img-watch {
		height:280px;
		left: calc(50% - 280px);
		top: calc((100% - 280px) / 2);
	}
	.fitbit.accessories.Charge2 .keyVisual .img-watch {
		height:280px;
		left: calc(50% - 280px);
		top: calc((100% - 280px) / 2);
	}
	.fitbit.accessories.Blaze .keyVisual h4 {
		left: calc(50% + 20px);
	}
	.fitbit.accessories.Blaze .keyVisual .img-watch {
		height: 400px;
		left: calc(50% - 255px);
		top: 0;
	}
	.fitbit.accessories.Versa .keyVisual h4 {
		margin-left:-50px;
	}
	.fitbit.accessories.Versa .keyVisual .img-watch {
		height:280px;
		left: calc(50% - 330px);
		top: calc((100% - 280px) / 2);
	}
	.fitbit.accessories.Versa .keyVisual .img-logo{margin-left:-38px}
		.fitbit.accessories.Versa2 .keyVisual h4 {
		margin-left:-50px;
	}

	.fitbit.accessories.Versa .keyVisual h4 {
		margin-left:10px;
	}
			.fitbit.accessories.Versa2 .keyVisual h4 {
		margin-left:10px;
	}
	.fitbit.accessories.Versa .keyVisual .img-watch {
		height:280px;
		left: calc(50% - 330px);
		top: calc((100% - 280px) / 2);
	}
				.fitbit.accessories.Versa2 .keyVisual .img-watch {
		height:280px;
		left: calc(50% - 330px);
		top: calc((100% - 280px) / 2);
	}
	.fitbit.accessories.Versa .keyVisual .img-logo{margin-left:-38px}
	.fitbit.accessories.Versa2 .keyVisual .img-logo{margin-left:-38px}
}
@media screen and (max-width: 768px) {
	.bragi.accessories.TheDashPro .keyVisual .img-watch {
		display:none;
	}
	.fitbit.accessories.Flex2 .keyVisual .img-watch {
		display:none;
	}
	.fitbit.accessories.Alta .keyVisual .img-watch {
		display:none;
	}
	.fitbit.accessories.AltaHR .keyVisual .img-watch {
		display:none;
	}
	.fitbit.accessories.Charge2 .keyVisual .img-watch {
		display:none;
	}
	.fitbit.accessories.Blaze .keyVisual{
		height: 300px;
	}
	.fitbit.accessories.Blaze .keyVisual h4 {
		top: 22%;
		left: calc(50% - 20px);
	}
	.fitbit.accessories.Blaze .keyVisual .img-watch {
		height: 300px;
		left: calc(50% - 215px);
	}
	.fitbit.accessories.Ionic .keyVisual h4 {
		margin-left:-110px;
	}
	.fitbit.accessories.Ionic .keyVisual .img-watch {
		display:none;
	}
	.fitbit.accessories.Ionic .keyVisual .img-logo{margin-left:-135px}

	.fitbit.accessories.Versa .keyVisual h4 {
		margin-left:-110px;
	}
	.fitbit.accessories.Versa .keyVisual .img-watch {
		display:none;
	}
	.fitbit.accessories.Versa .keyVisual .img-logo{margin-left:-183px}
		.fitbit.accessories.Versa .keyVisual .img-logo{margin-left:-183px}
		.fitbit.accessories.Versa2 .keyVisual h4 {
		margin-left:-110px;
	}
	.fitbit.accessories.Versa2 .keyVisual .img-watch {
		display:none;
	}
	.fitbit.accessories.Versa2 .keyVisual .img-logo{margin-left:-183px}
}
@media screen and (max-width: 480px) {
	.fitbit.accessories.Blaze .keyVisual h4 {
		top: 23%;
		left: auto;
		right:21px;
		font-size: 34px;
	}
	.fitbit.accessories.Blaze .keyVisual .img-watch {
		left: calc(50% - 247px);
	}
	.fitbit.accessories.Ionic .keyVisual h4 {
		margin:10px 0 0 -80px;
	}
	.fitbit.accessories.Ionic .keyVisual .img-watch {
		display:none;
	}
	.fitbit.accessories.Versa .keyVisual h4 {
		margin:10px 0 0 -80px;
	}
	.fitbit.accessories.Versa .keyVisual .img-watch {
		display:none;
	}
	.fitbit.accessories.Versa .keyVisual .img-logo{margin-left:-135px}
		.fitbit.accessories.Versa2 .keyVisual h4 {
		margin:10px 0 0 -80px;
	}
	.fitbit.accessories.Versa2 .keyVisual .img-watch {
		display:none;
	}
	.fitbit.accessories.Versa2 .keyVisual .img-logo{margin-left:-135px}
}

.footer .footer-container {
padding:10px 25px 20px;
}
.footer .footer-cell {
padding:10px 0 0;
display:inline-block;
}
@media screen and (max-width: 1024px){
.footer .footer-container {
padding:5px 25px 20px;
}
.footer .footer-cell {
padding:10px 0 0;
display:block;
}
}
@media screen and (max-width:768px) {
.footer .footer-container {
padding:0 40px 20px;
}
.footer .footer-cell {
	padding:10px 0 0;
	display:block;
	}
}

.intro{
padding: 120px 60px;
}
@media screen and (max-width:768px) {
.intro{
padding:80px 40px;
}
}

.twocol {
padding: 0 60px;
}
@media screen and (max-width: 1024px) {
  .twocol .twocol-cell {
    padding:80px 0;
  }
}
@media screen and (max-width:768px) {
.twocol {
padding: 0 40px;
}
}

.app .twocol-txt {
	padding-top:60px;
	padding-bottom:60px;
	padding-right:0;
}
@media screen and (max-width:1024px) {
.app .twocol-txt {
	padding-top:0;
	padding-bottom:0;
	padding-right:40px;
}
.app .twocol-txt .twocol-cell{
	padding-bottom:40px;
  }
}

.app .twocol-img {
	vertical-align:middle;
	padding-top: 60px;
	padding-bottom: 60px;
}
@media screen and (max-width: 1024px) {
.app .twocol-img {
	padding-top: 20px;
    padding-bottom:20px;
}
.app .twocol-img img {
	max-width:90%;
}
}

.features {
padding:80px 60px;
}
@media screen and (max-width:768px) {
.features {
padding:80px 40px;
}
}

.size {
padding:60px;
}
.bragi.TheDash .size img{
margin-bottom:30px;
}
.hereone .size img{
margin-bottom:30px;
}
@media screen and (max-width:768px) {
.size {
padding:40px;
}
.bragi.TheDash .size img{
margin-bottom:20px;
}
.hereone .size img{
margin-bottom:20px;
}
}

.acc {
padding:80px 60px;
}
.acc .acc-cell-items{
margin:0 -30px;
}
.acc .acc-cell-items .acc-cell-item{
float:left; 
padding:30px;
}

@media screen and (max-width:768px) {
.acc {
padding:80px 40px;
}
}

.spec {
padding:80px 60px;
}
.spec .spec-specs{
margin:0 -30px;
width:calc(100% + 60px);
}
.spec .spec-specs .spec-cell-col{
padding:0 30px;
}
.spec .spec-cell-col ul+p.spec-title,
.spec .spec-cell-col p+p.spec-title{
margin-top:30px;
}
@media screen and (max-width:1024px) {
.spec .spec-specs{
	width:100%;
margin:0;
}
.spec .spec-specs .spec-cell-col{
padding:0;
}
.spec .spec-specs{
margin-top:-30px;
}
.spec .spec-cell-col p.spec-title{
margin-top:30px;
}
}
@media screen and (max-width:768px){
.spec {
padding:80px 40px;
}
}


.app .app-popupbox{
	z-index: 100;
	width:100%;
	padding-bottom:66.6%;
	margin-top:-66.6%;
	position:relative;
}
.app .link-point{
	cursor:pointer;
}
.app .link-point.active{
	color:#F04C24;
	font-weight:500;
}
.app .btn-point{
	position: absolute;
	display: block;
	background:#F04C24;
	border-radius:100%;
	width:20px;
	height:20px;
	cursor:pointer;
	padding:10px;
	margin:-10px;
	-webkit-transition:.3s all ease-out;
	transition:.3s all ease-out;
}
.app .btn-point.active{
	width:30px;
	height:30px;
	padding:5px;
	margin:-15px;
}
@media screen and (max-width:480px) {
.app .btn-point{
	width:14px;
	height:14px;
	padding:7px;
	margin:-7px;
}
.app .btn-point.active{
	width:20px;
	height:20px;
	padding:3px;
	margin:-10px;
}
}
.app .btn-point .btn-point-inside{
	-webkit-transition:.3s all ease-out;
	transition:.3s all ease-out;
	background-color:#fff;
	display: block;
	width:100%;
	height:100%;
	border-radius:100%;
}
.app .app-box{
	position: absolute; 
	max-height: 500px; 
	border-radius: 6px; 
	background-color: rgb(51, 51, 51); 
	color:#fff;
	padding:5%;
	width:80%;
	left:10%;
	display:none;
}
.app .app-box h6{
line-height: 1.5;
margin:0.5em 0;
}
.app .app-box .popup-triangle{
	position: absolute;
	margin-bottom:-1.9%;
	bottom:0;
	width:4%;
}
.app .twocol,.app .twocol-img{
	overflow:visible !important;	
}
.hereone h6{
  margin: 0;
}

.app .long-app-box {
	bottom: 0%;
}

body.product .hovercamera_accessories, body.media .hovercamera_accessories {
	display: none !important;
}

.subMenu .hovercamera-protective-case span, .subMenu .hovercamera-battery span {
	margin-top: 2px;
	line-height: 16px !important;
}

.hovercamera.accessories .hero .price-info>div {
	padding-left: 0;
}
.hovercamera.accessories .btn-close {
	margin-left: 0;
}

@media screen and (max-width: 1024px) {
	.accessories.bragi .row,
	.accessories.hovercamera .row{
		display: block;
	}
}

.hero-cell-select select {
	display: block;
	position: relative;
    background-color: transparent;
    height: 40px;
    line-height: 40px;
    box-shadow: none;
    padding: 0 40px 0 5%;
    color: #fff;
    text-transform: none;
    border: 1px solid #fff;
    border-radius: 0;
    font-size: 1.4em;
    font-weight: 300;
    width: 100%;
    text-align: left;
	-webkit-appearance: none;
	-moz-appearance: none;
}
.hero-cell-select select option {
	color: #000000;
}
.hero-cell-select select:focus {
    outline: none;
}
.hero-cell-select select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #ffffff;
}
.hero-cell-select div.selectArrow {
	opacity: 0;
	position: absolute;
    padding: 14px;
    right: 65px;
}
@media screen and (max-width: 767px) {
	.hero-cell-select div.selectArrow {
		opacity: 1 !important;
	}
}

.BackBeatFit .hero-cell-select div.selectArrow {
    right: 7px;
}

.swiper-parent {
	background-color:#ebebeb;
}
.fitbit.Charge3 .row.FitbitAcc .tabs li.accessory-tab {
    width: 33.33%;
    height: 80px;
    margin: 0;
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    background: rgba(20, 39, 58, 0.8);
    color: #fff;
    font-family: "Proxima Nova Black", Arial, Helvetica, sans-serif;
    text-decoration: underline;
    text-transform: uppercase;
    font-size: 18px;
    cursor: pointer;
    border-right: 1px solid #fff;
}
.fitbit.product.Charge3 .keyVisual{
	background-image: url('../common/images/Fitbit/Charge3/charge3-key-visual.jpg');
	background-position: right;
	background-repeat:no-repeat;
	background-size: cover;
	padding: 190px 0 190px calc(96% - 366px);
}
.fitbit.product.Charge3 .keyVisual h4{
	max-width:372px;
}

@media screen and (max-width: 1024px) {
    	.fitbit.product.Charge3 .keyVisual {
		padding: 150px 0 150px  calc(100% - 344px);
	}
}
@media screen and (max-width: 768px) {
.fitbit.product.Charge3 .keyVisual {
		background-image: url(../common/images/Fitbit/Charge3/charge3-key-visual-s.jpg);
		background-size: cover;
		padding:calc(20% - 44px) 0 calc(70% - 45px) calc(90% - 233px);
	}
 }
 @media screen and (max-width: 600px) {
    .fitbit.product.Charge3 .keyVisual {
		padding:calc(20% - 44px) 0  calc(72% - 45px)   calc(95% - 233px);
	}
 }
 @media screen and (max-width: 480px) {
     	.fitbit.product.Charge3 .keyVisual {
		padding:calc(30% - 44px) 0  calc(70% - 45px)  calc(95% - 178px);
	}
 }
.fitbit.Charge3 .row.FitbitAcc .tabs li.accessory-tab {
    width: 33.33%;
    height: 80px;
    margin: 0;
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    background: rgba(20, 39, 58, 0.8);
    color: #fff;
    font-family: "Proxima Nova Black", Arial, Helvetica, sans-serif;
    text-decoration: underline;
    text-transform: uppercase;
    font-size: 18px;
    cursor: pointer;
    border-right: 1px solid #fff;
}
.fitbit.accessories.Charge3 .keyVisual {
    	background: url('../common/images/Fitbit/Charge3/accessories/charge3-keyVisual.jpg') center top no-repeat;
	background-size: cover;
}
.fitbit.Charge3 .keyVisual .img-logo {
   height: 60px;
    margin-left: 23px;
    margin-bottom: 0px; 
}
.fitbit.accessories.Charge3 .keyVisual .img-watch {
    position: absolute;
    height: 300px;
    left: calc(50% - 340px);
    top: calc((100% - 300px) / 2);
}

.fitbit.accessories.Charge3 .keyVisual h4 {
margin-right: 185px;
}
@media(max-width:1024px) {
    .fitbit.accessories.Charge3 .keyVisual h4 {
    margin-right: 130px;
    }
}
@media(max-width:768px) {
    .fitbit.accessories.Charge3 .keyVisual h4 {
        margin-right: 83px;
    }
}
@media(max-width:500px) {
    .fitbit.accessories.Charge3 .keyVisual h4 {
           margin-right: 103px;
    }
}
.row .swiper-container {
	position: relative;
}
.swiper-container {
	overflow: inherit;
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
	right: 10%;
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
	left:10%;
}
@media(max-width:480px) {
	.swiper-button-next, .swiper-container-rtl .swiper-button-prev{
		right: 10px;
	}
	.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
		left: 10px;
	}
}
.row#disclaimer {
padding: 20px 60px;
	background-color: white;
	background: white;
}
.row#disclaimer p {
	text-align: center;
    max-width: 90%;
    margin: 5px auto;
}
p.remark {
	font-size: 14px;
    font-weight: 300;
}