body{    font-family: 'Cairo', sans-serif; overflow-x: hidden;}
.header{background-color: #161515; padding: 15px;}
.header .right_side{
  text-align: -webkit-right;
  float: right;
}
.header .left_side{    top: 8px;}
.header .left_side .col-md-3{
  float: left;
  margin-top: 4px;
  text-align: right;
}
.header .left_side .col-md-6 img{
  margin-top: 4px;
}
.header .left_side .col-md-6{
  float: right;
}

@media (max-width: 768px) {
  .header .right_side{
    width: 50%;
  }
  .header .left_side{
    width: 50%;
  }
}

@media (max-width: 550px) {
  .header .right_side{
    width: 100%;
    text-align: center;
  }
  .header .left_side{
    width: 100%;
    text-align: center;
  }
}

.header .left_side .tot_sec{
  padding: 0px 9px;
  float: left;
  direction: rtl;
  border-left: 1.5px solid #cacaca !important;
  color: #808080;
      font-family: 'Cairo', sans-serif;
}
.header .left_side .tot_sec1{
    padding: 0px 9px;
    float: left;
    border-left: 1.5px solid #cacaca !important;
    color: #808080;
        font-family: 'Cairo', sans-serif;
}
.header .left_side .tot_sec1 h5{
    color: #fff;
        font-family: 'Cairo', sans-serif;
} 
.header .left_side .tot_sec h5{
    color: #fff;
        font-family: 'Cairo', sans-serif;
}
.header .left_side .tot_sec1 .spec{
color: #989898;
} 
.header .left_side .tot_sec .spec{
  color: #989898;
}

@media (max-width: 768px){
  .header .left_side .col-md-6{
    text-align: right;
    float: right;
  }
 }
/* navbar */
.nav .dropdown .dropdown-header > a,
.nav .dropdown .dropdown-header > a:hover,
.nav .dropdown .dropdown-header > a:focus
{color: #57A6DC; background-color: transparent;}
.navbar{margin-bottom: 0px !important;}
.navbar .nav{float: right;}
.navbar-default .input-group{
      font-family: 'Cairo', sans-serif;
  margin-top: 8px;
  margin-left: 15px;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus
{
  color: #57A9DC;
  background-color: #fff;
}
.navbar-default .form-control{
  padding: 5px 5px;
  font-size: 12px;
  direction: rtl;
}
.navbar-default .input-group-btn .btn-primary{
      font-family: 'Cairo', sans-serif;
  background-color: #ebcb18;
  border: 1px solid #ebcb18;
}

.navbar-default .navbar-toggle{
  border-color:#ebcb18 !important;
  background-color: #ebcb18;
  float: right;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background: transparent !important;
}
.navbar-default .navbar-toggle .icon-bar{background-color: #fff !important;}
.navbar-default{border: 0px;border-radius:0px; }
.navbar-default .navbar-nav > .active > a{
  color: #fff;
  background-color: transparent !important;}
.navbar-default .navbar-nav > .active > a:hover{
    color: #fff;
    background-color: transparent !important;}  
.navbar .collapse li a:hover{color: #eccc18 !important;}
.navbar .collapse li a:focus{color: #eccc18 !important;}    
.navbar-nav > li{float: right !important;padding: 0px 4px;}
.navbar-nav .private{background-color: #eccc18;}
.navbar-nav .private:hover{background-color: #fff;}
.navbar .navbar-nav {
  display: inline-block;
  float: none;
  vertical-align: top;
}
.navbar-default {
    background-color: #28c961 !important;
    border-color: #28c961 !important;
    border-radius: 0px !important;
}
.navbar .collapse li a{
    font-size:16px;
    color: #fff !important;
        font-family: 'Cairo', sans-serif;
}
.navbar .navbar-collapse {
  text-align: center;
}
/* navbar */
.fa-phone{
    -webkit-transform: rotate(90deg);
      -moz-transform: rotate(90deg);
      -o-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      transform: rotate(90deg);
}

/* section carousel */
.carousel-caption {background-color:#878889; background:rgba(3,3,3,0.5); margin-left: 100px; margin-right: 100px;}
.carousel-indicators{bottom: -13px; }
.carousel-caption h3{ color: #3787fb;}
.carousel-indicators li { height: 14px; width:14px; border:1px solid #EEE;}
.carousel-inner > .item > img {width: 100%;}
.carousel-control .glyphicon-chevron-left{left: 20% !important;}
.carousel-control .glyphicon-chevron-right{right: 20% !important;}
.carousel-indicators .active {
    width: 13px !important;
    height: 13px !important;
    margin: 0;
    border: 1px solid #eccc18 !important;
    background-color: #eccc18 !important;
}
.carousel-indicators li{
  width: 13px !important;
  height: 13px !important;
}
/* idea the site */
.idea_site{padding: 50px 0px;}
.idea_site .w-100{    width: 100%;}
.card {
      font-family: 'Cairo', sans-serif;
  border-radius:0;
  margin:10px auto;
}
.card .text-right{float: right;}
.card .txt{
  direction: rtl;
}
.card-block hr{
  margin-top: 10px;
  margin-bottom: 0px;
  float: right;
  width: 35%;
  border-top: 5px solid #28c961;
}
.card-title {
  color: #28c961;
  display: -webkit-inline-box;
  text-transform: uppercase;
}
.card .btn-primary {
  color: #fff;
  padding: 8px 40px;
  background-color: #28c961;
  border-color: #28c961;
  border-radius: 0px;
}
.card-text {
margin-top:10px;
margin-bottom: 10px;
background-color:#FFFFFF;
color:#000000;
}

/* buttons */
#botttns{
  padding-bottom: 100px; 
  padding-top: 100px;
      font-family: 'Cairo', sans-serif;
}
#botttns .text-right{    float: right;}
#botttns .column .classNameHere{direction: rtl;}
#botttns .form-control{    
  border-radius: 0px;
  border: 0px;
}
#botttns .input-group-btn .btn{
  background: #eccc18;
  border-radius: 0px;
  color: #fff;
  border: 1px solid #eccc18;
}
#botttns label{color: #fff;}
/* cards */
.cards{padding: 50px 0px;}
.mb.card-body{
  text-align: right;
  padding: 10px 10px;
}
.mb.btn{
  border-radius: 0;
  box-shadow: 0.5px 1px 2px hsla(0, 0%, 20%, 1);
}
.card-img-top{width: 100%;    padding: 10px;}

.mb.card{
  border-radius: 0px / 0px;
  overflow: hidden;
  border: 1px solid #e6e6e6;
}
.card-text a{color: #28c961; text-decoration: underline;}
.card-text a:hover{color: #eccc18; text-decoration: underline;}
/* famous_p */
.join_us{
  background: #ebebeb; 
  padding: 10px 10px 40px 10px;
      font-family: 'Cairo', sans-serif;}
.join_us .small{height: 17%;text-align: -webkit-center; font-size: 20px;
text-decoration: none; color: #55acee;}
.join_us .small:hover{ color: #8CC63E;}
.join_us a:hover{text-decoration: none; color: #8CC63E;}
.join_us .top_category{padding-bottom: 40px;text-align: -webkit-center;}
.join_us .top_category h1{margin-top:60px;margin-bottom:30px;color: #000;}
.join_us .top_category h3{color: #ababab;}
.join_us .resources .arrow{
  border: 0px;
  border-radius: 0px;
  background-color: #28c961;
}
.join_us .resources a:hover{
  border: 0px;
  border-radius: 0px;
  color: #fff;
  background-color: #eccc18;
}
.resource-slider-inset img{width: 100%;}
#resource-slider {
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 26em;
  margin: auto;
  border-radius: 3px;
  overflow: hidden;
}

#resource-slider .arrow {
  cursor: pointer;
  position: absolute;
  width: 2em;
  height: 100%;
  padding: 0;
  margin: 0;
  outline: 0;
  border: 0px;
  background: transparent;
}

#resource-slider .arrow:hover {
  background: transparent;
}

#resource-slider .arrow:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 1.3em;
  height: 1.3em;
  margin: auto;
  border-style: solid;
}

#resource-slider .prev {
  left: 0;
  bottom: 0;
}

#resource-slider .prev:before {
  left: 0.25em;
  border-width: 3px 0 0 3px;
  border-color: #333 transparent transparent #333;
  transform: rotate(-45deg);
}

#resource-slider .next {
  right: 0;
  bottom: 0;
}

#resource-slider .next:before {
  right: 0.25em;
  border-width: 3px 3px 0 0;
  border-color: #333 #333 transparent transparent;
  transform: rotate(45deg);
}

#resource-slider .resource-slider-frame {
  position: absolute;
  top: 0;
  left: 2em;
  right: 2em;
  bottom: 0;
  border-left: 0.25em solid transparent;
  border-right: 0.25em solid transparent;
  overflow: hidden;
}

#resource-slider .resource-slider-item {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 25%;
  height: 100%;
}

#resource-slider .resource-slider-inset {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0.5em 1.25em;
  overflow: hidden;
}    
#resource-slider .resource-slider-inset .right{
  background-color: #28c961;
  color: #fff;
  padding: 11px;
  height: 100%;
  float: right;
  font-size: 15px;
}
#resource-slider .resource-slider-inset .left{
  background-color: #161515;
  color: #fff;
  padding: 11px;
  height: 100%;
  font-size: 15px;
}
@media ( max-width: 60em ) {
  #resource-slider .resource-slider-item {
    width: 33.33%;
  }
  #resource-slider {
    height: 29em;
  }
}

