@charset "utf-8";

@font-face{font-family:'GP Arabic Light';font-style:normal;font-weight:300;src:url(../fonts/Al-Jazeera-Arabic-Light.eot);src:url(../fonts/Al-Jazeera-Arabic-Light.eot?#iefix) format('embedded-opentype'), url(../fonts/Al-Jazeera-Arabic-Light.woff) format('woff'), url(../fonts/Al-Jazeera-Arabic-Light.ttf) format('truetype');}
@font-face{font-family:'GP Arabic Regular';font-style:normal;font-weight:400;src:url(../fonts/Al-Jazeera-Arabic-Regular.eot);src:url(../fonts/Al-Jazeera-Arabic-Regular.eot?#iefix) format('embedded-opentype'), url(../fonts/Al-Jazeera-Arabic-Regular.woff) format('woff'), url(../fonts/Al-Jazeera-Arabic-Regular.ttf) format('truetype');}
@font-face{font-family:'GP Arabic Bold';font-style:normal;font-weight:700;src:url(../fonts/Al-Jazeera-Arabic-Bold.eot);src:url(../fonts/Al-Jazeera-Arabic-Bold.eot?#iefix) format('embedded-opentype'), url(../fonts/Al-Jazeera-Arabic-Bold.woff) format('woff'), url(../fonts/Al-Jazeera-Arabic-Bold.ttf) format('truetype');}

html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0;color:#343a40;font-size:14px;font-family: 'GP Arabic Regular';line-height:1.42857;direction:rtl;text-align:right;}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}li{list-style: none;}audio:not([controls]){display:none;height:0}a{background-color:transparent;text-decoration:none}a:active,a:hover{outline:0}b,optgroup,strong{font-weight:700}h1{font-size:2em;margin:.67em 0}img,legend{border:0}svg:not(:root){overflow:hidden}figure {margin: 32px;
}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre,textarea{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}.p0,legend,td,th{padding:0}table{border-collapse:collapse;border-spacing:0}.hidden,[hidden]{display:none!important}.m0{margin:0}.mt0{margin-top:0}.ml0{margin-left:0}.mr0{margin-right:0}.mb0{margin-bottom:0}.pt0{padding-top:0}.pl0{padding-left:0}.pr0{padding-right:0}.pb0{padding-bottom:0}.m5{margin:5px}.mt5{margin-top:5px}.ml5{margin-left:5px}.mr5{margin-right:5px}.mb5{margin-bottom:5px}.p5{padding:5px}.pt5{padding-top:5px}.pl5{padding-left:5px}.pr5{padding-right:5px}.pb5{padding-bottom:5px}.m10{margin:10px}.mt10{margin-top:10px}.ml10{margin-left:10px}.mr10{margin-right:10px}.mb10{margin-bottom:10px}.p10{padding:10px}.pt10{padding-top:10px}.pl10{padding-left:10px}.pr10{padding-right:10px}.pb10{padding-bottom:10px}.m15{margin:15px}.mt15{margin-top:15px}.ml15{margin-left:15px}.mr15{margin-right:15px}.mb15{margin-bottom:15px}.p15{padding:15px}.pt15{padding-top:15px}.pl15{padding-left:15px}.pr15{padding-right:15px}.pb15{padding-bottom:15px}.m20{margin:20px}.mt20{margin-top:20px}.ml20{margin-left:20px}.mr20{margin-right:20px}.mb20{margin-bottom:20px}.p20{padding:20px}.pt20{padding-top:20px}.pl20{padding-left:20px}.pr20{padding-right:20px}.pb20{padding-bottom:20px}.m25{margin:25px}.mt25{margin-top:25px}.ml25{margin-left:25px}.mr25{margin-right:25px}.mb25{margin-bottom:25px}.p25{padding:25px}.pt25{padding-top:25px}.pl25{padding-left:25px}.pr25{padding-right:25px}.pb25{padding-bottom:25px}.m30{margin:30px}.mt30{margin-top:30px}.ml30{margin-left:30px}.mr30{margin-right:30px}.mb30{margin-bottom:30px}.p30{padding:30px}.pt30{padding-top:30px}.pl30{padding-left:30px}.pr30{padding-right:30px}.pb30{padding-bottom:30px}.m35{margin:35px}.mt35{margin-top:35px}.ml35{margin-left:35px}.mr35{margin-right:35px}.mb35{margin-bottom:35px}.p35{padding:35px}.pt35{padding-top:35px}.pl35{padding-left:35px}.pr35{padding-right:35px}.pb35{padding-bottom:35px}.m40{margin:40px}.mt40{margin-top:40px}.ml40{margin-left:40px}.mr40{margin-right:40px}.mb40{margin-bottom:40px}.p40{padding:40px}.pt40{padding-top:40px}.pl40{padding-left:40px}.pr40{padding-right:40px}.pb40{padding-bottom:40px}.m45{margin:45px}.mt45{margin-top:45px}.ml45{margin-left:45px}.mr45{margin-right:45px}.mb45{margin-bottom:45px}.p45{padding:45px}.pt45{padding-top:45px}.pl45{padding-left:45px}.pr45{padding-right:45px}.pb45{padding-bottom:45px}.m50{margin:50px}.mt50{margin-top:50px}.ml50{margin-left:50px}.mr50{margin-right:50px}.mb50{margin-bottom:50px}.p50{padding:50px}.pt50{padding-top:50px}.pl50{padding-left:50px}.pr50{padding-right:50px}.pb50{padding-bottom:50px}
a:hover,a:visited,a:focus{text-decoration: none;}
*:before, *:after {
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
.header{
    position: relative;z-index: 9;
    background-color: #fff; 
    border-bottom: 1px solid #e1e0e0;
  //  border-top: 3px solid #f1b914
}
.logo{    
    position: relative;
}
.logo img{
}
.logo a{
    display: inline-block;    
    padding-top: 4px;
    }
.main-nav{
    margin: 33px 0 ; padding: 0;  text-align: right;  
}
.main-nav li{
   display: inline-block; position: relative; margin: 0 15px;
}

.main-nav li a{
    font-size: 16px;
    padding: 22px 30px;
    text-decoration: none;
    color: #012935;
    z-index: 3;
    overflow: hidden;
}
.main-nav li a:hover{
    color: #f1b914;
}
.main-nav li a:before{
    width: 0;
    height: 3px;
    background-color: #f1b914;
    position: absolute;
    bottom: -7px;
    z-index: 0;
    content: '';
    right: 50%;
}

.main-nav li a:hover:before{
    width: 100%;
    right: 0;
}

/*
.main-nav li:last-child a{ color: #fff; padding: 10px; background: #17c4bb;}

.main-nav li:last-child a:hover{ color: #fff; text-decoration: underline;}
.main-nav li:last-child:hover{opacity: 0.8;}
*/

.slider{
    background-image: url(../images/gavel-e1508358993484-1024x4162.jpg);
    background-size: cover;
    height: 570px;
}
.main-box{
  padding: 30px 0;
}
.bg-scroll{
    background-image: url(../images/video-bg.jpeg);
    background-position: top center;
    height: 510px;
    position: relative;
}
.bg-scroll.sm{height: 240px;margin-bottom: 30px;}
.sm .listing__header .listing__title{font-size: 17px;padding-bottom: 16px;}
.bg-scroll .listing__header {
    position: absolute;
    top: 30px;
    right: 0;
    z-index: 9;
}
.bg-scroll.sm .listing__header {
    top: 15px;
}
.listing__header .listing__cat {
    background: #f1b914;
    display: inline-block;
    padding: 3px 10px;
    
}
.listing__header .listing__cat a{
  color: #fff;
}
.listing__header .listing__title {
    background-color: #0b1630;
    padding: 13px 30px;
    display: block;
    font-size: 22px;
    color: #fff;
    padding-bottom: 18px;
    margin:10px 0;
}
.listing__content{
        text-shadow: 1px 1px 0 #000000;
       font-size: 17px;
}
.listing__header .listing__title a{color: #fff;}
.bg-scroll .listing__body {
    position: absolute;
    bottom: 10px;
    width: 100%;
    right: 0;
    padding: 20px;
        z-index: 9;
        color: #fff;
        line-height: 28px;
}
.bg-scroll.sm .listing__body {
    bottom: 5px;
    padding: 10px;
    line-height: 25px;
}
.bg-scroll a:before {
    content: '';
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -moz-linear-gradient(90deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.1) 60%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.8)), color-stop(60%, rgba(0, 0, 0, 0.1)));
    background: -webkit-linear-gradient(90deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.1) 60%);
    background: -o-linear-gradient(90deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.1) 60%);
    background: -ms-linear-gradient(90deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.1) 60%);
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.1) 60%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#000000', GradientType=0);
}
.rating__number{color: #fff;}
.rating__star{color: #f5af02;}
.bg-scroll:before{
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.bg-scroll a:hover:before{opacity: 0.5;}



/* MENU */
.menu {
  float: right;display: none;
}
.menu a {
  padding: 0 10px;
}
.menu a:hover {
  color: #c5cae9;
}

/* RESPONSIVE */
@media only screen and (max-width: 1005px) {
  .site-pusher,
  .site-container {
    height: 100%;
  }

  .site-container {
   /* overflow: hidden;*/
  }

  .site-pusher {
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
  }

  .site-content {
    position: absolute;
    top: 66px;
    right: 0;
    left: 0;
    bottom: 0;
    padding-top: 0;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
  }

  .header {
    position: static;
    right: 0;
    top: 0;
  }

  .header__icon {
    position: relative;
    display: block;
    float: left;
    width: 50px;
    height: 66px;
    cursor: pointer;
  }
  .header__icon:after {
    content: '';
    position: absolute;
    display: block;
    width: 2.5rem;
    height: 0;
    top: 15px;
    right: 15px;
    box-shadow: 0 10px 0 1px #93bf3d, 0 16px 0 1px #93bf3d, 0 22px 0 1px #93bf3d;
}

  .menu {
    position: absolute;
    right: -500px;
    top: 0;
    bottom: 0;
    margin: 0;
    padding: 0;
    background: #f3f3f3 url(../images/banner-pattern.png);
    width: 250px;
    -webkit-transform: translateX(-250px);
    transform: translateX(-250px);
  }
  .menu > li {
    display: block;
    height: 40px;
    text-align: center;
    line-height: 40px;
    border-bottom: 1px solid #ddd;
  }
  .menu > li > a{
    color: #93BF3D; font-size: 16px;
  }
  .with--sidebar .site-pusher {
    -webkit-transform: translateX(-250px);
    transform: translateX(-250px);
  }
  .with--sidebar .site-cache {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    background-color: rgba(0, 0, 0, 0.6);
    
  }
  .with--sidebar{overflow: hidden;}
}




/*  TABLET  : 1024px */

@media only screen and ( max-width: 1240px ){


}



/* TABLET  : 768px */

@media only screen and (max-width: 1005px) and (min-width: 775px){
.header__logo,.menu {display: block!important;}
.main-nav{display: none;}

}



/*  Phone  : 480px */

@media only screen and (max-width: 774px) and (min-width: 480px){
.header__logo ,.menu {display: block!important;}
.main-nav{display: none;}

}



/* Phone  : 320px */

@media only screen and (max-width: 479px){
.header__logo,.menu {display: block!important;}
.main-nav{display: none;}

}