div.content{display:inline-block;}
	
main{color:rgb(0,0,0);font-size:14px;text-align:center;overflow-x:hidden;}
main h1{font-size:60px;}
main h2{font-size:30px;}
main h3{font-size:26px;}

main h1,main h2,main h3{text-transform:uppercase;}
main ul{list-style:none;margin:0px;padding:0px;}

main .hero{width:100%;position:relative;color:rgb(255,255,255);background-color:rgb(0,0,0);}
main .hero h3.title{margin-top:85px;}
main .hero h3.title,main .hero h1.prod-name,main .hero h4.prod-line{text-shadow: 0px 4px 5px rgba(0,0,0,.5);}
main .hero h1.prod-name{margin-bottom:0px;}
main .hero h4.prod-line{margin-bottom:150px;}

main .hero .box.price{text-align:left;}
main .hero .box.price h3{margin:0px;}

main .hero .box.features{text-align:right;}
main .hero .box.features li{padding:0px 1vw;display:inline-block;vertical-align:top;text-align:center;font-weight:700;}
main .hero .box.features li h1{margin:0px;font-size:1.8vw;font-weight:400;}
main .hero .box.features li h1 sub{font-size:50%;vertical-align:baseline;}
main .hero .box.features li h2{margin:.32vw 0px 0px 0px;font-size:.8vw;font-weight:400;}

main .hero,main .panel{overflow:hidden;}

main.prod-2015{margin-top:-30px;}
main.prod-2015 .hero{width:100%;min-width:960px;height:540px;background: rgb(0,0,0) no-repeat center center;background-size:cover;}
main .hero .box{width:40%;max-width:512px;position:relative;display:inline-block;vertical-align:top;}

main.prod-2015 .hero .price{width:30%;height:100px;}
main.prod-2015 .hero .price h3{font-size:22px;}
main.prod-2015 .panel{width:100%;min-width:960px;height:auto;}
main.prod-2015 .panel.intro img{height:auto;}
main.prod-2015 .panel.intro > *{width:30vw;}
main.prod-2015 .panel.intro h2{width:100%;min-width:960px;}

main.prod-2015 .panel .header{width:100%;height:350px;margin-bottom:70px;background-size:cover;}

.buybtn{margin:10px 0px;padding:10px 25px;display:inline-block;color:rgb(255,255,255);text-decoration:none;text-transform:uppercase;background-color:rgb(0,0,0);}
.cta{padding:15px 24px;border:solid 2px rgb(0,0,0);}
.round{-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;}

#resellers{width:700px; height:auto;text-align:center;}
#resellers a{width:125px;height:80px;margin:0px;padding:20px;display:inline-block;vertical-align:top;}


main .panel{max-width:100%;margin:0px auto;overflow:hidden;}

main .panel h1,main .panel h2,main .panel h3{font-weight:400;}
main .panel.intro h2{margin-bottom:60px;font-weight:700;}

main .panel.intro{padding:60px 0px;}
main .panel.intro div.content {width:340px;margin-left:50px;}
main .panel.intro div.content {display:inline-block;vertical-align:top;text-align:left;}
main .panel.intro div.content p{width:340px;margin-bottom:40px;color:rgb(90,90,90);}
main .panel.intro div.content ul.links{width:325px;margin:0px;padding:0px;overflow:hidden;}
main .panel.intro div.content ul.links li{width:150px;margin:0px;padding:0px;display:inline-block;vertical-align:top;font-size:12px;}
main .panel.intro ul.specs{width:300px;height:270px;margin-left:50px;padding:0px;display:inline-block;vertical-align:top;list-style-type:disc;text-align:left;}
main .panel.intro ul.specs li{margin:10px 0px;}

/* depreciated */
main #content hr{height:1px;border:0px;color:rgb(0,0,0);background-color:rgba(0,0,0,.3);}
main #content{width:100%;}

