@charset "utf-8";
/* CSS Document */

body{ padding:0 0 !important; font-size:12px; font-family: 'Ubuntu', sans-serif; color:#444; font-weight:400; line-height:normal;}
a{color:#444;}
a:hover{ color:#71b337;}
header{ background:#000;}
.logo{padding-top:25px; padding-bottom:25px;}
header .contact{ color:#fff;  font-size:14px; line-height:19px; padding:20px 0 0 0;}
header .contact a{ color:#fff;}
header .contact a:hover{ color:#ddd;}
header .contact strong{color:#71b337;}
header .fa{color:#71b337; font-size:14px; margin:0 2px 0 10px;}
nav{ background:none; float:right; margin-top:55px; }
.navbar{border-radius:0;padding:0 0;}
.nav-item a{ color:#fff; font-size:14px; text-transform:uppercase;}
.nav-item a:hover{ color:#71b337;}
.nav-item a:active{ font-weight:500;}
.navbar-nav .nav-item+.nav-item{ margin-left:17px;}
.dropdown-menu{ background:#000; border-radius:0; margin-top:13px; padding-bottom:15px;}
.dropdown-item{text-transform:none!important; font-weight:300!important; font-size:12px!important; }
.dropdown-menu a:hover{ background:none;}
.carousel{ margin:0px 0 !important; height:415px !important;}
.carousel h1{ line-height: 1.1;  font-weight:300; margin:0 0 14px 0 !important; font-size:18px; text-transform:uppercase; }
.carousel h1 span{display:inline-block; background:#71b337; color: #fff; padding: 15px;}
.carousel-fade .carousel-inner .item {-webkit-transition-property: opacity; transition-property: opacity; transition:(.6s ease-in-out left);}
.carousel-fade .carousel-inner .item,.carousel-fade .carousel-inner .active.left,.carousel-fade .carousel-inner .active.right { opacity: 0;}
.carousel-fade .carousel-inner .active,.carousel-fade .carousel-inner .next.left,.carousel-fade .carousel-inner .prev.right {  opacity: 1;}
.carousel-fade .carousel-inner .next,.carousel-fade .carousel-inner .prev,.carousel-fade .carousel-inner .active.left,.carousel-fade .carousel-inner active.right {  left: 0;  -webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.carousel-fade .carousel-control {  z-index: 2;}
.carousel,.carousel-inner,.carousel-inner .item {  height: 100%; }
.item:nth-child(1) {  background:url(../images/banner/home-1.jpg);padding:30px; background-size:cover !important;}
.carousel-animation h1:first-child {animation-delay: 1s; margin-top:0px !important;}
.carousel-animation h1:nth-child(2) {animation-delay: 2s;}
.carousel-animation h1:nth-child(3) {animation-delay: 3s;}
.carousel-animation h1:nth-child(4) {animation-delay: 4s;}
.carousel-animation h1:nth-child(5) {animation-delay: 5s;}
.carousel-animation h1:nth-child(6) {animation-delay: 6s; display:inline-block !important;}
.carousel-animation button {animation-delay: 7s; float:right;}
.carousel .btn-default{ background:#000; border-radius:0; border:none; padding:15px; font-size:16px; font-weight:300; color:#fff; text-transform:uppercase; } 
.carousel .btn-default:hover{color: #eee;}
h6{text-transform:uppercase; color:#71b337; margin-top:25px;}
.services{ background:#f9f9f9; padding:30px 0; margin:0 0 30px 0;}
.services h6, .welcome h6{ margin-top:0px;}
.card{ background: none; border:none; border-radius:0; color:#000; margin:0 0;}
.card-block{ padding:0;}
.card h6{color:#71b337;}
.card img{ border-radius:0; margin-bottom:8px;}
.card-title{margin-bottom:5px; }
.card-link{ text-decoration:underline; color:#000;}
.card .btn{ background:#71b337; border:none; border-radius:0; font-size:12px; font-weight:300;}
.card .btn:hover{ background:#000!important; color:#fff!important; border:none;}
.card .fa{ margin-right:5px;}
.card-block p{ margin-bottom:10px;}
footer{ background:#000; padding:25px 0; margin:30px 0 0 0; color:#fff;}
footer a{ color:#fff;}
footer a:hover{ color:#71b337;}
footer ul{ margin:0 0 ; padding:0 0; list-style-type:none;}
footer li::before {content: "- ";}
footer li{ margin-bottom:3px;}
footer strong{ color:#fff;}
footer hr{ border-color:#222;}
footer .fa{ background:#fff; color:#000; padding:5px; font-size:16px; width:26px; text-align:center; margin-right:5px;}
form .btn{margin-top:10px;}
.form-group{ margin:0px 0 0 0!important;}
.form-control{ background:#fff;  border-radius:0; font-size:12px; color:#999; margin:10px 0 0 0!important;}
.btn-primary{ background:#71b337; border-radius:0; font-size:12px; border:1px solid #71b337; }
.btn-primary:hover, .btn-primary:focus, .btn-primary:active:hover{ background:#fff!important; color:#71b337!important; border:1px solid #eee;}
label{margin:10px 0 0 0!important; font-weight: bolder;}
strong{ color:#444; font-weight:700;}
.first{ margin-top:25px;}
.container-fluid{ padding:0 0;}
.logos img{ padding:20px;}
.gallery ul{ padding:0 0; margin:0 -7px 15px -7px;}
.gallery ul li{list-style-type:none; margin:15px 7px 0 7px; padding: 0 0;}
.modal-content{ background:none; border:none;}
.bsp-text-container{padding-bottom:0;}
.bsp-text-container h6{display:none;}
a.bsp-controls.next{right:15px!important;}
a.bsp-controls.previous{left:15px!important;}
a.bsp-controls{top:50%!important;}
.modal-dialog{margin:75px auto!important; max-width:750px;}
.consent label{font-weight:300!important;}
button:focus{outline:none;}
.form-horizontal{margin-bottom:30px; display:grid;}
.thankyou{padding:8% 0;}
.cc_banner-wrapper .cc_banner{background-color:#000;color:#fff;	border-top:1px solid #222;}
.cc_banner-wrapper .cc_banner a.cc_btn{font-size:12px!important; font-family: 'Ubuntu', sans-serif!important; border-radius:0!important; background-color:#71b337;
	color:#fff;}
.cc_container .cc_message{font-size:12px!important; font-family: 'Ubuntu', sans-serif!important; }

@media (max-width: 1200px){
.navbar-nav .nav-item+.nav-item{margin-left:10px;}		
.nav-item a{ font-size:12px;} 	
nav{margin-top:30px;}	
}


@media (max-width: 1024px){
.navbar-nav .nav-item+.nav-item{margin-left:10px;}	
.card h6{font-size:13px;}
.card-text{font-size:11px;}
.modal-dialog {margin-top:30px!important;}
}

@media (max-width: 992px){
.nav-item a{font-size:14px;}	
nav{margin-top:-25px;}
.nav{padding:10px 0;}
.navbar{width:100%;}
.navbar-nav .nav-link{text-align:left;}
.navbar-toggler{float:right; padding:0 0 15px 0;}
.navbar-nav .nav-item+.nav-item{margin-left:0;}	
.fa-bars{font-size:24px!important;}	
.logo{padding-bottom:0;}	
nav ul{margin-top:35px!important; border-top:1px solid rgba(255,255,255,0.2)}
}

@media (max-width: 769px){
header .fa{font-size:10px;}
.services .btn{ margin:0 0 20px 0;}
.imgWrapper{margin-bottom:25px;}
.dropdown-item{font-size:10px!important; padding:3px 15px;}
}

@media (max-width: 736px){
header .fa{font-size:9px;}
.carousel{display:none;}
.services{padding:20px 0;}
.services h6{margin-bottom:10px;}
.services .btn{ margin:0 0 20px 0;}
.imgWrapper{margin-bottom:25px;}
.control-label, .form-group .col-xs-12{padding:0 0;}
.modal-dialog {max-width:500px!important; margin:25px auto!important;}	
.dropdown-menu{margin-top:0px;}
.dropdown-item{font-size:10px!important; padding:3px 15px;}
header .contact{padding-top:10px;}
}

@media (max-width: 545px){
.logo{padding: 20px 20px 0 20px;}	
.carousel{display:none;}
.services{padding:20px 0;}
.services h6{margin-bottom:10px;}
.services .btn{ margin:0 0 20px 0 !important;}
.welcome{margin-bottom:15px;}
footer{padding-top:0;}
.fa-bars{font-size:24px!important;}
.imgWrapper{margin-bottom:20px;}
.control-label, .form-group .col-xs-12{padding:0 0;}
.first{margin-top:0;}
.modal-dialog {max-width:340px!important; margin:40% auto!important;}	
header .contact{font-size:14px;}
header .fa{font-size:13px;}
.dropdown-item{font-size:14px!important; padding:3px 0px;}
.dropdown-menu{position:relative; top:0; width:100%;}
nav{margin-top:10px;}	
}

/* Vacancy Page */

.vacancies-container {
	display: flex;
	gap: 20px;
}

.vacancies-container .vacancies-card-container {
	width: 33%;
	text-align: center;
	border: 1px solid #f2f2f2;
}

.vacancies-container .vacancies-card-container .vacancy-title h6 {
	margin: 2em 1em !important;
}

.vacancies-container .vacancies-card-container .view-vacancy a {
	width: 100%;
	padding: 1em !important;
}

.vacancies-container .vacancies-card-container .view-vacancy a:hover {
	background-color: #66a232 !important;
	color: #fff !important;
}

header .container .row .contact {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap: 30px;
}


@media(max-width:820px) {
	.vacancies-container .vacancies-card-container {
		width: 100% !important;
	}

	.vacancies-container {
		flex-direction: column;
		gap: 30px !important;
	}

	header .container .row .contact {
		flex-direction: column;
	}

	header .container .row .contact .vacancies-header-button {
		margin-top: 20px;
	}
}