.proxima-boldlt {font-family:'proxima-boldlt';} .proxima-semibold {font-family:'proxima-semibold';} .proxima-extrabold {font-family:'proxima-extrabold';} .proxima-black {font-family:'proxima-black';} .italic {font-style:italic;} html,body { margin: 0; padding: 0; border: 0; background-color: #FFF;font-family: quasimoda, sans-serif;color:#fff;background: black} html { font-size: 100%; -webkit-touch-callout:none; -webkit-text-size-adjust:none; -ms-text-size-adjust:100%;} article, aside, details, figcaption, figure, dialog, footer, header, hgroup, menu, nav, section { display:block; } /*PG CSS*/ .blu-pg-sec-omega {width:1400px; margin:0 auto;position:relative;z-index: 1;} .blu-pg-sec-ttl {font-size:47px; margin-bottom:20px;line-height: 0.92;font-weight:900;text-transform: uppercase;} .blu-pg-txt {text-align:left;} p {font-size:22px;line-height:1.2;} .d-txt {display: block;} .m-txt {display: none;} .t-name {display: none} .m-spec {display: none} .zero {opacity: 0;animation-delay: 0.5s;-webkit-animation-delay: 0.5s} .black-body-bg {background: black} .m-blu-pg-sec-ttl {display:none;} .smll-ttl {font-weight: 400;font-style: normal;font-size:20px;letter-spacing: 2px;margin-bottom:10px;padding-left: 3px;} .blu-sec-1 {position:relative;height:900px;background:url('images/tank-mini2-1.jpg') center center;background-size: cover} .blu-sec-1 .buyNow {} .blu-sec-2 {position:relative;height:900px;background:url('images/tank-mini2-2.jpg') center center;background-size: cover;} .blu-sec-2 .blu-pg-txt {position: absolute;top:410px;left:900px;width:340px;} .blu-sec-3 {position:relative;height:900px;background:url('images/tank-mini2-3.jpg') center center;background-size: cover;} .blu-sec-3 .blu-pg-txt {position: absolute;top:400px;left:200px;width:320px;} .blu-sec-4 {position:relative;height:900px;background:url('images/tank-mini2-4.jpg') center center;background-size: cover;} .blu-sec-4 .blu-pg-txt {position: absolute;top:530px;left:930px;width:360px;} .blu-sec-5 {position:relative;height:900px;background:url('images/tank-mini2-5.jpg') center center;background-size: cover;} .blu-sec-5 .blu-pg-txt {position: absolute;left:115px;top:440px;width:355px;} .blu-sec-6 {position:relative;height:900px;background:url('images/tank-mini2-6.jpg') center center;background-size: cover;} .blu-sec-6 .blu-pg-txt {position: absolute;left:115px;top:340px;width:450px;} .blu-sec-7 {position:relative;height:900px;background:url('images/tank-mini2-7.jpg') center center;background-size: cover;} .blu-sec-7 .blu-pg-txt {position: absolute;left:815px;top:470px;width:510px;} /*gallery*/ .slider {background:#000;overflow:hidden;height:985px;padding-top:50px} .custom-navigation {display: table;width: 100%;table-layout: fixed;padding-top:10px;} .custom-navigation > * {display: table-cell;} .custom-navigation {position:relative;} .custom-navigation > a {width: 100%;position:relative;} .custom-navigation .flex-next {text-align: right;} #main {margin:0px;} .custom-controls-container {display:none;} a.flex-prev {position:absolute;left:100px;top:-425px;z-index:9999999999;display:block;width:54px;height:64px;background:url('images/gallery/arrow-left.png') center center no-repeat;} a.flex-next {position:absolute;right:100px;top:-425px;width:54px;height:64px;background:url('images/gallery/arrow-right.png') center center no-repeat;} .slides li {width:100%;height:850px;} .first {background:url('images/gallery/black-blue-1.png') center center no-repeat;} .second {background:url('images/gallery/black-blue-2.png') center center no-repeat;} .third {background:url('images/gallery/black-blue-3.png') center center no-repeat;} .fourth {background:url('images/gallery/black-blue-4.png') center center no-repeat;} .fifth {background:url('images/gallery/black-blue-5.png') center center no-repeat;} .colorBtnWrap {width:850px;margin:0 auto;text-align:center;padding-bottom:0px;} .colorBtn {float:left;width:20%;margin:0 1.5%;cursor:pointer;padding: 0% 0;border-radius: 10%;width:35px; height:35px;border:solid 1px white;} .black {background-color: black;background-image: -webkit-linear-gradient(-45deg, black 50%, #171717 50%);} .gold { background: #ffe4c1;} .navy { background: #2e3554;} .blue {background:#33436c} .colors-sec {margin:0 auto;width:100%;text-align:center;position:relative; } .silver {background: #9da0a8;} .cyan {background:#19e4fa;} .lime {background:#b9ef13;} .grey {background-color: #606060;background-image: -webkit-linear-gradient(-45deg, #606060 50%, black 50%);} .red {background:#e11a26;} .black-blue {background-color: #202b56;background-image: -webkit-linear-gradient(-45deg, #202b56 50%, black 50%);margin-left:280px;} .brown {background:#ae825b;} .darkblue {background:#354c92;} .lightgrey {background:#a5a5a5;} .green {background: #415121;;} .black-blue {background-color: #19e4fa;background-image: -webkit-linear-gradient(-45deg, #19e4fa 50%, black 50%);} .black-red {background-color: black;background-image: -webkit-linear-gradient(-45deg, black 50%, red 50%);} /*specs*/ .blu-sec-specs {background:#000;margin-top:0px;height:770px;padding:70px 0px;text-transform: uppercase;} .blu-pg-sec-spec-omega {width:1400px; margin:0 auto;position:relative;} .device-name {position:relative;margin:0 auto;text-align:center} .device-name img {width:228px;} /* !!!!!!! SPEC WIDTH DEPENDING ON TEXT LENGHT !!!!!!! */ .specsGrid {float:left;width:33.33%;height:150px;} .specsGrid ul {list-style:none;text-align:left;margin-left:0px;margin-top:10px;font-weight:400;font-size: 16px;padding-left:80px;font-weight:600} .spec_4g {background:url('images/specs/w-specs-tech.png') top 40px center no-repeat; background-size: 100px;} .spec_mtk {background:url('images/specs/w-specs-chip.png') top 40px center no-repeat; background-size: 100px;} .spec_os { background:url('images/11-specs-tech.png') top 40px center no-repeat; } .spec_cpu {background:url('images/11-specs-processor.png') top 40px center no-repeat;} .spec_gorilla {background:url('images/specs/b-specs-gorilla.png') top 90px center no-repeat;} .spec_audio {background:url('images/specs/w-specs-audio.png') top 90px center no-repeat;} .spec_nougat {background:url('images/specs/w-specs-nougat.png') top 60px center no-repeat;} .spec_fingerprint {background:url('images/specs/w-specs-fingerprint.png') top 40px center no-repeat;background-size: 100px;} .spec_memory {background:url('images/specs/w-specs-memory.png') top 40px center no-repeat;background-size: 100px;} .spec_display {background:url('images/specs/w-specs-display.png') top 40px center no-repeat; background-size: 100px;} .spec_camera {background:url('images/specs/w-specs-camera.png') top 40px center no-repeat; background-size: 100px;} .spec_battery {background:url('images/specs/w-specs-battery.png') top 40px center no-repeat; background-size: 100px;} .spec_connection {background:url('images/specs/w-specs-wifi.png') top 40px center no-repeat; background-size: 100px;} .spec_dimensions {background:url('images/specs/w-specs-dimension.png') top 40px center no-repeat; background-size: 100px;} /* !!!!!!! SPEC POSITION DEPENDING ON TEXT LENGHT !!!!!!! */ .spec-box{margin-top:500px;margin-top:80px;padding-left:115px} .spec-technology {background:url('images/spec/w-technology.png') top 5px left no-repeat;background-size: auto 50px;} .spec-processor {background:url('images/spec/w-processor.png') top 5px left no-repeat;background-size: auto 50px;} .spec-memory {background:url('images/spec/w-memory.png') top 5px left no-repeat;background-size: auto 50px;} .spec-display {background:url('images/spec/w-display.png') top 5px left no-repeat;background-size: auto 50px;} .spec-f-display {background:url('images/spec/w-f-display.png') top 5px left 0px no-repeat;background-size: auto 40px;} .spec-single-camera {background:url('images/spec/w-single-camera.png') top -5px left no-repeat;background-size: auto 50px;} .spec_dual_camera {background:url('images/spec/w-dual-camera.png') top 5px left no-repeat;background-size: auto 55px;} .spec-battery {background:url('images/spec/w-battery.png') top 5px left no-repeat;background-size: auto 50px;} .spec-connectivity {background:url('images/spec/w-connectivity.png') top -10px left no-repeat;background-size: auto 50px;} .spec-dimension {background:url('images/spec/w-dimension.png') top 5px left no-repeat;background-size: auto 50px;} .spec-speaker {background:url('images/spec/w-speaker.png') top 5px left no-repeat;background-size: auto 50px;} .spec-android {background:url('images/spec/w-android.png') top -12px left no-repeat;background-size: auto 50px;} .spec-antenna {background:url('images/spec/w-antenna.png') top 0px left no-repeat;background-size: auto 60px;} .spec-flashlight {background:url('images/spec/w-flashlight.png') top 0px left no-repeat;background-size: auto 55px;} .spec-musickeys {background:url('images/spec/w-musickeys.png') top 5px left no-repeat;background-size: auto 50px;} .spec-mp3-mp4 {background:url('images/spec/w-mp3-mp4.png') top 5px left no-repeat;background-size: auto 50px;} /* -------- Buy Now and Sales Guide Buttons Starts -------- */ .btn-wrap {position: relative;margin:0 auto;height: 100px;text-align: center;margin-top:40px;} .buyNow {position:relative;margin:0 auto;margin-bottom:50px;} .buyNow a {color:#faf6f0;padding:10px 30px;text-decoration: none;font-weight:700;font-size:20px;border:solid 2px #faf6f0;border-radius: 50px;} .salesGuide {position:relative;margin:0 auto;width:210px;} .salesGuide a {color:#faf6f0;padding:5px 4px;text-decoration: none;font-weight:600;font-size:15px;border-bottom:solid 2px #faf6f0;} /* -------- Buy Now and Sales Guide Buttons Starts -------- */ footer {width:100%;background:black;text-align:center;margin-top:0px;} @media (max-width: 1400px) { .blu-pg-sec-omega {width:980px;} p {font-size:20px;line-height:1.2;} .blu-pg-sec-ttl {font-size:35px;margin-bottom:0px;line-height: 0.9;letter-spacing: 0} .smll-ttl {font-size:20px;margin-bottom:5px;} .blu-sec-1 {height:750px;background:url('images/t-tank-mini2-1.jpg') center center;background-size: cover} .blu-sec-1 .buyNow {} .blu-sec-2 {height:750px;background:url('images/t-tank-mini2-2.jpg') center center;background-size: cover;} .blu-sec-2 .blu-pg-txt {top:290px;left:650px;width:340px;} .blu-sec-3 {height:750px;background:url('images/t-tank-mini2-3.jpg') center center;background-size: cover;} .blu-sec-3 .blu-pg-txt {top:400px;left:100px;width:300px;} .blu-sec-4 {height:750px;background:url('images/t-tank-mini2-4.jpg') center center;background-size: cover;} .blu-sec-4 .blu-pg-txt {top:430px;left:630px;width:340px;} .blu-sec-5 {height:750px;background:url('images/t-tank-mini2-5.jpg') center center;background-size: cover;} .blu-sec-5 .blu-pg-txt {left:120px;top:270px;width:315px;} .blu-sec-6 {height:750px;background:url('images/t-tank-mini2-6.jpg') center center;background-size: cover;} .blu-sec-6 .blu-pg-txt {left:120px;top:198px;width:380px;} .blu-sec-7 {height:750px;background:url('images/t-tank-mini2-7.jpg') center center;background-size: cover;} .blu-sec-7 .blu-pg-txt {left:610px;top:340px;width:370px;} .blu-pg-sec-spec-omega {width:980px; margin:0 auto;position:relative;} .blu-sec-specs {height:690px;} .spec-box {padding-left:40px;} /* !!!!!!! SPEC POSITION DEPENDING ON TEXT LENGHT !!!!!!! */ .specsGrid {float:left;width:33.33%;border:none;height:130px;} .specsGrid ul {list-style:none;} .specsGrid ul {font-size: 16px;} } @media (max-width: 980px) { .buyNow a {font-size:15px;padding:10px 25px;} .slider {display: none;} .blu-pg-sec-omega {width:380px; margin:0 auto;position:relative;} .d-txt {display: none;} .m-txt {display: block;margin-top:-5px;} .blu-pg-sec-ttl {font-size: 30px;line-height: 0.9;margin-bottom:15px} p {font-size: 16px;line-height: 1.2;margin: 0px;font-weight:600} .device-name img {width:200px;} .blu-pg-sec {margin:0px 0px 0px 0px;} .smll-ttl {font-size:18px;margin-bottom:5px;padding-left:0px} .blu-sec-1 {position:relative;height:800px;background:url('images/m-tank-mini2-1.jpg') center center;position:relative no-repeat;background-size: cover;} .blu-sec-1 .buyNow {position: relative;top:160px;left:0px;text-align:center;} .blu-sec-2 {height:800px;background:url('images/m-tank-mini2-2.jpg') center center no-repeat; background-size:cover;} .blu-sec-2 .blu-pg-txt {position:relative;margin:0 auto; text-align:center;left:0px;top:60px;width:240px} .blu-sec-3 {height:800px;background:url('images/m-tank-mini2-3.jpg') center center no-repeat; background-size:cover;} .blu-sec-3 .blu-pg-txt {position:relative;margin:0 auto; text-align:center;left:0px;top:80px;width:260px} .blu-sec-4 {height:800px;background:url('images/m-tank-mini2-4.jpg') center center;position:relative; background-size:cover;} .blu-sec-4 .blu-pg-txt {position:relative;margin:0 auto; text-align:center;left:0px;top:90px;width:270px;} .blu-sec-5 {height:800px;background:url('images/m-tank-mini2-5.jpg') center center;position:relative; background-size:cover;} .blu-sec-5 .blu-pg-txt {position:relative;margin:0 auto; text-align:center;left:0px;top:90px;width:230px;} .blu-sec-6 {height:800px;background:url('images/m-tank-mini2-6.jpg') center center;position:relative; background-size:cover;} .blu-sec-6 .blu-pg-txt {position:relative;margin:0 auto; text-align:center;left:0px;;top:70px;width:270px;} .blu-sec-7 {height:800px;background:url('images/m-tank-mini2-7.jpg') center center;position:relative; background-size:cover;} .blu-sec-7 .blu-pg-txt {position:relative;margin:0 auto; text-align:center;left:0px;;top:120px;width:260px;} .blu-pg-sec-spec-omega {width:280px; margin:0 auto;position:relative;} .blu-sec-specs {height: auto;width:100%;background:black} .specsGrid ul {list-style:none;padding-left: 65px;} .specsGrid {float:left;width:100%;height:100px;} .btn-wrap {margin-top:20px} .spec-box{margin-top:50px;padding-left:20px} .spec-technology {background:url('images/spec/w-technology.png') top 0px left 5px no-repeat;background-size: auto 40px;;clear:both} .spec-processor {background:url('images/spec/w-processor.png') top 0px left 5px no-repeat;background-size: auto 40px;} .spec-memory {background:url('images/spec/w-memory.png') top 13px left 11px no-repeat;background-size: auto 40px;} .spec-display {background:url('images/spec/w-display.png') top 0px left 5px no-repeat;background-size: auto 40px;} .spec-f-display {background:url('images/spec/w-f-display.png') top 5px left 5px no-repeat;background-size: auto 40px;} .spec-single-camera {background:url('images/spec/w-single-camera.png') top -6px left 5px no-repeat;background-size: auto 40px;} .spec-battery {background:url('images/spec/w-battery.png') top 0px left 10px no-repeat;background-size: auto 45px;} .spec-connectivity {background:url('images/spec/w-connectivity.png') top left 5px no-repeat;background-size: auto 40px;} .spec-dimension {background:url('images/spec/w-dimension.png') top 0px left 15px no-repeat;background-size: auto 40px;} .spec-speaker {background:url('images/spec/w-speaker.png') top 0px left 5px no-repeat;background-size: auto 40px;} .spec-flashlight {background:url('images/spec/w-flashlight.png') top 0px left 9px no-repeat;background-size: auto 55px;} .spec-antenna {background:url('images/spec/w-antenna.png') top 0px left 5px no-repeat;background-size: auto 50px;} } @media (max-width: 797px) { nav ul li:first-child img {top:-57px;width:14%;left:43%;display:block;border:1px solid black;} nav ul li {display:block;} .navWrapIn ul {display:none !important;} .mobBtnO {display:block;} .mobNav {display:block;background:rgba(0,0,0,0);height:1px;position:absolute;top:40px;left:-999px;z-index:999999;} } @media (max-width: 600px) { nav ul li:first-child img {top:-56px;width:20%;left:40%;} } @media (max-width: 524px) { /* -------- Buy Now and Sales Guide Buttons Starts -------- */ .btn-wrap {width:100%;padding-top:0%;margin-bottom:5%;left:0px;margin-top:0px} .buyNow {width: 260px;height: 30px;margin: 0 auto;position: relative;float: none;text-align: center;} .salesGuide {width: 240px;position: relative;margin: 0 auto;height: 49px;float: none;text-align: center;margin-top: 35px;} /* -------- Buy Now and Sales Guide Buttons Ends -------- */ } @media (max-width: 400px) { .blu-pg-sec-omega {width:96%;margin-left:2%;} .blu-sec-specs .blu-pg-sec-omega {width:96%;margin-left:2%;} .specsGrid {width:99%;} .blu-sec-specs {height: auto} }