/*body {
    font: 400 15px/1.8 Lato, sans-serif;
    color: #777;
}

h3, h4 {
    margin: 10px 0 30px 0;
    letter-spacing: 10px;
    font-size: 20px;
    color: #111;
}*/
/*.container {
    padding: 80px 120px;
}*/
/*.person {
    border: 10px solid transparent;
    margin-bottom: 25px;
    width: 80%;
    height: 80%;
    opacity: 0.7;
}
.person:hover {
    border-color: #f1f1f1;
}*/

/*.btn {
    padding: 10px 20px;
    background-color: #333;
    color: #f1f1f1;
    border-radius: 0;
    transition: .2s;
}
.btn:hover, .btn:focus {
    border: 1px solid #333;
    background-color: #fff;
    color: #000;
}*/

body {
  font-size: 16px;
}

html[lang="ar"] body {
  font-size: 18px;
}

.btn-shortlist {
  background-color: #892A27;
  border-color: #892A27;
  color: white;
}

.btn-shortlist:hover, .btn-shortlist:focus {
  background-color: #702A27;
  border-color: #702A27;
  color: white;
}

/*.modal-header, h4, .close {
    background-color: #333;
    color: #fff !important;
    text-align: center;
    font-size: 30px;
}
.modal-header, .modal-body {
    padding: 40px 50px;
}*/
.nav-tabs li a {
    color: #777;
}

.navbar {
    font-family: 'Domine', sans-serif;
    font-size: 22px;
    margin-bottom: 0;
    background-color: transparent;
    border: 0;
}

html[lang="ar"] .navbar {
    font-family: 'Cairo', sans-serif;
    font-size: 24px;
}

.navbar-default .navbar-toggle {
    border-color: transparent;
}
/*.open .dropdown-toggle {
    color: #fff;
    background-color: #555 !important;
}*/
/*.dropdown-menu li a {

}*/
.dropdown-menu li a:hover {
    background-color: #892A27 !important;
    color: #fff !important;
}

/*footer {
    background-color: #2d2d30;
    color: #f5f5f5;
    padding: 32px;
}
footer a {
    color: #f5f5f5;
}
footer a:hover {
    color: #777;
    text-decoration: none;
}
.form-control {
    border-radius: 0;
}
textarea {
    resize: none;
}*/

header.header{
  border-top: 3px solid #892A27;
}

.top-header{
  padding-top: 2px;
  padding-bottom: 2px;
}

.top-header .btn{
  margin-top: 10px;
  margin-bottom: 10px;
}

.header-title-button .btn {
  margin-top: 20px;
  margin-bottom: 20px;
}

.top-header button.dropdown-toggle {
  margin-bottom: 0px;
}

.logo-box img{
  max-height: 50px;
}

@media (max-width: 767px) {
  .logo-box {
    display: none;
  }

}

.navbar-brand {
  display: block;            /* 1. */
  float:   none;
  height:  auto;
  margin:  0 !important;     /* 2. */
  padding: 0 20px 0 0;
}

@media (min-width: 768px) {
  .clear-left {              /* 4. */
    clear: left;
  }
}

@media (min-width: 768px){
  .navbar-nav>li{
    min-height: 75px;
  }

  .navbar-nav>li>a
  {
    line-height: 50px!important;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: 25px;
    margin-bottom: 0px;
  }

  .navbar-nav>li.open>.dropdown-menu
  {
    top:75px;
  }

  .navbar .top-nav.navbar-nav {
    width: 100%;
    text-align: center;
  }
  .top-nav>li>a{
    border-right: 1px solid rgba(231,231,231,1);

  }
  .top-nav>li>a>.fa{
    display: block;
  }
  .navbar .navbar-nav > li{
    display: inline-block;
    float: none;
  }
  .navbar-brand{
    display: none;
  }
}

.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
  border-color: #892A27;
}

.nav>li>a:focus, .nav>li>a:hover , .nav>.active>a, .nav>.active>a:hover, .nav>.active>a:focus{
  background-color: transparent !important;
  color: #892A27!important;
  border-bottom: 3px solid #892A27;
}

.nav>li>a:focus, .nav>li>a:hover{
  border-bottom: 3px solid #892A27;
}

.nav>.active>a{
  background-color: transparent !important;
  color: #892A27!important;
}

/* The hero image */
.full-width{
  width: 100%;
}

.half-width{
  width: 50%;
}

.bottom-margin{
  margin-bottom: 30px;
}


.header-title {
  margin-bottom: 20px;
  padding-bottom: 20px;
  position: relative;
  display: inline-block;
}

.header-title-full{
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 3px solid #892A27;
  text-align: center;
}

