@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Raleway:400,500,700,800');
/* CSS Document */
/*@import url('https://fonts.googleapis.com/css?family=family=Roboto:400,400italic,500,500italic,700,700italic,900,900italic,300italic,300,100italic,100');*/
@import url('https://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i');
/* Global */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0;  font: inherit; vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { font-family: 'Lato', sans-serif; color: #ffffff; margin: 0; font-size: 14px; /*background: #242424;*/ }
/*a, img { margin: 0px; padding: 0px; border: none; text-decoration: none; outline: none; }
a { -webkit-transition: all 0.4s; transition: all 0.4s; color: #333; }
a:hover, a:focus, a:active { outline: 0; color: inherit; text-decoration: none; -webkit-transition: all 0.4s;  transition: all 0.4s; } */
h1, h2, h3, h4, h5, h6 { margin: 0; }

p { margin-top: 10px; }
ul li ul, ol li ol, ol li ul, ul li ol, ul, ol { margin-left: 15px; }
.theme-btn { }
.theme-btn:hover { }
img { max-width: 100%; }
::-webkit-input-placeholder {
color:#ccc;
opacity:1;
}
:-moz-placeholder { /* Firefox 18- */
color:#ccc;
opacity:1;
}
::-moz-placeholder {  /* Firefox 19+ */
color: #ccc;
opacity:1;
}
:-ms-input-placeholder {
color: #ccc;
opacity:1;
}
input[type="text"], input[type="email"], input[type="password"], input[type="submit"], textarea { -webkit-appearance: none; }
input[type="text"], input[type="email"], input[type="password"], textarea, select { height: 40px; border-radius: 4px; -webkit-border-radius: 4px; line-height: 50px; border: 1px solid #ddd; width: 100%; color: #aaa; padding: 0 10px; color: #ccc; outline: none; font-size: 16px; }
/********** [ Buttons styles ] ***********/
.blue-btn, .red-btn, .black-btn { color: #fff; padding: 8px 25px; border: none; display: inline-block; -webkit-transition: all 0.2s; transition: all 0.2s; }
.red-btn:focus, .blue-btn:focus { color: #fff; }
.red-btn { background: #e70316; }
.blue-btn { background: #498adf; }
.black-btn { background: #181818; }
/********** [ Header ] ***********/ /*z-index 99999999*/
/*.header { background: #9CCA00; width: 100%; display: table; position: fixed; top: 0; z-index: 99; }*/
/***** navigation ******/
/*.navbar-brand { height: auto; padding: 0; }*/
/*.lang-mobile { display: none; float: right; position: absolute; right: 10px; top: 10px; transition: all 2s ease 0s; z-index: 2147483647; }*/
/*.navi {    float: right; margin-top: 9px;  margin-bottom: 9px;     text-transform: uppercase;}
.navbar-header { width: 100%; }
.lang-mobile > a { color: #fff; }
.navbar-brand img { width: 100%; margin: 0px 0; }
.lang-mobile.lang { display: block; transition: all 2s ease 0s; }
.lang-mobile { display: none; float: right; position: absolute; right: 10px; top: 10px; transition: all 2s ease 0s; z-index: 2147483647; }
.search { background: #45BBFF; float: left; position: relative; border-radius: 3px; width:100%; }
.search input[type="text"] { background: none; border: none; padding: 0 10px; color: #fff; float: left; width: 90%!important; }
.search .fa-search { color: #fff; float: right; font-size: 14px; margin-right: 5px; margin-top: 11px; cursor: pointer; }
.navbar-collapse { float: right; position: absolute; right: 0; top: 0; }
.navigation .navbar { margin-bottom: 0; }
.navigation ul li a { color: #ffff; margin: 0; padding: 10px 10px; font-weight: bold;}
.navigation ul li a:hover { background: none; color: #0e0e0e;}
.navigation ul li ul { background: #0178a2; }
.navigation ul li ul li a { padding: 10px; }
.nav .open > a, .nav .open > a:focus, .nav .open > a:hover, .nav > li > a:focus, .nav > li > a:hover { background: none; }*/
/********** [ Banner ] ***********/
.banner img { max-height: 400px; float:left; }
.banner .carousel-control { display: none; }
.banner .carousel-indicators li { width:8px; height:8px; background: #d0d0d0; border: none; }
.banner .carousel-indicators .active { width: 8px; height:8px; background: #0ba8e5; }
.carousel-indicators { bottom:-2px;}
.banner .carousel-inner { /*background-image: url("../images/header-bg.jpg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;*/
	height: 100%; width: 100%; }
.banner { margin-top: 78px; border-bottom:1px solid #242424;}
/********** [ home-ads-block ] ***********/
.home-ads-block .container-fluid, .home-ads-block .row, .home-ads-block .col-md-6 { padding: 0; margin: 0; }
.home-ads-block img { width: 100%; float: left; }
.home-ads-block .img-block { margin-top: 0px; float: left; width: 100%; }
.home-ads-block .img-block:first-child { margin-top: 0; }
.home-ads-block .left-part { margin-right: 0%; width: 50%; }
.home-ads-block .right-part { margin-left: 0%; width: 50%; }
/********** [ slider block ] ***********/
.slider-block { float: left; width: 100%; background: #383838; border-top: 1px solid #242424; }
.slider-block .slider-pro { margin-bottom: 0px !important; }
.slider-block .sp-slide span { position: absolute; bottom: 0; background: #383838; color: #fff; font-size: 20px; text-align: center; width: 100%; z-index: 1; padding: 10px 0; font-family:  'Lato', sans-serif; float: left; }
.block-heading .icons { margin-right: 10px; }
.sp-buttons { display: none; }
.sp-image {
    border: medium none;
    display: block;
    height: auto !important;
    margin: 0 !important;
    position: relative;
    width: 100% !important;
}
/********** [ footer ] ***********/
.footer { display: table; width: 100%; background: #383838; }
.footer h2.block-heading { /*padding: 10px 15px;*/
}
.block-heading { margin: 0; background: #383838; font-size: 60px; color: #00abe5; padding: 15px 15px 20px; font-family:  'Lato', sans-serif; }
.footer ul { margin: 0; padding: 0; text-align: center; }
.footer ul li { list-style: none; float: left; width: 25%; }
.title { display: block; }
.footer ul li:first-child { border: none; }
.social-icons ul li { border-left: 1px solid #242424; padding: 50px 0; font-family: 'telenormedium_italic'; }
.social-icons ul { border-top: 1px solid #242424; border-bottom: 1px solid #242424; float: left; width: 100%; }
.footer-btm { background: #00abe5; width: 100%; float: left; position: fixed; bottom: 0; z-index: 99999999999999; }
.social-icons { float: left; margin-bottom: 167px; width: 100%; }
.social-icons a { outline: none; }
/**** icons sprite ****/
.share { background: url(../images/share-icon.png) no-repeat; width: 61px; height: 59px; display: inline-block; position: relative; top: 11px; margin-right: 10px; }
.fb { background: url(../images/fb-icon.png) no-repeat; width: 39px; height: 83px; display: inline-block; }
.viber { background: url(../images/viber-icon.png) no-repeat; width: 85px; height: 95px; display: inline-block; }
.whatsapp { background: url(../images/whatsapp-icon.png) no-repeat; width: 88px; height: 89px; display: inline-block; }
.youtube { background: url(../images/youtube-icon.png) no-repeat; width: 74px; height: 77px; display: inline-block; }
.google_plus { background: url(../images/google_plus.png) no-repeat; width: 90px; height: 90px; display: inline-block; }
.wallpapers { background: url(../images/wallpapers-icon.png) no-repeat; /*width: 74px;
	height: 77px;*/
	display: inline-block; }
.music { background: url(../images/headphone-white.png) no-repeat; /*width: 66px;
	height: 65px;*/
	display: inline-block; }
.video { background: url(../images/video-white.png) no-repeat; /*width: 58px;
	height: 58px;*/
	display: inline-block; }
.music-blue { background: url(../images/headphone-blue.png) no-repeat; /*width: 66px;
	height: 65px;*/
	display: inline-block; }
.video-blue { background: url(../images/video-blue.png) no-repeat; /*width: 58px;
	height: 58px;*/
	display: inline-block; }
.games { background: rgba(0, 0, 0, 0) url("../images/games-icon.png") no-repeat scroll 0 0 / contain; display: inline-block; height: 30px; width: 30px; }
.footer-btm .icons { /*height: 70px;*/
}
.footer-btm .title { font-family: 'telenorregular'; font-weight: 600; font-style: italic; font-size: 14px; }
.footer ul li a { color: #fff; }
.footer ul li a:hover { text-decoration: none; }
.footer-btm ul { float: left; padding: 5px 0 20px; width: 100%; }
.icons { height: 50px; }
.icons { background-size: contain; height: 30px; width: 30px; }
.block-heading .icons { height: 59px; position: relative; top: 14px; }
.main-heading { background: #383838 none repeat scroll 0 0; font-family: "togetherregular"; font-size: 30px; padding: 11px 0 4px 10px; text-align: center; color: #00abe5; }
.main-heading-2 { background: #383838 none repeat scroll 0 0; font-family: "togetherregular"; font-size: 30px; padding: 11px 0 4px 10px; text-align: center; color: #00abe5; }
.main-heading a { color: #00abe5;}
.main-heading i { float: left; margin-top: -6px; }
/* random effect */
.card.effect__random.flipped .card__front { -webkit-transform: rotateY(-180deg); transform: rotateY(-180deg); }
.card.effect__random.flipped .card__back { -webkit-transform: rotateY(0); transform: rotateY(0); }
.img-block { position: relative; }
.card__back { position: absolute; top: 0; left: 0; height: 100%; width: 100%; }
.card__front, .card__back { -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; }
.card__text { color: #fff; display: block; margin-top: 10%; padding: 0; text-align: center; width: 100%; font-weight: bold; }
.sky-bg { background-color: #0bb9d2; }
.card__back { -webkit-transform: rotateY(-180deg); transform: rotateY(-180deg); }
.wrapper.home > .col-md-6 { float: left; background: #0bb9d2; }
/* random effect end */

/*================== ====================*/
a { outline: none !important; }
a:hover { text-decoration:none;}
.navbar-wrapper { float: left; }
.navbar-brand > img { display: block; }
.internet-data { margin-top: 20%; }
.internet-data img { width: 100%; height: auto; }
.container { color: #fff; line-height: 20px; font-family:  'Lato', sans-serif; }
p b { font-family: 'telenormedium'; font-weight: normal; font-size: 14px; }
confirm-btn span {
    float: right;
    position: static !important;
    top: 0;
    width: auto !important;
}
.videos .col-xs-6 img{
  width: 100%;
}
.panel ul li { font-family: 'telenormedium'; }
.cancel { float: left; line-height: 50px; text-align: center; width: 100%; font-weight: bold; color: #fff; }
.panel-title a { display: inline-block; width: 100%; outline: none; color: #fff; text-decoration: none; }
.panel-title a:hover { text-decoration: none; color: #fff; }
#accordion .panel { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: medium none; border-radius: 4px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); margin-bottom: 20px; box-shadow: none; }
#accordion .panel-default > .panel-heading { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; color: #333; border: none; }
.panel-body { color: #fff; }
.panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group { border: none; }
#accordion h4 { font-size: 18px; }
#accordion ul { margin: 0; padding: 0; font-size: 12px; list-style: none; }
.successful { text-align: center; padding: 11px; }
.successful p { font-size: 12px; margin-top: 20px; font-family: 'telenormedium'; }
.successful img { width: 24%; }
.thumb div { margin: 0; padding: 0; }
.thumb img { width: 100%; }
.thumb a { color: #fff; }
.thumb span { display: inline-block; font-family: "telenorlight"; font-size: 16px; padding-bottom: 6px; text-align: center; width: 100%; }
.videos { margin-top: 20%; position: relative; text-align:center; }
.videos img { margin-top: 5%; width: 60%; }
.videos span { position: absolute; text-align: center; top: 36%; width: 60%; }
.videos span a img { width: 25%; }
.discrition p b { font-family: 'telenormedium'; font-size: 14px; }
.confirm-btn { background: #cfde00 none repeat scroll 0 0; color: #323232; float: left; height: 38px; line-height: 38px; padding: 0 10px; width: 100%; font-family: 'telenormedium'; font-size: 18px; margin: 15px 0; }
.confirm-btn img { margin-top: 11px; }
.confirm-btn:hover { text-decoration: none; color: #323232; }
.block-heading img { width:10%; float:left; margin-right:10px }
.block-heading a { color:#00abe5; line-height:28px; }
.block-heading a i { float:right; line-height:30px; }
/*.carousel { border-bottom: 5px solid #242424; }*/
marquee { background: #383838 none repeat scroll 0 0; border-bottom: 5px solid #242424; color: #fff; float: left; font-family: "togetherregular"; font-size: 18px; line-height: 46px; margin: 0; padding: 0 10px; }
#example29 { border-bottom: 1px solid #242424; }
#example29 .sp-mask { min-height: 97px !important;
}
#example29 img { margin-left:0 !important; width:100% !important; height: auto !important; margin-top:0 !important; }
.subscribe h2 { border-bottom: 5px solid #242424; border-top: 5px solid #242424; margin-top: 64px; }
.subscribe .col-md-3 { padding:0 2.8px; }
.subscribe img { display: inline-block;}
.subscribe figcaption { text-align:center; vertical-align: middle !important; }
.subscribe-btn { background: #00abe5 none repeat scroll 0 0; color: #fff; display: inline-block; font-size: 12px; padding: 2px 8px; text-align: center; width: 100%; margin-bottom:5px; }
.category-block .button figcaption {
    color: #fff;
    display: inline-block;
    float: left;
    font-size: 11px;
    height: 18px;
    text-align: center;
    width: 100%;
}
.category-block .button a { background: rgba(0, 0, 0, 0) url("../images/btn-bg.jpg") repeat-y scroll 0 0; border: medium none; color: #fff; display: inline-block; font-size: 12px; padding: 3px 25px; text-align: center; text-decoration: none; width:auto; margin-bottom:6px; background-size:100%; }

/****** 9-5-2016 [ changes ] *******/
.category-block { text-align:center;}
.discrition p[align="center"] { text-align:left; margin-bottom:10px;}

/*============================ Album Page Start ==============================*/
.album-bg img {
    -webkit-filter: blur(10px);
 -moz-filter: blur(10px);
 -o-filter: blur(10px);
 -ms-filter: blur(10px);
 filter: blur(10px);
    height: 41%;
    margin-top: 50px;
    position: absolute;
    width: 100%;
    z-index: 1;
}
.album-sec {
    font-weight: 600;
    padding-top: 12%;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 2;
}
.album-sec h3 {
    color: #00abe5;
    font-family: "telenorlight";
    font-size: 36px;
    margin: 0;
    padding: 0;
    /*text-shadow: 0 0 3px #222;*/
}
.album-sec h5{
	 font-family: 'telenorlight';
	 font-size:18px;
	 color:#fff;
	 margin:0;
	 padding:0;
}
.album-img{
	width:80%;
	margin:10px auto;
}
.album-img img{
	width:100%;
	display:inline-block;
}
.song-list {
    list-style: inside none desimal;
    margin: auto;
    padding: 0 0 100px 0;
    width: 90%;
}
.song-list li {
    border-bottom: 1px solid #4f4f4f;
    color: #fff;
    font-size: 14px;
    font-weight: normal;
    padding: 18px 0;
    position: relative;
    text-align: left;
    width: 100%;
}
.song-list li:last-child{
	border:none;
}
.song-list li span {
    color: #a1a0a0;
    display: flex;
    font-size: 12px;
    text-indent: 15px;
}
.song-list li a {
    /*background: #8bc100 none repeat scroll 0 0;*/
	background: rgba(0, 0, 0, 0) url("../images/btn-bg.jpg") repeat-y scroll 0 0 / 100% auto;
    border-radius: 2px;
    color: #fff;
    font-size: 12px;
    padding: 3px 5px;
    position: absolute;
    right: 0;
    top: 24%;
}
/*============================ Album Page End ==============================*/
/*=========================== News Section Start =========================*/
.news-sec{
	margin-top: 90px;
}
 /* Remove margins and padding from the list, and add a black background color */
ul.topnav {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #333;
}

/* Float the list items side by side */
ul.topnav li {float: left;}

/* Style the links inside the list items */
ul.topnav li a {
    display: inline-block;
    color: #f2f2f2;
    text-align: center;
    padding: 10px 16px;
    text-decoration: none;
    transition: 0.3s;
    font-size: 14px;
	line-height:normal; 
	/*margin-left:30px;*/
}
/*ul.topnav li:first-child {
	background:#00abe5;
}*/
ul.topnav li:first-child a{
	margin-left:0px;
	background:#00abe5;
}

/* Change background color of links on hover */
ul.topnav li a:hover {background-color: #111;}
ul.topnav li:first-child a:hover {background-color: #333;}

/* Hide the list item that contains the link that should open and close the topnav on small screens */
ul.topnav li.icon {display: none;}
@media screen and (max-width:767px){
.news-sec{
	margin-top: 66px;
}
.news-sec h6 a, .news-wrap h6 a{
    color: #fff;
    font-size: 16px !important;
}
time {
    color: #666;
    display: block;
    font-size: 10px !important;
    font-weight: bold;
    letter-spacing: 1px;
    margin: 3px 0;
    text-transform: uppercase;
    word-spacing: 3px;
}
.news-wrap .col-sm-6{
	padding:0 8px !important;
	}
	.news-thum img{ width:100%;
	
	}
}
/* When the screen is less than 680 pixels wide, hide all list items, except for the first one ("Home"). Show the list item that contains the link to open and close the topnav (li.icon) */
@media screen and (max-width:680px) {
  ul.topnav li:not(:first-child) {display: none;}
  ul.topnav li.icon {
    float: right;
    display: inline-block;
  }
}

/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens */
@media screen and (max-width:680px) {
  ul.topnav.responsive {position: relative;}
  ul.topnav.responsive li.icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  ul.topnav.responsive li {
    float: none;
    display: inline;
  }
  ul.topnav.responsive li a {
    display: block;
    text-align: left;
  }
}
.news-wrap {
    background: #333 none repeat scroll 0 0;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-top: 2px;
    padding: 5px;
}
time {
    color: #666;
    display: block;
    font-size: 24px;
    font-weight: bold;
    letter-spacing: 1px;
    margin: 3px 0;
    text-transform: uppercase;
    word-spacing: 3px;
}
.news-sec h6 a {
    color: #fff;
    font-size: 36px;
}
.news-sec p {
    color: #bbb;
    font-size: 12px;
    line-height: 14px;
    margin: 3px 0;
}
.news-img{
	padding:0 !important;
}
.news-img img{
	width:100%;
	} 
.news-sec ul{
	background-color:#383838;
}
.news-sec .col-xs-8{
	padding-right:0px;
}
.news-sec .block-heading {
    /*line-height: 40px;*/
    padding: 5px;
	float:left;
	font-size:20px;
}
.news-sec .block-heading i{
	margin-right:15px;
}
.news-sec .block-heading a i {
    float: left;
    left: 10px;
    line-height: 30px;
    position: relative;
    top: -3px;
}
.cp-post-tools {
    clear: both;
    margin: 0;
    padding: 0;
    width: 100%;
}
.cp-post-tools li {
    color: #888888;
    display: inline-block;
    font-size: 12px;
    line-height:normal;
    list-style: outside none none;
    margin-right: 14px;
}
.cp-post-tools li i {
    margin-right: 3px;
}

.news-content h3{
	margin:5px 0 0;
	font-size: 16px;
    font-weight: bold;
}
.news-content a,.news-content p{
	color:#fff !important;
		}
@media screen and (max-width:767px){
.news-sec .block-heading {
    line-height: 40px;
    padding: 10px;
	float:none;
}
.news-sec .block-heading a i {
    float: left;
    left: 10px;
    line-height: 30px;
    position: relative;
    top: 3px;
}
.news-sec .block-heading i {
    margin-right: 5px;
}
}
/*=========================== News Section End =========================*/

/*=========================== contest page start ======================*/
.contest_sec {
	margin-top:1.5% ;
    width: auto;
	margin-bottom:25%;
}
.contest_sec .block-heading img {
    width: 9%;
}
.contest_sec p{
	margin-top:5px;
}
.score{
	font-size:14px;
	color:#ccc;
}
.score b {
    color: #00abe5;
    font-size: 16px;
    margin-right: 20px;
}
.score span{
	font-size:16px;
}
.star{
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	color:#F00;	
}
.sidebar-module-inset {
    background-color: #383838 ;
    border-radius: 4px;
    padding: 15px;
	margin:10px 0;
	max-height:230px;
	overflow:auto;
}
.sidebar-module-inset h4{
	color:#00abe5;
	}
.contest_sec button {
    background: #00abe5 none repeat scroll 0 0;
    border: 0 none;
    color: #ffffff;
    cursor: pointer;
    padding: 10px 15px;
    transition: all 0.3s ease 0s;
    width: 100%;
}
.contest_sec center p{
	color:#fff;
}

/*=========================== contest page End ======================*/

/*=========================== paly button video slider start======================*/

.slider-pro a span.play img {
    left: 240% !important;
    /*position: absolute;*/
    top: 390% !important;
    width: 80% !important;
}
@media screen and (max-width:480px){
.slider-pro a span.play {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    height: 76% !important;
    width: 110% !important;
}
.slider-pro a span.play img {
    left: 60% !important;
    top: 160% !important;
    width: 20% !important;
}
}
/*=========================== paly button video slider END======================*/
	
/*=========================== paly button video Final Page  start======================*/
.category-block figure{
 position:relative;l
}
.category-block figure a span.play img {
    left: 240%;
    position: absolute;
    top: 390%;
    width: 80%;
}
@media screen and (max-width:480px){
.category-block figure a span.play {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    height: 70px;
    width: 70px;
}
.category-block figure a span.play img {
    left: 46%;
    position: absolute;
    top: 23%;
    width: 20%;
    z-index: 9;
}
}
/*=========================== paly button video Final Page  END======================*/

/*=========================== Login OTP page Start ======================*/
.login_sec {
    margin-bottom: 25%;
    margin-top: 20.5%;
    width: auto;
}
.login_sec .form-horizontal .control-label {
    color: #fff;
    margin-bottom: 0;
    padding-top: 7px;
    text-align: left;
    width: 100%;
}
.login_sec .form-group {
    margin-bottom: 10px;
}
#randomfield {
    float: left;
    width: 100px;
}
.blue-btn{
	margin-right:15px;
	background:#00abe5;
}
.login_sec .cta {
    background: #f2f2f2 none repeat scroll 0 0;
    box-sizing: border-box;
    color: #666666;
    font-size: 12px;
    margin-top: 10px;
    padding: 10px 40px;
    text-align: center;
    width: 100%;
}
.login_sec .cta a {
    color: #00abe5;
    text-decoration: none;
}
.tab {
    background: #00abe5  none repeat scroll 0 0;
    margin-bottom: 15px;
    padding: 10px 15px;
}
.tab p{
	margin:0;
}
.login_sec a {
    color: #eee;
}
/*=========================== Login OTP page End ======================*/

/*========================== Featured Categories Start =====================*/
.featured_categories {
    margin-top: 2.5%;
    width: auto;
}
.block-heading img {
    width: 25px;
}
.block-heading a {
    color: #00abe5;
    line-height: 28px;
}
.block-heading img {
    float: left;
    margin-right: 10px;
    width: 10%;
}
.block-heading a i {
    float: right;
    line-height: 30px;
}
.featured_categories ul{
	margin:0;
	padding:0;
	list-style:none;
}
.featured_categories ul li{
	margin:0;
	padding:0;
	margin-bottom:2px;
	}
.featured_categories ul li img{
	width:100%;
}

/*========================== Featured Categories End =====================*/


/*=========================== contest page start ======================*/
.contest_sec {
	margin-top:20.5% ;
    width: auto;
	margin-bottom:25%;
}
.contest_sec .block-heading img {
    width: 9%;
}
.contest_sec p{
	margin-top:5px;
}
.score{
	font-size:14px;
	color:#ccc;
}
.score b {
    color: #00abe5;
    font-size: 16px;
    margin-right: 20px;
}
.score span{
	font-size:16px;
}
.star{
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	color:#F00;	
}
.sidebar-module-inset {
    background-color: #383838 ;
    border-radius: 4px;
    padding: 15px;
	margin:10px 0;
	max-height:230px;
	overflow:auto;
}
.sidebar-module-inset h4{
	color:#00abe5;
	}
.contest_sec button {
    background: #00abe5 none repeat scroll 0 0;
    border: 0 none;
    color: #ffffff;
    cursor: pointer;
    padding: 10px 15px;
    transition: all 0.3s ease 0s;
    width: 100%;
}

/*=========================== contest page End ======================*/

/*=========================== Login OTP page Start ======================*/
.login_sec {
    margin-bottom: 25%;
    margin-top: 20.5%;
    width: auto;
}
.login_sec .form-horizontal .control-label {
    color: #fff;
    margin-bottom: 0;
    padding-top: 7px;
    text-align: left;
    width: 100%;
}
.login_sec .form-group {
    margin-bottom: 10px;
}
#randomfield {
    float: left;
    width: 100px;
}
.blue-btn{
	margin-right:15px;
	background:#00abe5;
}
.login_sec .cta {
    background: #f2f2f2 none repeat scroll 0 0;
    box-sizing: border-box;
    color: #666666;
    font-size: 12px;
    margin-top: 10px;
    padding: 10px 40px;
    text-align: center;
    width: 100%;
}
.login_sec .cta a {
    color: #00abe5;
    text-decoration: none;
}
.tab {
    background: #00abe5  none repeat scroll 0 0;
    margin-bottom: 15px;
    padding: 10px 15px;
}
.tab p{
	margin:0;
}
.login_sec a {
    color: #eee;
}
/*=========================== Login OTP page End ======================*/

/*=========================== Contest New Page start ========================*/
.contest_sec center p{
	color:#fff;
}

/*=========================== Contest New Page end ========================*/

.footer-btm {
    bottom:0;
    position:fixed;
    _position:absolute;
    _top:expression(eval(document.documentElement.scrollTop+
        (document.documentElement.clientHeight-this.offsetHeight)));
}

.slider-block {
  float: none;
}


.enrollForm h1 {
    margin-bottom: 20px;
}
.enrollForm, .service-info {
    background-color: #383838;
    padding: 10px;
 margin-top:15px;
}
.contest_sec .enrollForm button.btn {
    display: inline-block;
    margin-right: 10px;
    padding: 6px 35px;
    width: auto;
}
.score .service-info > span {
    display: inline-block;
    float: left;
}
.contest_sec .service-info p {
    display: inline-block;
    margin: 0;
}
.blue-text{color:#00abe5;}

.videos .main-heading center a b, .videos .main-heading center a .fa-angle-left {
    color: #00abe5;
    float: left;
}


.custom-pro-slider .sp-image-container {
  height: auto !important;
}
.custom-pro-slider .sp-slide > span {
    color: #fff;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 75px;
}
.custom-pro-slider .sp-slide time {
    color: #fff;
    font-weight: normal;
    height: 12px;
    margin: 0;
    overflow: hidden;
    padding-left: 6px;
}
.custom-pro-slider .sp-mask.sp-grab {
    height: 128px !important;
}


.home-section-two .eno-left-part{
        margin-right: 0%;
    width: 50%;
}
.home-section-two {
    margin-top: 0px;
    float: left;
    width: 100%;
}

.home-section-two .eno-right-part {
    margin-left: 0%;
    width: 50%;
}
.home-section-two img {
    width: 100%;
    float: left;
}
.home-section-two .container-fluid, .home-section-two .row, .home-section-two .col-md-6 {
    padding: 0;
    margin: 0;
}

.img-block{float:left;
width:100%;
text-align: center;;
}

.over-img-link{
      
    z-index: 9999;
    text-decoration: none;
  
   

}
.over-img-link h2{
position: absolute;
    z-index: 15000;
    font-weight: 800;
    color: #fff;
    
    font-size: 20px;
    word-wrap: break-word;
    float: left;
    width: 300px;
    height: 50px;
    background: rgba(85, 85, 85, 0.8);
    line-height: 50px;
    bottom: 0px;
     
    
}

.section-global-wrapper{overflow: hidden;}


.home-section-three .container-fluid{
padding-right: 0px;
padding-left: 0px;

}
.home-section-three h1{
    font-size: 36px;
    font-weight: 900;
    text-align: center;

}
    footer{
        background-color: #27ae60;
            font-family: 'Lato', sans-serif !important;
        width: 100%;
        
        bottom: 0px;

    }
    footer .container-fluid{
        padding-right: 0px;
padding-left: 0px;
    }
    footer .container-fluid .row{
       margin-right: 0px; 
    margin-left: 0px;
        padding: 13px 0px;
    }
   .service-information{
        text-align: center;
        margin-top: 12px;
    }
	
	 
.service-information a, .sup-term-faq a{
    color: #ffffff;
    text-decoration: none;
     font-family: 'Lato', sans-serif !important;
	 font-size:12px;
}
    .sup-term-faq .col-xs-3{
        text-align: center;
 font-family: 'Lato', sans-serif !important;
padding-bottom:5px;
padding-top: 2px;
    }
    .sup-term-faq{
        border-top: 1px solid #ffffff;
        border-bottom: 1px solid #ffffff;
    }.terms-boder-both{
        border-right:  1px solid #ffffff;
        border-left:  1px solid #ffffff;
    }
    .service-information a{border: 2px solid #fff;
    border-radius: 5px;
    padding: 4px;
    margin: 16px;
	font-size:10px;
    color: #ffffff;
} .serv-info .col-xs-12{
        height: auto;
} 

.all-rights{
    text-align: center;
	
}.all-rights p{
    padding-bottom: 10px;
	font-size:14px;
}
/* a.navbar-brand{
    color: #ffffff;
    margin-top: 2px;
        margin-left: -20px;
}*/

.service-information p{
        margin-top: 12px;
    margin-bottom: 10px;
	font-size:10px;
}
.inner-pages-title{
    width: 100%;
    background-color:#27ae60;
}
.inner-pages-title .container-fluid{
    padding: 0px;

}
.inner-pages-title .container-fluid .row{
    margin: 0px;
}
.inner-pages-title p{
    text-align: center;
    padding-bottom: 10px;
} .inner-pages-content ul{
color: #000000;
font-size: 14px;
padding-top: 30px;
padding-bottom: 30px; 
line-height: 2;
}
 .inner-pages-content table{
color: #000000;
font-size: 14px;
margin-top: 30px;
margin-bottom: 30px; 

}
.inner-pages-content table strong{
    font-weight: bold;
}
 .black_spacer_divider{
    background-color: #000;
    padding: 1px 0px 0px 0px;
    width: 100%;
    padding: 1px 10px 0px 10px;
}

.categories-pages{
    width: 100%;
    background-color:#f5eded;
   
}
.img-block-first, .img-block-first img{
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}
.img-block-first{
    border-radius: 10px;
}
.img-block-first h6{
    color:#ff4d4d; 
    text-align: center;
    font-weight: 600;
    font-size: 16px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-family: 'Lato', sans-serif;

}
.img-block-first{
    background-color: #ffffff;
    margin-top: 10px;
    margin-bottom: 10px;
     -webkit-box-shadow: 1px 2px 4px #ccc;
       -moz-box-shadow: 1px 2px 4px #ccc;
            box-shadow: 1px 2px 4px #ccc;
}
.youth-box-shadow{
    -webkit-box-shadow: 1px 2px 4px #ccc;
       -moz-box-shadow: 1px 2px 4px #ccc;
            box-shadow: 1px 2px 4px #ccc;
}

.home-section-one{
      width: 100%;
    background-color:#f8e8e8;
    color: #2a0909;
    padding-bottom: 20px;
}
.home-section-one h3 {
    color: #000204;
    font-size: 18px;
    font-weight: 700;
    margin: 10px 0 10px 6px;
    padding: 10px;
    text-transform: uppercase;
    font-family: raleway;
}
.img-block-second{background-color: #ffffff;
    margin-top: 10px;
    margin-bottom: 10px;
    border-radius: 10px;
}
.img-block-second img{
       border-top-right-radius: 15px;
    border-top-left-radius: 15px;
    padding: 8px;

}
    .img-block-second h6{
    color:#000; 
    text-align: center;font-weight: 600;
    font-size: 16px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-family: 'Lato', sans-serif;

}.home-section-one p{
    text-align: right;
    padding-right: 14px;
}
.overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
    background-color: #080d15;
    opacity: 0;
}
.carousel-control{
    z-index: 6;
}
.carousel-caption h3{
font-size: 40px;
}

 .pagination-ul-right ul{
    float: right;
 }
 .terms-borer-right{
    text-align: center;

    border-right: 1px solid #ffffff;
 }
 .sup-term-faq .col-xs-4{
        text-align: center;
 font-family: 'Lato', sans-serif !important;
padding-bottom:5px;
padding-top: 5px;
    }
video {
        border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    width: 100%;
    height: auto;
}
#video-container {
    
    position: relative;
}

.video-controls {
       position: absolute;
    bottom: 39%;
    
    padding: 5px;
    opacity: 1;
    width: 100%;
    text-align: center;
    
    
}

#video-container:hover #video-controls {
    opacity: .9;
}

.video-button {
        background: rgba(0, 0, 0, 0);
    border: 0;
    color: #EEE;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}

.video-button:hover {
    cursor: pointer;
}
.welcome-youthmania{
    text-align: center;
}
.welcome-youthmania h2{
    font-size: 35px;
    color: #ff0000;
    font-weight: 900;
        line-height: 1.2;
}
.confirmation-button{

    text-align: center;
}  .confirmation-button a{  text-transform: uppercase;
font-weight: 600;
letter-spacing: 1px;
}
.spacer{height:200px}



/*  16 Oct */

#video-popup {
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    width: 100%;
    height: 600px;
    position: fixed;
    z-index: 9999999999999999999999999;
    background: rgba(0, 0, 0, 0.8);
	display: none;
}
.close-popup {
    color: #fff;
    font-size: 22px;
    position: absolute;
    right: 20px !important;
    top: 10px;
	cursor: pointer;
	z-index: 999999999999;
}
@media screen and (max-width:767px){
div#video-popup video {
    position: relative;
    top: 25%;
}
}

/*============New css start==============*/

.top-head{
    padding: 20px 0;
    border-bottom: 5px solid #2cacf5;
    background-color: #ff4d4d;
    color: #fff;
}
.btn-danger {
    color: #fff;
    background-color: #9CCA00;
    border-color: #9CCA00;
}
.woman-safety-download-btn {
    background-color: #27ae60;
    color: #ffffff;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    margin-top: 5px;
}
.img-block-first h6 {
    color: #fff;
    text-align: center;
    font-weight: 600;
    font-size: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-family: 'Lato', sans-serif;
    text-decoration: none;
}
.inner-heading-uppercase{
   text-transform: uppercase;
    padding: 12px 0;
    font-size: 32px;
    width: 100%;
}
.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .open .dropdown-toggle.btn-danger {
    color: #fff;
    background-color: #ff0bdd;
    border-color: #ff0bdd;
}
.large-img {
    padding-left: 5px !important;
    padding-right: 5px !important;
}
.navbar-brand>img {
    display: block;
    width: 119px;
    margin-top: -14px;
}