@font-face {font-family: proxima-light;src: url('fonts/ProximaNova-Light.otf');}
   @font-face {font-family: proxima-bold;src: url('fonts/ProximaNova-Bold.otf');}
   @font-face {font-family: proxima-boldlt;src: url('fonts/ProximaNova-Boldlt.otf');}
   @font-face {font-family: proxima-semibold;src: url('fonts/ProximaNova-Semibold.otf');}
   @font-face {font-family: proxima-extrabold;src: url('fonts/ProximaNova-Extrabold.otf');}
   @font-face {font-family: proxima-regular;src: url('fonts/ProximaNova-Regular.otf');}
   @font-face {font-family: proxima-black;src: url('fonts/ProximaNova-Black.otf');}
  .proxima-regular {font-family:'proxima-regular';}
  .proxima-bold {font-family:'proxima-bold';}
  .proxima-boldlt {font-family:'proxima-boldlt';}
  .proxima-semibold {font-family:'proxima-semibold';}
  .proxima-extrabold {font-family:'proxima-extrabold';}
  .proxima-light {font-family:'proxima-light';}
  .proxima-black {font-family:'proxima-black';}
  .black {color:white;}
  .white {color:white;}
  html,body {margin:0;padding:0;overflow-x:hidden;font-family:'proxima-regular', verdana;line-height: 1.6;}
  .body {background:white;}
  a {text-decoration:none;color:black;}
  h3 {font-family:;margin:50px 0px 0px 0px; font-size: 12px;border-bottom:solid 1px;width:88%;}
 .l-list-main {font-family: proxima-bold;margin-bottom:20px; font-size: 18px;width:88%;position:relative;padding:7px 0px;cursor:pointer;}
 .flL {float:left;}
 .flR {float:right;}
  .fenlei {font-family: proxima-bold;margin:10px 0px 0px 0px; font-size: 12px;border-bottom:solid 1px;width:88%; font-weight:bold; font-family:;}

