@font-face
{
	font-family: 'najed';
	src: url("../fonts/xx.ttf") format('ttf');	          
}
.prxx
{
    padding-right:20px;
}
@font-face {
    font-family:'cairo';
    src: url(../fonts/Cairo-Regular.ttf);
  }
  
  hr{
    color: #eeeeee !important
  }

  .pr-3-pc
  {
      padding-right: 16px;
  }

  .pr-4-pc
  {
      padding-right: 24px;
  }

  .pl-3-pc
  {
      padding-left: 16px;
  }

  .footer_line
  {
    position: relative;
    right: 22px;
    margin-top: 21px;    background-color: #4b4b4b;height:2px;border-width: 0;
    width: 350px;
    text-align: center
  }


  .footer_cats
  {
      padding-right:20px;
  }


#share_m_p a
{
    width: 37px;
    height: 37px;
    display: inline-block;
    /* margin: 8px; */
    /* float: left; */
    display: block;
    right:21px;
    margin-left: 7px;
    border-radius: 50%;
    font-size: 24px;
    color: #404041;
    transition: opacity 0.15s linear;
    position: relative;  
}

  a{
    
    color:#525252
}
.logo_main_head
{
    height: 120px;
    width: 170px;
    right: 8%;
    bottom: 4px;
    position: relative;
   
}

.con_main_head
{
    max-width: 1395px !important;
    height: 124px;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}