main .hero{width:960px;min-height:425px;padding:10px 0px;margin:0px auto;position:relative;overflow:hidden;text-align:center;background-color:rgb(254,185,0);}
main .hero .box01{width:480px;padding:0px;padding-bottom:50px;margin:0px;position:relative;}
main .hero .box02{width:480px;height:100%;padding:0px;margin:0px;position:absolute;left:50%;display:inline-block;vertical-align:top;}
main .hero .box01{top:20px;color:rgb(0,0,0);text-align:center;}
main .hero .box02{top:20px;background-position-y:50px;background-position-x:50%;background-repeat:no-repeat;}
main .hero .box01 h1{margin:0px;font-size:24px;line-height:125%;font-weight:700;}
main .hero .box01 h3{margin:0px 0px 10px 0px;font-size:10px;}
main .hero .box01 .intro{width:75%;margin:10px auto;position:relative;}
main .hero .box01 .intro hr{width:50%; margin:10px auto;}
main .hero .box01 .intro p{margin:20px auto;padding:0px 10px;font-size:12px;line-height:150%;}
main .hero .box01 .overview{margin-top:30px;}
main .hero .box01 .overview .price,
main .hero .box01 .overview .specs{max-width:220px;display:inline-block;position:relative;vertical-align:top;text-align:left;}
main .hero .box01 .overview .price{padding-right:10px;}
main .hero .box01 .overview .price h1{margin:0px 0px 10px 0px;line-height:100%;font-weight:700;}
main .hero .box01 .overview .price sub{font-size:14px;}
main .hero .box01 .overview .price .dis{font-size:8px;line-height:10px;}
main .hero .box01 .overview .price a{color:rgb(0,0,0);}
main .hero .box01 .overview .price a.link{font-size:10px;line-height:150%;}
main .hero .box01 .overview .price .buybtn{margin-bottom:10px;font-size:10px;color:rgb(255,255,255);border:none;}
main .hero .box01 .overview .specs{padding-left:35px;list-style:disc;font-size:12px;border-left:1px solid rgb(0,0,0);}
main .hero .box01 .overview .specs li{margin-bottom:3px;font-size:10px;line-height:125%;}
main .hero .box01 .overview .specs p{font-size:10px;line-height:150%;font-weight:700;text-indent:-30px;}

main .hero .box02 .icon-360tour{position:absolute;bottom:100px;right:50px;}
main .hero .box02 .colors{width:24px;height:136px;position:absolute;top:100px;right:20px;display:block;}
main .hero .box02 .colors li{width:24px;height:24px;margin:5px 0px;display:block;background-image:url('/images/products/features/colors.png');cursor:pointer;}


/* colors */
main .hero .box02 .silver{background-position: 0px 0px;}
main .hero .box02 .red{background-position: 0px -25px;}
main .hero .box02 .black{background-position: 0px -50px;}
main .hero .box02 .white{background-position: 0px -73px;}
main .hero .box02 .blue{background-position: 0px -98px;}
main .hero .box02 .yellow{background-position: 0px 25px;}
main .hero .box02 .silver:hover, .silver.active{background-position: 22px 0px;}
main .hero .box02 .red:hover, .red.active{background-position: 22px -25px;}
main .hero .box02 .black:hover, .black.active{background-position: 22px -50px;}
main .hero .box02 .white:hover, .white.active{background-position: 22px -73px;}
main .hero .box02 .blue:hover, .blue.active{background-position: 22px -98px;}
main .hero .box02 .yellow:hover, .yellow.active{background-position: 22px 25px;}



main .hero .box02 .features{width:480px;height:43px;margin-bottom:60px;display:block;position:absolute;z-index:2;bottom:0px;text-align:center;color:rgb(255,255,255);}
main .hero .box02 .features li{padding:0px 10px;display:inline-block;position:relative;text-align:center;vertical-align:top;}
main .hero .box02 .features li h1{margin-bottom:0px;font-size:18px;font-weight:400;line-height:16px;}
main .hero .box02 .features li h2{margin:5px 0px;font-size:10px;line-height:10px;font-weight:400;}
main .hero .box02 .features li img{width:auto;height:16px;margin:0px;}
     
main .hero.acc{height:480px;padding:0px;}
main .hero.acc .box01,main #content .hero.acc .box02{width:480px;height:480px;padding:0px;padding-top:10px;margin-top:-10px;top:0px;z-index:3;}
main .hero.acc .box01{background-color:rgb(254,185,0);}
main .hero.acc .box02{background-image:url('/images/products/acc-fold-bg.png');background-position:0px 0px;background-repeat:no-repeat;}
main .hero.acc .box02.closed{background-image:url('/images/products/acc-fold-closed-bg.png');pointer-events: auto;}
main .hero.acc .box02.opened{background-image:url('/images/products/acc-fold-opened-bg.png');pointer-events: none;}

