/* ------------------------------------------------------------- LANDING TOOLS */ #landing-buynowbtn { background:#f15c22; display:inline-block; color:#ffffff; padding:0px 25px; float:right; font-size:16px; font-weight:bold; margin-top:20px; } #landing-buynowbtn:hover { background:#cd4f1f; } #landing-buydrop { float:right; margin-top:20px; width:180px; font-size:14px; } #landing-buydrop a.main-drop { padding:0px 25px; } #landing-buydrop ul { top:40px; } #landing-buydrop a { padding:0px 25px; } /* ------------------------------------------------------------- LANDING BANNER */ #landing-banner { height:640px; } #landing-banner-info { width:550px; padding-top:130px; color:#e0e0e1; font-size:18px; line-height:32px; } #landing-banner-mobile { display:none; height:300px; } .mobile-povbanner { background:#000000 url(../img/landing-povhdbanner-mobile.jpg) top right no-repeat; } .mobile-streambanner { background:#ffffff url(../img/landing-streambanner-mobile.jpg) top center no-repeat; } #landing-banner-buy { padding-top:15px; } #landing-banner-buy span { font-size:48px; font-weight:200; color:#ffffff; line-height:50px; } #landing-banner-buy a { background:#f15c22; display:inline-block; color:#ffffff; padding:0px 35px; vertical-align:top; line-height:50px; font-weight:bold; margin-left:30px; } #landing-banner-buy a:hover { background:#cd4f1f; } #landing-banner-buy .buy-drop a { display:block; margin:0px; text-align:center; } #landing-banner-buy .buy-drop a.main-drop { display:block; background:#f15c22 url(../img/btn-buydrop.png) top right no-repeat; padding-right:95px; } #landing-banner-buy .buy-drop ul a { text-align:left; font-size:14px; } .povhd-landing { background:#000000 url(../img/landing-povhdbanner.jpg) top right no-repeat; } .stream-landing { background:#e7e7e8 url(../img/landing-streambanner.jpg) top center no-repeat; } .stream-landing #landing-banner-info { color:#797c7e; } .stream-landing #landing-banner-buy span { color:#55575a; } /* ------------------------------------------------------------- LANDING COMES WITH */ #landing-comeswith { background:#292a2b url(../img/bg-heronav.png) center right no-repeat; border-top:10px solid #303132; padding-top:30px; padding-bottom:40px; font-size:16px; color:#dbdbdc; } .comeswith-box { width:25%; float:left; } .comeswith-box ul { list-style:none; margin:0px; padding:0px; } .comeswith-box li { line-height:25px; padding:5px 0px; padding-left:30px; background:url(../img/icon-landingcheck.png) top left no-repeat; } /* ------------------------------------------------------------- LANDING OVERVIEW TOP */ #landing-overview-top { background:#e7e7e8; padding:90px 0px; color:#717476; font-size:18px; line-height:28px; overflow:hidden; } #landing-overview-top h2 { color:#5a5c5f; font-size:25px; } #landing-overview-top .col-rgt-2 { z-index:10; position:relative; } #landing-overview-povhdunit { width:668px; height:824px; position:absolute; left:-90px; top:-20px; z-index:0; } #landing-overview-streamconnect { width:691px; height:451px; position:absolute; left:-180px; top:20px; z-index:0; } #landing-overview-thumbs { padding-top:30px; } #landing-overview-thumbs a { margin-right:15px; display:inline-block; } #landing-overview-thumbs a:hover { opacity:0.5; -webkit-opacity:0.5; } #landing-stream-types { padding-top:130px; } #landing-stream-types .stream-type { width:340px; float:left; margin-right:38px; } #landing-stream-types .nomarg { margin:0px; } /* ------------------------------------------------------------- LANDING ACTION */ #landing-action { height:400px; } .action-stream { background:#dbdbdc url(../img/landing-streamaction.jpg) top center no-repeat; } .action-povhd { background:#dbdbdc url(../img/landing-povhdaction.jpg) top center no-repeat; } /* ------------------------------------------------------------- LANDING OVERVIEW BOTTOM */ #landing-overview-bottom { background:#dbdbdc; padding:90px 0px; color:#717476; font-size:18px; line-height:28px; position:relative; } #landing-overview-bottom .col-lft-2 { position:relative; z-index:10; } #landing-overview-bottom h2 { color:#5a5c5f; font-size:25px; } #landing-overview-povcam { width:760px; height:327px; position:absolute; right:0px; top:110px; } #landing-overview-streamprompt { width:788px; height:auto; position:absolute; right:-190px; top:-10px; z-index:0; } #landing-overview-bottom .landing-specifications { background:#f15c22; display:inline-block; font-size:15px; color:#ffffff; padding:0px 25px; vertical-align:top; line-height:60px; font-weight:bold; margin-top:30px;} #landing-overview-bottom .landing-specifications:hover { background:#cd4f1f; } /* ------------------------------------------------------------- LANDING GENERAL */ .buy-drop { width:220px; list-style:none; margin:0px; padding:0px; display:inline-block; vertical-align:top; margin-left:30px; } .buy-drop a { display:block; color:#ffffff; padding:0px 35px; font-weight:bold; } .buy-drop a.main-drop { display:block; background:#f15c22 url(../img/btn-buydrop.png) center right no-repeat; padding-right:95px; } .buy-drop li { position:relative; } .buy-drop li:hover a { border-radius:3px 3px 0px 0px; } .buy-drop li:hover ul { left:0px; } .buy-drop ul a { border-top:1px solid #d84309; line-height:40px; } .buy-drop ul { z-index:200; list-style:none; margin:0px; padding:0px; background:#f15c22; position:absolute; width:100%; top:50px; left:-9999px; } /* ------------------------------------------------------------- CUSTOM SCREEN */ @media (max-width: 1450px) { #landing-overview-povcam { right:-150px; } } /* ------------------------------------------------------------- IPAD LANDSCAPE */ @media (max-width: 1150px) { /* landing banner */ #landing-banner { height:525px; } #landing-banner-info { padding-top:70px; } .povhd-landing { background-size:1480px; background-position:70% 0%; } .stream-landing { background-size:1480px; } /* landing comes with */ #landing-comeswith { font-size:14px; } /* landing overview top */ #landing-overview-povhdunit { width:590px; left:-80px; } #landing-overview-streamconnect { left:-280px; } #landing-stream-types .stream-type { width:274px; } /* landing action */ #landing-action { height:300px; background-size:1480px; } /* landing overview bottom */ #landing-overview-povcam { width:660px; height:284px; position:absolute; right:-150px; top:110px; } #landing-overview-streamprompt { right:-240px; } } /* ------------------------------------------------------------- IPAD PORTRAIT */ @media (max-width: 960px) { /* landing banner */ #landing-banner-info { width:370px; font-size:16px; line-height:25px; } /* landing comes with */ .comeswith-box { width:50%; float:left; } /* landing overview top */ #landing-overview-top { padding:70px 0px; font-size:15px; line-height:24px; padding-bottom:100px; } #landing-overview-top .col-rgt-2 { width:100%; float:none; } /*#landing-overview-povhdunit { width:510px; left:350px; top:20px; } #landing-overview-streamconnect { position:relative; width:80%; height:auto; left:auto; top:auto; }*/ #landing-overview-povhdunit, #landing-overview-streamconnect { display:none; } #landing-stream-types { padding-top:50px; } #landing-stream-types .stream-type { width:216px; margin-right:25px; } #landing-stream-types .nomarg { margin:0px; } /* landing action */ #landing-action { height:240px; background-size:1080px; } /* landing overview bottom */ #landing-overview-bottom { padding:70px 0px; font-size:16px; line-height:24px; } #landing-overview-bottom .col-lft-2 { width:100%; } /*#landing-overview-povcam { width:700px; height:auto; top:400px; right:0px; } #landing-overview-streamprompt { position:relative; width:80%; height:auto; left:auto; top:auto; }*/ #landing-overview-povcam, #landing-overview-streamprompt { display:none; } } /* ------------------------------------------------------------- IPHONE */ @media (max-width: 767px) { /* landing tools */ #secondary-nav { text-align:center; } #landing-buydrop { display:none; } /* landing banner */ #landing-banner-info { width:100%; font-size:16px; line-height:28px; text-align:center; padding-top:40px; } #landing-banner-buy a { display:block; margin:0px; margin-top:20px; } #landing-banner-mobile { display:block; } #landing-banner { height:auto; padding-bottom:50px; } .povhd-landing { background:#202021; } .stream-landing { background:#e7e7e8; } #landing-banner-buy .buy-drop { display:block; margin:auto; margin-top:10px; width:auto; } /* landing comes with */ #landing-comeswith { font-size:14px; background-image:none; } .comeswith-box { width:100%; float:none; } /* landing overview top */ #landing-overview-top { padding:50px 0px; font-size:14px; line-height:22px; } #landing-overview-povmain { display:none; } #landing-overview-thumbs { padding-top:20px; } #landing-overview-thumbs a { width:85px; margin:10px; } #landing-stream-types { padding-top:50px; } #landing-stream-types .stream-type { width:100%; float:none; margin:0px; margin-bottom:30px; } /* landing action */ #landing-action { display:none; } /* landing overview bottom */ #landing-overview-bottom { padding:50px 0px; font-size:14px; line-height:22px; } #landing-overview-povcam { display:none; } }