.new_main_title
{
    height: 88px !important;
    bottom: 91px !important;
    padding:9px;
    color: #fff;
    font-weight: bold;
    position: relative;
    background-image: linear-gradient( 
0deg
 ,#000,rgba(0,0,0,0.7),rgba(0,0,0,0));
}

  .dark_fist_head
  {
    background-color: #2C2C2C !important;
  }
  .loginx
  {

   color: red;
  }
  .dark_headerBackground {
    background-image:url('../headerbackgroundark.png') !important
  
}

  
  @font-face {
    font-family:'cairoBold';
    src: url(../fonts/Cairo-Bold.ttf);
  }

.art_title_home

  {
    color: #fff;
    height: 91px;
    padding: 30px;
    font-size: 26px;
    font-family: 'HacenLiner';
    background-size: 100% 100%;
    background-image: url('../art_title_background.png');
  }
 .pd-col
 {
    padding-left: 8px!important;
    padding-top: 16px!important;
 }
  .main_tag_home
  {
    font-family: 'NotoNaskhArabicUI-Bold';
    font-size: 17px;
    width: 78px;
    /* border-right: 1px solid #944f4f; */
    text-align: center;
    padding-left: 9px;
  }

  .vid_tit_xx
  {
    font-size:18px !important;
  }
.tag_line_main
{
    border-left: 2px solid #000;
    height: 29px;
    margin-right: 5px;
    margin-left: 5px;
}
  .main_tag_home:hover {
    background-color: blue;
color: #fff !important
  }

  .main_tag_homex:hover {
    /* background-color: #eee !important;
color: #fff; */
  }

  @font-face {
    font-family:'NotoNaskhArabicUI-Bold';
    src: url(../fonts/ArbFONTS-NotoNaskhArabicUI-Bold.ttf);
  }
.line_title_main
{
    font-weight: bold;
    color: #000;
    font-size: 22px;
    height: 23px;
    padding-right: 9px;
}
.video-main-title
{
    font-family: HelveticaNeueLTArabic !important;
    color: rgb(23 23 23);
    line-height: 1.8;
    font-size: 2rem;
}

  @font-face {
    font-family:'Cairo-SemiBold';
    src: url(../fonts/Cairo-SemiBold.ttf);
  }
  @font-face {
    font-family:'HelveticaNeueLTArabic';
    src: url(../fonts/HelveticaNeueLTArabic-Bold.ttf);
  }
 

  @font-face {
    font-family:'HacenLiner';
    src: url(../fonts/Hacen-Liner.ttf);
  }
 

  

  @font-face {
    font-family:'HacenSaudiArabia';
    src: url(../fonts/HacenSaudiArabia.ttf);
  }

  @font-face {
    font-family:'bbcnassimregular';
    src: url(../fonts/bbc-nassim-regular.ttf);
  }
 

  @font-face {
    font-family:'bbcnassimregularBold';
    src: url(../fonts/bbc-nassim-regularbold.ttf);
  }
 



@font-face
{
	font-family: 'myriad';
	src: url("../fonts/MyriadArabicRegular.ttf") format('ttf');	          
}

@font-face
{
	font-family: 'tahoma';
	src: url("../fonts/tahoma.ttf") format('ttf');	          
}
.art_socisal
{
    float:left;padding-top: 17%;padding-left: 3%;
}

.padding_right_only_desktop
{
    padding-right:16px;
}
.main_header
{
    background-image: url(./headerBackground.png);
    background-size: 100% 100%;
    height: 190px;
}
.account_word
{
    font-family: tahoma;
    font-size: 14px;
    color:#fff;
    color: #47484a;

}
.contact_As_dark
{
    background-color: #000 !important;
}
.tr_table_dark
{
    color:#000 !important;
}

.main_woman_sidbar_dark
{
    background-color: #2A2C33 !important;
 
    color: #fff !important;
}
.v-tabs__item
{
    opacity: 1.1 !important; 
    font-size: 18px !important;
}

.v-list__tile__content
{
    font-family: 'cairo' !important; 
    font-size: 16px !important;
}
.tabitem
{
    font-family: 'cairoBold' !important;
    font-weight: bold;
    color: #fff !important;
    font-size: 17px;
    
    

}

.sub_tabitem
{

    font-family: 'cairoBold' !important;
    font-weight: bold;
    color: #000 !important;
    font-size: 17px;

}


.dark_font
{
    color: #fff !important;
    

}

.lignt_font
{
    color: #000 !important;  
}

@import url(http://db.onlinewebfonts.com/c/b0c178a6bf63dc134f142a232e2f7241?family=Arabic);

@font-face
{
	font-family: 'najed';
	src: url("../fonts/xx.ttf") format('ttf');	          
}
.v-toolbar__content
{
    padding: 0px !important;
}



.tol-btn
{
    /* font-weight: bold !important; */
}
.photo_title
{
    text-align: center;
    margin-top: -17px;
    position: relative;
    bottom: 54px;
    padding-top: 11px;
    font-size: 21px;
    height: 73px;
    color: #fff;
    background-color: #0000006e;
    background-size: 112px 103px;
    font-family: 'nassim_bold' !important;

}
.photo_title_home
{
    text-align: center;

    position: relative;
    bottom: 75px;
    padding-top: 11px;
    font-size: 21px;
    height: 73px;
    color: #fff;
    background-color: #0000006e;
    background-size: 112px 103px;
    font-family: 'nassim_bold' !important;

}

.photo_visitor {
    text-align: center;
    margin-top: -15px;
    position: relative;
    /* bottom: -30px; */
    top: 42px;
    padding-top: 6px;
    font-size: 15px;
    height: 30px;
    border-radius: 5px;
    z-index: 1;
    width: 56px;
    color: #fff;
    background-color: #00000094;
    background-size: 112px 103px;
    font-family: 'nassim_bold' !important;
}


.fancybox-caption__body
{
    
    font-size: 27px !important;
    font-family: 'nassim_bold' !important;

}
.foo
{
    font-family: 'nassim_bold' !important;
}


/* @font-face
{
	font-family: 'bbc';
	src: url('fonts/bbc-nassim-bold.ttf') format('embedded-opentype'),
	
            
} */

@media only screen and (min-width: 1264px)
{
    .tol-btn
    
    {
       
    }
.container {
    max-width: 1185px;
}
}

.lib-info-footer-tit
{
    color:#fff; font-family: 'Droid';font-weight:bold;font-size:15px;
}
.lib-info-footer
{
    color:#fff; font-family: 'Droid';font-weight:bold;font-size:15px;text-align:right
}

.header
{
    background-color:#fff;background-size: 100%;height: 112px;
}

.art_img 
{
    border-bottom:5px solid red;
}

.lib_main_info
{
    height:80px;  background-color:#f77f21;width:100%

}

.address_info
{
    font-family: 'Droid';font-weight:bold;font-size:18px;padding-right:10px
}
.dark_sasa_title
{
    background-color:#2C2C2C !important;
}
.line_main_title
{
    font-weight: bold;
    color: #000;
    font-size: 22px;
    height: 23px;
    padding-right: 9px;
}

.video_slider_info
{
    text-align:right;padding:16px;
}

.video_slider_info .main_title
{
    text-align:right;font-size:24px;font-family:'Droid';
}


.summery_car
{
    width:95%;height:200px;margin-bottom: 26px;
}
.summery_user_name
{
    background-color:#eee;color:#000;font-size:16px;padding:5px;font-family: 'Droid';padding-right:10px;
}
.video_slider_info  .second_title
{
    text-align:right;
    font-size:18px;
    color: #00000080;
    padding-top: 10px;
    padding-bottom: 15px;
}



.video_slider_info .video_slider_button
{
    padding-bottom:14px;
    padding-right: 0px;
}

.video_slider_info .video_slider_button .buton_vid
{

    color: #fff !important;
                                        font-weight: bold;font-family:'Droid';padding-bottom:10px
}




.demo-icon
{
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: never;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;

}

.main_word_news
{
    background-color: #e6ebef;
    height: 1263px;
    width: 100%;
    padding: 15px;
    margin-top:26px;
   

}


.main_word_news_dark
{
    background-color: #2A2C33 !important;
}
.lastNewsSlider .slick-prev:before, .slick-next:before
{
    color: #000 !important;
    font-size: 30px !important;

}

.lastNewsSlider .slick-prev:before, .slick-next:before
{

    font-size: 30px !important;
    color: #000 !important;
}


.dark_lastNewsSlider .slick-next:before, .slick-next:before
{

    font-size: 30px !important;
    color: #000 !important;
}
.lastNewsSliderTitle
{
    padding-top: 15px;
    color:#525252 !important

}
.lastNewsSlider
{
    width:96% !important;
   
    
    height: 271px;
    font-family:'HelveticaNeueLTArabic';font-size:18px;line-height:21px
}
.lastNewsSlider_data
{
    font-family: 'NotoNaskhArabicUI-Bold' ;font-size:14px;color:#838383;padding-top:9px;
}

.lastNewsSlider_data_icon
{
   font-size:14px;color:#838383;padding-top:9px;

}
.smaillSlider
{
    width:96% !important 
}
.main_word_news_main_photo
{
    width: 100%;
    height: 286px;
    margin: auto;
  
}
.se_video_tit
{
    background-color: #fff;
    padding: 17px;
    border: 1px solid #dedede;
    height: 116px;

    font-family:'HelveticaNeueLTArabic';
    line-height: 26px;
    font-size: 17px;
}
.dark_sasa
{
    background-color: #131313 !important;
}
.se_news_tit_dark
{
    background-color: #18191C !important;
    border: 1px solid #3F3F3F !important;

    
}
.se_news_tit
{
    background-color: #fff;
    padding: 17px;
    border: 1px solid #dedede;
    height:100px;

    font-family:'HelveticaNeueLTArabic';
    line-height: 26px;
    font-size: 17px;
}


.video_title_sec
{
    font-family:'Cairo-SemiBold';
    font-size: 18px;
    line-height: 25px;
}


.main_title
{
    font-size: 24px;
    font-family:'Droid'
    ;padding-right: 7px;
    font-family:'HacenLiner';
    

}


.lib_fri_step
{
    font-family:'bein';
    font-size: 18px;
}

.lib_fri_step_line
{
    background-color: #eee;
    height: 100;
    height: 3px;
}


.theses
{
    background-color:#eee;
    font-family:'Droid';

}



.najed{
    font-family:'najed' ;  
}

.soial a
{
    padding-top: 10px;
    color:#fff !important;
}
.soial
{
    padding-top: 7px;
}


.pll
{
    padding-left: 20px;
}

.book_border
{
    border-bottom: 3px solid #f77d1f;
}
.ofg
{
    padding-top: 0px !important;
}

.pad-right
{
    padding-right: 20px;
}
.ms_card
{
width:100%;
height:100px;
border-right: 5px solid #f77c1f;
padding-right:3px;
}

.footer
{
    height:210px;
}

.el
{
    padding-left:1%;
}
/* .ee
{
    padding-right:12%;
} */
.logo-title-scroll
{
 
    font-family: 'bein';
    font-weight: bold;
    position: relative;
    left: 2%;
    color:#fff !important;
    font-size: 21px !important

}

.tol-btn-scroll
{
    font-size:20px;color:#fff !important;font-family:'Droid';font-weight: bold !important;
}

.second-title-scroll
{
    color:#fff !important;font-size:15px !important;
    font-family: 'bein';
    font-weight: bold;
    position: relative;
    bottom: 18px;
    position: relative;
    left: 2%;
}
.logo-title
{
    color: #828282;
    font-family: 'bein';
    font-weight: bold;
    font-size: 27px;
    position: relative;
    right: 9%;
 
    position: relative;
    bottom: 10px;
}



.logo-title-phone
{
    color: #828282;
    font-family: 'bein';
    font-weight: bold;
    font-size:19px;
    position: relative;
    left: 0% !important;
    right: 13%;
    top: 11%;
 
    position: relative;
    bottom: 10px;
}


.second-title-phone{
    font-family: 'bein';
    font-weight: bold;
    font-size:18px;
    color: #8ab436;
    position: relative;
    bottom: 18px;
    position: relative;
    left: 2%;
}



.logo-title-footer
{
    color: #fff;
    font-family: 'bein';
    font-weight: bold;
    font-size: 25px;
    position: relative;
    left: 2%;
}

.second-title{
    font-family: 'bein';
    font-weight: bold;
    font-size: 22px;
    color: #8ab436;
    position: relative;
    bottom: 18px;
    position: relative;
    left: 2%;
}


.second-title-footer{
    font-family: 'bein';
    font-weight: bold;
    font-size: 20px;
    color: #8ab436;
    position: relative;
    bottom: 20px;
    position: relative;

}

/* .v-carousel__prev {
    
    right: 95% !important;
}


.v-carousel__next
{
    left: 95% !important;
} */

.vueperslides__arrow, .vueperslides__paused
{
    color:#fff !important;
}
.vueperslide__content-wrapper:not(.vueperslide__content-wrapper--outside-top):not(.vueperslide__content-wrapper--outside-bottom)
{
    -webkit-transform: none !important;
    transform: none !important;
    position: static !important;
}

.box{
    position: relative;
    display: inline-block; /* Make the width of box same as image */
}
.box .text{
    position: absolute;
   /* z-index: 999;*/
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 82%;
    text-align: right;
    /* text-align: center; */
    width: 100%;
    background-color: #00000024;
}
.ph_text{
    text-align: center ;
    padding-right: 10px;color:#fff;font-size:19px;padding-top: 2%;
}

a {
  
    text-decoration: none;
   
}

.v-list__tile--active 
{
    background-color: #dcd2d233 !important;
    color:blue !important;
}

.hooper-slide.is-current {
    transform: scale(1.2);
  }


  .vueperslide, .vueperslide__image
  {
      margin-left: 20px; 
  }



  #app{
         text-align: right  !important;
  }

  

  /*Admin Login*/


.login-dark {
 
    background: #475d62 url(https://alkafeel.net/photos/imager/996672-LAITH.ALI_10.JPG/MTA4MA==);
  
    background-size: cover;
  
    position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; 
  }
    
    
    .login-dark form {
      max-width: 320px;
  
      width: 90%;
      background-color: #1e2833;
      padding: 40px;
      border-radius: 4px;
      transform: translate(-50%, -50%);
      position: absolute;
      top: 50%;
      left: 50%;
      color: #fff;
      box-shadow: 3px 3px 4px rgba(0,0,0,0.2);
    }
    
    .login-dark .illustration {
      text-align: center;
      padding: 15px 0 20px;
     
      color: #2980ef;
    }
    
    .login-dark form .form-control {
      background: none;
      border: none;
      border-bottom: 1px solid #434a52;
      border-radius: 0;
      box-shadow: none;
      outline: none;
      color: inherit;
    }
    
    .login-dark form .btn-primary {
      background: #214a80;
      border: none;
      border-radius: 4px;
      padding: 11px;
      box-shadow: none;
      margin-top: 26px;
      text-shadow: none;
      outline: none;
    }
    
    .login-dark form .btn-primary:hover, .login-dark form .btn-primary:active {
      background: #214a80;
      outline: none;
    }
    
    .login-dark form .forgot {
      display: block;
      text-align: center;
      font-size: 12px;
      color: #6f7a85;
      opacity: 0.9;
      text-decoration: none;
    }
    
    .login-dark form .forgot:hover, .login-dark form .forgot:active {
      opacity: 1;
      text-decoration: none;
    }
    
    .login-dark form .btn-primary:active {
      transform: translateY(1px);
    }
    
  
    
    /*End*/

    
  .video-js{
      width: 95% !important;
  }

  .owl-carousel .owl-nav .owl-prev,
  .owl-carousel .owl-nav .owl-next,
  .owl-carousel .owl-dot {
    font-family: 'fontAwesome';

}
.owl-prev{
    background-color: #fff !important; 
}


.owl-next{
    background-color: #fff !important;
}
.owl-carousel .owl-nav .owl-prev:before{
   
    content:url(http://127.0.0.1:8000/chevron-circle-left-solid.svg);
    margin-right:10px;
    color:#000;
    position: relative;
    top: 8px;
   
}
.owl-carousel .owl-nav .owl-next:after{
   
    content:url(http://127.0.0.1:8000/chevron-circle-right-solid.svg);
    margin-right:10px;
    color:#000;
    bottom: 9px;
    position: relative;
   
   
}




.sidart{
    height: 110px;
}
  
.prh {
    padding-right: 22px;
}

.navbar {
    background-image: url('https://alkafeel.net/moon/imgs/navbar_background.png')
}

.navbar .list {

    font-family: 'DroidArabicKufiRegular';
    color: #fff !important;
}

.xxc{
  left:391px !important;
  width:500px !important;
  background-color:#fff;
  
  
}


.logo{
    text-align: center;
}

.sli_new{
    height: 470px;
}
.pens {

    background-color: #eee;
    display: block !important;
    height: 450px
}

.web_tit {
    text-align: center;
    color: #fff;
    font-size: 20px;
   /* padding-left: 4%;*/
    position: relative;
    right: 50%;
    top: 8%;
}

.sid_img_art {
    width: 100%;
   
    height: 119px;

    overflow: hidden;
}

.new_ar_border img {

    border-bottom: 3px solid red;
}

.sid_art {
    font-size: 16px;
    text-align: right;
    padding-left: 4px;
    font-family: 'GEFlow' !important;
    padding-right: 8px;
    text-decoration: none;

}


/*owl slider*/
.owl-nav button {
    position: absolute;
    top: 50%;
    background-color: #000;
    color: #fff;
    margin: 0;
    transition: all 0.3s ease-in-out;
}

.owl-nav button.owl-prev {


    right: 0;
}

.owl-nav button.owl-next {
    left: 0;

}


.item {
    width: 140px;
    height: 200px;
}

.vitem {
    width: 388px;
    height: 230px;
}

.owl-next span {
    font-size: 60px;
}



.owl-prev span {
    font-size: 60px;
}

.item img {
    width: 100%;
    height: 100%;
}

.owl-dots button.owl-dot {}

.owl-dots button.owl-dot.active {
    background-color: #000;
}

.owl-dots button.owl-dot:focus {
    outline: none;
}

.owl-nav button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(255, 255, 255, 0.38) !important;
}

span {}






.sh-img {
    float: right;

    overflow: hidden;
}


.cdf {
    top: 74px !important;

}

.sh-img img {
    width: 100%;
    height: 100%;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;


}

.sh-img:hover img {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);

    -o-transform: scale(1.2);

    -webkit-transform: scale(1.2);



}

.gef {
    font-family: 'GEFlow' !important;
}

.art-main-title {
    font-size: 25px;
    font-family: 'nassim_bold' !important;
    color: #900;
}





/*share contact as*/

#shareContact a:hover {
    opacity: 1;
}

