html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, strike, strong, tt, var, b, u, i, center, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
*,
*:before,
*:after {
	box-sizing: border-box;
	margin: 0;
	padding: 0
}
*:focus {
	outline: none;
}
a {
	text-decoration: none
}
a:hover {
	transition: all 0.2s ease
}
li {
	list-style: none
}
select,
input,
textarea {
	appearance: none;
	border-radius: 0;
}
h1,
h2,
h3,
h4,
h5 {
	line-height:1.3
}
p {padding-bottom:20px}
.text-center {
	text-align: center;
}
.uppercase {
	text-transform: uppercase;
}
.capitalize {
	text-transform: capitalize;
}
.clickable {
	display: inline-block;
	cursor: pointer;
}
.flex {
	display: flex;
}
.inline-flex {
	display: inline-flex;
}
.align-center {
	align-items: center;
}
.justify-center {
	justify-content: center;
}
.flex.space-between {
	justify-content: space-between;
}
.flex.wrap,
.inline-flex.wrap {
	flex-wrap: wrap;
}
.flex-column {
	flex-direction: column;
}
.flex>.half {
	flex-basis: 50%;
	flex-grow: 0;
}
.flex>.full {
	flex-basis: 100%;
}
.bgcentercover {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center
}
.bgrightcover {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: right center
}
.bgleftcover {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: left center
}
.bgtopcover {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center top
}
.bgtoprightcover {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: right top
}



@font-face {
    font-family: 'Gotham Bold';
    src: url('../fonts/Gotham-Bold.eot');
    src: url('../fonts/Gotham-Bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Gotham-Bold.woff2') format('woff2'),
         url('../fonts/Gotham-Bold.woff') format('woff'),
         url('../fonts/Gotham-Bold.ttf') format('truetype'),
         url('../fonts/Gotham-Bold.svg#GothamBold') format('svg');
    font-weight: 700;
    font-style: normal;

}
@font-face {
    font-family: 'Gotham Bold Italic';
    src: url('../fonts/Gotham-BoldIta.eot');
    src: url('../fonts/Gotham-BoldIta.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Gotham-BoldIta.woff2') format('woff2'),
         url('../fonts/Gotham-BoldIta.woff') format('woff'),
         url('../fonts/Gotham-BoldIta.ttf') format('truetype'),
         url('../fonts/Gotham-BoldIta.svg#GothamBoldIta') format('svg');
    font-weight: 700;
    font-style: normal;

}
@font-face {
    font-family: 'Gotham Book';
    src: url('../fonts/Gotham-Book.eot');
    src: url('../fonts/Gotham-Book.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Gotham-Book.woff2') format('woff2'),
         url('../fonts/Gotham-Book.woff') format('woff'),
         url('../fonts/Gotham-Book.ttf') format('truetype'),
         url('../fonts/Gotham-Book.svg#GothamBook') format('svg');
    font-weight: 300;
    font-style: normal;

}
@font-face {
    font-family: 'Gotham Book Italic';
    src: url('../fonts/Gotham-BookIta.eot');
    src: url('../fonts/Gotham-BookIta.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Gotham-BookIta.woff2') format('woff2'),
         url('../fonts/Gotham-BookIta.woff') format('woff'),
         url('../fonts/Gotham-BookIta.ttf') format('truetype'),
         url('../fonts/Gotham-BookIta.svg#GothamBookIta') format('svg');
    font-weight: 300;
    font-style: normal;

}
@font-face {
    font-family: 'Gotham Light';
    src: url('../fonts/Gotham-Light.eot');
    src: url('../fonts/Gotham-Light.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Gotham-Light.woff2') format('woff2'),
         url('../fonts/Gotham-Light.woff') format('woff'),
         url('../fonts/Gotham-Light.ttf') format('truetype'),
         url('../fonts/Gotham-Light.svg#GothamLight') format('svg');
    font-weight: 500;
    font-style: normal;

}
@font-face {
    font-family: 'Gotham Light Italic';
    src: url('../fonts/Gotham-LightIta.eot');
    src: url('../fonts/Gotham-LightIta.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Gotham-LightIta.woff2') format('woff2'),
         url('../fonts/Gotham-LightIta.woff') format('woff'),
         url('../fonts/Gotham-LightIta.ttf') format('truetype'),
         url('../fonts/Gotham-LightIta.svg#GothamLightIta') format('svg');
    font-weight: 500;
    font-style: normal;

}
@font-face {
    font-family: 'Gotham Medium';
    src: url('../fonts/Gotham-Medium.eot');
    src: url('../fonts/Gotham-Medium.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Gotham-Medium.woff2') format('woff2'),
         url('../fonts/Gotham-Medium.woff') format('woff'),
         url('../fonts/Gotham-Medium.ttf') format('truetype'),
         url('../fonts/Gotham-Medium.svg#GothamMedium') format('svg');
    font-weight: 400;
    font-style: normal;

}
@font-face {
    font-family: 'Gotham Medium Italic';
    src: url('../fonts/Gotham-MediumIta.eot');
    src: url('../fonts/Gotham-MediumIta.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Gotham-MediumIta.woff2') format('woff2'),
         url('../fonts/Gotham-MediumIta.woff') format('woff'),
         url('../fonts/Gotham-MediumIta.ttf') format('truetype'),
         url('../fonts/Gotham-MediumIta.svg#GothamMediumIta') format('svg');
    font-weight: 400;
    font-style: normal;

}
@font-face {
    font-family: 'Gotham Thin';
    src: url('../fonts/Gotham-Thin.eot');
    src: url('../fonts/Gotham-Thin.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Gotham-Thin.woff2') format('woff2'),
         url('../fonts/Gotham-Thin.woff') format('woff'),
         url('../fonts/Gotham-Thin.ttf') format('truetype'),
         url('../fonts/Gotham-Thin.svg#GothamThin') format('svg');
    font-weight: 200;
    font-style: normal;

}
@font-face {
    font-family: 'Gotham Thin Italic';
    src: url('../fonts/Gotham-ThinIta.eot');
    src: url('../fonts/Gotham-ThinIta.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Gotham-ThinIta.woff2') format('woff2'),
         url('../fonts/Gotham-ThinIta.woff') format('woff'),
         url('../fonts/Gotham-ThinIta.ttf') format('truetype'),
         url('../fonts/Gotham-ThinIta.svg#GothamThinIta') format('svg');
    font-weight: 200;
    font-style: normal;

}

