/*@import url('https://fonts.googleapis.com/css?family=Roboto&display=swap');

body {
    background: #141518;
    
}*/
.owl-carousel .owl-item img {
    
    border: solid 4px rgb(62 72 80 / 20%);
}

#carousel a,
#carousel a:visited,
#carousel a:link,
#carousel a:hover {
    color: #ffffff !important;
    text-decoration: none;
}

#carousel .row-1 {
    height: 5%;
    padding-left: 3%;
    padding-top: 3%;
}

#carousel .row-2 {
    height: 50%;
}

#carousel .row-3 {
    height: 45%;
    /*padding-left: 3%;
    padding-bottom: 3%;*/
    overflow: hidden;
}

#carousel .overlay {
    position: absolute;
    z-index: 9999;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 1;
    background: rgba(0, 0, 0, 0);
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 34%, rgba(0, 0, 0, 0.05) 35%, rgba(0, 0, 0, 0.65) 48%, rgba(0, 0, 0, 0.85) 63%, rgba(0, 0, 0, 0.95) 78%, rgba(0, 0, 0, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(34%, rgba(0, 0, 0, 0)), color-stop(35%, rgba(0, 0, 0, 0.05)), color-stop(48%, rgba(0, 0, 0, 0.65)), color-stop(63%, rgba(0, 0, 0, 0.85)), color-stop(78%, rgba(0, 0, 0, 0.95)), color-stop(100%, rgba(0, 0, 0, 1)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 34%, rgba(0, 0, 0, 0.05) 35%, rgba(0, 0, 0, 0.65) 48%, rgba(0, 0, 0, 0.85) 63%, rgba(0, 0, 0, 0.95) 78%, rgba(0, 0, 0, 1) 100%);
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 34%, rgba(0, 0, 0, 0.05) 35%, rgba(0, 0, 0, 0.65) 48%, rgba(0, 0, 0, 0.85) 63%, rgba(0, 0, 0, 0.95) 78%, rgba(0, 0, 0, 1) 100%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 34%, rgba(0, 0, 0, 0.05) 35%, rgba(0, 0, 0, 0.65) 48%, rgba(0, 0, 0, 0.85) 63%, rgba(0, 0, 0, 0.95) 78%, rgba(0, 0, 0, 1) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 34%, rgba(0, 0, 0, 0.05) 35%, rgb(0 0 0 / 0%) 48%, rgb(0 0 0 / 0%) 63%, rgb(0 0 0 / 0%) 78%, rgb(0 0 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#000000', GradientType=0);
}

#carousel p {
    margin: 0;
}

#carousel .channel,
#carousel .title,
#carousel .time {
    /*font-size: 1vw;*/
    /*   white-space: normal; */
}

@media (min-width: 0px) and (max-width: 640px) {
    #dailymotion .channel,
    #dailymotion .title,
    #dailymotion .time {
        font-size: 4vw;
    }

    #dailymotion .fa-play-circle {
        font-size: 12vw !important;
    }
}

@media (min-width: 641px) and (max-width: 1000px) {
    #carousel .channel,
    #carousel .title,
    #carousel .time {
        font-size: 2vw !important;
    }

    #carousel .fa-play-circle {
        font-size: 8vw !important;
    }
}

@media (min-width: 1001px) and (max-width: 1300px) {
    #carousel .channel,
    #carousel .title,
    #carousel .time {
        font-size: 1.5vw !important;
    }

    #carousel .fa-play-circle {
        font-size: 5vw !important;
    }
}

#carousel .play-button i.fa-play-circle {
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    translateY(-50%);
    font-size: 3vw;
    color: #ffffff
}

#carousel {
    position: relative
}

    #carousel .owl-item {
        margin: 45px 0;
		transition: all .2s ease-in-out;
    }

        #carousel .owl-item.active:hover {
            z-index: 9999;
            transform: scale(1.1);
            
        }
		
		#carousel .owl-item.active:hover .channel {
            -webkit-line-clamp: none;
			background: rgb(0 0 0 / 43%);
			padding-top: 0.4rem;
        }	
		
		#carousel .owl-item.active:hover a>img {
            border:solid 4px rgb(62 72 80 / 20%);
        }
		
		#carousel .owl-item.cloned:hover {
            pointer-events: none;			
        }
		
	#carousel .owl-nav{
		margin:0px;
	}
	/*
    #carousel .owl-prev,
    #carousel .owl-next {
        position: absolute;
        height: 100px;
        color: inherit;
        background: none;
        border: none;
        z-index: 100;
        display: block;
        top: 50%;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }
	*/
	/*
    #carousel .owl-prev {
        left: 0;
    }

    #carousel .owl-next {
        right: 0;
    }
	*/
    #carousel i {
        font-size: 3em;
        color: #cecece;
    }

    /*#carousel .owl-theme .owl-nav [class*=owl-]:hover {
        background: none;
        color: #FFF;
        text-decoration: none;
    }*/
	/*
    #carousel .owl-theme .owl-prev.disabled,
    #carousel .owl-theme .owl-next.disabled {
        display: none;
    }*/

