/* ------------------------------------------------------------- HERO */ #hero-slider { height:545px; background:#000000; position:relative; z-index:0; } #hero-slider .slide { height:545px; width:100%; position:absolute; left:0px; top:0px; } #hero-slider .slide-povhd { background:#000000 url(../img/bg-slide1.jpg) top center no-repeat; } #hero-slider .slide-stream { background:#000000 url(../img/bg-slide2.jpg) top center no-repeat; } /* hero timer */ #hero-timer { position:absolute; width:0%; left:50%; height:2px; background:#f15c22 url(../img/bg-timer.jpg) bottom repeat; bottom:0px; } /* hero nav */ #hero-nav { height:175px; padding-top:30px; background:#292a2b url(../img/bg-heronav.png) center right no-repeat; border-top:10px solid #303132; text-transform:uppercase; font-size:18px; line-height:30px; } #hero-nav-left { float:left; } #hero-nav-right { float:right; } #hero-nav .hero-btn { width:450px; height:75px; padding:30px 40px; border:1px solid #434445; border-radius:4px; -webkit-border-radius:4px; cursor:pointer; color:#414243; } #hero-nav .hero-btn h2 { color:#414243; font-size:40px; line-height:40px; } #hero-nav .buynow-btn { float:right; display:inline-block; line-height:40px; padding:0px 25px; float:right; font-size:15px; font-weight:600; color:#595959; border:1px solid #434445; background:#2f2f30; } /* active slide styles */ #hero-nav .active-slide .buynow-btn { background:#f15c22; border:1px solid #f15c22; color:#ffffff; } #hero-nav .active-slide { background:#434445; color:#7d7d7d; } #hero-nav .active-slide h2 { color:#ffffff; } /* hover slide styles */ #hero-nav .hero-btn:hover { background:#434445; color:#7d7d7d; } #hero-nav .hero-btn:hover h2 { color:#ffffff; } #hero-nav .hero-btn:hover .buynow-btn { background:#f15c22; border:1px solid #f15c22; color:#ffffff; } #hero-mobile { display:none; height:200px; background:#000000 url(../img/bg-slide1-mobile.jpg) top center no-repeat; } /* ------------------------------------------------------------- HOME KITS */ #home-kits { position:relative; padding:70px 0px; padding-bottom:50px; background:#e7e7e8 url(../img/bg-homekits.jpg) top center repeat-y; border-bottom:1px solid #c5c7ca; color:#5a5c5f; } #home-kits-top { position:absolute; height:13px; width:100%; left:0px; top:0px; background:url(../img/home-kitstop.png) top center no-repeat; } #home-kits-cta { width:330px; text-align:right; float:right; } #home-kits-cta a { display:inline-block; line-height:50px; color:#5a5c5f; width:160px; text-align:center; border:1px solid #b9bbbd; border-radius:3px 0px 0px 3px; -webkit-border-radius:3px 0px 0px 3px; } #home-kits-cta a:hover { background:#dedede; color:#000000; } #home-kits-cta a.noborderright { border-left:none; border-radius:0px 3px 3px 0px; -webkit-border-radius:0px 3px 3px 0px; } #home-kits h2 { font-size:50px; line-height:50px; } #home-kits h3 { font-size:30px; line-height:30px; } #home-kits-title { margin-bottom:40px; } #home-kits-left { width:46.3636%; float:left; } #home-kits-right { width:46.3636%; float:right; } #home-kits .kitbox { margin-bottom:40px; } #home-kits .kitbox-img { margin-bottom:20px; position:relative; overflow:hidden; } #home-kits .kitbox-buynow { position:absolute; right:25px; bottom:25px; } #home-kits .kitbox-img:hover span.kitbox-price { display:none; } #home-kits .kitbox-img:hover span.kitbox-buy { display:block; font-size:16px; font-weight:600; } #home-kits .kitbox-buynow a { display:block; background:#f15c22; line-height:50px; color:#ffffff; width:100px; text-align:center; font-size:20px; font-weight:200; } #home-kits .kitbox-img img { margin-bottom:-4px; } /* ------------------------------------------------------------- HOME POV */ #home-pov { position:relative; overflow:hidden; background:#e0e0e1; border-bottom:1px solid #c5c7ca; color:#5c5e5f; font-size:16px; line-height:30px; } #home-pov .col-lft-2 { padding-top:160px; padding-bottom:90px; position:relative; z-index:10; } #home-povshot { position:absolute; right:-200px; top:-40px; width:982; height:874; z-index:0; } /* ------------------------------------------------------------- HOME STREAM */ #home-stream { position:relative; background:#dbdbdc; border-bottom:1px solid #c5c7ca; color:#5c5e5f; font-size:16px; line-height:30px; overflow:hidden; } #home-stream .buynow-bar { background:url(../img/bg-buynow-bar2.png) repeat; } #home-stream .col-rgt-2 { padding-top:160px; padding-bottom:90px; position:relative; z-index:10; } #home-streamshot { position:absolute; left:-430px; top:150px; width:927px; height:631px; } /* ------------------------------------------------------------- HOME SOLUTIONS */ #home-solutions { position:relative; background:#e0e0e1; color:#5c5e5f; font-size:16px; line-height:30px; overflow:hidden; } #home-solutions .col-lft-2 { padding-top:160px; padding-bottom:90px; z-index:10; position:relative; } #home-solutions .api-snippet { padding:20px 0px; padding-bottom:10px; } #home-solutions .api-snippet span { line-height:30px; display:block; color:#8d8f92; padding:25px 20px; background:#ededed; font-size:18px; margin-bottom:10px; } #home-solutionshot { width:969px; height:787px; position:absolute; right:-400px; top:0px; z-index:0; } /* ------------------------------------------------------------- IPAD LANDSCAPE */ @media (max-width: 1150px) { /* hero */ #hero-slider { height:450px; } #hero-slider .slide { height:450px; background-size:1490px; } #hero-nav { font-size:16px; } #hero-nav .hero-btn { width:370px; padding:30px 30px; } #hero-nav .hero-btn h2 { font-size:35px; line-height:45px; } #hero-nav .buynow-btn { padding:0px 20px; float:right; font-size:14px; } /* home pov */ #home-povshot { right:-250px; width:947px; height:687px; } /* home stream */ #home-streamshot { width:850px; } /* home solutions */ #home-solutionshot { width:769px; right:-360px; top:50px; } #home-solutions .api-snippet span { font-size:16px; } } /* ------------------------------------------------------------- IPAD PORTRAIT */ @media (max-width: 960px) { /* hero */ #hero-slider { height:400px; } #hero-slider .slide { height:400px; background-size:1330px; } #hero-nav { font-size:16px; height:auto; padding-bottom:20px; } #hero-nav .hero-btn { width:auto; height:auto; margin-bottom:20px; } #hero-nav-left, #hero-nav-right { float:none; } /* home kits */ #home-kits h2 { font-size:40px; line-height:40px; } #home-kits h3 { font-size:20px; line-height:20px; } #home-kits-cta a { line-height:40px; width:130px; } /* home pov */ #home-pov { font-size:14px; line-height:26px; } #home-pov .col-lft-2 { padding-top:140px; padding-bottom:70px; } #home-povshot { right:-300px; width:847px; } /* home stream */ #home-stream { font-size:14px; line-height:26px; } #home-stream .col-rgt-2 { padding-top:140px; padding-bottom:70px; } #home-streamshot { left:-460px; top:150px; width:750px; } /* home solutions */ #home-solutions { font-size:14px; line-height:26px; } #home-solutions .col-lft-2 { padding-top:140px; padding-bottom:70px; } #home-solutionshot { width:569px; right:-250px; top:150px; } } /* ------------------------------------------------------------- IPHONE */ @media (max-width: 767px) { /* hero */ #hero-slider, #hero-nav { display:none; } #hero-mobile { display:block; } /* home kits */ #home-kits-top { display:none; } #home-kits { padding:40px 0px; padding-bottom:30px; background:#e7e7e8; } #home-kits-cta { width:100%; float:none; text-align:center; margin-bottom:30px; } #home-kits-cta a { width:49%; } #home-kits-left, #home-kits-right { width:100%; float:none; } #home-kits h3 { font-size:30px; line-height:30px; } .home-logo { width:40%; } /* home pov */ #home-pov .col-lft-2 { padding-top:110px; padding-bottom:30px; } #home-povshot { display:none; } /* home stream */ #home-stream .col-rgt-2 { padding-top:110px; padding-bottom:30px; } #home-streamshot { display:none; } /* home solutions */ #home-solutions .col-lft-2 { padding-top:110px; padding-bottom:50px; margin:0px; } #home-solutionshot { display:none; } #home-solutions .api-snippet span { font-size:14px; padding:10px;} } /* ------------------------------------------------------------- IPHONE SMALLER */ @media (max-width: 600px) { .home-logo { width:60%; } }