body {
	background:#fff;
	color:#000;
	font-size:10px;
	line-height:12px;
	font-family: 'Gotham Book';
}
body * {font-weight:400}
img.fullwidth{display:block;width:100%;height:auto}
.white {color:#fff}
.container {padding:0 15px;}
.title {font-size:16px;padding-bottom:15px; font-family: 'Gotham Bold';}
.subtitle {font-size:12px}
.swiper-container { padding: 0 0 30px 0}
.swiper-container .btm { padding-bottom:0;font-family: 'Gotham Bold';}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {bottom:0}
.swiper-pagination-bullet {background:#a9a4a4;opacity:1}
.swiper-pagination-bullet.swiper-pagination-bullet-active {background:#635f5f} 
.white .swiper-pagination-bullet {background:#635f5f}
.white .swiper-pagination-bullet.swiper-pagination-bullet-active {background:#a9a4a4}
.swiper-button-next:after, .swiper-button-prev:after {font-weight:700;font-size:18px;color:#000}
.white {background:#191919}
.white .swiper-button-next:after, .white .swiper-button-prev:after {color:#fff}
.swiper-button-next, .swiper-button-prev {top:calc(50% - 13px)}
.backtotop {margin-top:20px;margin-bottom:20px;padding-top:20px;background:url(../images/backtotop.png) no-repeat center top;cursor:pointer;text-align:center;color:#6e6e6e}
header {background:#000}
header .logo {display:inline-block;padding:30px 0}
header .logo img {width:145px;height:18px}
header nav {height:48px;background:#0e0e0e}
header nav a {padding:12px 0;color:#fff;display:block;width:25%;position:relative}
header nav a:before {height:calc(100% - 12px);width:1px;background:#fff;content:'';right:0;top:6px;position:absolute} 
header nav a:last-child:before {display:none}
header nav.sticky {  position: fixed;  width: 100%;  left: 0;  top: 0;  z-index: 100;}
#hero {position:relative}
#hero h1 { line-height:20px;font-family: 'Gotham Bold';font-size:20px;color:#fff;left:40px;position:absolute; top: 50%;    transform: translate(0,-50%);}
#overview {background:#191919;padding:35px 0 }
#overview img.fullwidth {margin-bottom:-10vw;margin-top:-20px}
#overview .logos {padding:15px 0}
#overview .logos img {margin:0px 7px}
#howwork {background:#191919}
#howwork img {padding-top:10px}
#reviews .container {padding:15px 0 35px 0}
#reviews img {display:block;margin:0 auto 15px auto}
#reviews .swiper-slide {margin-bottom:30px;padding:15px;background:#f2f2f2}
#reviews .swiper-container:before, #reviews .swiper-container:after {content:'';position:absolute;top:0;left:0;width:43px;height:100%;background:#fff;z-index:9} 
#reviews .swiper-container:after {left:auto;right:0}
#reviews .swiper-button-next,#reviews  .swiper-button-prev {z-index:10}
#reviews .swiper-slide a {font-weight:600;color:#000}
.fancybox-content {text-align:center;padding-bottom:30px;padding-top:10px;height: 265px;    border-bottom: 20px solid #fff;    border-top: 20px solid #fff;}
.fancybox-content img {display:block;margin:0 auto 15px auto}
.fancybox-content .btm {    font-family: 'Gotham Bold'; padding-bottom:0}
#tested {padding:30px 0;background:#f2f2f2}
#tested .swiper-slide p {padding-bottom:0;font-size:12px; font-family: 'Gotham Book';}
#tested img {padding-bottom:20px}
#noise {padding:40px 0 30px 0;background:#191919}
#noise h4 {padding-top:30px;padding-bottom:20px}
#noise img {padding-bottom:20px}
#noise p {padding-bottom:0}
#noise .swiper-button-next, #noise .swiper-button-prev {    top: calc(50% - 50px)}
#sleep {padding:40px 0 30px 0}
#sleep h4 { font-family: 'Gotham Medium';padding-bottom:20px;}
#sleep img {padding-bottom:20px}
#sleep p {padding-bottom:0}
#sleep .swiper-button-next, #sleep .swiper-button-prev {    top: calc(50% - 50px)}
#explore .container{padding:15px 0 30px 0}
#explore .subtitle {padding-top:10px;padding-bottom:15px}
#option {background:#f2f2f2;padding-top:15px}
#option .title {padding-bottom:22px}
#option .categs {padding-bottom:10px}
#option .categs div {cursor:pointer;border-radius:10px;width:107px;height:21px;line-height:21px;text-align:center;display:inline-block;background:#bfbdbd;}
#option .categs div.active {color:#fff;background:#423f3f}
#option .categs div:nth-child(2) {margin:0 7px 7px 7px}
.soundplayer .swiper-slide {padding-top:50px;display:flex;align-items:center;flex-direction:column;justify-content:center;height:188px;background-size:cover}
.soundplayer .swiper-container {	transition: all 0.4s ease;padding:0}
.soundplayer .swiper-container.inactive {height:0;opacity:0;visibility:hidden}
.soundplayer .swiper-button-next, .soundplayer .swiper-button-prev {    top: 50%	} 
.soundplayer .swiper-slide > div {width:250px}
.soundplayer .swiper-slide p {font-family: 'Gotham Book';padding:0}
.soundplayer .swiper-slide .subtitle {padding-top:5px; font-family: 'Gotham Medium';}
.soundplayer .swiper-button-prev {top:41%;left:25%}
.soundplayer .swiper-button-next {top:41%;right:25%}
#hotspot {padding:40px 0 0 0;background:#f8f8f8}
#hotspot .title {padding-bottom:0}
#hotspot img {margin-bottom:20px}
#hotspot .swiper-pagination-bullets {top:0;bottom:auto}
#hotspot .swiper-wrapper {margin-top:40px}
#hotspot .subtitle { padding-bottom:10px; font-family: 'Gotham Bold';}
#specs  {padding:10px 0 25px 0}
#specs .innr {width:280px;margin:0 auto;transform: translateX(30px);}
#specs ul {text-align:left;width:140px}
#specs ul li {margin:0 10px;list-style:disc}
#specs h3 {padding-bottom:10px}
#specs .subtitle {font-family: 'Gotham Medium';padding-bottom:20px}
#specs .col3 {text-align:left}
#specs strong {font-family: 'Gotham Bold';font-weight:400}
#specs .col3 div {margin:20px 10px}
#specs img {margin:20px 0;padding:0 30px}
#specs2 {padding:25px 0;background:#f2f2f2}
#specs2 .swiper-slide img{margin:30px 0}
#specs2 h4 {font-family: 'Gotham Medium';padding-top:15px}
footer {padding:23px 0 5px 0;background:#000}