html, body{width:100%;height:100%;margin:0;}
body{overflow-x:hidden;font-size:14px;background-color:rgb(255,255,255);}
body,h1,h2,h3,h4,h5,h6,label,.field--label,.page-title, .html .tp-caption,nav,nav ul li,nav a,.site-name, .navbar-brand,blockquote, blockquote p{font-family: 'Graphik Web', sans-serif !important;}
body.toolbar-tray-open header.global-header, body.toolbar-tray-open header.product-header{display:none !important;}
body .page-wrapper{min-width:100%;min-height:100%;margin:0;position:relative;overflow:hidden;}

h1,h2{text-transform:uppercase;}
h1{font-size:2.5em;font-weight:400;line-height:1.1;}
h2{font-size:2em;font-weight:400;}
h3{font-size:1.5em;font-weight:400;}
p{font-size: 1em;}
p.fine-print{font-size:75%;}
p.strong{font-weight:bold;}
a, a:visited, a:hover, a:active{color:inherit;text-decoration:none;}
p{font-size: 1em;}
a, a:visited, a:hover, a:active{color:rgb(0,0,0);text-decoration:none;}

form input{text-transform:none;}
form .btn:hover{color:rgb(0,0,0);border-color:rgb(140,140,140);background-color:transparent;}

.btn{padding:6px 12px;display:inline-block;font-weight:400;color:inherit;text-align:center;border-width:1px;border-style:solid;border-color:inherit;border-radius:4px;cursor:pointer;}
.cta a, a.cta, input.cta .btn, .cta, .btn, form input{margin:1em 0;padding:6px 12px;border:thin solid rgb(0,0,0);border-radius:4px;font-size:14px;line-height:20px;text-decoration:none;text-transform:uppercase;box-sizing:border-box;color:rgb(0,0,0);background-color:transparent;}
.btn-default:hover, .cta a:hover, .btn.focus{background-color:transparent;}
.cta-wh a, a.cta-wh, .btn-wh{color:rgb(255,255,255);border-color:rgb(255,255,255);background-color:rgb(0,0,0);}
.cta-outline a, .btn-outline a{background-color:transparent;}

header, main, footer, panel, article, content, nav{display:block;margin:0;position:relative;}

/* */
#global-header .icon img{width:auto;height:1em;}
/* */

main{margin:0;}
main > section{width:100%;padding:5% 0;position:relative;}
main > section article{width:90%;max-width:1050px;margin:0 auto;display:flex;justify-content:space-between;position:relative;}
main > section article > div{width:45%;}
main > section article > div div img{width:90%;height:auto;}

main > section.text-center article{display:block;}
main > section.text-center article > div{width:100%;}

/* slider */
/* slider children reset */
.slider *{margin:0;padding:0;list-style:none;}
/* */
.slider{width:100%;padding-top:56.25%;position:relative;overflow:hidden;}
.slider ul{height:90%;position:absolute;top:0;left:0;bottom:0;right:0;display:flex;flex-direction:row;-webkit-transition:transform 0.4s ease-in-out;-moz-transition:transform 0.4s ease-in-out;-o-transition:transform 0.4s ease-in-out;transition:transform 0.4s ease-in-out;}
.slider ul li{display:block;flex-shrink:0;background-size:contain;background-repeat:no-repeat;background-position:center;}
.slider nav{width:100%;height:10%;position:absolute;left:0;bottom:0;display:flex;flex-direction:row;justify-content:space-between;}
.slider nav button{padding:0 5px;font-size:2em;font-weight:700;line-height:100%;color:inherit;border-width:0;background-color:transparent;}

.no-transition{-webkit-transition: none !important;-moz-transition: none !important;-o-transition: none !important;transition: none !important;}

/* temp hide nav buttons
div.slider nav button{display:none;}
 */

