.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: #ffffff;font-family: objektiv-mk1;font-weight:400;color:#363636;}
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 {width:100%;padding:0;}
.blu-pg-sec-omega {width:1400px; margin:0 auto;position:relative;z-index: 1}
.blu-pg-sec-ttl {font-size:55px; margin-bottom:20px;line-height: 1.2;font-weight:700;letter-spacing: -2.5px;}
.blu-pg-txt {text-align:center;}
p {font-size:20px;;line-height:1.3;}
.d-txt {display: block;}
.m-txt {display: none;}
.zero {opacity: 0;animation-delay: 0.5s;-webkit-animation-delay: 0.5s}
.d-img {display: block}
.t-img {display: none}

/*
.blu-sec-1 {position:relative;height:1070px;background:url('images/vivo-go-1.jpg') center center;background-size:cover;}
.blu-sec-1 .main_buy_now {position:absolute;top:555px;left:730px;text-decoration: none;width:190px;height:50px}
*/

/* --- SEC 1 Animation Starts--- */

.blu-sec-1 {position:relative;height:1070px;background:url('images/sec-1-bg.jpg') center center;background-size:cover;background-color: black}


.black-cover {position:absolute;background:black;height:1070px;width:100%;top:0px;
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
    -webkit-animation-duration: 1s !important;
    animation-duration: 1s !important;
    -webkit-animation-delay: 1.2s;
    animation-delay:1.2s;
    z-index: 0;}


.vgo-front {width:250px;position:absolute;left:230px;top:220px;
    -webkit-animation-name: vgofront;
    animation-name: vgofront;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    z-index: 4;}
  
@-webkit-keyframes vgofront {
    0%   {opacity:0; top:360px}
    40% {opacity:0; top:360px}
    100% {opacity:1; top:220px}
}
@keyframes vgofront {
    0% {opacity:0; top:360px}
    40% {opacity:0; top:360px}
    100% {opacity:1; top:220px}
}

.vgo-back {width:243px;position:absolute;left:405px;top:85px;
    -webkit-animation-name: vgoback;
    animation-name: vgoback;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;}
    
@-webkit-keyframes vgoback {
    0% {opacity:0;top:0px}
    40% {opacity:0;top:0px}
    100% {opacity:1;top:85px}
}
@keyframes vgoback{
    0% {opacity:0;top:0px}
    40% {opacity:0;top:0px}
    100% {opacity:1;top:85px}
}

.vgo-txt {width:591px;position:absolute;left:750px;top:410px;
    -webkit-animation-name: vgoname;
    animation-name: vgoname;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;}
@-webkit-keyframes vgoname {
    0% {opacity:0}
    60% {opacity:0}
    100% {opacity:1}
}
@keyframes vgoname{
    0% {opacity:0}
    60% {opacity:0}
    100% {opacity:1}
}

.vgo-buy {width:187px;position:absolute;left:760px;top:535px;
    -webkit-animation-name: vgobuy;
    animation-name: vgobuy;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;}
@-webkit-keyframes vgobuy {
    0% {opacity:0}
    80% {opacity:0}
    100% {opacity:1}
}
@keyframes vgobuy{
    0% {opacity:0}
    80% {opacity:0}
    100% {opacity:1}
}

/* --- SEC 1 Animation Ends--- */