/* icons */


#shareContact i {
    position: relative;
    top: 47%;
    left: 22%;
    transform: translateY(-50%);
}

#shareContact i {
    position: relative;
    top: 47%;
    left: 22%;
    transform: translateY(-50%);
}


#shareContact  a {
    width:42px;

    height:42px;
    display: inline-block;
    text-align: left;
    margin-left:22px;
    border-radius:0px;
    font-size: 24px;
    color: #fff;
    border-radius: 50%;
    transition: opacity 0.15s linear;
}


#shareContact i {
    position: relative;
    top: 47%;
    left: 22%;
    transform: translateY(-50%);
}
/*share contact as*/








#share a:hover {
    opacity: 1;
}

/* icons */


#share_new i {
    position: relative;
    top: 47%;
    left: 22%;
    transform: translateY(-50%);
}

#share_new i {
    position: relative;
    top: 47%;
    left: 22%;
    transform: translateY(-50%);
}



#share i {
    position: relative;
    top: 47%;
    left: 22%;
    transform: translateY(-50%);
}


#share_m_p i{
    position: relative;
    top: 47%;
    left: 22%;
    transform: translateY(-50%);
}





.vueperslides__parallax-wrapper{
    padding-bottom: 25% !important;
}

.title_border_red
{
    border-bottom: 7px solid red;
    border-width: 2px;
    font-size:16px;
    width: fit-content;
     font-family:'HelveticaNeueLTArabic';
    border-width: 2px;
}

