@charset "utf-8";
/* CSS Document */


/******* Hevetical Condenced Regular *******/
@font-face {
    font-family: 'helvetica_condensedregular';
    src: url('../fonts/ps_0-webfont.eot');
    src: url('../fonts/ps_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/ps_0-webfont.ttf') format('truetype'),
         url('../fonts/ps_0-webfont.svg#helvetica_condensedregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

:focus {
outline: 0;
}

a{
    outline: none !important;
 }
 
.main-title h1{ font-family: "OswaldBook",sans-serif; !important;}
.main-title .desc .desc-cont { font-family: 'helvetica_condensedregular';}
 
.no-mar{ margin:0;}

#navbar_us{
background-color: rgba(45, 60, 64, 0.95); height:82px; border-bottom:solid 3px #53b4c4; font-family: "helvetica_condensedregular",sans-serif;
}
#navbar_us.navbar{ margin-bottom:0;}
#navbar_us .container-fluid { padding:0 30px;}
#navbar_us a{
color:#b2b2b2;
}
.logo {
    display: block;
    margin-top: 25px;
    width: 207px;
}
#navbar_us li a{font-size:11px; line-height:18px;}
#navbar_us li.active a{
color:#fff; background:none;
}
#navbar_us li.active a.active{ background-color: rgba(83, 183, 196, 1) !important;}
#navbar_us li:hover a{
color:#fff;
}
#navbar_us li a i {
    background: url("../images/nav-sprite.png");
    display: block;
    height: 22px;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    width: 22px;
	text-shadow: 1px 1px 1px rgba(31, 41, 41, 0.75);
}
#navbar_us li a i.packages-icon {
    background-position: -21px 0;
}
#navbar_us li a:hover .packages-icon, #navbar_us li a.active .packages-icon {
    background-position: -21px -22px;
}
#navbar_us li a i.live-icon {
    background-position: -65px 0;
}
#navbar_us li a:hover .live-icon, #navbar_us li a.active .live-icon {
    background-position: -65px -22px;
}
#navbar_us li a i.shows-icon {
    background-position: -87px 0;
}
#navbar_us li a:hover .shows-icon, #navbar_us li a.active .shows-icon {
    background-position: -87px -22px;
}
#navbar_us li a i.movies-icon {
    background-position: -43px 0;
}
#navbar_us li a:hover .movies-icon, #navbar_us li a.active .movies-icon {
    background-position: -43px -22px;
}
#navbar_us li a i.moffers-icon {
    background-position: -197px 0;
}
#navbar_us li a:hover .moffers-icon, #navbar_us li a.active .moffers-icon {
    background-position: -197px -22px;
}
#navbar_us li a i.devices-icon {
    background-position: -131px 0;
}
#navbar_us li a:hover .devices-icon, #navbar_us li a.active .devices-icon {
    background-position: -131px -22px;
}

#navbar_us li a i.tvshows-icon { background-position: -382px 0;}
#navbar_us li a:hover .tvshows-icon, #navbar_us li a.active .tvshows-icon {	background-position: -382px -22px;}
#navbar_us li a i.ppv-icon {
    background-position: -354px 0;
}
#navbar_us li a:hover .ppv-icon, #navbar_us li a.active .ppv-icon {
    background-position: -354px -22px;
}
#navbar_us li a i.bazaar-icon {
    background-position: -305px 0;
}
#navbar_us li a:hover .bazaar-icon, #navbar_us li a.active .bazaar-icon {
    background-position: -305px -21px;
}

#navbar_us li a i.news-icon {
    background-position: -283px 0;
}
#navbar_us li a:hover .news-icon, #navbar_us li a.active .news-icon {
    background-position: -283px -22px;
}

#navbar_us li a i.cricket-icon {    background-position: -239px 0;}
#navbar_us li a:hover .cricket-icon, #navbar_us li a.active .cricket-icon { background-position: -239px -22px;}

#navbar_us li a i.scope-icon {
    background-position: -328px 0;
}
#navbar_us li a:hover .scope-icon, #navbar_us li a.active .scope-icon {
    background-position: -328px -22px;
}
#navbar_us .my_nav{ padding-bottom:0; margin-bottom:0;}
#navbar_us .my_nav li a{ font-size:14px;}

