/*CSS Customizado - Carousel - Index.html [HOME]
*Obs: Todas as classes customizadas, possuem o prefixo: sys-
*/


.sys-fix-carousel-home {
		padding-left:30px;
		padding-right: 30px;
}

.box-item {height:130px!important;max-width: 190px!important;border:1px solid transparent;cursor:pointer;}
	.icon-item {margin:12px 12px 0 0;float:right;}
	.logo-item {display:block!important;width:110px;height:80px;margin:26px auto 0 auto;}
	.text-item {text-align:center;}
	.box-item > .icon-item, .box-item > .text-item {display:none;color: rgba(255,255,255,0.6);}
		.box-item:hover > .icon-item, .box-item:hover > .text-item {display:block;color: rgba(255,255,255,0.6);
		
}

.item {
	display: table;
	height: 130px;
	width: 100%;
	min-width: 152px;
	max-width: 250px;
	background-color: transparent;
	padding: 10px;
	padding-bottom: 6px; 
	border:0px;
	color: rgba(0,0,0,0.0);
	
}


.item:hover{
	font-size:14px;
	line-height: 14px;
	color: rgba(255,255,255,0.6);
}


.sys-marca {
	display: table-cell !important;
    width: 110px !important;
    height: 60px !important;
    vertical-align: middle;
}

.sys-icon-externo {
	height: 15px !important;
	width: 15px !important;
	position: absolute;
	right: 10px;
}


.sys-carousel-txt {
	position: absolute;
	display:block;
	left: 35%;
	bottom:6px;	
}


.gsat:hover { 
	background-color: #55373F;;
	-webkit-transition: all .15s ease-in;
    -moz-transition: all .15s ease-in;
    -o-transition: all .15s ease-in;
	transition: all .15s ease-in;

}
.bbb:hover {
	background-color: #005A87;
	-webkit-transition: all .15s ease-in;
    -moz-transition: all .15s ease-in;
    -o-transition: all .15s ease-in;
	transition: all .15s ease-in;

}
.bis:hover {
	background-color: #00ACF0;
	-webkit-transition: all .15s ease-in;
    -moz-transition: all .15s ease-in;
    -o-transition: all .15s ease-in;
	transition: all .15s ease-in;

}
.cbrasil:hover {
	background-color: #2D3787;
	-webkit-transition: all .15s ease-in;
    -moz-transition: all .15s ease-in;
    -o-transition: all .15s ease-in;
	transition: all .15s ease-in;
}
.combate:hover {
	background-color: #C00F06;
	-webkit-transition: all .15s ease-in;
    -moz-transition: all .15s ease-in;
    -o-transition: all .15s ease-in;
	transition: all .15s ease-in;

}
.futura:hover {
	background-color: #00B055;
	-webkit-transition: all .15s ease-in;
    -moz-transition: all .15s ease-in;
    -o-transition: all .15s ease-in;
	transition: all .15s ease-in;

}
.gloob:hover {
	background-color: #FF4E74;
	-webkit-transition: all .15s ease-in;
    -moz-transition: all .15s ease-in;
    -o-transition: all .15s ease-in;
	transition: all .15s ease-in;

}
.gnews:hover {
	background-color: #DD0D0D;
	-webkit-transition: all .15s ease-in;
    -moz-transition: all .15s ease-in;
    -o-transition: all .15s ease-in;
	transition: all .15s ease-in;

}
.gnt:hover {
	background-color: #890364;
	-webkit-transition: all .15s ease-in;
    -moz-transition: all .15s ease-in;
    -o-transition: all .15s ease-in;
	transition: all .15s ease-in;

}
.gsatplay:hover {
	background-color: #99B1C8;
	-webkit-transition: all .15s ease-in;
    -moz-transition: all .15s ease-in;
    -o-transition: all .15s ease-in;
	transition: all .15s ease-in;

}
.megapix:hover {
	background-color: #00BC00;
	-webkit-transition: all .15s ease-in;
    -moz-transition: all .15s ease-in;
    -o-transition: all .15s ease-in;
	transition: all .15s ease-in;


}
.msw:hover {
	background-color: #5C4477;
	-webkit-transition: all .15s ease-in;
    -moz-transition: all .15s ease-in;
    -o-transition: all .15s ease-in;
	transition: all .15s ease-in;

}
.off:hover {
	background-color: #000;
	-webkit-transition: all .15s ease-in;
    -moz-transition: all .15s ease-in;
    -o-transition: all .15s ease-in;
	transition: all .15s ease-in;

}
.philos:hover {
	background-color: #F15B3D;
	-webkit-transition: all .15s ease-in;
    -moz-transition: all .15s ease-in;
    -o-transition: all .15s ease-in;
	transition: all .15s ease-in;

}
.playboy:hover {
	background-color: #000;
	-webkit-transition: all .15s ease-in;
    -moz-transition: all .15s ease-in;
    -o-transition: all .15s ease-in;
	transition: all .15s ease-in;

}
.premiere:hover {
	background-color: #447E49;
	-webkit-transition: all .15s ease-in;
    -moz-transition: all .15s ease-in;
    -o-transition: all .15s ease-in;
	transition: all .15s ease-in;

}
.sportv:hover {
	background-color: #04539F;
	-webkit-transition: all .15s ease-in;
    -moz-transition: all .15s ease-in;
    -o-transition: all .15s ease-in;
	transition: all .15s ease-in;

}
.studio:hover {	
	background-color: #FF8C00;
	-webkit-transition: all .15s ease-in;
    -moz-transition: all .15s ease-in;
    -o-transition: all .15s ease-in;
	transition: all .15s ease-in;
}
.syfy:hover {
	background-color: #451460;
	-webkit-transition: all .15s ease-in;
    -moz-transition: all .15s ease-in;
    -o-transition: all .15s ease-in;
	transition: all .15s ease-in;
}
.telecine:hover {
	background-color: #DE1616;
	-webkit-transition: all .15s ease-in;
    -moz-transition: all .15s ease-in;
    -o-transition: all .15s ease-in;
	transition: all .15s ease-in;

}
.universal:hover {
	background-color: #301A3F;
	-webkit-transition: all .15s ease-in;
    -moz-transition: all .15s ease-in;
    -o-transition: all .15s ease-in;
	transition: all .15s ease-in;

}
.viu:hover {
	background-color: #BD3744;
	-webkit-transition: all .15s ease-in;
    -moz-transition: all .15s ease-in;
    -o-transition: all .15s ease-in;
	transition: all .15s ease-in;

}
.viva:hover {
	background-color: #F3A33B;
	-webkit-transition: all .15s ease-in;
    -moz-transition: all .15s ease-in;
    -o-transition: all .15s ease-in;
	transition: all .15s ease-in;

}