#share_new {
    width: 100%;

    text-align: right;
}

#share {
    width: 100%;

    text-align: left;
}

#share_m_p  {
    width: 100%;

    text-align: left;
}


/* buttons */



#share_new a {
    width: 33px;

    height: 33px;
    display: inline-block;
    text-align: left;
    margin-left: 4px;
    border-radius:0px;
    font-size: 24px;
    color: #fff;
    
    transition: opacity 0.15s linear;
}


#share a {
    width: 37px;

    height: 37px;
    display: inline-block;
    margin: 8px;
    margin-left: 4px;
    border-radius: 50%;

    font-size: 24px;
    color: #404041;
  
    transition: opacity 0.15s linear;
}




#pen_share a:hover {
    opacity: 1;
}

/* icons */

#pen_share i {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}



#pen_share {
    width: 100%;

    text-align: center;
    
}

/* buttons */

#pen_share a {
    width: 35px;
    left: 0px !important;
    height: 35px;
    display: inline-block;
    margin: 8px;
    
    border-radius: 50%;

    font-size: 20px;
    color: #fff;
    opacity: 0.88;
    transition: opacity 0.15s linear;
}




.pen_pp{
    position: relative;float:left;
    left: 23px;
}
.video {
    position: relative;
    background-image: url('http://san.capitalafrique.com/imatin.net/articles/images/lionel-messi.jpg');
    width: 400px;
    height: 200px;
}

