@import url("strock-icon.css");


body, html {
    height: 100%;
    margin: 0;
  }
  .common-pad{
	  
	  padding-top:7%;
	  padding-bottom:7%;
	  
	  
  }
.nav-link{
	
	
	    padding: 25px 0;
    font-size: 14px;
    font-family: "Open Sans", sans-serif;
    font-weight: bold;
    color: #666666;
    text-transform: uppercase;
}
  
 .navbar-nav .nav-link:hover {
    color: #f44336 !important;
}
.dropdown-toggle::after {
    display:none !important;
}


.normal_brand{
	
	 
    margin-right: 1rem;
    font-size: 1.25rem;
    text-decoration: none;
   padding:1rem;
    white-space: nowrap;
    position: absolute;
	text-align:center;
    top: 0;
	color:#000000 !important;
    background-color: #f0eee2;
    z-index: 1;
	box-shadow: -4px 7px 20px -5px rgba(0,0,0,0.69);
-webkit-box-shadow: -4px 7px 20px -5px rgba(0,0,0,0.69);
-moz-box-shadow: -4px 7px 20px -5px rgba(0,0,0,0.69);
	
	
} 
.navbar-brand{    font: 600 18px/17px "Open Sans", sans-serif;}
.normal_brand h5{
	font-family: 'zwisdomregular';
}
.normal_brand h5 span{
	color:red;
}
.normal_brand h6{
	font-family: 'Lobster', cursive;
	letter-spacing:1px;
}
.caption .toptxt {
    font-family: cursive;
	line-height: 1px;
}
.caption .jnto {
   font-family: 'Lobster'; 
}
.caption .jntv {
   font-family: 'Staatliches';  
}
 .banner{
	width: 100%;

  position: relative; 
  /*height: 100vh;*/
	position: relative; 
	   background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;   
 }
 
   .banner img {
	width: 100%;

  opacity: 0;
  top: 0;
  left: 0;
  width: 100%;
  transition: opacity 1s linear;
  position: absolute; 
  height: 100%;
	z-index: -1;
	   background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;   
 }
 .banner img.loaded {
  opacity: 1;
}
 
/* .bgimg-1{

  
  width: 100%;
 
  height: 100%; 
  
position: absolute;
  
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
 

} */

.box h1{
    
  font-family: 'Staatliches';  
    
    
}

.box h1 span{
    
  font-family: 'Staatliches';  
    
    
}




.img-small {
  filter: blur(50px);
  /* this is needed so Safari keeps sharp edges */
  transform: scale(1);
}

.color1{
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  margin-bottom: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
}
.color2{
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  margin-bottom: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
}
.toptext{
  top: 2%;
left: 25%;
  position: absolute;
  font-weight: lighter;
  font-family: 'Playball', cursive;
  text-align:center;
  box-sizing: border-box;
  color:#000000;
 
  display: block;


}
/* .caption .container.box{
	vertical-align:middle;
	
} */

.banner .caption{
   /*  width:100%;
	height:100%; */
  
    left: 0;
	right:0;
	bottom:0;
	top: 50vh;
    position: absolute;
    
    text-align:center;
    box-sizing: border-box;
    color:#ffffff;
   vertical-align:middle;
   /*  display: block; */

}

/* .caption h1{
font-family: 'zwisdomregular';


}
.caption h1 span{

  color: red;
}
.caption h2{
line-height:1.5px;
  font-family: 'Lobster', cursive;
  
}
 */

.captionbtn{
	
	display:inline-block;
	margin-top:1%;
	
	
}
.livebotton{
  color:red;

  font-size: 2em;
  border: 2px solid;
  border-radius: 24px;
  margin-top: 3px;
  border-color: red;
  background-color: antiquewhite;
  border-radius: 1px solid;
  vertical-align: middle;
	
}
.livebotton:hover,.anriodbuttom:hover{

background-color: red;
color: white;


}
.anriodbuttom{
  margin-top: 2px;
  color:#4CAF50;
  
  font-size: 2em;
  border: 2px solid;
  border-radius: 24px;
  
  border-color: red;
  background-color: antiquewhite;
  border-radius: 1px solid;
  vertical-align: middle;
	



}