.blu-sec-2 {position:relative;height:1050px;background:url('images/vivo-go-2.jpg') center center;background-size:cover;}
.blu-sec-2 .blu-pg-txt  {position:absolute;top:730px;width:610px;left:20px;}
.blu-sec-2 .overlay {background: #000;height:1050px;animation-duration: 3.5s;-webkit-animation-duration:3.5s;}

.blu-sec-3 {position:relative;height:1905px;background:url('images/vivo-go-3.jpg') center center no-repeat;background-size:cover;color:white;font-weight: 300}
.blu-sec-3 .blu-pg-txt {position:relative;margin:0 auto;top:60px;width:910px;}
.blu-sec-3 .blu-pg-txt p {margin-top:755px;}
.blu-sec-3 .blu-pg-txt-2 {position:absolute;top:1350px;width:530px;text-align: center;}
.blu-sec-3 img {position:absolute;top:165px;width:1358px;animation-delay: 1s;-webkit-animation-delay: 1s;}
.blu-sec-3 .overlay {position:absolute;top:0px;background: #000;height:1905px;width:100%;animation-duration: 3.5s;-webkit-animation-duration: 3.5s;-webkit-animation-delay: 2s;animation-delay: 2s}

.blu-sec-4 {position:relative;height:950px;background:url('images/vivo-go-4.jpg') center center;background-size:cover;color:white;font-weight: 300}
.blu-sec-4 .blu-pg-txt {position:absolute;top:380px;width:510px;left:700px;}

.blu-sec-5 {position:relative;height:1800px;background:url('images/vivo-go-5.jpg') center center;background-size:cover;}
.blu-sec-5 .blu-pg-txt {position:absolute;top:230px;width:445px;left:110px;}
.blu-sec-5 .blu-pg-txt-2 {position:absolute;top:1050px;left:400px;width:800px;text-align:left;}
.memory-vid {position: absolute;left:640px;top:20px;}
#mem-vid {width:650px;}

.blu-sec-6 {position:relative;height:950px;background:url('images/vivo-go-6.jpg') center center;background-size:cover;color:white;font-weight: 300}
.blu-sec-6 .blu-pg-txt {position:absolute;top:620px;left:625px;width:500px;}
.blu-sec-6 .black-overlay {position:absolute;top:0px;background: #000;height:950px;width:100%;-webkit-animation-duration: 2s;animation-duration: 2s;-webkit-animation-delay: 0.5s;animation-delay: 0.5s}
.blu-sec-6 .zero {animation-delay: 0.5s}

.blu-sec-7 {position:relative;height:950px;background:url('images/vivo-go-7.jpg') center center no-repeat;background-size:cover;color:white;font-weight: 300}
.blu-sec-7 .blu-pg-txt {position:absolute;top:250px;width:425px;left:220px;}
.blu-sec-7 .black-overlay {position:absolute;top:0px;background: #000;height:950px;width:100%;animation-duration: 2s;-webkit-animation-duration: 2s;animation-delay: 1s;-webkit-animation-delay: 1s}

.blu-sec-8 {position:relative;height:1100px;background:url('images/vivo-go-8.jpg') center center;background-size:cover;}
.blu-sec-8 .blu-pg-txt {position:relative;margin:0 auto;top:115px;width:1000px;}
.blu-sec-8 .overlay {position:absolute;top:0px;background: #fff;height:1100px;width:100%;-webkit-animation-duration: 2s;animation-duration: 2s;-webkit-animation-delay: 1s;animation-delay: 1s}

.blu-sec-9 {position:relative;height:950px;background:url('images/vivo-go-9.jpg') center center;background-size:cover;}
.blu-sec-9 .blu-pg-txt {position:relative;margin:0 auto;top:85px;width:1000px;color:#323546;}



/*gallery*/
.slider {background:white;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: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;}
ul.slides {margin-left:-40px;}
.first {background:url('images/gallery/black1.jpg') center center no-repeat;}
.second {background:url('images/gallery/black2.jpg') center center no-repeat;}
.third {background:url('images/gallery/black3.jpg') center center no-repeat;}
.fourth {background:url('images/gallery/black4.jpg') center center no-repeat;}
.fifth {background:url('images/gallery/black5.jpg') center center no-repeat;}
.colorBtnWrap {width:850px;margin:0 auto;text-align:center;padding-bottom:0px;}
.colorBtn {float:left;width:20%;margin:0 1%;cursor:pointer;
font-size:18px;padding: 0% 0;text-align:center;text-transform:uppercase;}
.black { background: #000000; margin-left:410px;	margin-top: 50px;  	border-radius: 50%;	width: 35px;	height: 35px; }
.gold {	background: #ffe4c1;  margin-left:20px;   margin-top: 50px;	border-radius: 50%;	width: 35px;	height: 35px; }
.green { background: #000000; margin-left:20px;   margin-top: 50px;	border-radius: 50%;	width: 35px;	height: 35px; }
.navy {	background: #2e3554; margin-left:20px;  margin-top: 50px;	border-radius: 50%;	width: 35px;	height: 35px; }
.colors-sec {margin:0 auto;width:100%;text-align:center;position:relative; }
.blue {background: #138eff;  margin-left:20px;   margin-top: 50px;	border-radius: 50%;	width: 35px;	height: 35px;}
.silver {background: #9da0a8;  margin-left:20px;   margin-top: 50px;	border-radius: 50%;	width: 35px;	height: 35px;}


/*specs*/
.blu-sec-12 {padding:5% 0;background:white;}
.blu-sec-12 .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;font-size:40px;text-transform: uppercase;}
.spec-tagline span {font-style:italic;}
.device_name{ width:278px; }
.spec-sub {color:white; font-size:25px;}
.specsGrid {float:left;width:24.8%;border:0px solid #484848;height:280px;}
.specsGrid ul {list-style:none;text-align:center;margin-left:-40px;margin-top:60%;font-weight:400;font-size: 16px; color: black;}

.spec_4g {background:url('images/specs/b-specs-tech.png') top 40px center no-repeat; background-size: 100px;}
.spec_mtk {background:url('images/specs/b-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/w-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;}

.spec_memory {background:url('images/specs/b-specs-memory.png') top 40px center no-repeat;background-size: 100px;}
.spec_display {background:url('images/specs/b-specs-display.png') top 40px center no-repeat; background-size: 100px;}
.spec_camera {background:url('images/specs/b-specs-camera.png') top 40px center no-repeat; background-size: 100px;}
.spec_dual_camera {background:url('images/specs/b-specs-dual-camera.png') top 40px center no-repeat; background-size: 100px;}
.spec_battery {background:url('images/specs/b-specs-battery.png') top 40px center no-repeat; background-size: 100px;}
.spec_connection {background:url('images/specs/b-specs-wifi.png') top 40px center no-repeat; background-size: 100px;}
.spec_dimensions {background:url('images/specs/b-specs-dimension.png') top 40px center no-repeat; background-size: 100px;}


/* -------- Buy Now and Sales Guide Buttons Starts -------- */
.btn-wrap {width: 400px;margin-top: 60px;position: relative;height: 30px;left: 435px;}
.buyNow, .salesGuide {width: 175px;float: left;text-align: center;}
.buyNow a, .salesGuide a {color: #363636;padding:15px 24px;text-decoration: none;font-weight:600;font-size:20px;background:url('images/line.jpg') bottom center no-repeat;background-size: 80%}
/* -------- 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;}
.device_name{ width:300px; }
p {font-size:18px;;line-height:1.5;}
.blu-pg-sec-ttl {font-size:45px;margin-bottom:15px;line-height: 1.2}
.ttl-none {display:none;}
.d-img {display: none}
.t-img {display: block}
	
.blu-sec-1 {position:relative;height:650px;background:url('images/t-sec-1-bg.jpg') center center;background-size:cover;background-color: black}
/*.blu-sec-1 .main_buy_now {padding:10px 20px;top:330px;left:500px;font-size:20px;}*/

.black-cover {height:650px;}

.vgo-front {width:150px;left:195px;top:134px;}
@-webkit-keyframes vgofront {
    0%   {opacity:0; top:230px}
    40% {opacity:0; top:230px}
    100% {opacity:1; top:134px}
}
@keyframes vgofront {
    0% {opacity:0; top:230px}
    40% {opacity:0; top:230px}
    100% {opacity:1; top:134px}
}

.vgo-back {width:150px;left:300px;top:45px;}
    
@-webkit-keyframes vgoback {
    0% {opacity:0;top:0px}
    40% {opacity:0;top:0px}
    100% {opacity:1;top:45px}
}
@keyframes vgoback{
    0% {opacity:0;top:0px}
    40% {opacity:0;top:0px}
    100% {opacity:1;top:45px}
}

.vgo-txt {width:440px;left:490px;top:230px;}
.vgo-buy {width:175px;left:495px;top:315px;}

.blu-sec-2 {height:650px;background:url('images/t-vivo-go-2.jpg') center center;background-size:cover;}
.blu-sec-2 .blu-pg-txt {top:420px;width:640px;text-align:left;left:0px;}

.blu-sec-3 {height:1120px;background:url('images/t-vivo-go-3.jpg') center center;background-size:cover;}
.blu-sec-3 .blu-pg-txt {top:445px;width:780px}
.blu-sec-3 .blu-pg-txt p {margin-top:0px;}
.blu-sec-3 .blu-pg-txt-2 {top:750px;width:485px;}
.blu-sec-3 .d-image {display: none;}
.blu-sec-3 .overlay {height:1120px;animation-duration: 1.5s;-webkit-animation-duration: 1.5s;-webkit-animation-delay: 1s;animation-delay: 1s}

.blu-sec-4 {height:650px;background:url('images/t-vivo-go-4.jpg') center center;background-size:cover;}
.blu-sec-4 .blu-pg-txt {top:230px;;width:460px;left:480px;}

.blu-sec-5 {height:1120px;background:url('images/t-vivo-go-5.jpg') center center; background-size:cover;}
.blu-sec-5 .blu-pg-txt {top:100px;left:45px;width:400px;}
.blu-sec-5 .blu-pg-txt-2 {top:580px;width:770px;left:210px;}
.blu-sec-5 video {display: none;}
	
.blu-sec-6 {height:650px;background:url('images/t-vivo-go-6.jpg') center center; background-size:cover;}
.blu-sec-6 .blu-pg-txt {top:395px;left:470px;width:410px;}
	
.blu-sec-7 {height:650px;background:url('images/t-vivo-go-7.jpg') center center no-repeat;background-size:cover;}
.blu-sec-7 .blu-pg-txt {left:80px;top:150px;width:390px;}

.blu-sec-8 {height:650px;background:url('images/t-vivo-go-8.jpg') center center;background-size:cover;}
.blu-sec-8 .blu-pg-txt {top:20px;width:900px;}

.blu-sec-9 {height:1000px;background:url('images/t-vivo-go-9.jpg') center center;background-size:cover;}
.blu-sec-9 .blu-pg-txt {top:60px;width:800px;}

.blu-sec-10 {height:650px;background:url('images/t-vivo-go-10.jpg') center center no-repeat;background-size:cover;}

.blu-sec-12 .blu-pg-sec-omega {width:980px;}
.specsGrid {float:left;width:24.75%;border:none;height:280px;}
.specsGrid ul {list-style:none;text-align:center;margin-left:-40px;margin-top:70%; }
.specsGrid ul {font-size: 14px;font-weight:500; }

/* -------- Buy Now and Sales Guide Buttons Starts -------- */
.btn-wrap {left: 294px;}
/* -------- Buy Now and Sales Guide Buttons Starts -------- */

}
 
 @media (max-width: 980px) {
.slider {display: none;}
video {display: none;}
.blu-pg-sec-omega {width:380px; margin:0 auto;position:relative;}
.d-txt {display: none;}
.m-txt {display: block;}
.blu-pg-sec-ttl {margin-bottom: 10px; font-size:35px;letter-spacing: -2px;}
p {font-size: 18px;line-height: 1.4;margin: 0px;}
.device_name{ width:300px; }
.t-img {display: none;}
.device-animation {text-align: center;}

.blu-sec-1 {position:relative;height:650px;background:url('images/m-vivo-go-1.jpg') center center;position:relative;background-size:cover;background-color: black}
.blu-sec-1 .main_buy_now {top:565px;left:0px;width:90%;}
.vgo-txt {position: relative;top:505px;width:280px;left:0px;}
.vgo-buy {position: relative;top:525px;width:125px;left:0px;}

.blu-sec-2 {height:650px;background:url('images/m-vivo-go-2.jpg') center center no-repeat; background-size:cover;}
.blu-sec-2 .blu-pg-sec-omega {height:0px;}
.blu-sec-2 .blu-pg-txt {position:relative;margin:0 auto;top:40px;width:350px;text-align: center;left:0px;}
.blu-sec-2 .overlay {height:650px;}
	 
.blu-sec-3 {height:1545px;background:url('images/m-vivo-go-3.jpg') center center no-repeat; background-size:cover;}
.blu-sec-3 .blu-pg-txt {top:760px;width:270px;}
.blu-sec-3 .blu-pg-txt-2 {position:relative;margin:0 auto;top:1260px;width:310px;}
.blu-sec-3 .d-image {display: none;}

.blu-sec-4 {height:650px;background:url('images/m-vivo-go-4.jpg') center center;position:relative; background-size:cover;}
.blu-sec-4 .blu-pg-txt {position:relative;margin:0 auto;top:40px;width:300px;left:0px;}
	 
.blu-sec-5 {height:1300px;background:url('images/m-vivo-go-5.jpg') center center;position:relative; background-size:cover;}
.blu-sec-5 .blu-pg-txt {position:relative;margin:0 auto;top:135px;width:310px;left:0px;}
.blu-sec-5 .blu-pg-txt-2 {position:relative;margin:0 auto;top:710px;width:310px;left:0px;text-align: center}
.blu-sec-5 .blu-pg-sec-ttl {display: none;}
	
	 
.blu-sec-6 {height:650px;background:url('images/m-vivo-go-6.jpg') center center;position:relative; background-size:cover;}
.blu-sec-6 .blu-pg-txt {position: relative;margin:0 auto;left:0px;width:350px;right:0px;top:550px;}
.blu-sec-6 .blu-pg-sec-ttl {display: none}


.blu-sec-7 {height:650px;background:url('images/m-vivo-go-7.jpg') center center no-repeat;position:relative; background-size:cover;}
.blu-sec-7 .blu-pg-txt {position: relative;margin:0 auto; width:60%; top:5px;left:0px;text-align:center;}
.blu-sec-7 .blu-pg-txt p {margin-top:465px;}
.blu-sec-7 .blu-pg-sec-ttl {font-size:30px !important;}

.blu-sec-8 {height:650px;background:url('images/m-vivo-go-8.jpg') center center no-repeat;position:relative; background-size:cover;color:white;}
.blu-sec-8 .blu-pg-txt {width:283px;}
	 
.blu-sec-9 {height:650px;background:url('images/m-vivo-go-9.jpg') center center;position:relative; background-size:cover;}
.blu-sec-9 .blu-pg-txt {width:310px;top:530px;}


.blu-sec-10 {height:600px;background:url('images/m-vivo-go-10.jpg') center center;position:relative; background-size:cover;}
.blu-sec-10 .blu-pg-txt {position: relative;margin:0 auto;width:100%;top:445px;left:0px;text-align:center;}
.blu-sec-10 .blu-pg-sec-ttl { display:none; }
.blu-sec-10 .blu-pg-sec-ttl-2 { display:none; }
.blu-sec-10 .d-txt-left { display:none; }
.blu-sec-10 .d-txt-right { display:none; }

/* -------- Buy Now and Sales Guide Buttons Starts -------- */
.btn-wrap {height: 120px;left: 150px}
.buyNow {float: inherit;margin-bottom: 45px;}
.salesGuide {float: inherit;margin-top: 30px;}
/* -------- Buy Now and Sales Guide Buttons Starts -------- */

}
 
 @media (max-width:980px) {
 .blu-sec-12 .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:none;height:280px;}    
 .spec-tagline {padding:8% 0px;} 
 }
 
 
 
 @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;}   
   .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%;cursor:pointer;font-size:21px;}
  
  } 
   @media (max-width: 524px) {
  
   .blu-sec-12 .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:none;height:280px;}    
   .spec-tagline {padding:8% 0px;}

   /* -------- Buy Now and Sales Guide Buttons Starts -------- */
   .btn-wrap {width:100%;padding-top:0%;margin-bottom:5%;left:0px;}
   .buyNow {width: 260px;height: 49px;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-12 .blu-pg-sec-omega {width:96%;margin-left:2%;}
    .specsGrid {width:99%;}
    .specsGrid ul{margin-top:50%;}
    .btn-wrap {padding-top:8%;}
   }