@font-face{
    font-family:rionasans-l;
    src:url("https://i.mediatek.com/hubfs/helio-p70/fonts/Microsoft%20YaHei.ttf");
}



/*---------- common ------------*/

body{font-family:rionasans-l,sans-serif;line-height:1.7;font-size:20px;color:#000;background-color:#000}
.container-fluid {padding-left:0;padding-right:0}
.container-max-width{max-width: 1700px;margin: 0 auto}
.revealOnScroll { opacity: 0; }
strong, .strong{font-family:rionasans-l,sans-serif;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{line-height:1.5}
a:hover{text-decoration: none}
a:focus{outline: none}
.m0{margin:0}
img{max-width:100%}
.img100{width:100%}
.list-common{width:100%;padding: 0;margin: 0;display: block;list-style: none;}
.font-r{font-family:rionasans-l,sans-serif;}
.font-m{font-family:rionasans-l,sans-serif;}
.font-b{font-family:rionasans-l,sans-serif;}
.font62{font-size: 62px}
.font50{font-size: 50px}
.font40{font-size: 40px}
.font26{font-size: 38px}
.font24{font-size: 26px}
.font22{font-size: 24px}
.font20{font-size: 22px}
.font18{font-size: 20px}
.font16{font-size: 18px}
.font15{font-size: 16px}
.font14{font-size: 15px}
.font12{font-size: 13px}
.font10{font-size: 12px}
.color-w{color: #fff}
.color-o{color: #F99B1C}
.w900{width: 900px;max-width: 100%;margin: 0 auto}
.w1000{width: 1000px;max-width: 100%;margin: 0 auto}
.w950{width: 950px;max-width: 100%;margin: 0 auto}
.w845{width: 845px;max-width: 100%;margin: 0 auto}
.w800{width: 800px;max-width: 100%;margin: 0 auto}
.w780{width: 780px;max-width: 100%;margin: 0 auto}
.w400{width: 400px;max-width: 100%;}
.w300{width: 300px;max-width: 100%;}
.offset-left-50{margin-left: 50%}
.offset-right-50{margin-right: 50%}
.mb10{margin-bottom: 10px}
.mb20{margin-bottom: 20px}
.mb30{margin-bottom: 30px}
.mb40{margin-bottom: 40px}
.mb50{margin-bottom: 50px}
.mt30{margin-top: 30px}
.pl75{padding-left: 75px}
.pl30{padding-left: 30px}
.pr30{padding-right: 30px}
.pr50{padding-right: 50px}
.pt100{padding-top: 100px}
.uppercase{text-transform: uppercase}
.align-c{text-align: center}
.line-height1{line-height: 1}
.list-bullet li:after{width:12px;height:12px;border-radius: 12px;-webkit-border-radius: 12px;-moz-border-radius: 12px;background-color:#ED9731;display: table;content:"";position: absolute;top:6px;left: -30px}
.list-bullet li{margin-bottom: 10px;position: relative}
.list-bullet li:last-child{margin-bottom: 0}
.mobileimg{display:none}
.subheading {background: linear-gradient(to right, #DE4400 0%, #FF6D00 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-size: 45px;line-height:1.2}
.subheading1 {font-size: 34px;line-height:1;color:#fff;}
.subheading1:before {content:"";display:table;width: 15px;}
.line {width:5px;display:inline-block;background-color:#C27014;border-radius:5px;margin:0 5px}
/*---------- common ------------*/

/*---------- for youtube player ------------*/

.youtube-player{position:relative;padding-bottom:55%;height:0;overflow:hidden;max-width:100%;background:transparent}
.youtube-player iframe{position:absolute;top:0;left:0;width:100%;height:100%;z-index:100;background:0 0}
.youtube-player img{bottom:0;display:block;left:0;margin:auto;max-width:100%;width:100%;position:absolute;right:0;top:0;border:none;height:auto;cursor:pointer;-webkit-transition:.4s all;-moz-transition:.4s all;transition:.4s all;margin-bottom:0;margin-top: 0}
.youtube-player img:hover{-webkit-filter:brightness(75%)}
.youtube-player .play{height:90px;width:90px;left:50%;top:50%;position:absolute;background:url(https://newsletter.mediatek.com/hubfs/g90series/india%20cover%20images/G90-Launch-Event-Page-Slices_11.png) no-repeat;cursor:pointer;background-size:cover;transform: translate(-50%, -50%)}

/*---------- for youtube player ------------*/

/*---------- Indicator ------------*/

.indicator {position:absolute;width: 30px;height:30px;transform:rotate(45deg);left: 0;right: 0;bottom: 60px;margin:0 auto;display:block}
.indicator span {position: absolute;top:0;left:0;width:100%;height:100%;display:block;box-sizing:border-box;border:none;border-right: 3px solid #fff;border-bottom: 3px solid #fff;animation: animate 1s linear infinite} 
.indicator span:nth-child(1) {top:-8px;left: -8px;animation-delay: 0s;}
.indicator span:nth-child(2) {top:0px;left: 0px;animation-delay: 0.3s;}
.indicator span:nth-child(3) {top:8px;left: 8px;animation-delay: 0.6s;}

@keyframes animate {
    0% {
        border-color:#fff;
        transform: translate(0,0);
    }
    20% {
        border-color:#fff;
        transform: translate(8px,8px);
    }
    20.1%, 100% {
        border-color:#999;
    }
}

/*---------- Indicator ------------*/

/*---------- Indicator Option 1------------*/

.scroll-container {
    position: absolute;
    bottom: 2.625rem;
    z-index: 1;
    width: 100%;
    height: 4.0625rem;
    text-align: center
}

.scroll-indicator {
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    cursor: pointer;
    margin-left: -14px
}

.scroll-arrow {
    position: absolute;
    width: 28px;
    height: 8px;
    opacity: 0;
    transform: scale3d(0.5, 0.5, 0.5);
    animation: move 3s ease-out infinite
}

.scroll-arrow:before,
.scroll-arrow:after {
    content: ' ';
    position: absolute;
    top: 0;
    height: 100%;
    width: 51%;
    background: #fff
}

.scroll-arrow:before {
    left: 0;
    transform: skew(0deg, 30deg)
}

.scroll-arrow:after {
    right: 0;
    width: 50%;
    transform: skew(0deg, -30deg)
}

.scroll-arrow:first-child {
    animation: move 3s ease-out 1s infinite
}

.scroll-arrow:nth-child(2) {
    animation: move 3s ease-out 2s infinite
}

@keyframes move {
    25% {
        opacity: .5
    }
    33% {
        opacity: .75;
        transform: translateY(30px)
    }
    67% {
        opacity: 1;
        transform: translateY(40px)
    }
    100% {
        opacity: 0;
        transform: translateY(55px) scale3d(0.5, 0.5, 0.5)
    }
}

/*---------- Indicator Option 1------------*/

/*---------- header ------------*/

header{height: 53px;background-color:#fff}
.togglebar .menubar{display: inline-block;margin: 0;height: 53px;width: 53px;line-height: 53px;text-align: center;margin-right: 20px}
.togglebar .menubar img{width: 16px}
.togglebar .logo img{width:116px;}
.togglebar a{display: inline-block}

/*---------- header ------------*/

/*---------- banner ------------*/

.banner {background-color: #000;background-position: center center;background-size: cover;background-repeat: no-repeat;background-image:url(https://newsletter.mediatek.com/hubfs/g90series/China%20Cover.jpg);padding:190px 0;background-attachment:fixed;position: relative;}
.g90tlogo {margin-bottom:10px}
.g90tlogo img {width:400px;}
.banner h3 {background: linear-gradient(to right, #DE4400 0%, #FF6D00 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-size: 68px;width:900px;max-width:100%;margin:15px auto;line-height:1.2}
.banner .height {height:520px}
.banner p {margin-top:10px;font-size: 26px}

/*---------- banner ------------*/

/*---------- Video ------------*/

.ytvideo {background-color: #000;background-position: center center;background-size: cover;background-repeat: no-repeat;background-image:url(https://newsletter.mediatek.com/hubfs/g90series/BG.jpg);background-attachment:fixed;position: relative;padding:100px 0}

/*---------- Video ------------*/

/*---------- Eventoverview ------------*/

.eventoverview {background-color: #000;background-position: center top;background-size: cover;background-repeat: no-repeat;background-image:url(https://newsletter.mediatek.com/hubfs/g90series/Event-Overview--China-_04.jpg);padding:70px 0;background-attachment:fixed;}
.eventtransparentbg:before {content:"";display:table;height:40px;width:100%;background-size:contain;background-repeat:no-repeat;position: relative;}
.eventtransparentbg:after {content:"";display:table;height:40px;width:100%;background-size:contain;background-repeat:no-repeat;position: relative;}
.eventtransparentbgwrap {padding:40px 70px;width:99%;margin:0 auto;background-color:rgba(0,0,0,0.55);margin-top:-34px;position: relative;}
.eventtransparentbgwrap:before{content:"";display:table;height:160px;width:14px;background-size:contain;background-repeat:no-repeat;position: absolute;top: 50%;transform: translateY(-50%);left:-4px;}
.eventtransparentbgwrap:after{content:"";display:table;height:160px;width:14px;background-size:contain;background-repeat:no-repeat;position: absolute;top: 50%;right:0;transform: translateY(-50%);right:-8px;}
.eventoverview p {margin-bottom:28px;color:#fff;font-size:20px;line-height: 2}
.eventoverview p:last-child{margin-bottom:0}

/*---------- Eventoverview ------------*/

/*---------- features ------------*/

.features {background-color: #000;background-position: center top;background-size: cover;background-repeat: no-repeat;background-image:url(https://newsletter.mediatek.com/hubfs/g90series/highlightsofsoc.jpg);padding:70px 0;background-attachment:fixed;}
.features .container>.row>.col-md-6 {position: relative}
.features .container>.row>.col-md-6:first-child:after {content:"";display:table;width:2px;top: 0;height: 98%;right: 0;background-color:#fff;position:absolute;}
.features h4 img {width: 400px;padding:10px 0}
.features ul {width: 460px;max-width:100%;margin:0 auto}
.imglist ul li{padding: 14px 16px 14px 68px}
.imglist ul li:last-child {margin-bottom:0}
.imglist ul li {background-size: 60px;background-repeat: no-repeat;background-position: center left;transition:all 0.3s linear}

/*.imglist ul li:hover{margin-left: 10px}*/

.g90feature ul li:nth-child(1){background-image:url(https://newsletter.mediatek.com/hubfs/g90series/g90ticons/cpu.png);}
.g90feature ul li:nth-child(2){background-image:url(https://newsletter.mediatek.com/hubfs/g90series/g90ticons/gpu.png);}
.g90feature ul li:nth-child(3){background-image:url(https://newsletter.mediatek.com/hubfs/g90series/g90ticons/camera.png);}
.g90feature ul li:nth-child(4){background-image:url(https://newsletter.mediatek.com/hubfs/g90series/g90ticons/process.png);}
.g90feature ul li:nth-child(5){background-image:url(https://newsletter.mediatek.com/hubfs/g90series/g90ticons/dual4g.png);}
.g90feature ul li:nth-child(6){background-image:url(https://newsletter.mediatek.com/hubfs/g90series/g90ticons/memory.png);}

.gametigerfeature ul li:nth-child(1){background-image:url(https://newsletter.mediatek.com/hubfs/g90series/gametigericons/lte.png);}
.gametigerfeature ul li:nth-child(2){background-image:url(https://newsletter.mediatek.com/hubfs/g90series/gametigericons/dualwifi.png);}
.gametigerfeature ul li:nth-child(3){background-image:url(https://newsletter.mediatek.com/hubfs/g90series/gametigericons/callanddata.png);}
.gametigerfeature ul li:nth-child(4){background-image:url(https://newsletter.mediatek.com/hubfs/g90series/gametigericons/touchscreen.png);}
.gametigerfeature ul li:nth-child(5){background-image:url(https://newsletter.mediatek.com/hubfs/g90series/gametigericons/framerate.png);}
.gametigerfeature ul li:nth-child(6){background-image:url(https://newsletter.mediatek.com/hubfs/g90series/gametigericons/intcommand.png);}
.gametigerfeature ul li:nth-child(7){background-image:url(https://newsletter.mediatek.com/hubfs/g90series/gametigericons/intperformance.png);}
.imgbtn {text-align: center;margin-top:10px}
.imgbtn a{display:block}
.imgbtn img{width: 300px;cursor: pointer;transition:all 0.3s ease-in-out}
.imgbtn img:hover {transform: scale(1.1)}

/*---------- features ------------*/

.demo-videos iframe {width:97.3%;height:340px;margin:0 auto}
.videossection {background-color: #000;background-position: center top;background-size: cover;background-repeat: no-repeat;background-image:url(https://newsletter.mediatek.com/hubfs/g90series/event_picture.jpg);padding:90px 0;background-attachment:fixed;}


/*---------- Downloads ------------*/

.downloadsection{background-color:#000;background-position: center top;background-size: cover;background-repeat: no-repeat;background-image:url(https://newsletter.mediatek.com/hubfs/g90series/downloads.jpg);padding:80px 0;background-attachment:fixed;}
.downloadsection h3 {color:#fff;text-transform: uppercase;font-size:32px;font-family:rionasans-l,sans-serif;letter-spacing:2px;padding-left:15px;margin-bottom:30px;}
.downloadpdf{margin-bottom:70px!important}
.downloadsection .downloadpdf:last-child{margin-bottom:0px!important}
.downloadpdf li{position:relative;padding:0 60px 0 15px;border-bottom:1px solid #fff;margin-bottom:15px}
.downloadpdf li p{font-size:28px;color:#fff}
.downloadpdf li p span{margin-left:18px;padding-left:18px;border-left:2px solid #E46112}
.downloadpdf li a{display:block;position:absolute;right:15px;bottom:18px;width:34px;}

/*---------- Downloads ------------*/

/*---------- Blog ------------*/

.blog{background-color:#000;background-position: center top;background-size: cover;background-repeat: no-repeat;background-image:url(https://newsletter.mediatek.com/hubfs/g90series/downloads.jpg);padding:80px 0;background-attachment:fixed;}
.pressreleasewrap{padding:30px;background-color:rgba(150, 150, 150, 0.17);}
.pressreleasewrap h5{color: #f99b1d;margin:0;margin-bottom:5px;text-transform:uppercase;font-size:18px}
.pressreleasewrap h3{color:#fff;font-family:rionasans-l,sans-serif;margin:0;margin-bottom:25px;height:136px;line-height: 1.8;font-size:26px;overflow:hidden;padding:0 25px}
.pressreleasewrap a{text-transform:uppercase;color:#fff;display:block;font-size:18px}
.pressreleasewrap a span{width:28px;height:28px;line-height:28px;text-align:center;background-color:#f99b1d;color:#fff;padding:2px;display:inline-block;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;margin-right:10px;}
.pressreleasewrap a:hover span{background-color:#A1A1A1}

.pressrelease .item  {
	position:relative; 
	/*background-color:#000; */
	border:3px solid #CF7D12; 
	display: inline-block;
}

.pressrelease .owl-item:nth-child(odd) .item:before {
	position:absolute; 
	left:-4px; 
	top:-4px; 
	content:'';
    border-top: 76px solid #CF7D12;
    border-right: 76px solid transparent;
}

.pressrelease .owl-item:nth-child(odd) .item:after {
	position:absolute; 
	left:-4px; 
	top:-4px; 
	content:'';
    border-top: 71px solid #000;
    border-right: 71px solid transparent;
}

.pressrelease .owl-item:nth-child(even) .item:before {
	position:absolute; 
	right:-4px; 
	top:-4px; 
	content:'';
    border-top: 76px solid #CF7D12;
    border-left: 76px solid transparent;
}

.pressrelease .owl-item:nth-child(even) .item:after {
	position:absolute; 
	right:-4px; 
	top:-4px; 
	content:'';
    border-top: 70px solid #000;
    border-left: 70px solid transparent;
}

/*---------- Blog ------------*/

.note p{font-style: italic;color:#999;margin-bottom: 2px}


/*---------- Footer ------------*/

footer{background-color: #353630;padding: 50px 0}
footer ul li a{font-size: 12px;color:#c7c5c5;}
footer ul li a:hover{color:#ED9732}
footer ul li{line-height: 1.3;}
.social-icon li{display: inline-block;margin-right: 15px}
.social-icon li:last-child{margin-right: 0}
.social-icon li a{display: block}
.social-icon li a img{width:36px}
.social-icon li a img:hover{opacity: 0.7}
.copyright{text-align: right;color:#c7c5c5}
.copyright li{display: inline-block;margin-right: 15px}
.copyright li:last-child{margin-right: 0}
.top-line{border-top: 1px solid #fff;padding-top: 20px;margin-top: 20px}

/*---------- Footer ------------*/

/*---------- Gallery Carousel ----------*/
.partialViewSlider-outerwrapper{
	position: relative;
	margin-bottom:35px;
	width:96%;
	margin:0 auto;
}
.partialViewSlider-outerwrapper.partialViewSlider-outsideControls{
	padding: 0 0;
}
.partialViewSlider-wrapper{
	overflow: hidden;
	font-size: 0;
	position: relative;
}
.partialViewSlider-outerwrapper ul{
	margin: 0;
	padding: 0;
	list-style: none;
	transition-property: transform;
	transition-duration: 0ms;
	transition-timing-function: ease-out;
}
.partialViewSlider-outerwrapper ul > li{
	display: inline-block;
	position: relative;
	font-size: 1rem;
	transition-property: all;
	transition-duration: 0ms;
	transition-timing-function: ease-out;
}
.partialViewSlider-wrapper.partialViewSlider-perspective ul > li{
	-webkit-transform: scale(0.8);
	transform: scale(0.8);
	opacity: 0.4;
}
.partialViewSlider-wrapper.partialViewSlider-perspective ul > li.active{
	-webkit-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}
.partialViewSlider-wrapper ul > li > img{
	width: 97.3%;
	display: block;
	margin:0 auto;
	opacity:0.3;
}
.partialViewSlider-wrapper ul > li.active > img{
	opacity:1;
}
.partialViewSlider-backdrop{
	position: absolute;
	height: 100%;
	top: 0;
	background: rgba(0, 0, 0, 0.7)
}
.partialViewSlider-backdrop.partialViewSlider-right{
	right: 0;
}

.partialViewSlider-nav{
	position: absolute;
	top: 50%;
	color: #f99b1d;
	font-size: 20px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width:50px;
	height:50px;
	line-height:50px;
	text-align:center;
}
.partialViewSlider-outerwrapper i {display:none}
/*.partialViewSlider-nav:hover{background-color:#F89C21;border-radius:6px}*/
.partialViewSlider-prev{
	left: 3%;
}
.partialViewSlider-next{
	right: 3%;
}
.partialViewSlider-outsideControls .partialViewSlider-nav,
.partialViewSlider-neighborControls .partialViewSlider-nav{
	color: #fff;
}
.partialViewSlider-outsideControls .partialViewSlider-prev{
	left: -6%;
	background-image: url("https://newsletter.mediatek.com/hubfs/g90series/prev.png");
	background-size: 94%;
	background-repeat: no-repeat;
}
.partialViewSlider-outsideControls .partialViewSlider-prev:hover{
	background-image: url("https://newsletter.mediatek.com/hubfs/g90series/prevhover.png");
}
.partialViewSlider-outsideControls .partialViewSlider-next{
	right: -6%;
	background-image: url("https://newsletter.mediatek.com/hubfs/g90series/next.png");
	background-size: 94%;
	background-repeat: no-repeat;
}
.partialViewSlider-outsideControls .partialViewSlider-next:hover{
	background-image: url("https://newsletter.mediatek.com/hubfs/g90series/nexthover.png");
}
.partialViewSlider-neighborControls .partialViewSlider-prev{
	left: -5%;
}
.partialViewSlider-neighborControls .partialViewSlider-next{
	right: -5%;
}

.partialViewSlider-dots {
	display: inline-block;
	position: absolute;
	bottom: 20px;
	left: 50%;
	transform: translate(-50%);
}
.partialViewSlider-dots li a{
	position: relative;
	display: inline-block;
	width: 7px;
	height: 7px;
	margin: 0 5px;
}
.partialViewSlider-dots li a:before{
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	border: 1px solid #FFF;
	border-radius: 50%;
	transition: all 0.25s ease-out;
}
.partialViewSlider-dots li.active a:before{
	background: #FFF;
}
/*---------- Gallery Carousel End----------*/

#gallery{margin:0 auto}
.owl-carousel .item-video {height: 300px;}
.owl-carousel .item-video iframe{width:100%!important;border:0;height:100%;background-color:#fff}
.owl-theme .owl-dots .owl-dot span {margin:0 auto;width:6px; height:6px}
.owl-theme .owl-dots .owl-dot {width:44px;height:44px}
.owl-theme .owl-dots .owl-dot.active, .owl-theme .owl-dots .owl-dot:hover {background-image:url("https://newsletter.mediatek.com/hubfs/g90series/dotactive.png");background-size:cover;background-position:center center;margin:0 15px;}
.owl-theme .owl-dots .owl-dot {margin:0 10px;}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {background:#C06A11}
.owl-theme .owl-nav.disabled+.owl-dots {margin-top:50px;}

@media (max-width: 1139px){
    .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{line-height:1.2}
}

@media (max-width: 991px){
    .subheading {font-size: 30px;}
    .subheading1 {font-size:26px;}
    .mb50 {margin-bottom: 20px;}
    .imgbtn img {width:250px}
    .font18 {font-size: 14px}
    .font16 {font-size: 14px}
    .font22 {font-size: 18px}
    .font26 {font-size: 24px}
    .pt100 {padding-top:20px}
    .w400, .w300 {width:100%;}
    .features h4 img {width: 280px}
    .mobileimg {display:block;margin:10px 0}
    .mobile-hidden {display:none}
    .g90tlogo img {width:260px}
    .banner {background-position:center right}
    .banner {padding: 170px 0}
    .banner h3 {font-size: 38px}
    .banner p {font-size:22px}
    .ytvideo {padding:60px 0}
    .eventtransparentbgwrap {padding:40px 20px}
    .eventoverview p {line-height:1.7}
    .imglist1 ul li{padding: 14px 16px 14px 70px}
    .imglist1 ul li {background-size: 60px;}
    .imgicononphone img{width:75px}
    .partialViewSlider-outsideControls .partialViewSlider-prev{left:-2%}
	.partialViewSlider-outsideControls .partialViewSlider-next{right: -2%;}
    .partialViewSlider-nav{width:30px;height:30px;line-height:30px;}
    .pressreleasewrap h3 {font-size:18px;padding:0;height: auto}
    .pressreleasewrap {padding:15px}
    .pressreleasewrap a {font-size:16px}
    .owl-theme .owl-dots .owl-dot {margin:0 2px}
    .owl-theme .owl-dots .owl-dot {width:30px;height:30px}
    .videossection, .blog {padding:60px 0}
    .downloadpdf li p {font-size:18px}
    .downloadsection h3 {font-size:24px;margin-bottom:15px}
    .downloadpdf li a {width:26px}
}

@media (max-width: 767px){
    .g90feature {border-bottom:2px solid #434343;padding-bottom:30px;margin-bottom: 30px}
    footer ul{margin-bottom: 15px!important}
    .social-icon{text-align: center}
    .copyright{text-align: center;margin-bottom: 0!important}
    footer{padding: 50px 0 35px 0}
    .youtube-player .play{width: 30px;height: 30px;transform:translate(-50%, -50%);margin-left:0;margin-top:0}
}

@media (min-width: 1441px){
    .banner {background-position: center center;}
}

@media (min-width: 992px) and (max-width: 1270px){
    .partialViewSlider-outsideControls .partialViewSlider-prev{left:-2%}
	.partialViewSlider-outsideControls .partialViewSlider-next{right: -2%;}
	.pressreleasewrap h3{font-size:20px}
}