.header-title:after{
  content : "";
  position: absolute;
  left    : 0;
  bottom  : 0;
  height  : 1px;
  width   : 100%;  /* or 100px */
  border-bottom: 3px solid #892A27;
}

html[lang="ar"] .header-title:after{
  left:0%;
}

@media (max-width: 767px) {
  .header-title:after {
    width: 100%;
  }
  html[lang="ar"] .header-title:after{
    left:0%;
  }
}

.job-listing {
  border: solid 1px #eee;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 20px;
  padding-right: 20px;

}

.job-listing:hover {
  background-color: #eaeaea;
}

.job-listing.heighlighted {
  background-color: #ECE3AF;
}

.job-listings {
  border-left: 3px solid #892A27;
  border-right: 3px solid #892A27;
  margin-left: -15px;
  margin-right: -15px;
}

.job-title {
  color:  #892A27;
  margin-top: 0px;
}

a {
  color: #A05856;
  text-decoration: none;
}

a:hover {
  color: #892A27;
  text-decoration: none;
}

.job-favor {
  text-align: right;
}

.job-favor a {
  color: #777;
}

.add-to-favourites.saved a .fa{
  color: #DFC220;
}

.job-favor a:hover {
  color: #DFC220;
}

.carousel-control.right, .carousel-control.left {
    background-image: none;
    color:  #892A27;
}

.carousel-indicators li{
  border-color: #892A27;
}

.carousel-indicators li.active{
  background-color: #892A27;
}

.form-inline .form-control, .form-inline .form-group {
  width: 100%;
}

.header-title-button {
  margin-top: 40px;
}

.job-company .fa {
  color: #106806;
}

.footer {
  margin-top: 60px;
  background-color: #aaaaaa;
  padding-top: 60px;
  color:#892A27;
  border-top: 3px solid #892A27;
}


.footer ul{
  list-style-type: none;
  padding: 0px;
}

.footer ul li{
  margin-bottom: 3px;
}

.footer a{
  color: #fff;
}

.footer a:hover, .footer a:focus, .footer a:active {
  color: #892A27;
}

.footer h4 {
  margin-bottom: 20px;
  padding-top: 5px;
  padding-bottom: 5px;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
}

.footer .col-sm-4 {
  margin-bottom: 30px;
}

.footer .col-sm-6 {
  margin-bottom: 30px;
}

.footer .copyright{
  margin-top: 30px;
  text-align: center;
  margin-bottom: 0px;
  font-size: 12px;
}

.footer .follow, .share{
  font-size: 20px;
}

.footer .icon-background {
  color: #fff;
}
.footer .icon-fourground {
  color: #892A27;
}

.footer .fa-facebook.icon-fourground:hover {
  color: #4460ae;
}

.footer .fa-linkedin.icon-fourground:hover {
  color: #0077B5;
}

.footer .fa-twitter.icon-fourground:hover {
  color: #00aced;
}

.share .icon-background {
  color: #892A27;
}
.share .icon-fourground {
  color: #fff;
}

.share .fa-facebook.icon-fourground:hover {
  color: #4460ae;
}

.share .fa-linkedin.icon-fourground:hover {
  color: #0077B5;
}

.share .fa-twitter.icon-fourground:hover {
  color: #0084b4;
}

.share .fa-google-plus.icon-fourground:hover {
  color: #2d2d2d;
}


.share {
  padding-top: 10px;
}
/*.footer .follow a.facebook:hover{
  color: #fff;
}
.footer .follow i.fa-facebook-square:hover{
  background-color: #4460ae;
}*/

.error {
  margin-top: 90px;
  margin-bottom: 90px;
}

.error_code {
  font-size: 200px;
  color: #892A27;
}

.affix{
    top: 0px !important;

}
@media(max-width: 992px){
    #myAffix{
        position: relative !important;
    }
  }
  .affix-bottom {
      position: relative
  }

.job_company_info .col-xs-12{
  margin-top: 0px;
  padding-top: 12px;
  border-top: 1px solid #777;

}

.job_company_info {
  border-left: 2px solid #892A27;
  border-right: 2px solid #892A27;
  margin-left: 10px;
  margin-right: 10px;
}


h1.page-header {
  font-size: 50px;
  font-weight: 600;
  margin-top: 100px;
}

.loader {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -75px 0 0 -75px;
  border: 16px solid #6d6f71;
  border-radius: 50%;
  border-top: 16px solid #892A27;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.overlay{
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 1060;
}

.overall{
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 1060;
}

form .required{
  color: red;
}

.btn-login {
  width: 40%;
}

.nav-like li{
  list-style-type: none;
  display: block;
  position: relative;
}

.nav-like>li>a {
  position: relative;
  display: block;
}

.nav-like-user-info{
  padding: 10px;
  padding-bottom: 0px;
}