#navbar_us .my_nav .navbar-nav li  a{ padding:15px 3px; margin:0 3px;}
#navbar_us .my_nav .navbar-nav:first-child li  a{ padding-bottom:0;}
#navbar_us .my_nav .navbar-nav li a i {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("../images/nav-sprite-sml.png");
    background-origin: padding-box;
    background-repeat: no-repeat;
    background-size: auto auto;
    display: block;
    float: left;
    height: 16px;
    width: 16px;
}

#navbar_us .my_nav .navbar-nav li a i.icon-search {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("../images/search-icon2.png");
    background-origin: padding-box;
    background-position: left top;
    background-repeat: no-repeat;
    background-size: auto auto;
    display: block;
    float: left;
    height: 17px;
    margin-right: 5px;
    opacity: 0.6;
    width: 16px;
}
.main-nav-sml-popup {
		display:none;
		position: absolute;
		right:-10px;
		top:48px;
		background:rgba(45, 60, 64, 0.95);
		border-bottom:3px solid #53b4c4;
		width:280px;
		height:60px;
		padding:13px 15px 15px;
		color:#999999;
		font-size:14px;
		text-shadow:none;
		text-align:left;
		overflow:hidden;
	}

#navbar_us .my_nav .navbar-nav i.icon-cart {
    background-position: 0 -16px;
}
#navbar_us .bottom_mobile_nav  li:last-child a{ margin:0; padding:0; margin-top:12px;}
.search_test{border:1px solid #e8e8e8; border-radius:3px; padding:5px 30px 5px 12px; width:240px; height: 15px;font-family: 'helvetica_condensedregular', sans-serif; font-size:12px; background:#f1f1f1; margin-left:4px; color:#333; height:32px; position:relative; z-index:9;}
.search-sml{ margin:0; display:block; position:relative;}
.search-sml-icon {
    left: 220px; z-index:10;
}
      #navbar_us li a i.cricket-icon { 
		background-position:-239px 0;}

	  #navbar_us li a i.cricket-icon:hover { 
		background-position:-239px -22px;}
.search-sml-icon {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("../images/search-icon2.png");
    background-origin: padding-box;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: auto auto;
    cursor: pointer;
    height: 18px;
    position: relative;
    top: -24px;
    width: 16px;
}
.search-sml .search-sml-icon {
    right: 12px;
}
.web_rt_nav{ float:right;}
#navbar_us .head_so_links li a{ width:34px; height:34px;}
#navbar_us .head_so_links{ float:right;}