main .hero.acc #accbtn{width:40px;height:40px;position:absolute;z-index:4;cursor:pointer;}
main .hero.acc #accbtn.closed{top:auto;bottom:0px;right:0px;left:auto;}
main .hero.acc #accbtn.opened{top:0px;bottom:auto;right:auto;left:50%;}
main .hero.acc .accnav{width:50px;height:100%;position:absolute;top:0px;right:0px;z-index:1;font-size:26px;line-height:400px;color:rgb(0,0,0);background:transparent url('/images/products/accnav-gradient.png');background-position:0px;background-repeat:repeat-y;cursor:pointer;}
main .hero.acc .accnav.left{left:50%;right:auto;background-image:none;}

main .hero.acc .box-acc{width:1600px;height:480px;position:absolute;top:0px;left:50%;z-index:0;text-align:left;background-color:rgb(255,255,255);}
main .hero.acc .box-acc .wrap{width:100%;height:100%;}
main .hero.acc .box-acc .set{width:480px;height:480px;padding:0px;margin:0px;position:relative;display:inline-block;vertical-align:top;text-align:center;}
main .hero.acc .box-acc .set ul.full,main .hero.acc .box-acc .wrap .set img.full{width:374px;height:207px;position:absolute;margin-left:-186px;top:40px;left:50%;}
main .hero.acc .box-acc .set ul.full{z-index:3;}
main .hero.acc .box-acc .set img.thumb{width:170px;height:auto;margin:350px 20px auto 20px;position:relative;box-shadow: 0px 0px 10px rgba(0,0,0,.5);}
main .hero.acc .set .thumb:hover{cursor:pointer;}

main .hero.acc .box-acc ul.full{display:none;}

main .hero.acc .box-acc .set ul.full li{width:30%;height:30%;margin-bottom:10px;position:relative;display:inline-block;overflow:visible;vertical-align:top;pointer-events:auto;}
main .hero.acc .box-acc .set ul.full li span{max-width:75%;height:auto;padding:5px;position:absolute;bottom:-20px;right:10px;display:inline-block;font-size:10px;line-height:12px;text-align:center;color:rgb(90,90,90);background-color:rgba(200,200,200,.6);}
	
main .panel .details .icon h1{font-size:45px;font-weight:700;}
main .panel .details .icon h2{font-size:30px;font-weight:700;}
main .panel .details .icon h3{font-size:24px;font-weight:700;}
main .panel .details .icon h4{font-size:10px;font-weight:700;}

main .panel .static .icon h1,
main .panel .videostatic .icon h1{font-size:55px;font-weight:700;}
main .panel .static .icon h2,
main .panel .videostatic .icon h2{font-size:45px;font-weight:700;}
main .panel .static .icon h3,
main .panel .videostatic .icon h3{font-size:30px;font-weight:700;}
main .panel .static .icon h4,
main .panel .videostatic .icon h4{font-size:18px;font-weight:700;}

main .panel .details hr{width:233px;margin:15px auto;}
main .panel .details h1{font-size:30px;font-weight:400;}
main .panel .details h3{font-size:24px;font-weight:400;}
main .panel .details h4{font-size:10px;font-weight:400;}
main .panel .details p{max-width:260px;margin:10px 0px;display:inline-block;font-size:12px;line-height:150%;}

main .panel.text-left .details{position:absolute;top:0px;left:50%;margin-left:-480px;}
main .panel.text-center .details{margin:0px auto;}

main .panel{width:960px;height:350px;position:relative;overflow:hidden;}
main sub{font-size:50%;}
main .panel h1,main #content.panel_layout .panel h2,main .panel_layout .panel h3,main .panel_layout .panel h4{margin:0px;}
main .panel .static{width:960px;height:350px;position:absolute;top:0px;left:0px;z-index:20;text-align:center;background-color:rgb(255,255,255);}
main .panel .static .icon{margin-top:100px;}

main .panel.hdvideo{height:540px;}
main .panel .videostatic{width:100%;position:absolute;top:0px;z-index:20;}
main .panel .videostatic .icon{width:100%;margin:0px auto;margin-top:225px;text-align:center;}
main .panel .videostatic .icon h1,main .panel_layout .panel .videostatic .icon h2{width:100%;}
main .panel .videostatic video{position:absolute;top:0px;left:0px;z-index:-1;}

main .panel .details{width:50%;margin-left:480px ;display:inline-block;text-align:center;vertical-align:middle;}
main .panel .details .icon{margin-top:30px;}

main .panel.lens .icon h1{}
main .panel.lens .details .icon h1{font-size:26px;}
main .panel.lcd .details .icon h1{font-size:24px;}