.header-title-button .well{
  padding: 0px;
}

.well .header-title{
  padding-bottom: 0px;
}

.arabic {
  direction: rtl;
  font-size: 18px;
}


.job-company-logo {
  padding-left: 0px;
  padding-right: 0px;
  text-align: center;
}

.carousel-caption
{
	position: absolute;
	bottom: 30%;
	z-index: 10;
	padding-top: 20px;
	padding-bottom: 20px;
	color: #000;
	text-align: center;
	background: rgba(255,255,255,0.6);
  /*width: 30%;
  right: 100%;
  left: -100%;*/
}

.offScreenLeft {
  left: -100%;
}

.faded{
  opacity: 0;
}

.item.active .slideFromLeft1S{
  -webkit-animation: slideFromLeft 1s forwards;
  animation: slideFromLeft 1s forwards;

}

.item.active .fadeIn1S{
  -webkit-animation: fadeIn 1s forwards;
  animation: fadeIn 1s forwards;
}

.item.active .appear1S{
  -webkit-animation: appear 1s forwards;
  animation: appear 1s forwards;
}

/*.item.active .carousel-caption {
  -webkit-animation: slideFromLeft 1s forwards;
  animation: slideFromLeft 1s forwards;
}*/

@media(max-width: 767px){
  .carousel-caption{
    display: none;
  }
}

@-webkit-keyframes slideFromLeft {
  /*100% { left: 35%;right: 35%;opacity: 1;}*/
  100% { left: 0%;right:0%;opacity: 1;}
}

@keyframes slideFromLeft {
  /*100% { left: 35%;right: 35%;opacity: 1; }*/
  100% { left: 0%;right:0%;opacity: 1;}
}

@-webkit-keyframes fadeIn {
  /*100% { left: 35%;right: 35%;opacity: 1;}*/
  0% {opacity: 0;}
  100% { opacity: 1;}
}

@keyframes fadeIn {
  /*100% { left: 35%;right: 35%;opacity: 1; }*/
  0% {opacity: 0;}
  100% { opacity: 1;}
}

@-webkit-keyframes appear {
  /*100% { left: 35%;right: 35%;opacity: 1;}*/
  0% {
    transform:scale(0.0);
    -webkit-transform: scale(0.0);
  }
  100% {
    transform:scale(1.0);
    opacity: 1;
    -webkit-transform: scale(1.0);
  }
}

@keyframes appear {
  /*100% { left: 35%;right: 35%;opacity: 1; }*/
  0% {
    transform:scale(0.0);
    -webkit-transform: scale(0.0);
  }
  100% {
    transform:scale(1.0);
    opacity: 1;
    -webkit-transform: scale(1.0);
  }
}

.spacer5 {
  height: 5px;
}

.left-border {
  border-left-style: solid;
  border-left-color: #eee;
  border-left-width: 1px;
}
.right-border {
  border-right-style: solid;
  border-right-color: #eee;
  border-right-width: 1px;
}

@media(min-width: 767px){
  .mobileOnly{
    display: none;
  }
}

.rtl{
  direction: rtl;
}

.ysl_highlight{
  color: #fff;
  background-color: #892A27;
}

.postSource{
  font-size: 9px;
  direction: ltr;
  padding-top: 15px;
}

.between_lines {
   width: 100%;
   text-align: center;
   border-bottom: 1px solid #892A27;
   line-height: 0.1em;
   margin: 10px 0 20px;
}

.between_lines span {
    background:#fff;
    padding:0 10px;
}

.owl-carousel{
  margin-top: 40px;
}

.advertisers_carousel img {
}

.advertiser_logo_wrapper{
  text-align: center;
}

.advertiser_logo_wrapper img{
  width: 50%!important;
  display: block;
  margin: auto;
}

.webAd_logo_wrapper img{
  width: 90%!important;
  display: block;
  margin: auto;
  border-radius: 10px;
}

.grey_background{
  background-color: #eee;
}

.section{
  margin-top: 40px;
  margin-bottom: 40px;
}

.progress_container {
  margin-top: 50px;
}

.profile-panel {
  margin-top: 100px;
}

a.link_in_danger{
  color: blue;
}

.alert-danger a{
  color: #0000EE;
}

#image-view-modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1500; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}

/* Modal Content (Image) */
#image-view-modal .modal-content {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 700px;
}

/* The Close Button */
#image-view-modal .close {
  position: absolute;
  top: 15px;
  right: 35px;
  color: #f1f1f1;
  font-size: 40px;
  font-weight: bold;
  transition: 0.3s;
}

#image-view-modal .close:hover,
#image-view-modal .close:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
  #image-view-modal .modal-content {
    width: 100%;
  }
}

.googleads{
  margin-top: 40px;
}