.link {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    background-color: rgba(255, 255, 255, 0.5);
}

.link:hover {
    background-color: rgba(255, 255, 255, 0.7);
}

.playBtn {
    position: absolute;
    background-image: url("http://www.slatecube.com/images/play-btn.png");
    background-size: 150px 150px;
    height: 150px;
    width: 150px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 999;
}


.lib_part_main_title
{
    text-align:right;font-size:21px;font-family: 'nassim_bold'!important ; padding-top: 10px;color:#fff;    position: relative;
    right: 32px;
}




.video-thumbnail {
    position: relative;
    display: inline-block;
    cursor: pointer;

}

.video-thumbnail:before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);

    font-family: "Font Awesome 5 Free";
    content: "\f144";
    font-size:50px;
    color: #fff;
    opacity: .8;
    text-shadow: 0px 0px 30px rgba(0, 0, 0, 0.5);
}


.video-thumbnail:after {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);

    font-family: "Font Awesome 5 Free";
    content: "\f144";
    font-size: 50px;
    color: #fff;
    opacity: .8;
    text-shadow: 0px 0px 30px rgba(0, 0, 0, 0.5);
}

.video-thumbnail:hover:before {
    color: #eee;
}














.art-thumbnail {
    position: relative;
    display: inline-block;
    cursor: pointer;

}

