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%;}


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%;}
}