@import url(http://fonts.googleapis.com/earlyaccess/droidarabicnaskh.css);
@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-color: #2d2d2d;
}
ul{list-style: none;}
input{border-radius:0px;}
a:hover{text-decoration: none;}
.lft{float:left;}
.rgt{float:right;}
.clr{clear:both;}
.tahoma{font-family: 'tahoma';}
.droid{font-family: 'Droid Arabic Naskh';}
.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: #141414;width: 100%}
.logo{}
header .nav-item {margin-left: 15px;}
header .nav-item:hover {border-bottom: 1px solid #6ea745;}
footer{color:#969696;font-size: 14px;}
footer .card-body a {color:#969696;}
footer .card-body i{font-size:12px;color:#6EA745;}
/* Header */

/* INDEX */
.title-home{
    color:white;font-size:20px;border-right:4px solid #6ea745;
    padding-right:10px;margin-bottom: 10px;float: right;
}
.title-left a{
    color:white;font-size:15px;border-left:4px solid #6ea745;
    padding-left:10px;margin-bottom: 10px;margin-top: 5px;float: left;
}
.title-left a:hover{color:#6ea745;border-left:4px solid white;}
.home-back{background: #141414;height: auto;}    
/* INDEX */

.wrapper {
  width: 150px;
  height: auto;
  background: none;   
  border-radius: 0px;
  position: relative;
  z-index: 90;
}  
.wrapper img{width:150px;height:200px;opacity: 0.9;}  
.wrapper a{color: white; }  

/* Slider */
.slidermv{width:100%;background:none;padding:0px;}    
.arrow-slider{width:100%;}  

.prev{margin-right:-10px;margin-top:80px;z-index:60;position: absolute;}    
.next{margin-left:5px;margin-top:80px;z-index:90;position: absolute;left: 0;}    

.carousel{width:100%;height: 250px;}    

.tcb-product-item {
    position: relative;width:150px;height:200px;
    text-align: center;
    color: white;
  
}

.bottom-left {
    width:100%;
    position: absolute;  
    bottom: 0px;
    padding:5px;
    left: 0px;
    background: rgba(0,0,0,0.7);
}

.content .content-overlay {
  background: rgba(0,0,0,0.7);
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
}

.content:hover .content-overlay{opacity: 1;}
.content-image{width: 100%;}

.content-details {
  position: absolute;
  text-align: center;
  padding-left: 2px;
  padding-right: 2px;
  width: 100%;
  top: 0;
  left: 50%;
  opacity: 0;
  -webkit-transform: translate(-50%);
  -moz-transform: translate( -50%);
  transform: translate( -50%);
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

.content:hover .content-details{
  top: 10%;
  left: 50%;
  opacity: 1;
}
.content:hover .bottom-left{visibility:hidden;}

.content-details p{color: #fff;font-size: 15px;} 
.content-details i{font-size: 12px;} 

.fadeIn-bottom{
  top: 0;
}
.fadeIn-top{
  top: 0;
}
.fadeIn-left{
  left: 20%;
}
.fadeIn-right{
  left: 80%;
}

/* Slider */

/* Series */
.series-col{width:160px;text-align: center;float: right;}
.series-col img{width:150px;height:200px;margin-bottom: 5px;}
.series-col a{color:white;}
.series-col a:hover{color:#7fc92a;}
/* Series */

/* Seasons */
.season-col{width:230px;text-align: center;float: right;}
.season-col img{width:220px;height:140px;margin-bottom: 5px;}
.season-col a{color:white;}
.season-col a:hover{color:#7fc92a;}
/* Seasons */

/* Seasons */
.tv-col{width:200px;text-align: center;float: right;}
.tv-col img{width:180px;height:240px;margin-bottom: 5px;}
.tv-col a{color:white;}
.tv-col a:hover{color:#7fc92a;}
/* Seasons */

/* Wtach */
.movie-title{
color:white;font-size:25px;border-right:4px solid #6ea745;
padding-right:10px;margin-bottom: 10px;float: right;
}    
.movie-area{margin-top: 20px;padding: 15px;}
.movie-img{width:200px;float: right;}
.movie-info{width:850px;float: right;}
.movie-section{padding: 10px;color:#cecece;font-size: 14px;line-height: 25px;width: 280px;}    
.movie-section i{font-size: 10px;}    
.sec-info:first-child{margin-right:10px;}    
.sec-info a{color:#6EA730;}    
.sec-info a:hover{color:#7fc92a;}    
  
.sec-btn a{margin-bottom: 10px;width: 200px;}    
.sec-btn button{width: 200px;}    
.sec-btn i{font-size: 13px;} 

.movie-story{padding: 20px;color: #C7CECE;font-size: 14px;line-height: 27px;}
.movie-downwatch{background: #141414;height: auto;padding: 20px;}    
.movie-downwatch iframe{width:100%;height: 500px;}    
.movie-downwatch .nav-link{margin-left: 10px;color:#6EA730;}    
/* Wtach */


/* Coming Soon */
.coming-soon .mov{width:300px;height:450px;margin-left:40px;margin-bottom:20px;float:right;position: relative;color:white;}
.coming-soon .mov img{width:300px;height:450px;opacity: 0.3;}
.coming-soon .mov:last-child{margin-left:5px;}

.top-center {
    margin: 0;
    position: absolute;
    top: 8px;
    left: 50%;
    margin-right: -50%;
    transform: translate( -50%) ;font-size: 15px;font-weight: bold;text-align: center; padding: 10px;  
}
.bottom-center {
    position: absolute;
    bottom: 15px;
    left: 50%;
    transform: translate(-50%);
}    
.centered {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%) ;font-size: 28px;font-weight: bold;text-align: center;
} 
/* Coming Soon */

/* Srch Movies */
#remove_row{margin-top: 20px;margin-bottom: 20px;}
.content-mov .tcb-product-item{margin-left:28px;margin-bottom:10px;}
.content-mov .tcb-product-item:last-child{margin-left:0px;margin-bottom:10px;}
.frm-srch .selectbox{float: right;padding:0px;font-size:16px;margin:5px;width:200px;}
.frm-srch button{width:200px;height: 35px; margin-right: 10px;margin-left: 0px;margin-top: 5px;}
.frm-srch input{float: right;padding:0px;font-size:16px;width:600px;height: 35px;margin-top: 5px;}
.srch-mv{width:225px;margin-right: 10px;}
.footer-link div a{margin-bottom: 0px;float: right;margin-left: 20px;}  

/* Contact */
.frm-contact input{background:#141414;border-color:#6EA745;color:white;width: 50%;}
.frm-contact textarea{background:#141414;border-color:#6EA745;color:white;}

@media screen and (min-width: 200px) and (max-width: 469px){ 
#HomePage{width:100%;margin:auto;}  
nav{width:100%;margin:auto;}  
img{width: 100%;height: auto;}     
.logo{width:100px;}    
.navbar-toggler{margin-left: 10px;}     
.footer-link div a{margin-bottom: 10px;float: right;width:100px;}
.frm-contact .col-4{width: 300px;}    
 /* INDEX */
.title-home{
    color:white;font-size:15px;border-right:4px solid #6ea745;
    padding-right:5px;margin-bottom: 10px;float: right;
}
.title-left a{
    color:white;font-size:15px;border-left:4px solid #6ea745;
    padding-left:5px;margin-bottom: 10px;margin-top: 5px;float: left;
}
    
/* Watch */    
.movie-info{width:100%;float: right;}
.sec-info:first-child{margin-right:0px;} 
.sec-btn{margin-top: 30px;}    
.movie-section{padding: 10px;color:#cecece;font-size: 14px;line-height: 25px;width: 100%;}   
.movie-story{padding: 10px;color: #C7CECE;font-size: 14px;line-height: 27px;}
.movie-downwatch .nav-link{margin-left: 10px;margin-bottom: 10px; color:#6EA730;width: 70px;}  
 
/* Search */    
.content-mov{width: 100%;}
.content-mov .tcb-product-item{margin-left:5px;margin-bottom:10px;}
.content-mov .tcb-product-item:last-child{margin-left:0px;margin-bottom:10px;}    
.frm-srch .selectbox{float: right;padding:0px;font-size:16px;margin:5px;width:100%;}
.frm-srch button{width:100%;height: 35px; margin-right: 0px;margin-left: 0px;margin:5px;}
.frm-srch input{float: right;padding:0px;font-size:16px;width:100%;height: 35px;margin:5px;}
.srch-mv{width:100%;margin-right: 0px;}    
    
/* Contact */
.frm-contact input{background:#141414;border-color:#6EA745;color:white;width: 100%;}    
}

@media screen and (min-width: 470px) and (max-width: 950px){
#HomePage{width:100%;margin:auto;}  
nav{width:100%;margin:auto;}  
img{width: 100%;height: auto;}     
.logo{width:100px;}    
.navbar-toggler{margin-left: 10px;}     
.footer-link div a{margin-bottom: 10px;float: right;width:100px;}      
 /* INDEX */
.title-home{
    color:white;font-size:15px;border-right:4px solid #6ea745;
    padding-right:5px;margin-bottom: 10px;float: right;
}
.title-left a{
    color:white;font-size:15px;border-left:4px solid #6ea745;
    padding-left:5px;margin-bottom: 10px;margin-top: 5px;float: left;
}
    
/* Watch */    
.movie-img{width:30%;float: right;}
.movie-info{width:70%;float: right;}
.sec-info{float: right;} 
.sec-info:first-child{margin-right:0px;} 
.sec-btn{margin-top: 30px;}    
.movie-section{padding: 10px;color:#cecece;font-size: 14px;line-height: 25px;width: 100%;}   
.movie-story{padding: 10px;color: #C7CECE;font-size: 14px;line-height: 27px;}
.movie-downwatch .nav-link{margin-left: 10px;margin-bottom: 10px; color:#6EA730;width: 70px;}  
 
/* Search */    
.content-mov{width: 100%;}
.content-mov .tcb-product-item{margin-left:5px;margin-bottom:10px;}
.content-mov .tcb-product-item:last-child{margin-left:0px;margin-bottom:10px;}    
.frm-srch .selectbox{float: right;padding:0px;font-size:16px;margin:5px;width:100%;}
.frm-srch button{width:100%;height: 35px; margin-right: 0px;margin-left: 0px;margin:5px;}
.frm-srch input{float: right;padding:0px;font-size:16px;width:100%;height: 35px;margin:5px;}
.srch-mv{width:100%;margin-right: 0px;}       
}