.art-thumbnail:before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);

    font-family: "Font Awesome 5 Free";
    
    font-size:50px;
    color: #fff;
    opacity: .8;
    text-shadow: 0px 0px 30px rgba(0, 0, 0, 0.5);
}


.art-thumbnail:after {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);

    font-family: "Font Awesome 5 Free";
  
    font-size: 50px;
    color: #fff;
    opacity: .8;
    text-shadow: 0px 0px 30px rgba(0, 0, 0, 0.5);
}

.art-thumbnail:hover:before {
    color: #eee;
}




.facebook_header {
    background: #fff;
}

.twitter_header  {
    background: #fff;
}

.telegram_header  {
    background: #fff;
}

.linkedin_header  {
    background: #fff;
}

.whatsapp_header  {
    background: #fff;
}




/* colors */

.facebook {
    background: #3b5998;
}

.twitter {
    background: #55acee;
}

.googleplus {
    background: #00aced;
}

.linkedin {
    background: #0077b5;
}

.pinterest {
    background: #4fca5d;
}


/* .videos-img:after {
    content: '';
    background-image: url('http://127.0.0.1:8000/imgs/play-button1.png');
    background-repeat: no-repeat;
    background-repeat: no-repeat;
    display: block;
    background-size: 50px 50px;
    width: 50px;
    height: 51px;
    position: relative;
    top: -127px;
    left: 154px;
}


.video_item {
    width: 100% !important;
}


.videos-img:hover:after {
    content: '';
    background-image: url('http://127.0.0.1:8000/imgs/play-button1.png');
    background-repeat: no-repeat;
    background-repeat: no-repeat;
    display: block;
    background-size: 90px 90px;
    width: 90px;
    height: 91px;
    position: relative;
    top: -147px;
    left: 136px;
} */

.art_title {
    font-size: 15px;
    text-align: right;
    padding-right: 12px;

}


.arts_img {
    height: 215px;
    border-bottom: 3px solid red;
    width: 375px
}

.new_ar_border img {
    border-bottom: 3px solid red;
}



.slider_text {
    font-weight: bold;
    padding: 10px;
    font-size: 18px;
    padding-right: 30px;
    text-align: right
}

#card_title {
    position: relative;
    font-family: 'nassim_bold' !important;
   font-size: 26px;
    color: #fff;
    text-align: center !important;
    padding-right: 16px;
}

.pd-yy {
    padding-left: 10px;
    padding-top: 12px;
}

.theme--light.v-icon {
    color: rgba(0, 0, 0, .54) !important;
}

