/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */
.carousel-control.left,
.carousel-control.right {
	background-image:none;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 1;
  height:auto;
}

/* Declare heights because of positioning of img element */
.carousel .item {
  background-color:#555;
  height: auto;
}
.carousel img {
  width: 100%;
  height: auto;
  vertical-align: middle;
  border: 0;
  -ms-interpolation-mode: bicubic;
}

.cam_video {
margin: 0 auto;
}

.basic-plus-btn >a {
	font-family:AvantGarde-Md-BT , Fallback, sans-serif;
	font-size:18px;
}

@media only screen and (min-width: 750px) and (max-width: 991px){ 
	.basic-plus-btn{
		margin-bottom:-5px;
	}
}
@media only screen and (min-width: 480px) and (max-width: 749px){ 
	.basic-plus-btn{
		margin-bottom:25px;
	}
}
@media only screen and (min-width: 280px) and (max-width: 479px){ 
	.basic-plus-btn{
		margin-bottom:-5px;
	}
	.basic-plus-btn >a {
		font-size:9px;
	}
}
/*
	main-service
*/
.main-service-container{
	margin:0 auto;
	/*height:200px !important;*/
	text-align:center;
	padding:35px 0 25px 0;
	font-size:18px;
	font-weight:bold;
	line-height:35px;
	
	-moz-animation-name: scaleOutElem;
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function: ease-out;
    -moz-animation-duration: 0.6s;

    -webkit-animation-name: scaleOutElem;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-out;
    -webkit-animation-duration: 0.6s;

    animation-name: scaleOutElem;
    animation-iteration-count: 1;
    animation-timing-function: ease-out;
    animation-duration: 0.6s;
}
.main-service-container > a{
	outline:none;
}
.main-service-container > a >img{
	width:100px;
	-ms-interpolation-mode: bicubic;
}
.main-service-container > p{
	padding-top:8px;
}

@media only screen and (min-width: 280px) and (max-width: 991px){ 
	.main-service-container{
		text-align:center;
		padding:20px 0 20px 0;
		line-height:35px;
	}
	.main-service-container > a > img{
		width:75px
	}
}
@media only screen and (max-width: 400px){ 
	.main-service-container{
		font-size:13px;
	}
	.main-service-container > a > img{
		width:55px
	}
}
.cabletv-title{
	font-size:32px;
	font-weight:bold;
	line-height:40px;
}

/*
	promo-container
*/
.promo-header,
.highlights-header,
.featured-header,
.instagram-header{
	padding:50px 0 0 0;
	margin-bottom:10px;
}
.promo-header>.promo-title,
.highlights-header>.highlights-title,
.featured-header>.featured-title,
.instagram-header>.instagram-title{
	position:absolute;
	left:0;
	bottom:0;
	font-size:18px
}

.promo-header>.promo-see-all,
.highlights-header>.highlights-see-all,
.featured-header>.featured-see-all{
	position:absolute;
	right:0; bottom:0;
}
.promo-header>.promo-see-all>a,
.highlights-header>.highlights-see-all>a,
.featured-header>.featured-see-all>a{
	font-size:18px;
}
.promo-container,
.highlights-container,
.featured-container{
	padding:0;
	height:375px;
}
.tvc-container {
	padding:0;
	height:80vh;

}


@media only screen and (max-width: 480px){ 
	.promo-container,
	.highlights-container,
	.featured-container,
	.tvc-container{
		padding:0;
		height:100% !important;
		left: 0%;
	}
}

@media only screen and (max-width: 768px){ 
	.promo-container,
	.highlights-container,
	.featured-container,
	.tvc-container{
		padding:0;
		height:auto !important;
		left: 0%;
	}
}

.promo-container >#promo-prev,
.highlights-container >#highlights-prev,
.featured-container >#featured-prev,
.tvc-container >#tvc-prev{
	position:absolute;
	z-index: 1;
	left:0; 
	width:45px;
	height:100%;
}
.promo-container >#promo-next,
.highlights-container >#highlights-next,
.featured-container >#featured-next,
.tvc-container >#tvc-next{
	position:absolute;
	z-index: 1;
	right:0; 
	width:45px;
	height:100%;
}

.slider-hover
{
	background-color:#000 !important;
	opacity: 0.6;
    filter: alpha(opacity=60); /* For IE8 and earlier */
}

#promo-icon-prev,
#promo-icon-next,
#highlights-icon-prev,
#highlights-icon-next,
#featured-icon-prev,
#featured-icon-next{
	width:45px;
	text-decoration:none;
	position:absolute;
	text-align:center;
	font-size:24px;
	color:transparent;
	height:100%;
	vertical-align:middle;
	padding-top:165px;
}

#tvc-icon-prev,
#tvc-icon-next{
	width:45px;
	text-decoration:none;
	position:absolute;
	text-align:center;
	font-size:24px;
	color:transparent;
	height:100%;
	vertical-align:middle;
	padding-top:220px;
}

.video_tvc {
    width: 100%; 
    height: 500px; 
}
.icon-hover{
	color:#FFF !important;
}


@media only screen and (max-width: 360px){ 
	#promo-icon-prev,
	#promo-icon-next,
	#highlights-icon-next,
	#highlights-icon-prev,
	#featured-icon-next,
	#featured-icon-prev,
	#tvc-icon-next,
	#tvc-icon-prev{
		padding-top:55px;
	}
	

}

@media only screen and (max-width: 385px){ 
	.bx-wrapper iframe {
		height:auto;
	}
	.bx-wrapper video {
		height:auto;
	}
}

