@media (min-width:770px) {
        #hero_search {
        height: 430px !important;
    }

          #hero_search .keywords-input-container{
        padding-right:0!important;
    }

    #hero_search .language-input-container{
        padding-left:5px!important;
    }

    #hero_search .main-search-container{
      padding: 0 30px!important;
    }

}



#search_panel {
    text-align: center;	
     top: 20%;
     margin:auto;
}
#search_panel input[type="text"], #search_panel button{
    width:100%;
}

    #search_panel h2 {
          color:darkslategrey;
    }

#hero_search{
   background: transparent;
       height: 50%;
         background-position: left top;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
	/*opacity: .9;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;*/
    padding-top:90px;
    padding-bottom:15%;
}

#hero_search:hover  {
opacity: 1;
}

#hero_search .search_box_inner{
}

#hero_search .main-search-container{
    margin: 0 auto;
    padding: 0;
    position: relative;
    margin-bottom: 60px;
    max-width: 1280px;
    width: 100%;
}

#hero_search .main-search-container>.row {
padding-bottom:30px;
    position: relative;
}

#hero_search .main-search-container label {
    font-size: 1.8rem;
    margin-left: 1em;
        text-align: left;
        color:white;
        width:100%;
}


#hero_search .main-search-container>.row:before {
  content: "";
display: block;
position: absolute;
min-width: 100%;
min-height: 100%;
z-index: -1;
opacity: 0.4;
margin:auto;
background-color: #000;
border-radius: 4px;
}

#hero_search h4{
    color:#fff!important;
    font-size:1.3em
}

#hero_search .search-box-inner>div{
    padding-top:20px;
}



#featuredemployers{
         position: relative;
         padding-bottom:20px;
}



.thumbnail {
    position:relative;
    overflow:hidden;
    height: 100%;
    margin-bottom:0;
}
 
.caption {
    position:absolute;
    top:0;
    right:0;
    background:rgba(90, 90, 90, 0.75);
    width:100%;
    height:100%;
    padding:2%;
    display: none;
    text-align: left;
    color:#fff !important;
    z-index:2;
}

    .caption h4 {
        color:#fff;
    }

    

.sectionheader{
    padding:0em 1em 1em;
}

/*fix div size when header goes onto two lines*/
h3.sectionheader.list-group-item{
    height: 5.5em;
}


.iconwrapper{
    height:20%;
        width:100%;
}

/*Icon hover effect*/

.hovereffect {
  width: 100%;
  height: 100%;
  float: left;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default;
  background: #fff;
      border: 1px solid #ddd;
}

.hovereffect .overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  padding: 20px 20px;
    background: #405EA5;
     opacity: 0.5;
}

.hovereffect img {
  display: block;
  position: relative;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
   margin-left: auto;
    margin-right: auto;
        max-width: 100%;
    padding-left: 0.5em;
    padding-right: 0.5em;

  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.hovereffect:hover img {
  opacity: 0.4;
  filter: alpha(opacity=40);
  -webkit-transform: translate3d(10px,0,0);
  transform: translate3d(10px,0,0);
}

.hovereffect h2 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  position: relative;
  font-size: 2px;
  overflow: hidden;
  padding: 0.5em 0;
  background-color: transparent;
}

.hovereffect h2:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: #fff;
  content: '';
  -webkit-transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
  -webkit-transform: translate3d(-100%,0,0);
  transform: translate3d(-100%,0,0);
}

.hovereffect:hover h2:after {
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}

.hovereffect a, .hovereffect p {
  color: #FFF;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(100%,0,0);
  transform: translate3d(100%,0,0);


}
    .hovereffect p {
         display: inline-block;
    vertical-align: middle;
    float: none;
      font-size:1.2em;
    }

.hovereffect:hover a, .hovereffect:hover p {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);

}



