@import url('https://fonts.googleapis.com/css?family=Cairo:400,900&subset=arabic');

/* POWERED www.Chakirdev.com */

*{
     direction: rtl;
    text-decoration: none;
    font-family:'Cairo', serif;
    text-rendering: optimizeLegibility;
}

body{
    direction: rtl;
    font-family:'Cairo', serif;
    text-rendering: optimizeLegibility;
    background: #EEEEEE;
}
ul{list-style: none;}
input{border-radius:0px;}
a:hover{text-decoration: none;}
.lft{float:left;}
.rgt{float:right;}
.clr{clear:both;}
.cairo{ font-family:'Cairo', serif;}

#HomePage{width:1100px;margin:auto;}

.clearfix2:before, .clearfix2:after {  content: "\0020"; display: block; height: 0; visibility: hidden;    } 
.clearfix2:after { clear: both; }
.clearfix2 { zoom: 1; }

/* Header */
header{background-image: url(https://www.chakirdev.com/demo/1Live/images/e.jpg);height: 150px;}
nav .navbar-nav .nav-item .nav-link{border-left: 1px solid #EEEEEE;margin-left: 15px;}
.logo{width:200px;margin-top: 40px;}
footer{background-image: url(https://www.chakirdev.com/demo/1Live/images/e.jpg);color:#FFFFFF;font-size: 14px;padding: 10px;}
footer a{color:#FFFFFF;font-size: 15px;padding: 10px;}
footer a:hover{color:#C2F7FF;}
footer i{color:#C2F7FF;}
.m10{margin-top: 10px;}
.title-pages{font-size: 25px;font-weight: bold;border-right:5px solid #404C58;padding-right: 10px;}
iframe{width:100%;height:380px;}
/* Header */

/* INDEX */
.rightside{width: 770px;margin-left: 10px;margin-top: 20px;}
.leftside{width: 300px;margin-top: 20px;}

.match-info{color: #919191;text-align: center;}
.match-info .name-team{font-size: 17px;}
.match-info img{width:58px;}
.match-info .match-time{font-size: 12px;}
.match-info .vs{font-size: 25px;color:#404C58;}
/*.media img{width: 64px;height:64px;} */

.news-time{color: #919191;font-size: 14px;clear: both; padding-top: 5px;} 
.media-body a{color:#505c68;font-weight: bold;font-size: 14px;}   
.media-body a:hover{color:#6d6d6d;}     
.md1 img{width:64px;height:54px;}    
.md2 img{width:90px;height:64px;}    
   
.right-news .tag1,.tag2{float: right;width: 50%;padding: 10px;}  
.imgbig{width:100%;height:300px;}
.tagtitle{font-weight:bold;margin-top:5px;margin-bottom:10px;}
/* INDEX */

/* LIVE */
.live-iframe iframe{width:100%;height:480px;}
/* LIVE */

/* News */
#highlight .imgpart{float: right;width: 300px;}     
#highlight .descpart{float: right;padding:15px;width: 450px;}    
.news-title a{font-size: 17px;color: #333333;}
.news-desc{color: #919191;}
.news-time{color: #919191;}
.news-page{width:100%;height:300px;} 
.nw-img{width: 300px;height:200px;} 
.bottom-left {
    width:100%;
    position: absolute;  
    bottom: 0px;
    padding:10px;
    left: 0px;
}
#share-buttons img {

width: 28px;
padding: 5px;
border: 0;
box-shadow: 0;
display: inline;
} 
/* News */

/* Channels */
.channels{float: right;margin-left: 20px;margin-bottom: 20px;width: 255px;height: 320px;}    
.channels:last-child{float: right;margin-left: 0px;}    
.channels .card-title{font-size: 17px;line-height: 25px;}    
.channels img{width: 190px;height: 100px;margin: 30px;}   
/* Channels */

/* Videos */
.videos{float: right;margin-left: 20px;margin-bottom: 20px;width: 250px;height: 320px;}    
.videos:last-child{float: right;margin-left: 0px;}    
.videos .card-title{font-size: 13px;line-height: 29px;margin-bottom: 20px;} 
.videos .card-title a{color: #3b97ed;font-weight: bold;} 
.videos .card-body{padding: 8px;font-size: 14px;}    
.videos img{width: 250px;height: 150px;} 
.videos .card-text{margin-top:10px;} 
    
/* VID INDEX */
.vid{float: right;margin-left: 10px;margin-bottom: 20px;width: 230px;height: 280px;}    
.vid:last-child{float: right;margin-left: 0px;}    
.vid .card-title{font-size: 13px;line-height: 29px;margin-bottom: 20px;} 
.vid .card-title a{color: #3b97ed;font-weight: bold;} 
.vid .card-body{padding: 8px;font-size: 14px;}    
.vid img{width: 229px;height: 150px;} 
.vid .card-text{margin-top:10px;} 

.portfolio-image {position: relative;display: inline-block;}
.portfolio-image img {vertical-align: top;}
.portfolio-image:hover .card-img-top{opacity: 0.9;}    
.magnifying-glass-icon {
	color: #fff;
	text-align: center;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	border-radius: 50%;
	padding: 20px;
	border: 1px solid #fff;
	line-height: 1;
	opacity: 0;
}
.magnifying-glass-icon {background: rgba(0,0,0,0.5);color: #fff;}
.magnifying-glass-icon:hover {background: rgba(0,0,0,0.7);color: #fff;}
.portfolio-image:hover .magnifying-glass-icon {opacity: 1;}
@media only screen and (max-width: 400px) {.portfolio-image {display: block;}}  
/* Videos */

/*  Matches */
.nav-tabs .nav-item{margin: 1px;width:33%;}   

/* Video */ 
.video-ads{float: right;width: 320px;margin-right: 10px;}
.video-iframe{float: right;width: 750px;}
.video-iframe iframe{width: 100%;height:500px;}

.alba_sports_events-event_mask {
position: absolute;
right: 0;
left: 0;   
margin-top: -10px; 
display: none;
z-index: 9999;
}
.event_mask_inner {
justify-content: center;
align-items: center;
height: 100%;
background: rgba(234, 234, 234, 0.6);
display: flex;
width: calc(100% - 10px);
margin: 0 auto;
padding: 20px;
border-radius: 5px;
}
.alba_sports_events-event_mask_inner_text {
margin-top: 0 !important;
background: linear-gradient(to bottom, RGB(255, 36, 35) 0%, rgb(210, 12, 12) 100%);
color: rgb(255,255,255) !important;
padding: 5px 30px;
font-size: 14px !important;
line-height: 22px;
text-decoration: none;
z-index: 555;
}
.match-info:hover .alba_sports_events-event_mask {
display: block;
}

/*** effect zoom in ***/
.image-hover {position:relative;display:inline-block;overflow:hidden;
box-shadow:0px 2px 3px rgba(0, 0, 0, 0.3);-moz-box-shadow:0px 2px 3px rgba(0, 0, 0, 0.3);-webkit-box-shadow:0px 2px 3px rgba(0, 0, 0, 0.3)}
.image-hover a {text-decoration:none}
.image-hover img {margin:-100px 0px 0px -100px}
.img-zoom-in img 
{
transition:all .2s ease-in-out;
-webkit-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-ms-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
}
.img-zoom-in:hover img 
{
transform:scale(1.1);
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-ms-transform:scale(1.1);
-o-transform:scale(1.1)
}
/*** effect zoom in ***/


@media screen and (min-width: 200px) and (max-width: 600px){ 
#HomePage{width:100%;margin:auto;}  
nav{width:100%;margin:auto;}  
img{width: 100%;height: auto;}     
    

/* INDEX */
.rightside{width: 100%;margin-left: 10px;margin-top: 20px;}
.leftside{width: 100%;margin-top: 20px;}   
.match-info .name-team{font-size: 15px;}
.match-info img{width:32px;}
.match-info .match-time{font-size: 12px;}
.match-info .vs{font-size: 17px;color:#404C58;}
/* INDEX */
    
/* NEWS */ 
.nw-img{width: 100%;height: 200px;}     
#highlight .imgpart{float: none;width: 100%;}     
#highlight .descpart{float: none;padding:15px;width: 100%;}   
/* NEWS */
    
.right-news .tag1,.tag2{float: right;width: 100%;padding: 10px;}   
.imgbig{width:100%;max-height:300px;} 
    
/*  Matches */
.nav-tabs .nav-item{margin: 1px;width:100%;} 
    
/* Video */ 
.video-ads{display: none;}
.video-iframe{float: right;width: 100%;}
.video-iframe iframe{width: 100%;height:300px;} 
    
/* VID INDEX */
.vid{float: right;margin-left: 10px;margin-bottom: 20px;width: 100%;height: auto;}    
.vid img{width: 100%;height: auto;} 
    
}
@media screen and (min-width: 601px) and (max-width: 950px){ 
#HomePage{width:100%;margin:auto;}  
nav{width:100%;margin:auto;}  
img{width: 100%;height: auto;}     
    

/* INDEX */
.rightside{width: 100%;margin-left: 10px;margin-top: 20px;}
.leftside{width: 100%;margin-top: 20px;}   
.match-info .name-team{font-size: 15px;}
.match-info img{width:32px;}
.match-info .match-time{font-size: 12px;}
.match-info .vs{font-size: 17px;color:#404C58;}
/* INDEX */
    
/* NEWS */ 
.nw-img{width: 100%;height: 200px;}     
#highlight .imgpart{float: right;width: 30%;}     
#highlight .descpart{float: right;padding:15px;width: 70%;}   
/* NEWS */
    
.right-news .tag1,.tag2{float: right;width: 100%;padding: 10px;}   
.imgbig{width:100%;max-height:300px;} 
    
/*  Matches */
.nav-tabs .nav-item{margin: 1px;width:100%;} 
    
/* Video */ 
.video-ads{display: none;}
.video-iframe{float: right;width: 100%;}
.video-iframe iframe{width: 100%;height:300px;} 
    
/* VID INDEX */
.vid{float: right;margin-left: 10px;margin-bottom: 20px;width: 45%;height: 280px;}    
.vid img{width: 100%;height: auto;}     
}