.and-banner {position:relative;width:100%;text-align:center;}
#banner_container{width: 100%;margin-top:56px;}
#banner_container img {width:100%;}
.banner-btn {float:left;width:189px; margin-top:20%;}
.banner-phone {float:left; margin:125px 0px 0px 75px;}
.compare-q-w {width:100%;height:150px;background:rgba(30, 30, 30, 0.9); display:none;position:fixed;top:58px;z-index:999999;border-bottom:solid 1px rgba(200, 200, 200, 0.3);}
.compare-w-i {position:relative;width:100%;}
.compare-w-ia {position:absolute;top:9px;right:0px;width:440px;}
.device-1,.device-2,.compare-btn-h, .compare-btn-go {position:relative;width:110px;text-align:center;float:left;}
.removeCompDev {position:absolute;top:-10px;right:0px;font-size:19px;cursor:pointer;z-index:99999999;}
.device-1 img.q-img-1, .device-2 img.q-img-2 {height:140px;margin-left:-10px;}
.device-1 img.x-img, .device-2 img.x-img {height:14px;width:14px;}
.compare-btn-h, .compare-btn-go {padding:3px;margin:10% 5%;}
.compare-btn-h {background:black;opacity:0.4;cursor:not-allowed;color:white;width:100px;display:block;}
.compare-btn-go {background:black;cursor:pointer;color:white;width:100px;display:none;border: solid 1px rgba(200, 200, 200, 0.5);}
#filterTags {margin-bottom:20px;}
.section-w {z-index:99999999;background:white;margin-top:1%;}
.l_menu {width:22%;float:left;padding-left:3%;}
.filterCrumb {padding:3px 2% 3px 0px;border-bottom:2px solid #dddddd;text-align:left;margin-right:20px;text-transform:capitalize;cursor:pointer;background:url('/images/x.png') center right no-repeat;}
 /* home grid*/
.home-grid {width:75%;float:right;position:relative;margin-top:36%;opacity:0; margin-bottom:0%;}
.home-grid .flL {width:100%;position:relative;margin-top:250px;}
.home-grid .flL img {width:100%;z-index:9;display:block;}
.home-grid-2 {width:75%;float:right;position:relative;opacity:0;display:none; margin-bottom:5%;margin-top:40%;}
.home-grid-2 .flL {width:100%;position:relative;margin-top:250px;}
.home-grid-2 .flL img {width:100%;z-index:9;display:block;}
.hg-1x1 {position:relative;top:5%;margin-left:7%;z-index:99;width:86%;text-align:left;font-size:17px;}
.hg-1x1 ul {list-style:none;margin:5px 0px 0px -25px;}
.hg-1x1 ul a {font-family:'proxima-regular', arial; font-size: 16px;}
.hg-1x1 #form {position:relative;}
.hg-1x1 #form input[type=text],.hg-1x1 form input[type=submit] {border-radius:0px !important;border:1px solid white;}
.hg-1x1 #form input[type=submit] {border:1px solid #fefb88;}
.hg-1x1 h1 {font-size:30px;text-transform:uppercase;font-family:'proxima-light';padding-top:2%;}
.l_menu-ttl {font-size:30px; font-family: proxima-light;}
.btm-ttl {margin-top:-20px;}
.navList-w {padding-top:10px;}
.l-list {width:88%;border-bottom:2px solid #f0f0f0;font-family:;position:relative;padding:7px 0px;cursor:pointer;font-size:12px;}
.l-list-contract {width:88%;font-family:;position:relative;padding:7px 0px;cursor:pointer;font-size:12px;}
.l-list-contract img {display:block;position:absolute;top:15px;right:0px;}
.l-list-main img {display:block;position:absolute;top:15px;right:0px;}
.l-list img {display:block;position:absolute;top:15px;right:0px;}
.seriesUl {display:none;}
ul.seriesUl li {cursor:pointer;padding-left:8%;padding-bottom:2%;cursor:pointer;font-size: 12px;color:#656565;font-family:;}
.r-nav-u {display:none;}
ul.seriesUl li.screen-sizes, ul.seriesUl li.color-list {float:left;padding:5px;border:1px solid silver;width:15%;text-align:center;}
ul.seriesUl li.color-list {border:none;}
ul.seriesUl li.color-list img {width:25px;}
input.enterEmail-h {position:absolute;left:0px;top:20px;width:165px;}
input.notitify-h {position:absolute;left:265px;top:20px;background-color:#e57732;}
input[type="text"] {color:white !important;}
input[type="submit"] {text-transform:capitalize !important;}
input[type="submit"]:hover {background-color:#fefb88;}
.hd-title {margin-top:35px;}
.hd-title, .hd-title-2 {font-size:28px;text-transform:uppercase;}
.hd-title span {opacity:0.7;}
.hd-title-2 {margin-top:-13px;}
.hd-1x1-txt {width:80%;line-height:17px;font-size:14px;}
.hd-1x2-txt, .hd-1x3-txt, .hd-1x4-txt {position:relative;width:100%;}
.hd-1x2-txt a, .hd-1x3-txt a, .hd-1x4-txt a {color:rgba(30,30,30,0.9); text-transform:uppercase;}
.new-det-arr {position:absolute;top:0px;right:26%;width:22px;height:19px;}
.g-line {width:100%;border-top:2px solid rgba(190,190,190,0.8);margin:6% 0 10px 0;padding:10px 0;position:relative;}
.g-line ul {position:absolute;top:5px;right:0;}
.g-line ul li {display:inline;padding:0 40px;border-right:1px solid gray;font-size:11.52px;line-height:1.6}
.g-line ul li:last-child {border:none;}
.g-line p {margin-left:40px;}
/* blu media */  
.and-txt {position:absolute;bottom:5%;left:26%;z-index:2;font-size:45px;text-transform:uppercase;}
.grid-wrap-w {width:100%;margin: 0 0 2% 0;}
.and-grid {float:left;width:33%;margin-bottom:2%;text-align:center;min-height: 410px;}
.and-grid img {max-width:300px;margin:0 auto;}
.and-grid-link {margin:2% 0% 6% 0%;}
.and-grid-link a {padding:5px 5px; color:#5b5b5b;} 
.and-ttl {font-size:20px;}
.bd-n {border:none;}
.glb-sec {width:100%;height:500px;background:url('../images/global-portfolio.jpg') center center no-repeat;text-align:center;}
.global-btn {padding:7px 20px; text-transform: uppercase; border:1px solid black; font-size:19px; margin-top:2%; text-align: center;width:270px; margin: 0 auto;}
.global-text {width:40%; margin: 0 auto;}
figure.product-hover img {-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(0,20px,0);
transform: translate3d(0,20px,0);}
figure {margin:0px;}

figure.product-hover .and-grid-link {-webkit-transform: translate3d(0,20px,0);transform: translate3d(0,20px,0);}
figure.product-hover .and-ttl { margin-top:48px; font-size:14px; font-family:;}
figure.product-hover .and-grid-link {opacity: 0;-webkit-transition: opacity 0.2s, -webkit-transform 0.35s;transition: opacity 0.2s, transform 0.35s;}
figure.product-hover:hover .and-grid-link {opacity: 1;}
figure.product-hover:hover img,
figure.product-hover:hover .and-ttl,
figure.product-hover:hover .and-grid-link {-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
figure.product-hover:hover p {-webkit-transition-delay: 0.05s;transition-delay: 0.05s;-webkit-transition-duration: 0.35s;transition-duration: 0.35s;}
.p-li li {border:none;padding:7px;}
li.o-nav > a {font-family:'proxima-bold';}
.p-li li a {font-size:16px;font-weight:100;opacity:0.8;}
.p-li ul {margin:15px 0 0 0;display:none;}   
.m-op {display:block;}
.m-cl {display:none;}
.cming-soon {width:100%;height:300px;background:rgba(150,150,150,1);text-align:center;color:white;margin-top:-55px;}
.cming-text p:first-child {font-size:33px;font-family:; padding-top:30px; padding-left:101px;}
.cming-text p:nth-child(2) {}
#form {position:relative;width:135%;}
#form2 {width:40%;margin-left:30%;margin-top:-12px;position:relative;}
#form input[type=text], form input[type=submit] {border-radius:0px !important;border:1px solid black;background-color:rgba(0,0,0,0);text-transform:uppercase;}
input.enterEmail-h {position:relative;top:0;left:0;width:265px;margin:0 auto;padding:10px 9px; height:37px;}
button.notitify-h {position:relative;top:-25;background-color:rgba(0,0,0,0.7);border:1px solid black;cursor:pointer;color:white;border-left:none;text-transform:uppercase;padding:16px 11px;margin-left:-4px;}
input[type="text"] {color:black !important;}
input[type="submit"] {color:white !important;}
input[type="submit"]:hover {background-color:#fefb88;}

.g-line {width:100%;border-top:2px solid rgba(190,190,190,0.8);margin:6% 0 10px 0;padding:10px 0;position:relative;}
.g-line ul {position:absolute;top:5px;right:0;}
.g-line ul li {display:inline;padding:0 40px;border-right:1px solid gray;font-size:11.52px;line-height:1.6}
.g-line ul li:last-child {border:none;}
.g-line p {margin-left:40px;font-family: 'proxima-light';}

.device-compare {cursor:pointer;width:100%;position:relative;}
.device-compare img {position:absolute;top:-9px;right:25%;display:block;z-index:9999;}
.tooltip .tooltiptext {visibility: hidden;width: 120px;background-color:#4c4c4c;color: #fff;text-align: center;padding: 5px;position: absolute;z-index: 1;top: -22px;left: 77%; font-size:14px;}
.tooltip:hover .tooltiptext {visibility: visible;}
.compare-one {position:fixed;display:none;position:fixed;background:white;top:0px;right:-1999px;width:100%;color:black;z-index:999999999999;box-shadow: 10px 25px 25px rgba(50,50,50,0.5);background: rgba(30, 30, 30, 0.99);}
.compare-two {position:fixed;display:none;width:50%;background:white;top:0;left:0;margin-left:50%;color:black;z-index:99999999999;}
.compare-one-i {position:relative;}
.compare-two-i {position:relative;}
.compare-one-txt .and-grid {text-align:left;width:40%;}
.compare-one-txt .and-grid:first-child {margin-left:10%;}
.compare-two-txt .and-grid{text-align:left;}
.compare-title{text-align:center;color:white;font-family:proxima-light;font-size:26px;margin-top:3%;}
.closeX {text-align:center;color:white;font-family:proxima-light;font-size:16px;cursor:pointer;}
figure.device-pop {position:relative;padding:2% 2% 2% 12%;overflow-y:scroll;margin-top:10%;}
.pop-buy {position:absolute;top:80px;right:120px;border:1px solid white;padding:5px 15px;color:white;}
.pop-buy a{color:white;font-family:proxima-light;}
.device-ttl {position:absolute;top:40px;right:120px;}
.and-pop {float:left;width:50%;margin-bottom:2%;color:white;}
.and-pop img {max-width:300px;margin:0 auto;}
.and-grid-link {margin:2% 0% 6% 0%;}
.and-grid-link a {padding:5px 5px; color:#5b5b5b;} 
.spec-p-w {text-align:left;width:100%;font-family:proxima-light;line-height:1.3;font-size:14px;color:white;padding-top:3%;}
.o-mobFilter-ttl, .c-mobFilter-ttl, .o-mobSeries-ttl,.c-mobSeries-ttl {display:none;width:86%;margin-left:7%;text-align:center;}
.mob-filter-w {width:100%;position:relative;}
.o-mobFilter-w,.o-mobSeries-w {width:50%;float:left;padding:3% 0;border-bottom:1px solid gray;cursor:pointer;display:none;}
.o-mobSeries-w {border-right:1px solid gray;width:49.5%;}
.seriesListAndroid-ul {display:block;}
.l-list-main-d {display:none;}
.l-list-main-u {display:block; font-size:12px;}


@media (max-width: 1392px) { 
 .pop-buy {position:absolute;top:80px;right:50px;border:1px solid white;padding:5px 15px;color:white;}
 .device-ttl {position:absolute;top:40px;right:50px;}
}
@media (max-width: 1200px) { 
#banner_container {width: 100%;height:300px;margin-top:58px;background: url(images/banner-980-1200.jpg) center center no-repeat;}   

}
@media (max-width: 1175px) { 
.and-grid img {max-width:250px;}
.and-grid-link a:first-child {display:none;}
}
@media (max-width: 1072px) { 
.pop-buy {top:255px;left:50px;padding:5px 15px;}
.device-ttl {position:absolute;top:215px;left:50px;text-align:center;}
.spec-p-w {margin-top:100px;}   
figure.device-pop {text-align:center;padding:2%;}
figure.device-pop img {max-width:200px;}
#form form {width:60%;margin-left:20%;}
}
@media (max-width: 1026px) { 
.and-grid {width:50%;}
ul.seriesUl li.screen-sizes {float:none;border:none;width:100%;text-align:left;}
ul.seriesUl li.color-list {width:45%;height:25px;text-align:left;padding-left:0px;}
figure.product-hover .and-grid-link, figure.product-hover img,  figure.product-hover .and-ttl {opacity:1;transform: translate3d(0,0px,0);}
figure.product-hover:hover img, figure.product-hover:hover .and-ttl, figure.product-hover:hover .and-grid-link {transform: translate3d(0,0px,0);}
}
@media (max-width: 980px) { 
#banner_container{width: 100%;height:267px;margin-top:58px;background: url(images/banner-799-980.jpg) center center no-repeat;}

.g-line {width:100%;border-top:2px solid rgba(190,190,190,0.8);margin:6% 0 10px 0;padding:10px 0;position:relative;}
.g-line ul {position:absolute;top:5px;right:0;}
.g-line ul li {display:inline;padding:0 10px;border-right:1px solid gray;font-size:11.52px;line-height:1.6}
.g-line ul li:last-child {border:none;}
.g-line p {margin-left:40px;}
.seriesListAndroid-ul {display:none;}
.l-list-main-d {display:block;}
.l-list-main-u {display:none;}
}
@media (max-width: 856px) { 
.hg-1x1 {margin-left:12%;}
.l_menu {float:none;width:100%;padding-left:0px;}
.home-grid {width:100%;}
.mobFilter-w {display:none;}
.o-mobFilter-ttl, .o-mobSeries-ttl, .o-mobFilter-w,.o-mobSeries-w {display:block;}
#filterTags {width:86%;margin-left:7%;padding:15px 0;}
body {overflow-y:hidden;}
.seriesListAndroid-ul {display:block;}
ul.seriesUl li {padding-left:0px;}
h3 {margin-top:10px;}
.and-grid img {max-width:230px;}
.grid-wrap-w {margin: 8% 0 3% 0;}
.tooltip .tooltiptext {display:none;}
.filterCrumb {padding:3px 6% 3px 0px;}
}
@media (max-width: 799px) { 

 header, nav {z-index:99999999999999999999;}
 #banner_container{width: 100%;height:135px;margin-top:56px;background: url(images/banner-400-799.jpg) center center no-repeat;}

#form form {width:80%;margin-left:10%;}
}
@media (max-width: 533px) { 
.device-compare img {top:-21px;right:15%;} 
.and-grid {min-height:350px;}
.and-grid-link a {font-size:13px;}
.and-grid img {max-width:180px;}
.pop-buy {top:200px;left:0px;padding:5px 0px;left:0px;width:50%;margin-left:25%;}
figure.device-pop img {max-width:150px;}
.device-ttl {position:absolute;top:165px;text-align:center;left:0px;width:100%;margin-left:0;font-size:15px;}
.spec-p-w {margin-top:100px;}   
button.notitify-h {width:285px;padding:16px 0px;margin-left:0px;}
#form form {width:90%;margin-left:5%;}
.compare-q-w {height:100px;}
.device-1 img.q-img-1, .device-2 img.q-img-2 {height:90px;}
.removeCompDev {right:12px;}
.compare-q-w {top:55px;z-index:99999;}
 .compare-btn-h, .compare-btn-go {margin:5% 5%;}
 
 }
 @media (max-width: 452px) { 
 .compare-w-ia {width:386px;} 
 }
 @media (max-width: 386px) { 
 .compare-w-ia {width:340px;} 
 .compare-btn-h, .compare-btn-go {margin:5% 1%;}
 }