@charset "utf-8";
/* CSS Document */

* { margin:0; padding:0;}
html { margin:0; padding:0;}
body { margin:0; padding:0;}
ul,li,ol { list-style-type:none;}
img,a { border:none; outline:none; text-decoration:none;}
.clr { clear:both}
.clearfix:after { content: "."; display: block; font-size:0; height: 0; clear: both; visibility: hidden;}
.clearfix { display: block; }
*+html .clearfix { display: inline-block; }

#pageWraper{ width:100%; position:fixed }
.section{ width:100%; position:relative;  }
.screen1{ background:url(../images/bg.png) no-repeat; overflow:auto; background-size: cover; }
.pageContent{ max-width:1070px; margin:0 auto; position:relative }
.bgRiban { height:10%; position:absolute; bottom:0; left:0; width:100%}
.homeLeftCol { width:50%; float:left; }
.logoCont  { width:131px; margin-top:40px;}
.wynikLogo { width:100%; margin-top:35px;  }
.wynikLogo img { margin:0 auto; display:block}
h1 { font-size:30px; color:#fff; text-align:center;font-family: 'tondo_corplight'; font-weight:normal; margin-top:40px;}
h2 { font-size:32px;  font-family: 'tondo_corpbold'; font-weight:normal; color:#fff; text-align:center}
.homeLeftCol p { font-family: 'tondo_corpregular'; color:#fff; text-align:center; font-size:15px; padding:15px 0;   }
.playStore	{ width:100%; margin:0 auto; }
.playst , .iphoen{ margin-right:5px;}
.playStore ul li { float:left; margin-right:17px;}
.homeRightCol { width:50%; float:left}
.homeMobile { padding-top:50px; position:relative;  z-index:1;}
.homeMobile img { margin:0 auto; display:block}
.feature { width:100%}
.hading { font-size:45px; text-transform:uppercase;  color:#ee1d26; font-weight:normal; font-family: 'tondo_corpbold'; text-align:center; line-height:51px;}
.subHading { font-size:15px; color:#333; font-family: 'tondo_corpregular'; text-align:center; margin-bottom:40px }
.fuatureContent { width:100%; margin-top:50px;}
.featureLeftCont { width:29%; float:left}
.featureList { width:100%; font-family: 'tondo_corpregular'; margin-top:23px; text-align:right}
.featureList h4 { font-weight:normal; font-size:24px; color:#ee1d26; line-height:40px;  }
.listSubhading { font-size:14px; color:#333; line-height:15px; }
.secList { margin-top:90px;}
.thirList { margin-top:70px;}
.featureMidCont { width:40%; float:left}
.featureMidCont img { margin:0 auto; display:block}
.featurerightCont { width:31%; float:left;}
.textAline { text-align:left !important}
.section2 { overflow:auto; background:#fff;}
.section3 { width:100%; background:url(../images/moviesBg.jpg) no-repeat 50% 0; background-size:cover; overflow:auto}
.moviesCont { width:100%;  text-transform:uppercase}
.moviesCont h3  { font-size:84px; font-weight:normal; color:#f8c008; font-family: 'tondo_corpbold'; text-align:center; line-height:100px;}
.moviesCont p { font-size:30px; color:#fff; font-family: 'tondo_corpregular'; text-align:center}
p.moviesSubHading { font-size:29px; color:#f8c008; font-family: 'tondo_corpbold'; border-bottom:1px solid #f8c008; padding-bottom:4px; display:table; margin:0 auto }
.section4 { width:100%; background:url(../images/planBG.jpg) no-repeat 50% 0; overflow:auto; background-size:cover}
.section5 { width:100%; background:url(../images/downloadAppBg.jpg) no-repeat 50% 0; overflow:auto; background-size:cover}
.planCont { width:100%; overflow:hidden; text-align:center;}
.chanelLit { width:47%; display:inline-block; border:solid 1px #4d4d4d; border-radius:30px; margin-right:5%; vertical-align:top}
.chanelLit:last-child{margin-right:0}
.chanelLit h2 {
    background: #ee1d26 none repeat scroll 0 0;
    border-radius: 30px;
    font-size:22px; line-height:50px; text-transform:uppercase;
}

.section4 .pageContent{
	margin-top: -270px !important;
}

.termsList{
	color:#666;
	font-size:13px;
	line-height:17px;
	margin-top:14px;
}

.termsList ul{
	padding-left:20px;
}

.termsList li{
	font-size: 13px;
    list-style-type: disc;
    margin-bottom: 3px;
}

ul.listIcon{ text-align:center}
ul.listIcon li {color:#fff; border-bottom: 1px solid #434343; font-size:14px;  height:50px; line-height:20px;}
ul.listIcon li.padTop { padding-top:10px;}
ul.listIcon li.lineH { line-height:50px; }
ul.listIcon li.lineH2 { line-height:55px; height:55px; }
ul.listIcon li:last-child{border:0}
a.btn { width:110px; text-align:center; border-radius:3px; margin:15px auto 0; background:#ee1d26; color:#fff; font-size:16px;  font-family: 'tondo_corpregular'; line-height:40px; display:block}
.downloadApp { width:100%; text-align:center;  color:#fff;}
.downloadHading { font-size:60px; font-family: 'tondo_corpbold'; font-weight:normal; line-height:50px; }
.downloadSubhading { font-size:36px; font-family: 'tondo_corpregular';}
.footerPlayStore { width:30%; }

.controller { width:1%; position:fixed; top:30%; right:3%; z-index:9}
.controller ul li { width:10px; height:10px; border:2px solid #c2161c; margin-bottom:15px; border-radius:100%; cursor:pointer}
.controller ul li.selected{ background:#fff; border:1px solid #ccc; border:2px solid #ccc;}
.section5Footer { width:100%; }
.footer { width:100%; min-height:64px; background:#000; min-height: 67px; position:absolute; bottom:0; left:0}
ul.footerMain { max-width:1070px; margin:0 auto}
ul.footerMain li { float:left; line-height:64px; }
ul.footerMain li a { color:#cecece; font-family: 'tondo_corpregular'; margin: 0 5px;}


.popBg { width:100%; background:url(../images/ppBg.png) repeat; position:fixed; top:0; left:0; height:100%; z-index:15}
.popMain { width:56%; position: fixed; top:20%; left:50%; margin:0 0 0 -30%; background:#fff; padding:20px; border-radius:3px; z-index:999}
.closeBtn { width:26px; position:absolute; top:-12px; right:-12px}
.tc { width:60%; position: fixed; top:10%;  left:50%; margin:0 0 0 -30%; background:#fff; padding:20px; border-radius:3px; z-index:999}
.popMain,.popBg { display:none}
.tabone { width:100%}
.tabone tr td { font-family: 'tondo_corpregular'; line-height:30px; border:1px solid #e2e2e2}
.terms1 { height:500px; overflow:auto; }
.faqpop { width:60%; position: fixed; top:10%;  left:50%; margin:0 0 0 -30%; background:#e9e9e9; padding:20px; border-radius:3px; z-index:999}
.tc,.faqpop{ display:none}
.scrollAcor { overflow-y:scroll; overflow-x:hidden; height:400px; width:100%}
.footerMain { width:1068px; margin:0 auto}
.footerList { width:220px; float:left; }
ul.footerList li { float:left; line-height:64px; }
ul.footerList li a { color:#cecece; font-size:14px; font-family: 'tondo_corpregular'; margin: 0 8px;}
p.copyRight { float:right; line-height:64px; color:#cecece; font-size:12px; }


.mobNone,.tabone { display:block}
.mobHader,.smallMob,.main { display:none;}




ul.list1{ margin:0px;}
.list1 li{ float:left; width:33%; border-right:1px solid #cfcfcf; border-bottom:1px solid #cfcfcf; text-align:center;}


/*feature css */
.fuatureContent{
	margin-top:20px;
}

.fuatureContent li{
	padding:13px 0;
	position:relative;
}

.fuatureContent li:nth-child(3n){
	border-right:0;
}

.fuatureContent li:nth-child(7){
	border-bottom:0;
}

.fuatureContent li:nth-child(8){
	border-bottom:0;
}

.fuatureContent li:nth-child(9){
	border-bottom:0;
}

.fuatureContent h4{
	color:#ee1d26;
	font-weight:bold;
	font-size:18px;
	line-height:20px; padding-top:10px;
}
.fuatureContent p.content{
	color:#fff;
	font-size:14px;
	line-height:18px;
	position:absolute; 
	top:0;
	left:0;
	z-index:2;
	text-align:center;
	width:90%;
	padding:0 5%;
}


.fuatureContent .iconDetailCon, .fuatureContent .overlay{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:0;
}

.fuatureContent .overlay{
	background:rgba(0,0,0,.5);
}

.planCont p{
	color:#fff;
	margin-bottom:30px;
}
.mbImgSmal{ display:none;}
.WebRupee { font-family: WebRupee;}
.tac{ text-align:center;}

#faq h2{ color:#ed1c24;}
#faq h3, #tnc h3{ font-size:16px; color:#333; padding:10px; border-bottom:1px solid #eee; background:#fff; cursor:pointer;}
#faq .questions{ font-size:13px; color:#666; padding:4px 0px;} 
#faq .questions a, #tnc p a{color:#666; text-decoration:underline;}
#tnc p{font-size:13px; color:#666; padding:4px 0px;}
#tnc h2{ font-size:22px; text-align:left; color:#ed1c24;}

.table1{ border-collapse: collapse; border-spacing: 0; width:100%; font-size:14px; vertical-align:middle; color:#fff; border:1px solid #fff; }
.table1 th{border:1px solid #fff; padding:5px; font-size:16px;}
.table1 td{ border:1px solid #fff;padding:5px; vertical-align:middle;}
@media screen and (max-width:1070px){

.footerMain { width:90%;}

}
@media screen and (max-height:602px) and (min-height:599px){

.footer{  min-height:0;}

}
@media screen and (max-width:1024px){
	
	.mbImgSmal{ display:block;}.mbImgSmal img{ vertical-align:middle;}
	.tabone { display:none}
.mobLi1{ float:left; width:30%;}
.homeLeftCol p{ padding:15px 0 0;}
.mobLi2{ float:right; width:65%; padding-left:5%;}
.fuatureContent p.content{ padding:0px; text-align:left;}
.mobLi2 h4{ line-height:20px; text-align:left;}

.logoCont { display:none}
.footerList { width:203px;}
.wynkLogoMob { float:right}
p.smallMob { margin:0; display:block; padding:15px 0 0 0 }
p.smallMob img { vertical-align:bottom}
#pageWraper 		  { width:100%; position:static }
.pageContent { width:100%; margin:0 auto}
.homeMobile img { width:100%}
.wynikLogo { margin-top:35px; display:none}
.footerPlayStore { width:40%}
.chanelLit { width:72%}
.playStore { position:relative; z-index:9}
.chanelLit { width: 76%; }

.controller { display:none}
.footerMain { width:90%; margin:0 auto}
ul.footerList  { margin:0 auto; float:none}
p.copyRight { line-height:20px; text-align:center; float:none}
.mobHader { display:block; width:100%; background:#d91a21; padding:10px 0}
.mobHaderMain { width:95%; margin:0 auto}
.fuatureContent { margin:25px 0 0 0}
.mobIcon { background:url(../images/chromecast.png) no-repeat; padding:10px 0 10px 80px; margin-bottom:10px; width:75%}
.MultiDeviceIcon { background:url(../images/MultiDeviceIcon.png) no-repeat; padding:10px 0 10px 80px; margin-bottom:10px; width:75%}
.noBuffering { background:url(../images/noBuffering.png) no-repeat; padding:10px 0 10px 80px; margin-bottom:10px; width:85%}
.genresIcon { background:url(../images/genresIcon.png) no-repeat; padding:10px 0 10px 80px; width:85%}
.entertainment { background:url(../images/entertainment.png) no-repeat; padding:10px 0 10px 80px; width:85%}
.internet { background:url(../images/internet.png) no-repeat; padding:10px 0 10px 80px; width:85%}

ul.footerList li { line-height:40px;}
.homeRightCol { display:none}
.homeLeftCol { width:100%}
.featureMidCont{ display:none} 
.featureLeftCont { width:100%; text-align:left;} 
.featureList { text-align:left; margin:15px 0}
.featureList h4 { font-size:16px !important; line-height:25px;}

.secList,.thirList { margin-bottom:15px;}
.featurerightCont { width:100%}
.featureList p { width:80%}
.chanelLit { width:100%}
ul.listIcon li { margin-top:0;}
.wynikLogo { margin-bottom:20px;}
.tableData { width:100%; overflow:auto; height:300px;}
.bgRiban { display:none}
.firstScreenContent{ padding:20px 0 0 0}
.feature,.planCont,.moviesCont,.downloadApp  { padding:25px 0 25px 0}
.popMain {
    background: #fff none repeat scroll 0 0;
    border-radius: 3px;
    left: 40%;
    margin: 0 0 0 -30%;
    padding: 20px;
    position: fixed;
    top: 20%;
    width: 75%;
    z-index: 999;
}
.footerPlay { margin-bottom:50px;}
.mobNone { display:none}


.main { width:98%;  padding:1%; background:#fff; border-radius:2px; display:block}
.table { width:100%; text-align:center; font-family: 'tondo_corpregular'; font-size:13px; line-height:20px; border:1px solid #e2e2e2; border-right:none; border-bottom:none }
.table tr th { background:#f00; color:#fff; font-weight:normal}
.innerTable th { text-align:center}
table th {border-bottom:1px solid #fff; border-right:1px solid #e2e2e2}
table td { border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2}
.br { border-right:none;}
.bl { border-left:none;}
.bt { border-top:none;}
.bb { border-bottom:none;}
.fontColour { color:#20a068}


.section4 .pageContent{
	margin-top:0 !important;
}


.wynkLogoMob{
	display:block;
}
.wynikLogo{
	display:none;
}

.fuatureContent p.content{
	position:static;
	color:#333;
	height:50px;
}

.moviesCont h3{
	font-size: 62px;
	line-height: 70px;
}

.chanelLit{
	margin-right:0;
	margin-bottom:30px;
	width:50%;
}

.footer{
	position:static;
}

.fuatureContent .iconDetailCon{
	position:static;
	display:block;
}

.fuatureContent .overlay{
	display:none;
}
.fuatureContent li{ min-height:100px;}
.moviesCont{ padding:40px 0px;}
}
@media screen and (max-width:875px){
	.mobLi1 img{ width:100%;}
.wynikLogo { margin:10px 0}	
h1,h2 { font-size:25px;}
.footerPlay { margin-bottom:50px;}
.list1 li{ width:30%; padding:20px 1%;}

}
@media screen and (max-width:768px){
	.addSecNew { display:block; margin-bottom:14px;}
	
	}
@media screen and (max-width:775px){
	
	.fuatureContent h4 {
		font-size: 15px;
	}
	
	.moviesCont h3 {
		font-size: 41px;
		line-height: 47px;
	}
	.moviesCont p{
		font-size:24px;
	}
	p.moviesSubHading{
		font-size:22px;
	}
	
	
	.downIcon img {
		margin: 15px 0;
		width: 20%;
	}
	
	
}

@media screen and (max-width:680px){


.popMain { width:75%; left:40%;}
.tableData { height:230px;}
h1,h2 { font-size:15px !important;}

}
@media screen and (max-width:640px){
.list1 li{ width:30%; padding:20px 1%; min-height:120px;}
.wynikLogo{ margin:0 }
.hading { font-size:40px; line-height:40px;}
h1,h2 { font-size:15px !important;}	
.homeLeftCol p { padding:0}

.wynikLogo img{
	width:40%;
}
.downIcon{ padding-bottom:0px !important;}
}
@media screen and (max-width:598px){
.footerPlayStore {}
.downloadHading{ font-size:50px;}
.downloadSubhading{ font-size:30px;}
.chanelLit{
	width:90%;
}

.moviesCont h3 {
    font-size: 32px;
    line-height: 44px;
}
}
@media screen and (max-width:577px){

p.moviesSubHading, .moviesCont p {
    font-size: 18px;
}
h1,h2 { font-size:15px !important; }
}
@media screen and (max-width:575px){
h1,h2 { font-size:20px;}
.wynikLogo { margin-top:10px;}
.hading{ font-size:35px; line-height:35px;}
.featureList p{ margin-bottom:10px; line-height:14px; font-size:12px;}
.subHading{ margin-bottom:0px;}
ul.listIcon{ padding-top:8px;}
.listIcon  img{ width:90%;}
.faqpop { width:80%; left:35%}
.tc { width:80%; left:32%}
.scrollAcor{ height:320px;}
.terms1 {height:360px;}
}
@media screen and (max-width:480px){
	.list1 li{ width:46%; padding:20px 1%;}
.featureLeftCont { width:100%}
.featurerightCont { width:100%}
.listSubhading { font-size:13px;}	
.featureList p { width:100%}
ul.listIcon li { margin:0}
h1,h2 { font-size:15px !important; border:1px solid #fff;}
.wynikLogo { margin-top:0}

.homeLeftCol p{ font-size:14px;}
.hading { font-size:25px; line-height:20px;}
h1 { font-size:20px !important; margin-top:10px !important;} 
h2 {  font-size:20px !important;}
.featureList { width:65%; margin:0}
.wynikLogo img{
	width:50%;
}


.fuatureContent li:nth-child(3n) {
    border-right: 1px solid #cfcfcf;
}
.fuatureContent li:nth-child(2n) {
    border-right: 0;
}
.fuatureContent li:nth-child(7), .fuatureContent li:nth-child(8){
	border-bottom: 1px solid #cfcfcf;
}
}
@media screen and (max-width:360px){
	.fuatureContent h4{ padding-top:0px;}
	.fuatureContent li{ border:0px !important}
.mobLi1 img{ width:auto;}
.list1 li {
    width: 100%;
	border-right:0;
}
.fuatureContent li{ min-height:auto; padding:8px 0px; border:0px; min-height:80px;}
.mobLi1 img{ width:65%;}

.moviesCont h3 {
    font-size: 25px;
    line-height: 30px;
}

p.moviesSubHading, .moviesCont p {
    font-size: 14px; margin:10px auto;
}

.downIcon img {
    margin: 15px 0;
    width: 28%;
}

	
}
@media screen and (max-width:320px){
	.closeBtn{right:-6px;}
.wynikLogo { margin-top:0}
.moviesCont h3 {}
ul.listIcon li { margin-top:0}
.downloadHading { font-size:45px; line-height:30px;}
.featurerightCont { width:100%}
.listSubhading { font-size:12px;}
.mobIcon { padding:5px 0 5px 75px}
.footerList { width:203px}
.tableData { height:230px !important}	
.downIcon img { margin: 15px 0; width: 30%; }
.fuatureContent li.mtop { padding-top:0;}

}