/* flagship prod */
main .hero.flagship{width:960px;height:406px;padding:0px;margin:0px auto;overflow:hidden;background-color:rgb(254,254,254);}
main .hero.flagship .box01{height:406px;padding:0px;margin:0px;position:relative;overflow:hidden;background-color:rgb(254,185,0);}
main .hero.flagship .box01 .static{padding:0px;margin:0px;}
main .hero.flagship .box02{color:rgb(0,0,0);}
main .hero.flagship .box02 h1{margin:0px;font-size:30px;}
main .hero.flagship .box02 p{margin-top:0px;}
main .hero.flagship .box02 .features{color:rgb(140,140,140);}
main .hero.flagship .box02 .icon-360tour{position:absolute;bottom:150px;right:50px;}
main .hero.flagship .box02 #drawerbtn{width:170px;height:48px;position:absolute;bottom:0px;left:151px;font-size:16px;font-weight:700;line-height:30px;text-transform:uppercase;text-align:center;color:rgb(0,0,0);background-color:rgb(254,185,0);cursor:pointer;}
main .drawer{width:960px;margin:0px auto;background-color:rgb(254,185,0);text-align:center;}

main .drawer .overview{width:880px;margin:0px auto;padding:20px 0px;text-align:center;}
main .drawer .overview > *{height:180px;margin:0px;padding:0px 20px;display:inline-block;vertical-align:top;text-align:left;border-right:solid 1px rgb(0,0,0);}
main .drawer .overview p{width:275px;padding-top:20px;}
main .drawer .overview ul{width:130px;margin:0px;list-style-type:disc;}
main .drawer .overview ul h3{font-size:12px;font-weight:700;}
main .drawer .overview ul li{padding:0px;margin:0px;margin-left:10px;font-size:10px;}
main .drawer .overview div.price{width:140px;border:none;}
main .drawer .overview div.price h1{font-size:24px;font-weight:700;}
main .drawer .overview div.price .buybtn{width:80px;margin:0px;padding:10px 20px;font-size:10px;}
main .drawer .overview div.price .link{font-size:10px;}

/* --------Gallery Panel !NEW! */ 

main .panel.gallery{width:960px;height:150px;x-overflow:hidden;position:relative;}

main .panel.video-gallery .box,
main .panel.photo-gallery .box{width:100000px;height:200px;position:relative;}

main .panel.gallery .content .loader{width:960px;height:150px;position:absolute;z-index:25;top:0px;left:0px;text-align:center;line-height:150px;background-color:rgb(255,255,255);}

main .panel.gallery .content .close{position:absolute;z-index:19;top:5px;left:5px;opacity:.5;cursor:pointer;}
main .panel.gallery .content .close:hover{opacity:1.0;}


main .panel.gallery .content .thumbnails.vertical{width:70px;height:720px;overflow:hidden;position:absolute;z-index:19;top:0px;right:0px;background-color:rgba(0,0,0,.7);}
main .panel.gallery .content .thumbnails.horizontal{width:720px;height:70px;overflow:hidden;position:absolute;z-index:19;bottom:0px;left:0px;background-color:rgba(0,0,0,.7);}

main .panel.gallery .content .thumbnails .item{width:50px;height:38px;padding:10px;overflow:hidden;cursor:pointer;}

main .panel.gallery .content{width:960px;height:540px;margin-right:-4px;display:inline-block;vertical-align:top;text-align:center;}
main .panel.photo-gallery .content{height:720px;margin-right:0px;}

main .panel.gallery .content .intro{width:960px;height:150px;margin-right:0px;position:absolute;overflow:hidden;z-index:20;line-height:30px;background-color:rgb(255,255,255);box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;border:1px solid rgb(222,222,222);}

main .panel.gallery .content .intro div{width:475px;display:inline-block;vertical-align:middle;}
main .panel.gallery .content .intro p{padding:30px 60px;font-size:14px;line-height:18px;}
main .panel.gallery .content .intro p.cta{width:auto;margin:0px 20px;margin-top:30px;padding:10px;display:inline-block;font-size:24px;text-align:center;line-height:30px;color:rgb(254,185,0);border:2px solid rgb(254,185,0);border-radius:8px;cursor:pointer;}

main .panel.gallery .content .intro div.title{width:180px;height:100%;margin-top:-20px;}
main .panel.gallery .content .intro h2{font-size:24px;line-height:30px;}
main .panel.gallery .content .intro h4{font-size:14px;}



main .hero .box02 .icon-360tour{display:none;}

@media only screen and (max-device-width: 768px) {
	body{width:1024px;}

	}