/* ======= OWL CAROUSEL (Guia de Programação) ========== */

.owl-prev, .owl-next {
	padding-top: 16px;
	height: 50px;
	width: 40px;
	background-color: #FFFFFF;	
	border: 0px;
    position: absolute;
    top: 30%;
    margin-top: -15px;
    margin-left: -50px;
    margin-right: -50px;
    text-align: center;        
}

.owl-next {
    right: 0px;
}



element.style {
}

.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot {
    /* cursor: pointer; */
    cursor: hand;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}



 .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next {
    color: #0088D8!important;
    font-size:24px;
    background-color: #fff;
    }
    .owl-carousel .owl-nav:hover .owl-prev:hover, .owl-carousel .owl-nav:hover .owl-next:hover {
    color: #fff!important;
    background-color: #0088D8;
    }
    .owl-prev, .owl-next {
    padding-top: 12px;
    }


/* T A B L E T */
@media (max-width: 959px){
	.owl-prev, .owl-next {
    display:none;
    }
    .owl-dots{
    	display: none;
    }
    .box-item {
    	max-width: 100%!important;
    }	
    .sys-fix-carousel-home {
    	padding-left: 15px;
    	padding-right: 0px;
	}
	#owl-one.owl-carousel{
		position: absolute!important;
	}
	#owl-one>.owl-stage-outer{
		max-width: 959px!important;
		min-width: 714px!important;
		margin-right: -5px;
	}
	#owl-one>.owl-stage-outer>.owl-stage{
		padding-left: 0px!important;
	}
	.owl-carousel .owl-stage {
      margin-left: 0px;
	}
	.box-item> .icon-item, .box-item> .text-item {
	    display: block;
	    color: rgba(255,255,255,0.6);
	}
}


/* S M A R T P H O N E */
@media (max-width: 767px) {
		.box-item{
			max-width:100%!important;
		}	
		
		/*.small-home {
			padding:0 10px;
		}*/

	    .sys-fix-carousel-home {
	    	padding-left: 10px;
	    	margin-right: 2px;
		}
		#owl-one.owl-carousel{
			position: absolute!important;
			width: 100%;
		}
		#owl-one>.owl-stage-outer{
			width: 	100%!important;
			max-width: 767px!important;
			min-width: 280px!important;
		
		}
		#owl-one>.owl-stage-outer>.owl-stage{
			padding-left: 0px!important;
		}

		.icon-item, .text-item {display:block!important;}

		#owl-two>.owl-stage-outer>.owl-stage{
			
		}
		
}