/** NAVBAR **/
.navbar .nav-item{
    padding:0px !important;
}

.navbar .nav-link{
    padding: 12px 20px !important;
    border-radius:0px !important;
}

a.facebook{
    color:#4267b2 !important;
}

a.linkedin{
    color:#0077b5 !important;
}

/** HOME **/

.navbar {
    z-index:1000;
}

.top-50 {
    padding-top:50px;
}

.background-1 {
    height:500px;
    background:#202020 url('https://reservation.servicesdepersonnel.com/frontend/assets/img/background-1.jpg') no-repeat center center;
}

.background-2 {
    height:500px;
    background:#202020 url('https://reservation.servicesdepersonnel.com/frontend/assets/img/background-2.jpg') no-repeat center center;
}

.background-3 {
    height:500px;
    background:#202020 url('https://reservation.servicesdepersonnel.com/frontend/assets/img/background-3.jpg') no-repeat center center;
}

.background-4 {
    height:500px;
    background:#202020 url('https://reservation.servicesdepersonnel.com/frontend/assets/img/background-4.jpg') no-repeat center center;
}

.background-5 {
    height:500px;
    background:#202020 url('https://reservation.servicesdepersonnel.com/frontend/assets/img/background-5.jpg') no-repeat center center;
}

.background-6 {
    height:500px;
    background:#202020 url('https://reservation.servicesdepersonnel.com/frontend/assets/img/background-6.jpg') no-repeat center center;
}

.background-7 {
    height:500px;
    background:#202020 url('https://reservation.servicesdepersonnel.com/frontend/assets/img/background-7.jpg') no-repeat center center;
}

.background-8 {
    height:500px;
    background:#202020 url('https://reservation.servicesdepersonnel.com/frontend/assets/img/background-8.jpg') no-repeat center center;
}

.background-9 {
    height:500px;
    background:#202020 url('https://reservation.servicesdepersonnel.com/frontend/assets/img/background-9.jpg') no-repeat center center;
}

.background-color-dark {
    background:#3f3e40;
}

.background-color-grey {
    background:#d5d5d5;
}

.background-color-light-green {
    background: #b6c3c0;
}

.border-left-green {
    border-left: 3px solid #00735b;
}

.text-color-light {
    color:#3b8c71;
}

.home-header span {
    color:#3b8c71;
}

.text-shadow {
    text-shadow: 2px 2px 3px rgba(0,0,0, 1)} 
}

.title-responsive {
	font-size: calc(100% + 1vw + 1vh);
	line-height:1.2;
}

.h-80 {
    height:76%;
}

#home-box {
    position:relative;
    margin-top:-70px;
}

#home-box small {
    position:relative;
    top:-10px;
}

.home-box {
    border:15px solid #ffffff;
}

.home-box-1 {
    background:#2a6855;
}

.home-box-2 {
    background:#1f4b3c;
}

.home-box-3 {
    background:#3b8c71;
}

.fbButton {
	border-radius:30px;
	position:fixed;
	right:15px;
	bottom:15px;
	padding:5px 12px 5px 3px;
	height:43px;
	max-width:173px;
	box-shadow:0 0 0 rgba(66, 103, 178, 0.8);
	animation: fbPulse 2s infinite;
	background:#4267b2;
}

.fbButton span {
	font-size:20px;
	position:relative;
	top:-5px;
}

@media (max-width: 768px) {
	.fbButton {
		width:50px !important;
		height:49px !important;
		padding-top:8px;
		padding-left:5px;
	}

    .fbButton span {
    	display:none;
    }
    
    #home-box {
        margin-top:16px;
    }
    
    .title-responsive {
    	font-size: calc(100% + 0.3vw + 0.3vh);
    	line-height:1.2;
    }
}

.available_employees {
	background: #f8f9fa;
	border:1px solid white;
	border-width:0 15px;
}

.available_employees a {
	padding:15px 30px; 
	font-size:19px;
	color: #fff; 
	background: #2c715c; 
	border-color: #222222;
}

.available_employees a:hover {
	color: #fff; 
	background-color: #3b8c71; 
	border-color: #222222;
}

.available_employees p.big-text {
	font-size:40px;
	font-weight:bold;
}

.available_employees .job_number {
	width:100%; 
	margin:20px 0; 
	padding:40px;
}

@-webkit-keyframes fbPulse {
  0% {-webkit-box-shadow: 0 0 0 0 rgba(66, 103, 178, 0.8);}
  70% {-webkit-box-shadow: 0 0 0 10px rgba(66, 103, 178, 0);}
  100% {-webkit-box-shadow: 0 0 0 0 rgba(66, 103, 178, 0);}
}
@keyframes fbPulse {
  0% {-moz-box-shadow: 0 0 0 0 rgba(66, 103, 178, 0.8);box-shadow: 0 0 0 0 rgba(66, 103, 178, 0.8);}
  70% {-moz-box-shadow: 0 0 0 10px rgba(66, 103, 178, 0);box-shadow: 0 0 0 10px rgba(66, 103, 178, 0);}
  100% {-moz-box-shadow: 0 0 0 0 rgba(66, 103, 178, 0);box-shadow: 0 0 0 0 rgba(66, 103, 178, 0);}
}