@media only screen and (min-width: 1200px){ 

	.promo-container > #promo-prev,
	.highlights-container > #highlights-prev,
	.featured-container > #featured-prev,
	.tvc-container > #tvc-prev{
		margin-left:0px;
	}
	.promo-container > #promo-next,
	.highlights-container > #highlights-next,
	.featured-container > #featured-next,
	.tvc-container > #tvc-next{
		margin-right:0px;
	}
}

.hr{
	display:inline-block;
	width:100%;
	border-bottom:1px solid #FFF;
	padding-top:40px
}

/***************icon play*******************/
.hvr-icon-forward {
  padding-right: 2.2em;
}
.hvr-icon-forward:before {
	content: "\f144";
}
/******************** popup*****************/
.modal {
  text-align: center;
}

@media screen and (min-width: 768px) { 
  .modal:before {
    display: inline-block;
    vertical-align: middle;
    content: " ";
    height: 100%;
	margin-top:-20%;
  }
}

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}
.modal-header-cablelink{
    color:#fff;
	background: #0046B0; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(#0046B0, #19347D); /* For Safari 5.1 to 6.0 */
	background: -moz-linear-gradient(#0046B0, #19347D); /* For Firefox 3.6 to 15 */
	background: -ms-linear-gradient(#0046B0, #19347D); /* For Microsoft */
	background: -o-linear-gradient(#0046B0, #19347D); /* For Opera 11.1 to 12.0 */
	background: linear-gradient(#0046B0, #19347D); /* Standard syntax */
    -webkit-border-top-left-radius: 0px;
    -webkit-border-top-right-radius: 0px;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-topright: 0px;
     border-top-left-radius: 0px;
     border-top-right-radius: 0px;
}
.modal-body{
	background-color:#FFF;
	-webkit-border-top-left-radius: 0px;
    -webkit-border-top-right-radius: 0px;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-topright: 0px;
     border-top-left-radius: 0px;
     border-top-right-radius: 0px;
}
button[data-dismiss=modal]{
	color: #FFF; opacity: 1;
	text-shadow:none;
	margin-bottom:-10px;
}
button[data-dismiss=modal]:hover{
	color: #E5E5E5; opacity: 1;
}

.adsbygoogle {width: 100%; height:auto; margin:25px 0 25px 0 }

/************Program Highlights****************/

.bx-caption {
    display: none;
	pointer-events:none;
}

#bigImage {
	height: 230px;
	width: 70%;
	object-fit: contain;
}

@media (min-width: 1400px) {
  #bigImage {
	height: 300px;
	width: 100%;
}

}

.text-center{
	justify-content: center;
}

.divider{
  /*width: 40px;
  height: 5px;
  transform: rotate(270deg);
  --comp-rotate-z: 270deg;
  transform-origin: center 0.5px;
  position: relative;
  left: -130px;
  top: 50px;
  border-color: #0f93fe;*/
  width: 30px;                     
  height: 2px;                    
  transform: rotate(270deg);       
  transform-origin: left; 
  border: none;
  background-color: #0f93fe;
  margin-top: 5px;
  /* margin: 0; */
  flex-shrink: 0; 
  top: 50px;
}

.title-row {
  display: flex;
  align-items: center; /* Vertically center the line and text */
  gap: 10px;
 }

.background-design {
   width: 100%;
   /*height: 350px;*/
   /*background: linear-gradient(135deg, #fa6400, #ff944d);*/
   background: linear-gradient(135deg, #00f0ff, #9d00ff);

}

.textcolor{
	font-family: Verdana, Geneva, sans-serif;
	font-weight: bold;
	font-size:24px;
	/*padding-left:50px;*/
	/*color: #0f93fe;*/
	/*color: #000080;*/
	color: white;
	text-shadow: 0 0 4px rgba(255, 255, 255, 0.3);  
}


.center-all {
	display: flex;
	align-items: center;    
	justify-content: center;  
	min-height: 250px;
	height: auto;
}

.styb{
	/*font-family: Verdana, Geneva, sans-serif;*/
	font-family: AvantGarde-Md-BT , Fallback, sans-serif;
}

.row-divider {
	width: 100%;
	height: 10px;
	background: transparent; 
  }


@media (max-width: 902px) {
	/*.hide-on-mobile {
	  display: none !important;
	}*/
  }


  @media (max-width: 991px) {
	.divider{
	left: -180px;
	}
  }

  .display-on-mobile {
	display: none;
  }
  @media (max-width: 746px) { /*646px*/
	.display-on-mobile {
		display: block !important;
	  }
	.textcolor{
		font-size: 18px !important;
	}
  }

@media (max-width:569px){
    .styb{
       font-size:30px !important;	
    }
    .heading{
       font-size:16px !important;
    }

}

@media (max-width: 347px){
    .styb{
       font-size:20px !important;	
    }

    .heading{
       font-size:14px !important;
    }
} 
/*no promo carousel*/
@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

.no-promo-carousel {
    animation: fadeIn 0.5s ease-in;
    /* text-align: center; 
    margin: 50px auto;  
    max-width: 600px; */

	display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 50vh;
    text-align: center;
    /*opacity: 0.7;*/
}

.no-promo-carousel h2, .no-careers p {
    margin: 10px 0;
    font-weight: bold;
}

.no-promo-carousel p{
    color:#888888;
}
/*no promo carousel*/

.child {
  transform: translate(-20px, -20px); /* Left & up */
  width: calc(100% + 40px); /* Expand to cancel 20px padding on both sides */
  box-sizing: border-box; /* Keep padding inside the box */
}