.bgimg {
	
       width: 100%;
	   height: 100vh; 
background-position:cover;
 background-repeat: 0;
  position: absolute;
  
   
   
}

.jnheading h3{
	
	position: relative;
font-style:italic !important;
  text-align:  start;
  font: 600 18px/17px "Open Sans", sans-serif;
	
}
.jnheading h5{
	

font-style:italic !important;
 text-align:  start; 
     font: 400 1.15em/1.8em "Open Sans", sans-serif;
	 color: #aaaaaa;

	
}

.jnheading h3:after {
  content: '';
  position: absolute;
  top:50%;
  height: 2px;
  width: 50px;
  
  /* top: 2px; */
  background-color: #ff5a60;
  
 }
.introjnvisiontv{
/* text-align: center; */
/* line-height: 1px; */
/* margin-top: 2%;
margin-bottom: 5%; */
margin-top:10%;
}
.introjnvisiontv h3{
position: relative;
font-style:italic !important;
  text-align: center;
  font: 600 18px/17px "Open Sans", sans-serif;
  
}
.introjnvisiontv h5{

 color: #aaaaaa;
  text-align: center;
     font: 400 1.15em/1.8em "Open Sans", sans-serif;
  
}
span.indrodot {

    border-radius: 50%;
    height: 5px;
    width: 5px;
   line-height:1px;
    display: inline-block;
    margin-bottom: 20px;
    position: relative;
    background-color: #ff5a60;}
	
 .introjnvisiontv h3:before, .introjnvisiontv h3:after {
  content: '';
  position: absolute;
  top:50%;
  height: 2px;
  width: 50px;
  
  /* top: 2px; */
  background-color: #ff5a60;
  
 }
  .introjnvisiontv h3:before{
	margin-left: -50px; 
	  
	 
	  
  }
 
.liveheadings{

    text-align: center;
    margin-top: 5%;
    margin-bottom: 5%;
}


.livetiitle{
    
 text-align: center;   
    
}
.player{
	width:100%;
	height:auto;
	
	
}
.dell{
min-height: 20px;
/* padding: 15px; */

margin-bottom: 20px;
background-color: #130707;
border: 1px solid #080303;
border-radius: 4px;

-webkit-box-shadow: 15px 49px 38px -37px rgba(0,0,0,0.61);
-moz-box-shadow: 15px 49px 38px -37px rgba(0,0,0,0.61);
box-shadow: 15px 49px 38px -37px rgba(0,0,0,0.61);
}
 .video-js.vjs-hls-quality-selector{display:block}
    .vjs-menu-button-popup .vjs-menu .vjs-menu-content{max-height:20em;}
     @media screen and (orientation:portrait) {
      .video-js{width:100%;height:40vh;}
     }
     @media screen and (orientation:landscape) {
      .video-js{width:100%;;}
     }

.color-sec2{


  
  background: rgba(255,255,255,1);
background: -moz-linear-gradient(left,  rgb(234, 221, 174) 100%, rgba(246,246,246,1) 0%, #9E9E9E  100%);
background: -webkit-gradient(left top, right top, color-stop(100%, rgb(234, 221, 174)), color-stop(0%, rgba(246,246,246,1)), color-stop(100%, #9E9E9E ));
background: -webkit-linear-gradient(left, rgb(234, 221, 174) 100%, rgba(246,246,246,1) 0%, #9E9E9E  100%);
background: -o-linear-gradient(left, rgb(234, 221, 174) 100%, rgba(246,246,246,1) 0%, #9E9E9E  100%);
background: -ms-linear-gradient(left, rgb(234, 221, 174) 100%, rgba(246,246,246,1) 0%, #9E9E9E  100%);
background:linear-gradient(to right, rgb(234, 221, 174) 100%, rgba(246,246,246,1) 0%, #9E9E9E  100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=1 );
}
.todayevent{
	
 background-color: #9e9e9e2e;


	
	
}



.fc-scroller::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

.fc-scroller::-webkit-scrollbar
{
	width: 6px;
	background-color: #F5F5F5;
}

.fc-scroller::-webkit-scrollbar-thumb
{
	background-color: #dc3545;
}


.livesch{
  color: #000;
  font: 600 18px/17px "Open Sans", sans-serif;
  margin-top: 2%;
  font-style:italic;
  
}
.teevent{
	
	margin:2%;
	/* color: black; */
	
}
.appheading{
text-align: center;

    /* position: absolute; */
 top:25%;
 left:10%;
 color:#000000;

}
.live-events img{
width:70%;

}

.live-events-title{
	
	/* position:absolute;	 */
	text-align:center;
	color:#000000;
	 top:25%;
 left:25%;
}
.appsection{
	width:100%;	
height:100%;
margin-top: 25%;
/* position:relative; */
 
	
}
.application-image{

	
width:100%;	
height:100%;
}
.topcolor{
	background-color:#dc3545;
	
	
}
.msg{
	background: url(../img/msg.png) no-repeat right;
	

}
.msg2{
	background: url(../img/noti.png) no-repeat left;
	

}
.topmenu{
	width:100%;
	margin-top:5%;
	margin-bottom:5%;
	display:inline-block;
	
}
.topmenu img{
	width:100%;
	
	
	
	
	
}
.topbr{
	
    border: 1px solid;
border-color: white;	
	
	
}
.topmenu h1{
	color:#ffff;
	text-align:center;
	font-size:1.5em;
	
	
	
	
}
.topmenu h2{
	color:#ffff;
	text-align:center;
	font-size:1em;
	
	
	
	
}
.smalldevice{display:none;}

/* quicklink */
.itemcont{

	width:90%;
	margin:10px;
	-webkit-box-shadow: 2px -1px 24px 0px rgba(0,0,0,0.35);
-moz-box-shadow: 2px -1px 24px 0px rgba(0,0,0,0.35);
box-shadow: 2px -1px 24px 0px rgba(0,0,0,0.35);
	position: relative;
}
.itemcont h2{
  text-align: center;
	display:block;

}
.itemcont h1{
  text-align: center;
  display:block;
  font-size: 35px;

}
.itemcont button{
  background-color: antiquewhite;
width :100%;
height: 40px;
color: black;
font-weight: bold;
border: 1px solid;
border-color: red;

}
.itemcont button:hover{
  background-color:red;
width :100%;
height: 40px;
color:white;
font-weight: bold;
border: 1px solid;
border-color: red;

}
.itemcont img{
	
	width:100%;
	display:block;
	
	
}
.ourprogramstest1{
	
	text-align:center;

	
	
	
}
h1.ourprogramstest1{

line-height: 1px;


}
.ourprogramstest{
	
	text-align:center;
	margin-top: 10%;
	
}
/* h1.ourprogramstest1::after, h1.ourprogramstest1::before {
  display: inline-block;
  content: "";
  border-top: .3rem solid black;
  width: 4rem;
  margin: 10px 0 20px; 
  margin: 0 1rem;
  transform: translateY(-1rem);
} */
.itemcont:hover .overlayquicklink {
	
	height: 100%;
	
	
}

.overlayquicklink {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color:red;
  overflow: hidden;
  width: 100%;
  height: 20%;
  transition: .5s ease;
}
.textquicklink {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}

.count
{
  line-height: 100px;
  color:black;
  margin-left:30px;
  font-size:25px;
}
h2.codecont {
    text-align: center;
}
.cattv{
	
	background-color:#ffffff;
	
	
}
.cattv img{
	
    display: block;
    margin-left: auto;
    margin-right: auto;
	margin-bottom: 5px;
	
}
.item-animate h2 {
    text-align: center;
}
.catimg{
  vertical-align: middle;
  display: inline-block;
  margin-left: 10%;
  margin-right: auto;

}
.cattvnet {
  vertical-align: middle;
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
}





/* Gallery */






.final-breadcrumb .breadcrumb {
    background: none;
    border-radius: 0;
    border: none;
    padding: 0;
    float: left;
}

.final-breadcrumb .breadcrumb li {
    font-family: "Open Sans", sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    color: #bfbfbf;
    float: left;
    line-height: 55px;
}


.breadcrumb > .active {
    font: 600 1em/2.5em "Open Sans", sans-serif;
    color: #fff;
}
.breadcrumb > li {
    display: inline-block;
    text-transform: uppercase;
}


.final-breadcrumb .breadcrumb li + li:before {
    padding: 0 10px;
    color: #bfbfbf;
}
.breadcrumb li + li:before {
    content: "/";
    color: #fff;
   /*  padding: 0 14px; */
}
.final-breadcrumb {
	
    background: #f9f9f9;
    box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 20%);
}
.breadcrumb li:before {
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    /* padding: 0 14px; */
    color: #fff;
    display: inline-block;
}
.galley-img{
	
	
	width:100%;
	position:relative;
	
	
}

.galley-img img{
	
	
	width:100%;
	
	
	
}

.galley-txt{
position:absolute;

top:50%;
color:#fff;	
	
	
}
.galley-txt h1{
	
	
	display: table-cell;
  
	vertical-align:middle;
}


.card{
	
	
	border:none !important;
}




.owimg {
    width: 175px;
   
}









/* =FOOTER WIDGET AREA
----------------------------------------------- */


.footer{
	background-color: #1e1e1e;
	
	padding-top:4.6em;
	padding-bottom:2em;
	
}
.social{
  display: block;
color:white;
text-align: center;
margin-left: auto;
margin-right: auto;
}
.squre-f{
  display: inline-block;
 text-align: center;
width:100px;
height: auto;
background-color: #3b5998;
}
.socialtag{
  color: #fff;
}
.squre-y{
  display: inline-block;
  text-align: center;
 width:100px;
 height: auto;
 background-color:#c4302b ;
 
 
 }
 .squre-t{
  display: inline-block;
  text-align: center;
 width:100px;
 height: auto;
 background-color:  #00acee;
 
 
 }
.squre h1{

color: white;
text-align: center;

}

.Contact-jnvisiontv{
text-align: center;
  color: #e3e3e3;
}
.Contact-jnvisiontv h1{

  line-height: 1px;
}
.viewmap{

color: red;

}
.footer-bottom {
    padding-top: 10px;
    background-color: #000000;
    width: 100%;
	position:absolute;
}

.Contact-jnvisiontv{color:#fff;}
.Contact-jnvisiontv-address{color:#fff;}
.mediamenu{color:#fff;}
.footmenu {color:#fff;


}
.footmenu ul li {
list-style:none;
display: table;

}
.footmenu h4{
display: block;
font: 600 18px/17px "Open Sans", sans-serif;
font-style: italic;

}
.footmenu p{
color:#797979 !important;

}
.footmenu h4:after{
	
    content: '';
    width: 40px;
    height: 2px;
    background: #dc3545;
    display: block;
    margin-top: 13px;
	
	
}
.footmenu ul{
	
	padding-left:0px;
	
}
.footmenu ul li a{
	color:#797979 !important;
	text-decoration: none !important;
    font-size: 14px;
    line-height: 32px;
    display: block;
    letter-spacing: 0.3px;
	font: 400 1.0715em/2.3em "Open Sans", sans-serif;
}
.footmenu ul li a:hover{
	color:#dc3545  !important;
	
	
}

.contactfoot ul li {
	width: 100%;
color:#797979 !important;
	    list-style: none;
    display: table;
   
    padding-right: 11px;
	
	
}
.contactfoot ul{
	
	
	padding-left:0px;
}
.contactfoot ul li svg {
	
	
	  float: left;
    font-size: 30px;
    color: #7b7b7b;
    width: 34px;
    padding-top: 13px;
    line-height: 18px;
	
	
}
.contactfoot h4{
	display: block;
font: 600 18px/17px "Open Sans", sans-serif;
font-style: italic;
color:#ffffff !important;		
	
}
.contactfoot h4:after {
    content: '';
    width: 40px;
    height: 2px;
    background: #dc3545;
    display: block;
    margin-top: 13px;
}
.contactfoot ul li .fleft a{
color:#797979 !important;	
text-decoration: none !important;

font: 400 1.0715em/2.3em "Open Sans", sans-serif;
}
.contactfoot ul li .fleft a:hover{
	color:#dc3545  !important;

}


.contactfoot ul li .fleft {
	
	
	padding-left: 0.5em;
	  float: left;
  color: #7b7b7b;
  width: -webkit-calc(100% - 34px);
  width: calc(100% - 34px);
  font: 400 1.0715em/1.5em "Open Sans", sans-serif;
  /* padding: 0.5em 0; */
}
.pull-left{color:#fff;}









/* videos */


.portfolio-item {
    position: relative;
}

/* .portfolio-content-items .row {
    margin-right: 0px;
    margin-left: 0px;
}

.portfolio-content-items .col-md-4,
.portfolio-content-item .col-sm-4 {
    padding-right: 0px;
    padding-left: 0px;
}
 */
.portfolio-img {
    position: relative;
    z-index: 1;
    transition: all 0.5s;
    overflow: hidden;
}

.portfolio-img img {
    transition: all 0.5s;
	width: 100%;
}

.portfolio-content-head {
    text-align: center;
    margin-bottom: 28px;
}

.portfolio-item:hover .portfolio-img img {
    transform: rotate(10deg) scale(1.4);
}

.portfolio-content {
    padding-top: 22px;
}

.portfolio-overlay {
    position: absolute;
    z-index: 2;
    top: 0;
    background: rgba(0, 0, 0, 0.7);
    width: 100%;
    height: 100%;
    text-align: center;
    visibility: hidden;
    transition: all 0.5s;
    transform: scale(0);
}

.portfolio-overlay p,
.portfolio-overlay a {
    position: relative;
    z-index: 4;
}

.portfolio-overlay::before {
    content: "";
    width: 0;
    height: 0;
    border-width: 0;
    position: absolute;
    left: 10%;
    top: 10%;
    transition: 50ms height ease 150ms;
    z-index: 3;
}

.portfolio-overlay::after {
    content: "";
    width: 0;
    height: 0;
    border-width: 0;
    position: absolute;
    right: 10%;
    bottom: 10%;
    transition: 100ms width ease 200ms;
    z-index: 3;
}

.portfolio-item:hover .portfolio-overlay::before {
    width: 80%;
    height: 80%;
    border-top: 1px solid #50977f;
    border-right: 1px solid #50977f;
    transition: width 0.1s ease 0.3s, height 0.1s ease 0.5s;
}

.portfolio-item:hover .portfolio-overlay::after {
    width: 80%;
    height: 80%;
    border-bottom: 1px solid #50977f;
    border-left: 1px solid #50977f;
    transition: width 0.1s ease 0.6s, height 0.1s ease 0.7s;
}

.portfolio-item:hover .portfolio-overlay {
    visibility: visible;
    transform: scale(1);
}

.portfolio-overlay .category {
    margin-top: 90px;
    margin-bottom: 19px;
    font-size: 16px;
    color: #fff;
    font-weight: 500;
}

.portfolio-overlay .magnify-icon {
    height: 40px;
    width: 40px;
    border-radius: 20px;
    background: #50977f;
    margin: 0 5px;
    cursor: pointer;
    display: inline-block;
    transition: all 0.25s;
}

.portfolio-overlay .magnify-icon:hover {
    background: #50977f;
}

.portfolio-overlay .magnify-icon p span i {
    font-size: 15px;
    color: #fff;
    line-height: 40px;
    cursor: pointer;
}

.sidetxt {
	font-style:italic;
    padding-left: 1em;
	font: 400  "Open Sans", sans-serif;
}
.sidetxt h6 {
	
    color:#aaaaaa;
	
}
.contact-info ul li{
	list-style:none;
	display:table;
position: relative;
	
	
}
.contact_block{
	
position: relative;
    margin-bottom: 2.3em;	
	
}
.contact-info ul li svg{
	
	    font-size: 0.78em;
    
	
	
	
	
	
}
.contact-info ul {
	
    padding-left: 0;
	
	
	
	
	
}

.contact_block {
position:relative;
top:0;
bottom:0;
vertical-align:middle;	


}
.contact-info ul li .clr{
	color: #fff;
	    display:block;
	background-color:#ff5a60;
	width:50px;
	height:50px;
	border-radius:50%;
	float: left;
	text-align:center;
	font-size: 30px;
	line-height:48px;
	overflow: hidden;
	
}
.contact-info ul li .fleft{
	padding-left:75px;
	color:#aaaaaa;
	font: 400 1.0715em/1.8em "Open Sans", sans-serif;
}
.contact-info ul li svg{
	font-size: 0.78em;
	
	
	
}