@media ( max-width: 45em ) {
  #resource-slider .resource-slider-item {
    width: 50%;
  }
}

@media ( max-width: 30em ) {
  #resource-slider .resource-slider-item {
    width: 100%;
  }
  #resource-slider {
    height: 33em;
  }
  #resource-slider .resource-slider-inset .left{
    height: 60%;
  }
  #resource-slider .resource-slider-inset .right{
    height: 60%;
  }
}
/*  */
/* carousel */
.people{
      font-family: 'Cairo', sans-serif;
  text-align: -webkit-center;
}
.people .head_people{    margin-top: 45px;}
.people .card_xs{    margin-bottom: 30px;}
.media-carousel 
{
  margin-bottom: 0;
  padding: 0 40px 30px 40px;
  margin-top: 30px;
}
/* Previous button  */
.media-carousel .carousel-control.left 
{
  left: -12px;
  background-image: none;
  opacity: 0.7;
  background: none repeat scroll 0 0 #eccc18;
  border: 4px solid #FFFFFF;
  border-radius: 23px 23px 23px 23px;
  height: 40px;
  width : 40px;
  top: 35%;
}
/* Next button  */
.media-carousel .carousel-control.right 
{
  right: -12px !important;
  background-image: none;
  opacity: 0.7;
  background: none repeat scroll 0 0 #eccc18;
  border: 4px solid #FFFFFF;
  border-radius: 23px 23px 23px 23px;
  height: 40px;
  width : 40px;
  top: 35%;
}
.media-carousel .carousel-control.left:hover
{
  opacity: 1;
}
/* Next button  */
.media-carousel .carousel-control.right:hover
{
  opacity: 1;
}
/* Changes the position of the indicators */
.media-carousel .carousel-indicators 
{
  right: 50%;
  top: auto;
  bottom: 0px;
  margin-right: -19px;
}
/* Changes the colour of the indicators */
.media-carousel .carousel-indicators li 
{
  background: #c0c0c0;
}
.media-carousel .carousel-indicators .active 
{
  background: #333333;
}
.media-carousel img
{
  width: 250px;
  height: 100px
}
.box16{text-align:center;color:#fff;position:relative}
.box16 .box-content,.box16:after{width:100%;position:absolute;left:0}
.box16:after{content:"";height:100%;background:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.08) 69%,rgba(0,0,0,.76) 100%);top:0;transition:all .5s ease 0s}
.box16 .post,.box16 .title{
  transform:translateY(145px);
  transition:all .4s cubic-bezier(.13,.62,.81,.91) 0s;
  color: #eccc18;
}
.box16:hover:after{background:linear-gradient(to bottom,rgba(0,0,0,.01) 0,rgba(0,0,0,.09) 11%,rgba(0,0,0,.12) 13%,rgba(0,0,0,.19) 20%,rgba(0,0,0,.29) 28%,rgba(0,0,0,.29) 29%,rgba(0,0,0,.42) 38%,rgba(0,0,0,.46) 43%,rgba(0,0,0,.53) 47%,rgba(0,0,0,.75) 69%,rgba(0,0,0,.87) 84%,rgba(0,0,0,.98) 99%,rgba(0,0,0,.94) 100%)}
.box16 img{width:100%;height:auto}
.box16 .box-content{bottom:0;z-index:1}
.box16 .title{font-size:18px;font-weight:700;text-transform:uppercase;margin:0 0 10px}
.box16 .social li a,.box17 .icon li a{border-radius:50%;font-size:20px;color:#fff}
.box16:hover .post,.box16:hover .title{transform:translateY(0)}

@media only screen and (max-width:990px){.box16{margin-bottom:30px}
}
.thumbnail {    border: 0px !important;}
.people .img-fluid{width: 100%;}
.people .card-body{background-color: #eccc18;}
.people  .card-body .card-title {
  color: #fff;
  text-shadow: 0px 0px 1px #000;
  display: -webkit-inline-box;
  font-size: 12px;
  text-transform: uppercase;
}
/* End carousel */

/* articles */
.articles {
  font-family: 'Cairo', sans-serif;
  background-color: #ebebeb;
  padding: 30px;
}
.articles .business-card {
  background: #fff;
  padding: 10px;
  min-height: 140px;
  position: relative;
  margin-top: 40px;
  margin-bottom: 10px;
}
.media-left{float: right; padding-left: 10px;padding-right: 0px !important;}
.media-body{direction: rtl;}
.articles .business-card .media .btn_more{
  margin: 2px 0px !important;
  border: 0px;
  color: #fff;
  padding: 5px 15px;
}
.articles .business-card .media .btn_more button{
  margin: 2px 0px !important;
  background-color: #28c961 !important;
  border: 0px;
  color: #fff;
  padding: 5px 15px;
}
.media-heading{font-size: 16px; color: #28c961;}
.articles .profile-img {
  height: 100px;
  border: 1px solid #ccc;
  border-radius: 0%;
  background: white;
}
.articles .job {
  margin-top: 15px;
  color: #666666;
  font-size: 12px;
}
.articles .mail {
  font-size: 16px;
 }
.articles  a{color: #28c961; text-decoration: underline;} 
.articles a:hover{color: #eccc18; text-decoration: underline;}
/* contact */
.contact{
  padding: 40px 0px;
  background-color: #eccc18; 
  color:#000;direction: rtl;
      font-family: 'Cairo', sans-serif;
}
.contact .col-xs-12{float: right;margin-top: 10px; margin-bottom: 10px; }
.contact button{
  background-color: #000;
  color: #fff;}
.contact .form-control{border-radius: 0px !important;}  

/* footer */
.foot{
  text-align: center;
  background-color: #161515; 
  padding: 10px;
      font-family: 'Cairo', sans-serif;
}
.foote_bottom_ul_amrc {
	list-style-type:none;
	padding:20px;
	display:table;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}
.foot .text-center{color:#eee !important; text-align: center;}
.foot .text-left{color:#28c961 !important; text-align: center;}
.foot .text-left a{color:#28c961 !important; text-decoration: underline;}
.foot .text-right{color:#28c961 !important; text-align: center;}

.foote_bottom_ul_amrc li { display:inline;}
.foote_bottom_ul_amrc li a { color:#fff; margin:0 12px;}

.social_footer_ul { display:table; margin:15px auto 0 auto; list-style-type:none;padding: 0px 0px 20px 0px; }
.social_footer_ul li { padding-left:20px; padding-top:10px; float:left; }
.social_footer_ul li a { 
  color: #ffffff;
  background-color: #28c961;
  border: 1px solid #28c961;
  padding: 8px 10px;
  border-radius:50%;
}
.social_footer_ul li a:hover{
  color: #28c961;
  background:transparent;
  border: 1px solid #28c961;
  padding: 8px 10px;
  border-radius:50%;
}
.social_footer_ul li i {  width:20px; height:20px; text-align:center;}
/* scroll top screen */
#scroll-top {
  width: 45px;
  border-radius: 50%;
  height: 45px;
  color: #DDD;
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: #28c961;
  text-align: center;
  position: fixed;
  right: 10px;
  z-index: 9999;
  bottom: 20px;
  display: none;
  cursor: pointer;
}
#scroll-top:hover{background-color: #444;}