.sid_date {
    text-align: right;

    color: #818181;

    position: relative;
    top: 65px;
    right: 8px;


    font-size: 12px;

}


.gef {
    font-family: 'GEFlow' !important;
}

.dodo {
    font-family: 'DroidArabicKufiRegular' !important;
}

.logo {
    color: #fff;
    font-weight: bold;


}

.v-navigation-drawer .v-list {
    background: center !important;
}


.slider_jum {
    height: 118px !important;
    width:100%!important;
    opacity: 0.74;
   
    position: relative;
    top: 70% !important;

    text-align: center;
    padding-top: 4%;

}

.slider_titel {
    position: absolute;
    top: 8px;
    font-weight: bold;
    color: #fff;
    width: 150px;
    font-size: 17px;
    padding-top: 22px;
    text-align: center;
    height: 57px;
    background-color: #528ec5a1;
    position: absolute;
    top: 8px;
    right: 16px;
}


.Ads_titel {
    position: absolute;
    top: 8px;
    font-weight: bold;
    color: #fff;
    width: 95px;
    font-size: 17px;
    padding-top: 6px;
    text-align: center;
    height: 37px;
    background-color: #528ec5a1;
    position: absolute;
    top: 8px;
    right: 16px;
}

.list-item {
    color: #fff;
    font-weight: bold;
    font-size: 16px;
}


.v-icon material-icons theme--light {
    color: #Fff;
    font-size: 28px;
}

.do v-dialog__content{
  overflow-y: visible !important;
}

.v-list__tile__title {
    text-align: right;
}

.sicial_icon ul {
    color: #fff !important;
    font-size: 20px;
}

.icon__flip {
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: zzzscaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
}

.pen_details{
    font-size: 20px;
    
}

.video-js{
    height: 400px !important;
}


.v-navigation-drawer .v-list {
    background: none;
}

.con_main {
    padding: 17px 27px 0px 0px;
}

.con_main_admin {
    padding: 0px 300px 0px 0px !important;
}



.arts_card
{
    margin-bottom: 8px;margin-top: 18px;
    height:250px;
    background-color: #fff;
}

.card_dark_background
{
    background-color: #2a2c33 !important   
}
.arts_card_dark
{
    margin-bottom: 8px;margin-top: 18px;
    height:250px;
    background-color: #2a2c33 !important 
}

.arts_card_title
{
       font-family: 'HelveticaNeueLTArabic';
    font-size: 18px;
    line-height: 26px;
}


.qadwti_card_details
{
    font-family: 'nassim';font-size:18px
}

.qadwti_card_title
{
    font-family: 'nassim_bold';font-size:22px !important;
}

/*Laptop*/
@media only screen and (min-device-width : 1440px) and (max-device-width : 1910px) {
   
}
/*Ipad*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {


  .ms_card
  {
    width: 227px;
    border-right: 5px solid #f77c1f;
  height:117px;
  padding-right:9px;
  }





    .con_main {
        padding: 0px 0px 0px 0px !important;
    }
}


.ry {
    position: relative;
    left: 12px !important;
}



/* .v-carousel__next {
    left: 5px !important;
    right: auto !important;


} */

.vueperslides__arrow{
    z-index: 0 !important;
}
.book_info
{
    font-size:17px;
    font-family: 'Droid';
}

.book_img{
    padding-left: 45px;
    padding-right: 10px;
    height: 100%;
    font-family: 'Droid';
    width: 100%;
}

.swal2-popup .swal2-title
{
    font-family: 'Droid';
}
.tol_main{
    height: 60px;
}
.con_as_button
{
    float: left;width:200px;font-weight:bold;float:left
}
.v-messages__message
{
    color: red !important;
    text-align: right !important;

}
.line_main_title{
    font-weight: bold;
    color: #000;
    font-size: 22px;
    height: 23px;
    padding-right: 9px;
}

.art_img{
    height:250px;width:200px;    float: left;
    padding-right: 13px;
}
.art_img_img
    {
      
        height:200px;width:170px;    float: left;
    }
.art_all_home
{
    height:505px;background-color:#E5EBEE;
}
.cluth_main_photo
{
    width:100%;height:552px ;
}

.fo_h_la
{
    height:91px;
}

/*phone*/ 