.container .player-left .main-title{ display:block; overflow:hidden; margin-top:10px; padding-left:0;}
.container .player-left .main-title .titlebody{ padding-left:0; float:left;}
.container .player-left .main-title .titlebody h1{ margin:10px 0 0px 20px; display:block; float:left; font-size:28px;}
.container .player-left .icon-tvchanel{ float:left; margin-top:10px;}
.container .player-left .main-title .titlebody .desc-cont{ margin-left:20px;}
.sub_but_lt{ display:block; clear:both;}
.tv_icon_lt{ float:left; display:block;}
.container .main-title .desc .desc-cont{ width:100%;}
.container .layer1 .language_active a.accor_link{ color:#fff;}
.container .layer1 div{ width:100%;}
.seo_family .navbar-default .navbar-toggle{ background:#ddd;}

.seo_family footer .wrapper{ width:90%;}

.seo_family footer  .footer-links{ width:18%; margin-right:2%;}
.seo_family footer   .contactconnect{ width:20%;}

@media (min-width: 320px) and (max-width: 1024px) {
#navbar_us .logo { margin-top: 14px; margin-left:6px; width:auto;}
#navbar_us .navbar-toggle{ margin-top:12px;}
#navbar_us #bs-example-navbar-collapse-1{ background-color: rgba(45, 60, 64, 0.95); position:relative; z-index:99; padding-bottom:20px;}
#navbar_us{ height:58px;}
#navbar_us.navbar-default{ border:none;}
#navbar_us.navbar-default .navbar-collapse, .navbar-default .navbar-form{ border:none;}
#navbar_us li a i{ display:inline-block; float:left; margin-right:20px;}
#navbar_us li a { line-height:25px;}
.my_nav{ padding:0 10px;}
.web_rt_nav{ float:left;}
.bottom_mobile_nav{ margin-top:70px;}
#navbar_us .bottom_mobile_nav li a { line-height: 17px;}
.seo_header{ height:62px;}
#navbar_us .head_so_links{ width:100%; text-align:center;}
.container .layer1{ margin-top:20px;}
.container .sub_but_lt{ width:100%;}
#navbar_us .head_so_links{ float:left;}
}
.seo_family{font-family: 'helvetica_condensedregular';}

.container .player-left .main-title i.icon-tvchanel{ width:98px; height:58px; }
.container .player-wrap, .container .moviedetail{ padding-top:0px;}
.container .indi-channelrgt p{ width:100%;}
.seo_family .connectus li a{ width:32px; height:32px;}
#more_channels{ float:left; margin-right:10px; margin-bottom:10px;}
.player-details .primary-btn{ padding:10px 22px;}
@media (min-width: 320px) and (max-width: 767px) {
.player-wrap .player-left.col-md-8{ width:100%; padding:0;}
.player-wrap .player-right.col-md-4{ width:100%; padding:0;}
.main-title h1{ font-size:16px;}
.container .icon-tvchanel img{ width:70px;}
.container .player-left .main-title i.icon-tvchanel{ height:41px; width:72px; padding:10px;}
.player-left .main-title .titlebody{ padding-left:40px;}
.player-details .smallinput3{ width:100%;}
.container .player-details{ width:100%;}
}
@media (min-width: 320px) and (max-width: 360px) {
	.wrapper-inner{ padding-top:68px;}
	.container .icon-tvchanel img{ width:90px;}
	.container .player-left .main-title i.icon-tvchanel{ height:54px; width:76px; padding:0;}
	.icon-tvchanel img{ top:0px;}
	.container .player-left .main-title{ margin-top:0;}
	.container .titlebody h1 a{ font-size:20px;}
	.container .player-left .main-title .titlebody{ margin-top:10px;}
	.container .player-left .main-title i.icon-tvchanel{ float:left;}
	.container .player-left .main-title .titlebody h1 { margin-left:6px; margin-top:-10px;}
	.container .titlebody a { font-size:16px;}
	.container .player-left .main-title .titlebody .desc-cont{ width:186px; overflow:hidden; text-overflow: ellipsis; white-space:nowrap;  margin-left:6px;}
	.container .sub_but_lt{ margin-top:15px; display:inline-block;}
	.container .player-details{ margin-bottom:0;}	
}
@media (min-width: 320px) and (max-width: 359px) {
.container .layer1 a{ margin-left:3px;}
}
@media (min-width: 320px) and (max-width: 640px) {
	.seo_family footer  .footer-links{ width:100%;}
	.seo_family footer  .wrapper{width:100%; padding:0 10%; margin:0;}
	.seo_family .about-yupp{ width:100%; margin-right:0; padding:0;}
	.seo_family footer .contactconnect{ width:100%;}
}
@media (min-width: 360px) and (max-width: 479px) {
.layer1 img{ width:76px;}
}
@media (min-width: 361px) and (max-width: 767px) {
	.container .icon-tvchanel img{width:96px;}
	.container .player-left .main-title i.icon-tvchanel{ width:100px; height:56px;}
	.container .player-left .icon-tvchanel{ margin-top:0px;}
	.container .player-left .main-title .titlebody h1{ margin-top:-3px;}
	.sub_but_lt{ margin-top:15px; display:inline-block;}
}
@media (min-width: 641px) and (max-width: 1024px) {
.seo_family footer  .footer-links{ width:48%;}
.seo_family .about-yupp{ width:48%; margin-right:0; padding:0;}
.seo_family footer .contactconnect{ width:48%;}
.seo_family footer  .wrapper{width:100%; padding:0 10%; margin:0;}
}
@media (min-width:768px) and (max-width: 1024px) {
.seo_family #navbar_us .container-fluid{ padding:0 15px;}
.player-left.col-md-8{ width:66.66%; float:left;}
.player-right.col-md-4{ width:33.33%; float:left;}
}
@media (min-width:768px) and (max-width: 980px) {
.container .layer1 img{ width:63px;

}
@media (min-width:960px) and (max-width: 980px) {
.container {
    width: 964px;
}
}
@media (min-width: 1020px) and (max-width: 1024px) {
.navbar-collapse{ margin-top:18px}
}

