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

* { margin:0; padding:0;}
html { margin:0; padding:0;}
body { margin:0; padding:0; text-size-adjust:none; -moz-text-size-adjust:none; -webkit-text-size-adjust:none; -ms-text-size-adjust:none;}
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/homeScreen1.jpg) repeat; overflow:auto  }
.pageContent  	  { max-width:1070px; margin:0 auto; position:relative }
.bgRiban { height:13%; background:#180203; position:absolute; bottom:0; left:0; width:100%}
.homeLeftCol { width:50%; float:left; }
.logoCont  { width:131px; }
.wynikLogo { width:100%; margin-top:85px;  }
.wynikLogo img { margin:0 auto; display:block}
h1 { font-size:45px; color:#fff; font-family: 'tondo_corpbold'; line-height:45px; text-transform:uppercase; 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;  font-size:14px; padding:15px 0;   }
.playStore1	{ width:200px; float:left; margin:0 auto; margin-top:15px;  }
.stap { width:105%; display:none}
.stap:hover { display:block}
.stapCont { width:90%; float:left; background:#85090a; position:relative; z-index:999; border-radius:10px;}
.stapCont li { font-family: 'tondo_corpregular'; line-height:30px; padding:0 10px; font-size:12px; color:#fff; float:left; border-right:1px solid #640708;}
li.last { border-right:none}
.stapCont li span { background:#4e0506; color:#fff; padding:3px 8px; font-family: 'tondo_corpregular'; margin-right:5px; border-radius:50%}
p.arrow { width:100%; margin:0; padding:0; line-height:0; float:left}
p.arrow img { vertical-align:bottom; margin-left:85px;}
.playStore1 a { text-align:center; color:#fff; display:block; font-size:12px; text-decoration:underline; font-family: 'tondo_corpregular';}
.playStore ul li { float:left; margin-right:17px;}
.homeRightCol { width:278px; float:right; margin-right:60px;}
.homeMobile { padding-top:10px; position:relative;  z-index:1;}

.allSlider { background:#fff; left: 12px; position: absolute; top: 54px; width: 252px;  }

.homeMobile img { margin:0 auto; display:block}
.feature { width:100%}
.hading { font-size:51px; 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; }
.fuatureContent { width:100%; margin-top:110px;  background:url(../images/featureIcon.png) no-repeat 50% 0}
.featureLeftCont { width:340px; float:left}
.featureList { width:100%; font-family: 'tondo_corpregular'; text-align:right}
.featureList h4 { font-weight:normal; font-size:17px; color:#ee1d26; line-height:25px; font-family: 'tondo_corpbold';   }
.listSubhading { font-size:14px; color:#333; line-height:15px; }
.secList { margin-top:90px;}
.thirList { margin-top:70px;}
.featureMidCont { width:500px; float:left}
.featureMidCont img { margin:0 auto; display:block}
.featurerightCont { width:350px; float:right;}
.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:115px; font-weight:normal; color:#f8c008; font-family: 'tondo_corpbold'; text-align:center; line-height:100px;}
.moviesCont p { font-size:18px; color:#fff; font-family: 'tondo_corpregular'; text-align:center}
p.moviesSubHading { font-size:52px; color:#ec1a29; font-family: 'tondo_corpbold'; }
.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%;}
.chanelLit { width:62%;  margin:0 auto}
ul.listIcon{ text-align:center; padding-top:15px;}
ul.listIcon li {margin-top:50px; display:inline-block; padding-right:2%;}
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:#c1c1c1; border:1px solid #fff; border:2px solid #c2161c;}
.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:5%; left:50%; margin:0 0 0 -30%; background:#e9e9e9; 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 { }
.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}
.faqpop1 {  width:60%; position: fixed; top:10%;  left:45%; margin:0 0 0 -30%; background:#e9e9e9; padding:20px; border-radius:3px; z-index:999}
.tc,.faqpop{ }
.scrollAcor { overflow-y:scroll; overflow-x:hidden; height:400px; width:100%}
.footerMain { width:1000px; margin:0 auto}
.footerList { width:225px; float:left; }
ul.footerList li { float:left; line-height:64px; }
ul.footerList li a { color:#cecece; font-family: 'tondo_corpregular'; margin: 0 8px;}
p.copyRight { float:right; line-height:64px; color:#cecece; font-size:12px; }
.mobNone a { color:#fff; text-decoration:underline;  font-family: 'tondo_corpbold';}
.mobNone a:hover { color:#ee1d26}
.mobNone,.tabone { display:block}
.mobHader,.smallMob,.main { display:none;}
.tcDesktop { font-size:13px !important;}
.iconC { background:url(../images/collection.png) no-repeat 100% 0; margin: -60px 0 0; height:65px; padding: 10px 80px 0 0; width: 230px;}
.iconG { background:url(../images/trending.png) no-repeat 100% 0; margin: 100px 0 0; height:65px;  padding: 5px 70px 0 0; width: 260px;}
.iconH { background:url(../images/hiddenCharges.png) no-repeat 100% 0; margin: 90px 0 0; height:65px;  padding: 5px 70px 0 0; width: 300px;}
.iconAdd { background:url(../images/noAdd.png) no-repeat 0 0; margin: -70px 0 0 35px; height:65px;  padding: 10px 0 0 70px; width: 300px;}
.iconUn { background:url(../images/unlimitedGame.png) no-repeat 0 0; margin: 90px 0 0 5px; height:65px;  padding: 10px 0 0 70px; width: 270px;}
.iconIn { background:url(../images/noInternet.png) no-repeat 0 0; margin: 90px 0 0 -30px; height:65px;  padding: 10px 0 0 70px; width: 270px;}
.bdSection { position:relative; width:100%; margin-top:10px; margin-bottom:10px;}
.bdSection h4 { text-align:center; font-size:20px; line-height:30px; color:#f8c008; font-family: 'tondo_corpregular'; font-weight:normal }
.bdSection::before { background:url(../images/boder.png) no-repeat 0 0; width:440px; content: " "; height:1px; position:absolute; top:0; left:30%}
.bdSection::after { background:url(../images/boder.png) no-repeat; width:440px; content: " "; height:1px; position:absolute; bottom:0; left:30%}
.wor { color:#ec1a29 !important; text-decoration:line-through }

.downBtn  { width:200px; padding:3px 0 !important; margin-top:20px;   text-align:center; background:#be161d;  text-decoration:none; font-family: 'tondo_corpregular'; border-radius:30px;}
.downBtn a { color:#fff; font-size:18px; }
.downBtn a span { text-align:center; font-size:9px;}
.mobNone1 { padding-bottom:0 !important; font-size:20px !important;}

.mobNone1 { padding-bottom:0 !important; font-size:20px !important;}
.span1 { display:block; font-size:10px; line-height:30px; margin-left:55px; font-family: 'tondo_corpregular';}
@media screen and (max-width:1024px){
	.downBtn { margin:0 auto; text-align:center}
.stap { width:500px; margin: 0 auto;}
.stapCont { margin-bottom:20px; width:100%;}
	.playStore1{ float:none;}
	.tabone { display:none}
	.tcMob { font-size:13px !important; width:375px;}
.tcDesktop { display:none !important}
.logoCont { display:none}
.footerList { width:100%; text-align:center;   float:none !important  }
.footerList li {text-align:center; float:none !important; display:inline-block }
.wynkLogoMob { float:right}
p.smallMob { margin:0; display:block; padding:15px 0 0 0; margin-top:20px; text-align:center}
p.smallMob img { vertical-align:bottom}
#pageWraper 		  { width:100%; position:static }
.pageContent { width:95%; 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}
p.copyRight { line-height:20px; text-align:center; font-size:13px; 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/collection.png) no-repeat; padding:10px 0 10px 80px; margin-bottom:10px; width:75%}
.MultiDeviceIcon { background:url(../images/trending.png) no-repeat; padding:10px 0 10px 80px; margin-bottom:10px; width:75%}
.noBuffering { background:url(../images/hiddenCharges.png) no-repeat; padding:10px 0 10px 80px; margin-bottom:10px; width:85%}
.genresIcon { background:url(../images/noAdd.png) no-repeat; padding:10px 0 10px 80px; width:85%}
.entertainment { background:url(../images/unlimitedGame.png) no-repeat; padding:10px 0 10px 80px; width:85%}
.internet { background:url(../images/noInternet.png) no-repeat; padding:10px 0 10px 80px; width:85%}
.fuatureContent { background:none}
.homeRightCol { }
.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:15px; margin-bottom:5px;}

.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:100px 0 100px 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;}


.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}
h1 { text-align:center}
.downIcon { text-align:center}
.mobNone { text-align:center}
.mb  { margin-bottom:0;}
.mt  { margin-top:0;}
.mBttom { padding-bottom:80px;}
.mobNone { margin-bottom:15px;}
.homeRightCol { float:none; margin:0 auto}
.cl { content: "."; display: block; font-size:0; height: 0; clear: both; visibility: hidden;}
.cl { display: block; }
*+html .cl { display: inline-block; }
.homeMobile { margin-bottom:20px !important;}
}
@media screen and (max-width:875px){
p.arrow img{ margin-left:48%;}
}
@media screen and (max-width:875px){
.wynikLogo { margin:10px 0}	
h1,h2 { font-size:25px; line-height:30px;}
.footerPlay { margin-bottom:50px;}
.feature { padding:25px 0}
.bdSection::before { background:url(../images/boder.png) no-repeat 0 0; width:440px; content: " "; height:1px; position:absolute; top:0; left:20%}
.bdSection::after { background:url(../images/boder.png) no-repeat; width:440px; content: " "; height:1px; position:absolute; bottom:0; left:20%}
.mobNone a { display:block}
.playStore1 { width:100%;}
.arrow { display:none}
}
@media screen and (max-width:775px){
}

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


.popMain { width:75%; left:40%;}
.tableData { height:230px;}
.feature { padding:18px 0}
h1,h2 { font-size:30px !important;}
.bdSection::before { left:0; background:none; border-top:1px solid #846f17; width:100% } 
.bdSection::after { left:0;  background:none;  border-bottom:1px solid #846f17; width:100%}

}
@media screen and (max-width:640px){
.wynikLogo{ margin:0 }
.hading { font-size:40px; line-height:40px;}
h1,h2 { font-size:15px !important; line-height:20px;}	
.homeLeftCol p { padding:0}
.downIcon img { width:20%; margin:15px 0}
}
@media screen and (max-width:598px){
.footerPlayStore {}
.downloadHading{ font-size:50px;}
.downloadSubhading{ font-size:30px;}
}
@media screen and (max-width:577px){
.moviesCont h3 { font-size:95px;}
h1,h2 { font-size:15px !important; }

.stapCont li { border:none}
}
@media screen and (max-width:575px){
h1,h2 { font-size:20px;}
.wynikLogo { margin-top:10px;}
.moviesCont h3 { font-size:70px; line-height:70px;}
p.moviesSubHading { font-size:25px !important;}
.moviesCont p { font-size:18px;}
.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;}
ul.listIcon li{ display:table-cell; }
.listIcon  img{ width:90%;}
.faqpop { width:80%; left:35%}
.faqpop1 { width:80%; left:35%}
.tc { width:80%; left:32%}
.scrollAcor{ height:320px;}
.terms1 {height:360px;}
.downIcon img { width:35%; margin:15px 0}

}
@media screen and (max-width:520px){
.stap { width:100%;}
}
@media screen and (max-width:480px){
.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:20px; line-height:20px;}
h1 { font-size:20px !important; line-height:30px; margin-top:-10px !important;} 
h2 {  font-size:20px !important;}
.featureList { width:65%; margin:0}
}
@media screen and (max-height:486px){
.tableData { height:165px !important}	
}
@media screen and (max-width:320px){
.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}
.tableData { height:230px !important}	

}











.list_carousel {
				width: 252px;
			}
			.list_carousel ul {
				margin: 0;
				padding: 0;
				list-style: none;
				display: block;
			}
			.list_carousel li {
				font-size: 40px;
				color: #999;
				text-align: center;
				background-color: #eee;
				
				width: 252px;
				height: 460px;
				display: block;
				float: left;
			}