/********************************************/
.sb-carousel a,
.sb-carousel a:visited,
.sb-carousel a:link,
.sb-carousel a:hover {
    color: #ffffff !important;
    text-decoration: none;
}

.sb-carousel .row-1 {
    height: 5%;
    padding-left: 3%;
    padding-top: 3%;
}

.sb-carousel .row-2 {
    height: 50%;
}

.sb-carousel .row-3 {
    height: 45%;
    /*padding-left: 3%;
    padding-bottom: 3%;
    overflow: hidden;*/
}

.sb-carousel .overlay {
    position: absolute;
    z-index: 9999;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 1;
    background: rgba(0, 0, 0, 0);
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 34%, rgba(0, 0, 0, 0.05) 35%, rgba(0, 0, 0, 0.65) 48%, rgba(0, 0, 0, 0.85) 63%, rgba(0, 0, 0, 0.95) 78%, rgba(0, 0, 0, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(34%, rgba(0, 0, 0, 0)), color-stop(35%, rgba(0, 0, 0, 0.05)), color-stop(48%, rgba(0, 0, 0, 0.65)), color-stop(63%, rgba(0, 0, 0, 0.85)), color-stop(78%, rgba(0, 0, 0, 0.95)), color-stop(100%, rgba(0, 0, 0, 1)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 34%, rgba(0, 0, 0, 0.05) 35%, rgba(0, 0, 0, 0.65) 48%, rgba(0, 0, 0, 0.85) 63%, rgba(0, 0, 0, 0.95) 78%, rgba(0, 0, 0, 1) 100%);
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 34%, rgba(0, 0, 0, 0.05) 35%, rgba(0, 0, 0, 0.65) 48%, rgba(0, 0, 0, 0.85) 63%, rgba(0, 0, 0, 0.95) 78%, rgba(0, 0, 0, 1) 100%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 34%, rgba(0, 0, 0, 0.05) 35%, rgba(0, 0, 0, 0.65) 48%, rgba(0, 0, 0, 0.85) 63%, rgba(0, 0, 0, 0.95) 78%, rgba(0, 0, 0, 1) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 34%, rgba(0, 0, 0, 0.05) 35%, rgb(0 0 0 / 0%) 48%, rgb(0 0 0 / 0%) 63%, rgb(0 0 0 / 0%) 78%, rgb(0 0 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#000000', GradientType=0);
}

.sb-carousel .overlay-1 {
    position: absolute;
    z-index: 9999;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 1;
    background: rgba(0, 0, 0, 0);
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 34%, rgba(0, 0, 0, 0.05) 35%, rgba(0, 0, 0, 0.65) 48%, rgba(0, 0, 0, 0.85) 63%, rgba(0, 0, 0, 0.95) 78%, rgba(0, 0, 0, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(34%, rgba(0, 0, 0, 0)), color-stop(35%, rgba(0, 0, 0, 0.05)), color-stop(48%, rgba(0, 0, 0, 0.65)), color-stop(63%, rgba(0, 0, 0, 0.85)), color-stop(78%, rgba(0, 0, 0, 0.95)), color-stop(100%, rgba(0, 0, 0, 1)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 34%, rgba(0, 0, 0, 0.05) 35%, rgba(0, 0, 0, 0.65) 48%, rgba(0, 0, 0, 0.85) 63%, rgba(0, 0, 0, 0.95) 78%, rgba(0, 0, 0, 1) 100%);
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 34%, rgba(0, 0, 0, 0.05) 35%, rgba(0, 0, 0, 0.65) 48%, rgba(0, 0, 0, 0.85) 63%, rgba(0, 0, 0, 0.95) 78%, rgba(0, 0, 0, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 34%, rgba(0, 0, 0, 0.05) 35%, rgb(0 0 0 / 0%) 48%, rgb(0 0 0 / 43%) 63%, rgb(0 0 0 / 71%) 78%, rgba(0, 0, 0, 1) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 34%, rgba(0, 0, 0, 0.05) 35%, rgb(0 0 0 / 0%) 48%, rgb(0 0 0 / 0%) 63%, rgb(0 0 0 / 61%) 78%, rgb(0 0 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#000000', GradientType=0);
}

.sb-carousel p {
    margin: 0;
}

.sb-carousel .channel,
.sb-carousel .title,
.sb-carousel .time {
    /*font-size: 1vw;*/
    /*   white-space: normal; */
	line-height: 1.3;
    font-weight: 300;
	-webkit-line-clamp: 2;
  overflow : hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}


.sb-carousel-2 .row-1 {
    height: 5%;
    padding-left: 3%;
    padding-top: 3%;
}

.sb-carousel-2 .row-2 {
    height: 50%;
}

.sb-carousel-2 .overlay-1 {
    position: absolute;
    z-index: 9999;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 1;
   
}

.sb-carousel-2 p {
    margin: 0;
}

.sb-carousel-2 .channel,
.sb-carousel-2 .title,
.sb-carousel-2 .time {
    /*font-size: 1vw;*/
    /*   white-space: normal; */
	line-height: 1.3;
    font-weight: 300;
	-webkit-line-clamp: 2;
  overflow : hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

.sb-carousel-2 .time{
	
	color:#fff;
}



@media (min-width: 0px) and (max-width: 640px) {
    #dailymotion .channel,
    #dailymotion .title,
    #dailymotion .time {
        font-size: 4vw;
    }

    #dailymotion .fa-play-circle {
        font-size: 12vw !important;
    }
}

@media (min-width: 641px) and (max-width: 1000px) {
    .sb-carousel .channel,
    .sb-carousel .title,
    .sb-carousel .time {
        font-size: 2vw !important;
    }
	
	.sb-carousel-2 .channel,
    .sb-carousel-2 .title,
    .sb-carousel-2 .time {
        font-size: 2vw !important;
    }

    .sb-carousel .fa-play-circle,
	.sb-carousel-2 .fa-play-circle	{
        font-size: 8vw !important;
    }
}

@media (min-width: 1001px) and (max-width: 1300px) {
    .sb-carousel .channel,
    .sb-carousel .title,
    .sb-carousel .time {
        font-size: 1.5vw !important;
    }

    .sb-carousel .fa-play-circle,
	.sb-carousel-2 .fa-play-circle	{
        font-size: 5vw !important;
    }
}

.sb-carousel .play-button i.fa-play-circle,
.sb-carousel-2 .play-button i.fa-play-circle {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 3rem;
    color: #ffffff;
    opacity: 0.9;
	
	
}

.sb-carousel {
    position: relative
}

    .sb-carousel .owl-item {
        margin: 30px 0;
    }
	
	.sb-carousel-owl-item-15 .owl-item {
        margin: 15px 0;
		transition: all .2s ease-in-out;
    }

        .sb-carousel .owl-item.active:hover {
            z-index: 9999;
            transform: scale(1.1);            
        }
		
		.sb-carousel .owl-item.active:hover .channel {
            -webkit-line-clamp: none;
			background: rgb(0 0 0 / 43%);
			padding-top: 0.4rem;
        }
		
		.sb-carousel .owl-item.active:hover a>img {
            border:solid 4px rgb(62 72 80 / 20%);
        }
		
		.sb-carousel .owl-item.cloned:hover {
            pointer-events: none;
        }
		
	.sb-carousel .owl-nav{
		margin:0px;
	}	
	
	/******************/
	.sb-carousel-2 {
    position: relative
}

    .sb-carousel-2 .owl-item {
        margin: 30px 0;
    }
	
	.sb-carousel-2 .owl-carousel .owl-item img {
		border: none !important;
	}
	/*
	.sb-carousel-2 .owl-carousel .owl-item a {
    border: solid 4px rgb(62 72 80 / 2%);
	display:block;
	background-color: rgb(0 0 0 / 8%);
	}*/
	.sb-carousel-2 .owl-carousel .owl-item a {
    border: solid 4px rgb(215 215 215);
    display: block;
    background-color: rgb(0 0 0 / 20%);
	}
	
	.sb-carousel-2 .owl-item .channel {
		-webkit-line-clamp: none;			
		padding-top: 0.4rem;
		color:#1e1e1e;
		height: 80px;
		line-height: inherit;
		overflow: hidden;
		font-weight: 400;
        }

	.sb-carousel-2.sb-carousel-owl-item-15 .owl-item {
        margin: 15px 0;
		transition: all .2s ease-in-out;
    }

        .sb-carousel-2 .owl-item.active:hover {
            z-index: 9999;
            transform: scale(1.12);            
        }
		
		.sb-carousel-2 .owl-item.active:hover .channel {
            
        }
		
		.sb-carousel-2 .owl-item.active:hover a {
            border:solid 4px rgb(62 72 80 / 2%);
        }
		
		.sb-carousel-2 .owl-item.cloned:hover {
            pointer-events: none;
        }
		
	.sb-carousel-2 .owl-nav{
		margin:0px;
	}	
	
	
		
	/*
    .sb-carousel .owl-prev,
    .sb-carousel .owl-next {
        position: absolute;
        height: 100px;
        color: inherit;
        background: none;
        border: none;
        z-index: 100;
        display: block;
        top: 50%;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }
	*/

	/*
    .sb-carousel .owl-prev {
        left: 0;
    }

    .sb-carousel .owl-next {
        right: 0;
    }

    .sb-carousel i {
        font-size: 3em;
        color: #cecece;
    }
	*/

    /*.sb-carousel .owl-theme .owl-nav [class*=owl-]:hover {
        background: none;
        color: #FFF;
        text-decoration: none;
    }*/
	/*
    .sb-carousel .owl-theme .owl-prev.disabled,
    .sb-carousel .owl-theme .owl-next.disabled {
        display: none;
    }
	*/