/*Odometer*/
.odometer.odometer-auto-theme, .odometer.odometer-theme-default {
  display: inline-block;
  *vertical-align: auto;
  *display: inline;
  position: relative;
}
.odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-default .odometer-digit {
  display: inline-block;
  *vertical-align: auto;
  *display: inline;
  position: relative;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer, .odometer.odometer-theme-default .odometer-digit .odometer-digit-spacer {
  display: inline-block;
  *vertical-align: auto;
  *display: inline;
  visibility: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner, .odometer.odometer-theme-default .odometer-digit .odometer-digit-inner {
  text-align: left;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon, .odometer.odometer-theme-default .odometer-digit .odometer-ribbon {
  display: block;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner, .odometer.odometer-theme-default .odometer-digit .odometer-ribbon-inner {
  display: block;
  -webkit-backface-visibility: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-value, .odometer.odometer-theme-default .odometer-digit .odometer-value {
  display: block;
  -webkit-transform: translateZ(0);
}
.odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value, .odometer.odometer-theme-default .odometer-digit .odometer-value.odometer-last-value {
  position: absolute;
}
.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-up .odometer-ribbon-inner {
  -webkit-transition: -webkit-transform 2s;
  -moz-transition: -moz-transform 2s;
  -ms-transition: -ms-transform 2s;
  -o-transition: -o-transform 2s;
  transition: transform 2s;
}
.odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-up.odometer-animating .odometer-ribbon-inner {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
}
.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-down .odometer-ribbon-inner {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
}
.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
  -webkit-transition: -webkit-transform 2s;
  -moz-transition: -moz-transform 2s;
  -ms-transition: -ms-transform 2s;
  -o-transition: -o-transform 2s;
  transition: transform 2s;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

.odometer.odometer-auto-theme, .odometer.odometer-theme-default {
}
.odometer.odometer-auto-theme .odometer-value, .odometer.odometer-theme-default .odometer-value {
  text-align: center;
}
/*Odometer end*/




/*thumbnail*/

    .thumbnail {
    position:relative;
    overflow:hidden;
}
 
.caption {
    position:absolute;
    top:0;
    right:0;
    background:rgba(90, 90, 90, 0.75);
    width:100%;
    height:100%;
    padding:2%;
    display: none;
    text-align: center;
    color:#fff !important;
    z-index:2;
}

/*end thumbnail*/


/*Home page animated featured employees start */

@-webkit-keyframes moveup {
  0% {
    bottom: -25%;
    opacity: 0;
     -webkit-transform: scale(0.95);
    transform: scale(0.95);
  }
  10% {
    bottom: 0;
    -webkit-transform: translate(-25% -25%);
    transform: translate(-25% -25%);
    -webkit-transform: scale(1.00);
    transform: scale(1.00);
    opacity: 1;
  }
  80% {
    bottom: 0;
    -webkit-transform: translate(-25% -25%);
    transform: translate(-25% -25%);
    -webkit-transform: scale(1.00);
    transform: scale(1.00);
    opacity: 1;
  }
  90%,
  to {
    bottom: 20%;
    opacity: 0;
  }
}

@keyframes moveup {
  0% {
    bottom: -25%;
    opacity: 0;
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
  }
  10% {
    bottom: 0;
    -webkit-transform: translate(-25% -25%);
    transform: translate(-25% -25%);
    -webkit-transform: scale(1.00);
    transform: scale(1.00);
    opacity: 1;
  }
  80% {
    bottom: 0;
    -webkit-transform: translate(-25% -25%);
    transform: translate(-25% -25%);
    -webkit-transform: scale(1.00);
    transform: scale(1.00);
    opacity: 1;
  }
  90%,
  to {
    bottom: 20%;
    opacity: 0;
  }
}


.logo_image-0 {
  -webkit-animation: moveup 5s ease 0s infinite backwards;
  animation: moveup 5s ease 0s infinite backwards;
}

.logo_image-1 {
  -webkit-animation: moveup 5s ease 0.25s infinite backwards;
  animation: moveup 5s ease 0.25s infinite backwards;
}


.logo_image-2 {

  -webkit-animation: moveup 5s ease 0.5s infinite backwards;
  animation: moveup 5s ease 0.5s infinite backwards;
}


.logo_image-3 {
  -webkit-animation: moveup  5s ease 0.75s infinite backwards;
  animation:moveup 5s ease 0.75s infinite backwards;
}


/*Home page animated featured employees end */


.advertisements_container{
        width: 100%;
}

.advertisements_container .sidebysideadverts_container{
    width:100%;
    padding-left: 10px;
    padding-right: 10px;
}

.advertisement_individual{
 display: block;
 margin-left: auto;
    margin-right: auto;
  height: auto;
  width:100%;
     	opacity: .9;
 -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  position: relative;
}

.advertisement_individual:hover{
     opacity: 1;
    cursor:pointer;
  -moz-transform: scale(1.03);
  -webkit-transform: scale(1.03);
  transform: scale(1.03);
  z-index:2;
   
}


#jobsbylocation i.fa{
    height:20px;
}


#home-page-banner {
    overflow-x: hidden;
      background-color:#88bed8; 
      /*#D9E5EC;*/
}

#home-page-banner .img-responsive{
  margin: 0 auto;

}

#home-page-banner.dropdown-menu>li>a{
    color:#405ea5!important;
}

/*check also bootstrap-tlj-bootsrap.css*/
@media (max-width: 1280px) {
    #hero_search .main-search-container .input-lg {
        font-size: 14px;
    }

}