@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-#323232;
    src: url('fonts/ProximaNova-#323232.otf');
}
@font-face {
    font-family: helvetica-thin;
    src: url('fonts/HelveticaNeue-Thin.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-#323232 {font-family:'proxima-#323232';}
.italic {font-style:italic;}
html,body { margin: 0; padding: 0; border: 0; background-color: #eaeaea;font-family: objektiv-mk1;font-weight:300 }
html { font-size: 100%; -webkit-touch-callout:none; -webkit-text-size-adjust:none;font-family:'proxima-regular',verdana;
 -ms-text-size-adjust:100%;color:#4e4d4d; }
article, aside, details, figcaption, figure, dialog, footer, header, hgroup, menu, nav, 
section { display:block; }
 p {font-size:22px;line-height:32px;}
.mob-txt {display:none;}
.line {background: -moz-linear-gradient(45deg, rgba(253,51,111,1) 0%, rgba(56,74,250,1) 74%, rgba(56,74,250,1) 100%);
background: -webkit-linear-gradient(45deg, rgba(253,51,111,1) 0%, rgba(56,74,250,1) 74%, rgba(56,74,250,1) 100%);
background: -o-linear-gradient(45deg, rgba(253,51,111,1) 0%, rgba(56,74,250,1) 74%, rgba(56,74,250,1) 100%);
background: -ms-linear-gradient(45deg, rgba(253,51,111,1) 0%, rgba(56,74,250,1) 74%, rgba(56,74,250,1) 100%);
background: linear-gradient(45deg, rgba(253,51,111,1) 0%, rgba(56,74,250,1) 74%, rgba(56,74,250,1) 100%);}

/*PG CSS*/
.blu-pg-sec {width:100%;padding:0;}
.blu-pg-sec-omega {width:1400px; margin:0 auto;position:relative;}
.blu-pg-sec-title {width:100%;text-align:center;font-size:28px;font-weight:bold;margin:3% 0;}
.blu-pg-sec-p {width:100%;text-align:left;}
.blu-pg-sec-img, .blu-pg-sec-img img {width:100%;}
.blu-pg-sec-ttl {font-family:'objektiv-mk1';font-weight:100;font-size:60px;text-transform: uppercase;line-height:70px;}
.m-name-buy {display: none;}
.m-display {display: none;}

.blu-sec-1 {position:relative;height:1760px;background:url('images/vivo-xl3-1.jpg') center center no-repeat;cursor:pointer;text-align:left;background-size:cover;}
.blu-sec-1 .blu-pg-txt {position: absolute;top: 150px;left: 410px;z-index: 999;}

.blu-sec-2 {height:1070px;background:url('images/vivo-xl3-2.jpg') center center;position:relative;background-size:cover;}
.blu-sec-2 .blu-pg-txt {padding-top:70px;position:absolute;left:50px;}
.blu-sec-2 .blu-pg-sec-ttl {text-align: right;position: absolute;top:95px;}
.blu-sec-2 .blu-pg-txt .line {width:293px; height:5px;margin:0px 0px 10px 7px;}
.blu-sec-2 .blu-pg-txt p {position: absolute;top:80px;left:350px;width: 870px;}

.blu-sec-3 {height:2400px;background:url('images/vivo-xl3-3-4.jpg') center center no-repeat;background-size:cover;}
.blu-sec-3 .blu-pg-txt .line {position:relative;margin:0 auto;width:195px; height:5px;margin:0px 0px 25px 7px;}
.blu-sec-3 .blu-pg-txt {position:absolute;top:340px;width:335px;left:20px;}

.blu-sec-3 .blu-pg-txt-2 .line {position:relative; margin:0 auto;width:195px; height:5px;margin-bottom: 25px;}
.blu-sec-3 .blu-pg-txt-2 {position:relative;margin:0 auto;top:1350px;width:935px;text-align: center;}

.sec-vid {width:100%;}
.display-vid {position:relative;margin:0 auto;width:1700px;top:1500px;}
#dply-vid {width:100%}


.blu-sec-5 {height:1070px;background:url('images/vivo-xl3-5.jpg') center center;background-size:cover;position:relative;}
.blu-sec-5 .blu-pg-txt {position:relative;margin:0 auto;top:750px;width:900px;text-align:center;color:#eaeaea;font-weight: 100;}
.blu-sec-5 .blu-pg-txt2 {position:absolute;text-align:justify;top:780px;left:105px;color:#eaeaea;width:960px;}
.blu-sec-5 .blu-pg-txt .line {position:relative; margin:0 auto;width:310px; height:5px;margin-bottom: 35px;}



.blu-sec-6 {height:1200px;background:url('images/vivo-xl3-6.jpg') center center;position:relative;background-size:cover;}
.blu-sec-6 img {position: absolute;top:140px;left:100px;}
.blu-sec-6 .line {position:absolute;width:5px; height:205px;top:125px;left:361px;}
.blu-sec-6 .blu-pg-txt {padding-top:115px;position:absolute;left:420px;color:#fff;}
.blu-sec-6 .blu-pg-sec-ttl {top:95px;}
.blu-sec-6 .blu-pg-txt .line {width:293px; height:5px;margin:0px 0px 10px 7px;}
.blu-sec-6 .blu-pg-txt p {top:80px;left:350px;width: 830px;}


.blu-sec-7 {height:1070px;background:url('images/vivo-xl3-7.jpg') center center;background-size:cover;position:relative;}
.blu-sec-7 .blu-pg-txt .line {width:355px; height:5px;margin:0px 0px 10px 7px;}
.blu-sec-7 .blu-pg-txt {position:absolute;top:655px;left:90px;width:530px;}
.blu-sec-7 .blu-pg-sec-ttl {padding-top:20px;}


.blu-sec-8 {height:1070px;background:url('images/vivo-xl3-8.jpg') center center;position:relative;background-size:cover;}
.blu-sec-8 .blu-pg-txt {padding-top:120px;position:absolute;left:90px;}
.blu-sec-8 .blu-pg-sec-ttl {position: absolute;top:145px;}
.blu-sec-8 .blu-pg-txt .line {width:273px; height:5px;margin:0px 0px 10px 7px;}
.blu-sec-8 .blu-pg-txt p {position: absolute;top:130px;left:350px;width: 870px;}


.blu-sec-9 {height:1070px;background:url('images/vivo-xl3-9.jpg') center center;background-size:cover;position:relative;}
.blu-sec-9 .blu-pg-txt {position:absolute;top:225px;left:37px;width:510px;color:#eaeaea;}
.blu-sec-9 .blu-pg-txt .line {width:290px; height:5px;margin-left:5px;}
.blu-sec-9 .blu-pg-sec-ttl {text-align:left;margin:20px 0px;}
.blu-sec-9 img {margin-top:30px;}


.blu-sec-10 {height:1070px;background:url('images/vivo-xl3-10.jpg') center center;background-size:cover;position:relative;}
.blu-sec-10 .blu-pg-txt {position:relative;margin:0 auto;top:50px;width:900px;text-align:center;color:#eaeaea;font-weight: 100;}
.blu-sec-10 .blu-pg-txt .line {position:relative; margin:0 auto;width:310px; height:5px;margin-bottom: 30px;}
.blu-sec-10 img {margin-top:20px;}


.blu-sec-11 {height:1200px;background:url('images/vivo-xl3-11.jpg') center center;background-size:cover;position:relative;}
.blu-sec-11 .blu-pg-txt {position:relative;margin:0 auto;top:120px;width:1080px;text-align:center;}
.blu-sec-11 .blu-pg-txt .line {position:relative; margin:0 auto;width:290px; height:5px;margin-bottom: 30px;}
.blu-sec-11 img {margin-top:20px;}


.blu-sec-12 {height:1070px;background:url('images/vivo-xl3-12.jpg') center center;background-size:cover;position:relative;}
.blu-sec-12 .blu-pg-txt {position:relative;margin:0 auto;top:80px;width:930px;text-align:center;}
.blu-sec-12 .blu-pg-txt .line {position:relative; margin:0 auto;width:290px; height:5px;margin-bottom: 30px;}


.blu-sec-13 {height:2400px;background:url('images/vivo-xl3-13.jpg') center center;background-size:cover;position:relative;}
.blu-sec-13 .blu-pg-txt {position:relative;margin:0 auto;top:880px;width:700px;text-align:center;}
.blu-sec-13 .blu-pg-txt .line {position:relative; margin:0 auto;width:290px; height:5px;margin-bottom: 30px;}
.blu-sec-13 .blu-pg-txt-2 {position:relative;margin:0 auto;top:1720px;width:930px;text-align:center;}
.blu-sec-13 .blu-pg-txt-2 .line {position:relative; margin:0 auto;width:290px; height:5px;margin-bottom: 30px;}

.blu-sec-14 {height:2400px;background:url('images/vivo-xl3-14.jpg') center center;background-size:cover;position:relative;}
.blu-sec-14 .blu-pg-txt .line {position:relative; margin:0 auto;width:320px; height:5px;margin-bottom: 30px;}
.blu-sec-14 .blu-pg-txt {position:relative;margin:0 auto;top:630px;width:745px;text-align:center;color:#eaeaea;font-weight:100;}
.blu-sec-14 .blu-pg-txt-2 .line {position:relative; margin:0 auto;width:320px; height:5px;margin-bottom: 30px;}
.blu-sec-14 .blu-pg-txt-2 {position:relative;margin:0 auto;top:1500px;width:970px;text-align:center;color:#eaeaea;font-weight:100;}

.blu-sec-15 {height:1200px;background:url('images/vivo-xl3-15.jpg') center center;background-size:cover;position:relative;}
.blu-sec-15 .blu-pg-txt {position:relative;margin:0 auto;top:335px;width:930px;text-align:center;}







/*gallery*/
.slider {background:#eaeaea;overflow:hidden;}
.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:20px;height:35px;background:url('images/gallery/arrow-left.png') center center no-repeat;}
a.flex-next {position:absolute;right:100px;top:-425px;width:20px;height:35px;background:url('images/gallery/arrow-right.png') center center no-repeat;}
.slides li {width:100%;height:850px;}
ul.slides {margin-left:-40px;}
.first {background:url('images/gallery/gold-1.jpg') center center no-repeat;}
.second {background:url('images/gallery/gold-2.jpg') center center no-repeat;}
.third {background:url('images/gallery/gold-3.jpg') center center no-repeat;}
.fourth {background:url('images/gallery/gold-4.jpg') center center no-repeat;}
.fifth {background:url('images/gallery/gold-5.jpg') center center no-repeat;}
.colorBtnWrap {width:415px;margin:0 auto;text-align:center;padding-bottom:2%;}
.colorBtn {float:left;width:13%;margin:0 2%;color:black;cursor:pointer;font-size:21px;padding-bottom:30px;text-align:center;}
.btn-black {border-bottom:5px solid #242424;margin-left:315px;}
.btn-grey {border-bottom:5px solid #e6e6e6;}
.btn-rose-gold {border-bottom:5px solid #ffd0d0;}
.btn-gold {border-bottom:15px solid #ccc1a6;}
.btn-silver {border-bottom:15px solid #b4c1cf;}
.colors-sec {margin:0 auto;width: 1200px;position:relative;}


/*specs*/
.blu-sec-spec {padding:3% 0;background:#eaeaea}
.blu-sec-spec .blu-pg-sec-omega {width:1200px;}
.spec-txt-w {width:100%;text-align:center;padding-bottom:4%;}
.spec-tagline {width:100%;text-align:center;color:white;text-transform: uppercase;font-family:'proxima-bold';}
.spec-tagline span {font-style:italic;}
.spec-sub {color:white; font-size:25px;}

.specsGrid {float:left;width:24.8%;border:1px solid #cbcfd5;height:280px;}
.specsGrid ul {list-style:none;text-align:center;margin-left:-40px;margin-top:57%;}
.specsGrid ul {color:#323232;}
.specsGrid li {padding: 1px 0px;font-weight: 400;font-family: objektiv-mk1;line-height: 1.3;font-size: 15px;}

.spec_technology {background:url('images/specs/b-specs-tech.png') top 40px center no-repeat;}
.spec_processor {background:url('images/specs/b-specs-processor-6737.png') top 40px center no-repeat;}
.spec_memory {background:url('images/specs/b-specs-memory.png') top 40px center no-repeat;}
.spec_display {background:url('images/specs/b-specs-display-60.png') top 40px center no-repeat;}
.spec_camera {background:url('images/specs/b-specs-camera.png') top 40px center no-repeat;}
.spec_battery {background:url('images/specs/b-specs-battery.png') top 40px center no-repeat;}
.spec_connection {background:url('images/specs/b-specs-wifi.png') top 40px center no-repeat;}
.spec_dimensions {background:url('images/specs/b-specs-dimmensions.png') top 40px center no-repeat;}

.btn-wrap {width:400px;margin-top:65px;position: relative;height: 30px;left: 404px;}
.salesGuide { width:195px;float:left;text-align:center; }
.buyNow { width:195px;float:left;text-align:center; }
.salesGuide a, .buyNow a {
    text-decoration:none;color:#323232;
    padding:10px 30px;
    font-size: 19px;
}

footer {width:100%;background:#323232;text-align:center;margin-top:0px;}




@media (max-width: 1700px){
    .display-vid{width:1400px;padding-top:0px;}
    .blu-sec-3 {height:2300px;background:url('images/vivo-xl3-3-4.jpg') top center no-repeat}
    .blu-sec-4 .blu-pg-txt2 {top:700px;width:749px;left:210px;}
    .blu-sec-4 .blu-pg-txt {left:210px;top:105px;}
    .blu-sec-4 img {width:765px;height:5px;}
    .blu-sec-4 {background:url('images/vivo-xl3-4-1700.jpg') center center no-repeat}
}

@media (max-width: 1400px){
    .display-vid{width:1280px;padding-top:0px;}
    .blu-sec-4 .blu-pg-txt2 {top:660px;width:710px;left:240px;}
    .blu-sec-4 .blu-pg-txt {left:230px;}
    .blu-sec-4 img {width:715px;height:5px;}
    .blu-sec-4 {background:url('images/vivo-xl3-4-1500.jpg') center center no-repeat}
}

@media (max-width: 1280px) {
.main-animation {display: none;}
.blu-pg-sec-ttl {font-size:40px;line-height: 45px;}
p {font-size:18px;line-height: 1.4;}
.line {display: none;}

.t-device-ttl {display: block;}
.m-device-ttl {display:none;}
.blu-pg-sec-omega {width:980px;}
.blu-sec-1 {position:relative;height:1055px;background:url('images/t-vivo-xl3-1.jpg') center center no-repeat;cursor:pointer;text-align:left;background-size: cover;}

.blu-sec-1 .blu-pg-txt {transition:all 1s;width:100%;text-align:center;top: 90px;left: -40px}
.device-ttl img {width:490px;display:block;margin:0 auto;padding-top:3%;}
.blu-sec-1 .blu-pg-txt a {text-decoration:none;color:#eaeaea;padding:6px 28px;}
.buy-btn-w {top:585px;position: absolute;left: 413px;}
.buy-btn-w a {font-size: 18px !important;}

.blu-sec-2 {height:650px;background:url('images/t-vivo-xl3-2.jpg') center center;position:relative;background-size:cover;}
.blu-sec-2 .blu-pg-txt {width:980px;top:390px;left:27px;}
.blu-sec-2 .blu-pg-sec-ttl {top:112px;}
.blu-sec-2 .blu-pg-txt p {width:710px; left:250px}
  
.blu-sec-3 {height:1300px;background:url('images/t-vivo-xl3-3-4.jpg') center center no-repeat;background-size:cover;}
.blu-sec-3 .blu-pg-txt {position:absolute;top:220px;left:23px;width:336px;}

.blu-sec-3 .blu-pg-txt-2 {position:relative;margin:0 auto;top:715px;width:785px;text-align: center;}


.blu-sec-4 {height:650px;background:url('images/t-vivo-xl3-4.jpg') center center no-repeat;background-size:cover;}
.blu-sec-4 .blu-pg-txt {position:absolute;top:30px;text-align:left;color:#eaeaea;left:170px;}
.blu-sec-4 img {width:630px;height:3px;}
.blu-sec-4 .blu-pg-txt2 {top:450px;width:585px;left:190px;}
.blu-sec-4 .blu-pg-sec-ttl {text-align:left;}

.blu-sec-5 {height:650px;background:url('images/t-vivo-xl3-5.jpg') center center;background-size:cover;position:relative;}
.blu-sec-5 .blu-pg-txt {position:relative;margin:0 auto;top:440px;width:725px;text-align:justify;color:#eaeaea;text-align:center;}


.blu-sec-6 {height:650px;background:url('images/t-vivo-xl3-6.jpg') center center;background-size:cover;position:relative;}
.blu-sec-6 .blu-pg-txt {position:absolute;left:266px;top:75px;width:408px;color:#eaeaea;padding-top:0px;}
.blu-sec-6 .blu-pg-sec-ttl {text-align:left;}
.blu-sec-6 .blu-pg-txt p {width:700px;}
.blu-sec-6  img {display: none;}


.blu-sec-7 {height:650px;background:url('images/t-vivo-xl3-7.jpg') center center no-repeat;background-size:cover;position:relative;}
.blu-sec-7 .blu-pg-txt {position:absolute;top:385px;left:0px;width:640px;text-align:left;color:#323232;}
.blu-sec-7 .blu-pg-sec-ttl {text-align:left;color:#323232;}


.blu-sec-8 {height:650px;background:url('images/t-vivo-xl3-8.jpg') center center;background-size:cover;position:relative;}
.blu-sec-8 .blu-pg-txt {position:absolute;top:10px;left:-5px;width:395px;text-align:justify;color:#323232;padding-top:0px;}
.blu-sec-8 .blu-pg-sec-ttl {text-align:left;top:115px;}
.blu-sec-8 .blu-pg-txt p {width:690px;left:240px;top:100px;}

.blu-sec-9 {height:650px;background:url('images/t-vivo-xl3-9.jpg') center center;background-size:cover;position:relative;}
.blu-sec-9 .blu-pg-txt {position:absolute;left:25px;top:95px;width:480px;color:#eaeaea;}
.blu-sec-9 .blu-pg-txt img {display: none;}

.blu-sec-10 {height:650px;background:url('images/t-vivo-xl3-10.jpg') center center;background-size:cover;position:relative;}
.blu-sec-10 .blu-pg-txt {position:relative;margin:0 auto;top:65px;width:960px;text-align:justify;color:#eaeaea;text-align:center;}
.blu-sec-10 .blu-pg-txt img {display:none;}


.blu-sec-11 {height:650px;background:url('images/t-vivo-xl3-11.jpg') center center;background-size:cover;position:relative;}
.blu-sec-11 .blu-pg-txt {position:relative;margin:0 auto;top:85px;width:860px;}

.blu-sec-12 {height:650px;background:url('images/t-vivo-xl3-12.jpg') center center;background-size:cover;position:relative;}
.blu-sec-12 .blu-pg-txt {position:relative;margin:0 auto;top:95px;width:820px;}


.blu-sec-13 {height:1420px;background:url('images/t-vivo-xl3-13.jpg') center center;background-size:cover;position:relative;}
.blu-sec-13 .blu-pg-txt {position:relative;margin:0 auto;top:445px;width:600px;}
.blu-sec-13 .blu-pg-txt-2 {position:relative;margin:0 auto;top:955px;width:780px;}


.blu-sec-14 {height:1280px;background:url('images/t-vivo-xl3-14.jpg') center center;background-size:cover;position:relative;}
.blu-sec-14 .blu-pg-txt {position:relative;margin:0 auto;top:315px;width:780px;}
.blu-sec-14 .blu-pg-txt-2 {position:relative;margin:0 auto;top:800px;width:800px;}

.blu-sec-15 {height:650px;background:url('images/t-vivo-xl3-15.jpg') center center;background-size:cover;position:relative;}
.blu-sec-15 .blu-pg-txt {position:relative;margin:0 auto;top:185px;width:690px;}

a.flex-next {right:20px;}
a.flex-prev {left:20px;}

.blu-sec-spec .blu-pg-sec-omega {width:980px;}
.specsGrid {float:left;width:24.75%;border:1px solid rgba(200,200,200,0.5);height:280px;}
.specsGrid ul {list-style:none;text-align:center;margin-left:-40px;margin-top:70%;}
.specsGrid ul {color:#323232;}
.spec_technology li {font-size: 14px;}
.btn-wrap {left:292px;}
 }
 
 
@media (max-width: 980px) {
p {font-size: 18px;line-height: 1.5;}
.blu-pg-sec-ttl {font-size: 30px;line-height: 1.3;}
.tab-txt {display:none;}
.mob-txt {display:block;}
.dsk-txt {display:none;}
.blu-pg-sec-omega {width:380px; margin:0 auto;position:relative;}
.blu-pg-sec-omega {width:380px;}
.m-device-ttl {display:block;}
.t-device-ttl {display:none;}
.buy-btn-w {left:0px;top:525px;position: relative;margin:0 auto;}
.m-name-buy {display: block}
.name-buy {display: none;}
.m-display {display: block;}
.d-display {display: none;}

.blu-sec-1 {position:relative;height:765px;background:url('images/m-vivo-xl3-1.jpg') center center no-repeat;cursor:pointer;margin-bottom:0px;}
.blu-sec-1 .blu-pg-txt {top:80px;position:relative;margin:0 auto;left:0px;}

.blu-sec-2 {height:799px;background:url('images/m-vivo-xl3-2.jpg') center center;position:relative;}
.blu-sec-2 .blu-pg-txt{position:relative;margin:0 auto; width:330px;top:300px;left:0px;text-align: center;}
.blu-sec-2 .blu-pg-sec-ttl {position: relative;text-align:center;}
.blu-sec-2 .blu-pg-txt p {position: relative;top:120px;left:0px;width:330px;}
.blu-sec-2 video {display: none;}

.blu-sec-3 {height:1362px;background:url('images/m-vivo-xl3-3-4.jpg') center center no-repeat;}
.blu-sec-3 .blu-pg-sec-ttl {text-align:center;}
.blu-sec-3 .blu-pg-txt {position:relative;margin:0 auto;top:455px;left:0px;width:330px;text-align:center;}
.blu-sec-3 .blu-pg-txt-2 {position:relative;margin:0 auto;top:870px;left:0px;width:330px;text-align:center;}

.blu-sec-4 {height:800px;background:url('images/m-vivo-xl3-4.jpg') center center;position:relative;}
.blu-sec-4 .blu-pg-txt {position:relative;margin:0 auto;top:570px;width:325px;text-align:center;color:#eaeaea;left:0px;}
.blu-sec-4 .blu-pg-sec-ttl {text-align:center;}
.blu-sec-4 img {display: none;}
.blu-sec-4 p {display: none;}
.blu-sec-4 video {display:none;}

.blu-sec-5 {height:700px;background:url('images/m-vivo-xl3-5.jpg') center center no-repeat;position: relative}
.blu-sec-5 .blu-pg-txt {position:relative;top:480px;width:330px;margin:0 auto;text-align:center;color:#eaeaea;left:0px;}

.blu-sec-6 {height:700px;background:url('images/m-vivo-xl3-6.jpg') center center no-repeat;}
.blu-sec-6 .blu-pg-txt {position:relative;top:190px;left:0px;width:330px;margin:0 auto;color:#eaeaea;text-align:center;}
.blu-sec-6 .blu-pg-txt p {width:330px;}
.blu-sec-6 .blu-pg-sec-ttl {text-align: center;}

.blu-sec-7 {height:740px;background:url('images/m-vivo-xl3-7.jpg') center center no-repeat;}
.blu-sec-7 .blu-pg-txt {position:relative;top:445px;left:0px;width:330px;margin:0 auto;text-align:center}
.blu-sec-7 .blu-pg-sec-ttl {text-align: center;}

.blu-sec-8 {height:699px;background:url('images/m-vivo-xl3-8.jpg') center center;position:relative;}
.blu-sec-8 .blu-pg-txt {position:relative;margin:0 auto;top:70px;width:330px;text-align:center;left:0px;padding-top:0px;}
.blu-sec-8 .blu-pg-txt p {position:relative;left:0px;width:330px;top:0px;}
.blu-sec-8 .blu-pg-sec-ttl {position:relative;text-align:center;top:0px;}


.blu-sec-9 {height:800px;background:url('images/m-vivo-xl3-9.jpg') center center;position:relative;}
.blu-sec-9 .blu-pg-txt {position: relative; margin: 0 auto;width:330px;top:75px;color:#eaeaea;text-align:center;left:0px;}
.blu-sec-9 .blu-pg-sec-ttl {text-align: center;}


.blu-sec-10 {height:650px;background:url('images/m-vivo-xl3-10.jpg') center center;position:relative;}
.blu-sec-10 .blu-pg-txt {position: relative;margin: 0 auto;width:318px;top:85px;left:0px;}
.blu-sec-10 .blu-pg-sec-ttl {text-align:center;}


.blu-sec-11 {height:780px;background:url('images/m-vivo-xl3-11.jpg') center center;position:relative;}
.blu-sec-11 .blu-pg-txt {position:relative;margin:0 auto;top:80px;right:0px;width:330px;}


.blu-sec-12 {height:680px;background:url('images/m-vivo-xl3-12.jpg') center center;position:relative;}
.blu-sec-12 .blu-pg-txt {position:relative;margin:0 auto;width:350px;top:55px;left:0px;}


.blu-sec-13 {height:1280px;background:url('images/m-vivo-xl3-13.jpg') center center;position:relative;}
.blu-sec-13 .blu-pg-txt {position:relative;margin:0 auto;width:350px;top:480px;left:0px;}
.blu-sec-13 .blu-pg-txt-2 {position:relative;margin:0 auto;width:350px;top:850px;left:0px;}

.blu-sec-14 {height:1400px;background:url('images/m-vivo-xl3-14.jpg') center center;position:relative;}
.blu-sec-14 .blu-pg-txt {position:relative;margin:0 auto;width:330px;top:360px;left:0px;}
.blu-sec-14 .blu-pg-txt-2 {position:relative;margin:0 auto;width:310px;top:630px;left:0px;}

.blu-sec-15 {height:680px;background:url('images/m-vivo-xl3-15.jpg') center center;position:relative;}
.blu-sec-15 .blu-pg-txt {position:relative;margin:0 auto;width:330px;top:285px;left:0px;}

.slider {display:none;}

.salesGuide {float: inherit;margin-top:30px;}
.btn-wrap {height: 120px;left:150px;}
.buyNow {height:90px;}
 }
 
 @media (max-width:980px) {
 .blu-sec-spec .blu-pg-sec-omega {width:500px;}
 .specsGrid ul {list-style:none;text-align:center;margin-left:-40px;margin-top:70%;}
 .specsGrid {float:left;width:49%;border:1px solid rgba(200,200,200,0.5);height:280px;}    
 .spec-tagline {padding:8% 0px;}
  .spec-tagline img {width:70%;}
  }
 
 
 
 @media (max-width: 797px) { 
   nav ul li:first-child img {top:-57px;width:14%;left:43%;display:block;border:1px solid #323232;}    
   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;}   
   .blu-pg-l-ttl1, .blu-pg-r-ttl1 {margin-top:-30px;}
   
  
  }
  @media (max-width: 661px) { 
   .d-none {display:none;}
   .slider {display:none;}
  }
 
 @media (max-width: 600px) {
    nav ul li:first-child img {top:-56px;width:20%;left:40%;} 
    .colorBtnWrap {width:380px;margin:0 auto;text-align:center;}
.colorBtn {float:left;width:19.5%;color:white;cursor:pointer;font-size:21px;}
  
  } 
   @media (max-width: 524px) {
  
   .blu-sec-spec .blu-pg-sec-omega {width:380px;}
   .specsGrid ul {list-style:none;text-align:center;margin-left:-40px;margin-top:85%;}
   .specsGrid {float:left;width:49.25%;border:1px solid rgba(200,200,200,0.5);height:280px;}    
   .spec-tagline {padding:8% 0px;}  
    
   .btn-wrap {width:100%;padding-top:10%;margin-bottom:5%;left:0px;}
  .salesGuide {width:240px;position:relative;margin:0 auto;height:49px;float:none;text-align:center;margin-top:35px;}
  .buyNow { width:260px;height:49px;margin:0 auto;position:relative;float:none;text-align:center; }
  .buyNow a{padding:16px 71px;}

    
   }
   

   @media (max-width: 400px) {
     p {font-size:16px;} 
     
    .blu-pg-sec-omega {width:96%;margin-left:2%;}
    .blu-sec-spec .blu-pg-sec-omega {width:96%;margin-left:2%;}
    .specsGrid {width:99%;}
    .specsGrid ul{margin-top:50%;}
    .btn-wrap {padding-top:8%;left:0px;}
    .salesGuide {margin-top:35px;}
    
    /*.blu-sec-3 .blu-pg-txt {position:absolute;top:7vh;right:0px;width:98%;margin-left:1%;text-align:center;color:white;}
    .blu-sec-4 .blu-pg-txt {position:absolute;top:6vh;right:0px;width:98%;margin-left:1%;text-align:center;color:white;}
    
    .blu-sec-5 .blu-pg-txt {right:0px;left:0px;width:98%;margin-left:1%;text-align:center;}
    */
   }

.main-animation {position: relative;margin:0 auto;top:120px;}
.vxl3-back {position: relative;left:135px;top:120px;}
.vxl3-front {position: relative;right:30px;}


.vxl3-back {
    width: 651px;
    height: 1292px;
    position: relative;
    -webkit-animation-name: vxback; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 4s; /* Safari 4.0 - 8.0 */
    -webkit-animation-delay: 2s; /* Safari 4.0 - 8.0 */
    animation-name: vxback;
    animation-duration: 4s;
    animation-delay: -0.1s;
    top:120px;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes vxback {
    0%   {left:135px; top:1000px;}
    100% {left:135px; top:120px;}
}

/* Standard syntax */
@keyframes vxback {
    0%   {left:135px; top:1000px;}
    100% {left:135px; top:120px;}
}

.vxl3-front {
    width: 539px;
    height: 1464px;
    position: relative;
    -webkit-animation-name: vxfront; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 4s; /* Safari 4.0 - 8.0 */
    -webkit-animation-delay: 2s; /* Safari 4.0 - 8.0 */
    animation-name: vxfront;
    animation-duration: 3s;
    animation-delay: -0.1s;
    top:0px;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes vxfront {
    0%   {top:800px;}
    100% {top:0px;}
}

/* Standard syntax */
@keyframes vxfront {
    0%   {top:800px;}
    100% {top:0px;}
}


.vxl3-name{
    -webkit-animation: 3s ease 0s normal forwards 1 fadein;
    animation: 3s ease 0s normal forwards 1 fadein;
    cursor: pointer;
}

@-webkit-keyframes fadein {
    0% { opacity:0; }
    30% { opacity:0; }
    100% { opacity:1; }
}

@keyframes fadein{
    0% { opacity:0; }
    30% { opacity:0; }
    100% { opacity:1; }
}

@-webkit-keyframes fadein{
    0% { opacity:0; }
    30% { opacity:0; }
    100% { opacity:1; }
}