/* product page */
main.product{background-color:rgb(0,0,0);}
main.product .hero{color:rgb(255,255,255);}
main.product .hero .intro{width:90%;max-width:1050px;margin:0 auto;padding:0;display:flex;justify-content:space-between;}
main.product .hero .intro > *{width:48%;}
main.product .hero .intro .price span{font-size:50%;}
main.product .hero .retailers{display:block;columns:3;}
main.product .hero .details{width:90%;max-width:1050px;margin:80px auto 20px auto;display:block;}
main.product .hero .details nav{width:100%;}
main.product .hero .details nav ul{width:100%;margin:0;padding:0;display:block;text-align:left;border-bottom:1px solid rgb(255,255,255);}
main.product .hero .details nav ul li{margin:0 1px 0 0;padding:5px 10px;display:inline-block;border:1px solid rgb(255,255,255);border-bottom:0;border-radius: 4px 4px 0 0;cursor:pointer;}
main.product .hero .details nav ul li.active{color:rgb(0,0,0);background-color:rgb(255,255,255);}
main.product .hero .details nav ul li:hover:not(.active){background-color:rgb(235,0,0);}
main.product .hero .details content .active{display:block;}
main.product .hero .details content > *{padding:40px 0;display:none;}
main.product .hero .details .feature-icons, main.product .hero .details .feature-text{width:100%;margin:0 0 60px 0;display:block;}
main.product .hero ul.feature-icons li{width:50px;height:50px;margin:0 .5%;display:inline-block;border:2px solid rgb(255,255,255);border-radius:5px;}

main.product .hero .details .specs .row{width:100%;padding:20px 0 40px 0;border-bottom:1px solid rgb(255,255,255);}
main.product .hero .details .specs .row > *{margin:0 20px 10px 0;display:inline-block;}
main.product .hero .details .specs .row h4{width:25%;font-weight:normal;}
main.product .hero .details .specs .row p{width:70%;font-weight:400;}

main.product .hero .details a,
main.product .hero .details a:visited,
main.product .hero .details a:hover,
main.product .hero .details a:active{color:rgb(255,255,255);}

main.product section{color:rgb(255,255,255);padding:0;}
main.product section:nth-of-type(odd){color:rgb(0,0,0);background-color:rgb(255,255,255);}

main.product section.share-community article{display:block;}

main.product section.text-center article > *{margin:2em auto;}
main.product section.feature-video article{width:90%;}
main.product section.feature-video article > div:last-of-type{padding-top:56.25%;position:relative;}
main.product section.feature-video iframe{width:100%;height:100%;position:absolute;left:0;top:0;}

main.product section header{width:100%;height:50vh;min-height:500px;background-size:cover;background-position: center center;}
main.product section > article{padding:5% 0;}
main.product section .social-icons a{width:50px;height:50px;display:inline-block;}
main.product section .social-icons a img{width:50%;height:50%;padding:25%;}

div.video-container{position:relative;overflow:hidden;width:100%;padding-top:56.25%}
div.video-container .responsive-iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;}

main.press-room article h2{border:1px solid rgb(0,0,0);border-width:0 0 1px 0;}
main.press-room article div{margin-bottom:4em;}
main.press-room article div h3{margin:0 0 1.5em 0;}
main.press-room article div a{font-weight:600;}
main.press-release section article{display:block;}
main.press-release .dateline{font-weight:600;}
main.press-release .return-link{margin:3em 0 2em 0;display:block;font-size:1.5em;font-weight:600;}
main.press-release article img{width:45%;height:auto;}

/* mobile */
@media (max-width:818px) {
  body{padding:119px 0 0 0;}
  main{padding:0 0 0 0;}
  footer.global-footer{position:relative;}

  main.product section{min-height:50vh;padding:10vh 0;}
  main.product section article,
  main.product header.hero article.intro{display:block;}
  main.product section article>div,
  main.product header.hero article.intro>div{width:90%;margin:0 auto;position:relative;}
  main.product section article>div{margin-bottom:3em;}
  main.product div.slider{padding-top:100%;}
}