@media (min-width:300px) and (max-width:600px) {

    .fo_h_la
    {

        height: 211px !important;
    }
    .cluth_main_photo
{
    width:100%;height:261px !important;
}
    .pr-3-pc
    {
        padding-right: 0px !important;
    }

    .pr-4-pc
    {
        padding-right: 0px !important;
    }
  
    .pl-3-pc
    {
        padding-left: 0px !important;
    }


    .prxx
{
    padding-right:0 !important;
}
.footer_line
{
    display:none !important;
}
    .pad_m_phone
    {
        padding-right:20px !important;
    }

    .footer_cats
    {
        padding-right:0px !important;
    }
    /* .con_main {
        padding: 0px 0px 0px 0px !important;
    } */

    .pd-col
    {
       padding-left: 0px!important;
       padding-top: 0px!important;
    }
    .vid_tit_xx
    {
      font-size:15px !important;
    }

    .art_all_home
    {
        height:auto !important;
    }

    
    .main_word_news
    {
        height: auto !important;
    }
    .art_img
    {
        float:right !important;
    }

    .art_img_img
    {
        float:right !important;
    }
    .art_socisal
    {
        float:right  !important;
        padding-right: 13px;
    }

    .art_socisalimg {
        float:right  !important;

    };
    .padding_right_only_desktop
{
    padding-right:0px  !important;
}


    .main_header
{
    
    height: 100px !important;
    background-size:auto !important;
}
.account_word
{
    font-size: 9px !important;
}
    .lib-info-footer
{
    font-size:13px !important;
}

.lib-info-footer-tit{
    font-size:13px !important;
}
    .book_all_phone
    {
        padding-right: 35px;
        padding-left: 35px;
    }

    .tit_card_phone
    {
        padding-top: 10px;
        background-color: #fff !important;
    }
    .lib_part_main_title
    {
        text-align: center !important;
    }

    #share a {
        width: 33px !important;
        height: 33px !important;
        
    }

    .avtar_phone
    {
        margin-right: 60px !important;
    }
    .arts_card
{
   
    height: auto !important;
}
    .arts_card_img
    {
        border-bottom: 3px solid red;
    }

    .con_as_button
{
    float: right !important;
}
    .address_info
    {
        font-size:14px !important;
        padding-right:10px !important
    }

    .pad-right
    {
        padding-right:0px !important;
    }

    .lib_fri_step {
      
        font-size: 14px !important;
        font-family: 'bein';
    }

    /* cell number */
  

 
.serch_h
{
    height: 27px !important;
    position: relative;
    bottom: 53%;
}
   

    .ofg
{
    padding-top: 20px !important;
}


    .footer
{
    height: 100% !important;
}

    .pll
{
    padding-left: 0px !important;
}

    .ee
    {
        padding-right:0px !important;
    
    }

    .tol_main{
        height: 80px !important;
    }
    .book_card{
       width: 60% !important;
    }
    .book_img{
        padding-left:45px;
        height:190px;
        width:170px;
    }

    .slider_titel {
        position: absolute;
        top: 8px !important;
        font-weight: bold;
        color: #fff;
        width: 108px;
        font-size: 17px;
        padding-top: 9px !important;
        text-align: center;
        height: 42px !important;
        background-color: #528ec5a1;
        position: absolute;
        top: 9px !important;
        right: 16px;
    }

    .slider_jum{
        width: 356px !important;
        height: 100px;
    }

 

    .slider_jum{
        top: 55% !important;
        left: 4% !important;
        height: 98px !important;
        padding-top: 3% !important;
    }
    .sli_new{
        height: 370px !important;
    }
    .slider_text{
        font-size: 16px !important;
    }

    .vueperslides__parallax-wrapper{
        padding-bottom: 55% !important;
    }

    
    .vueperslide, .vueperslide__image
    {
        margin-left: 0px !important; 
    }
  

    .pen_pp{
        position: relative;float:left;
        right: 10px !important;
    }


    .prh {
        padding-right: 0px !important;
        padding-left: 12px;
    }

    .pens {

        background-color: #eee;
        display: block !important;
        height: 1437px;
    }

    .pd-yy {
        padding-left: 0px !important;
    }

    .con_main {

        padding: 17px 27px 0px 0px;
    }

    .ry {
        position: relative;
        left: 0px !important;
    }
}




/*admin*/

.form_label {
    font-family: 'DroidArabicKufiRegular';
    text-align: right !important;
}




.primary {
    background-color: #ff5252 !important;
    border-color: #ff5252 !important;
}


.theme--light.v-label {
    left: auto !important;
}

.v-input {
    font-family: 'DroidArabicKufiRegular'
}



.v-list__tile__title {
    font-family: 'GEFlow';
    text-align: right !important;


} */

/* .v-list__tile__title list-item {
  
}










/*navbar*/
.v-list__group__header .v-list__group__header__prepend-icon {

}


.v-list__group__items {
    direction: ltr;
}


.v-dialog
{
  overflow-y: visible !important;
}