body {
	font-family: 'Montserrat', sans-serif;
}

.navbar-brand img {
	max-width: 260px;
	height: auto;
}


/*hero*/

header {
	padding-top: 10px;
}

.hero-section {
	background: #78A640 url(images/homeheader.jpg) no-repeat center right;
/*	background-size: cover;*/
	height: 360px;
}

.hero-container {
	background: url(images/wgreenoverlay.png) no-repeat left center;
	background-size: contain;
	height: 360px;
	box-shadow: -600px 0 #78A640;
}

.hero-container h1 {
	font-size: 38px;
	color: white;
	font-weight: bold;
	line-height: 1.4;
}


.home-intro h2 {
	font-size: 20px;
	line-height: 1.4;
	font-weight: normal;
	color: #26234B;
}

.home-logos h3 {
	color: #99C22B;
	font-size:20px;
	font-weight: bold;
	margin-bottom: 30px;
}

/*home*/

.home-logo-box {
	border: 3px solid #1b82c5;
	border-radius: 20px;
	padding: 10px 20px 20px 20px;
	height: 100%;
}

.home-logo-box-logo  {
	border-bottom: 1px solid #ddd;
	padding-bottom: 10px;
	text-align: center;
/*	height: 140px;*/
}

.home-logo-box-logo img {
	width: 90%;
	height: auto;
}

.home-logo-box-text  {
	padding-top: 20px;
	text-align: center;
	font-size: 15px;
	line-height: 1.4;
}


.home-logo-box-text p  {
	padding-bottom: 0;
	margin-bottom: 0;
}

a .home-logo-box-text  {
	color: #1a1a1a;
}

.home-logos a:hover  {
	text-decoration: none;
}

.home-logo-box:hover  {
	text-decoration: none;
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.25);
}

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

.wehbox {
		border: 3px solid #ed7a31;
}

.weyhbox {
		border: 3px solid #7d4092;
}

.mhbox {
		border: 3px solid #469AB5;
}

.lsbox {
		border: 3px solid #EE7E31;
}

/*INTERNAL*/

.hero-section-internal {
	background: #78A640 url(images/header1.jpg) no-repeat center right;
/*	background-size: cover;*/
	height: 270px;
}

.hero-section-internal .hero-container {
	background: url(images/wgreenoverlay.png) no-repeat left center;
	background-size: contain;
	height: 270px;
	box-shadow: -600px 0 #78A640;
}

.internal-main {
	padding-top: 50px;
	padding-bottom: 50px;
}

.internal-main h2 {
	font-weight: bold;
	font-size: 18px;
	color: #99C22B;
	margin-top: 35px;
}

.internal-main h3 {
	font-weight: bold;
	font-size: 16px;
	color: #99C22B;
}

.internal-main-intro {
	margin-bottom: 40px;
}

.internal-main-intro h2 {
	font-size: 20px;
	color: #26234B;
	font-weight: normal;
	line-height: 1.4;
}

.sidebox {
	border: 3px solid #5EBEBB;
	border-radius: 20px;
	padding: 20px;
}
.sidebox h4 {
	line-height: 1.4;

}
.sidebox h4 a {
	color: #212529;

}

/*courses*/

.featured-courses-box h2 {
	font-weight: bold;
	font-size: 22px;
	color: #99C22B;
	padding-bottom: 0;
}

.promoted-box-wrap {
	background: #EDF4D9;
	border-radius: 10px;
	padding: 20px 20px 20px 20px;
	margin-bottom: 20px;
	margin-top: 35px;
}

.promoted-box-wrap h5 {
	font-weight: bold;
	font-size: 22px;
	background-color: #99C22B;
	display: inline-table;
	border-radius: 50px;
	padding: 10px 15px;
	color: white;
	font-size: 20px;
	margin-bottom: 30px;
	margin-top: -40px;
	margin-left: -15px;
	
}


.promoted-box {
	background: #EDF4D9;
	border-radius: 10px;
	padding-top: 20px;
	margin-bottom: 20px;
}

.promoted-box h3 {
	font-weight: bold;
	font-size: 22px;
	color: #99C22B;
}

.promoted-box .course-box {
	margin-bottom: 20px;
}

.coursefilter-header {
	color: #666;
	font-size: 16px;
	text-transform: uppercase;
}
.course-filter {
	list-style: none;
	margin: 0;
	padding: 0;
	font-weight: bold;
}

.course-filter .active-filter {
	background: #5EBEBB;
	color: white;
}

.course-filter li {
	margin-bottom: 10px;
}

.course-filter a {
	display: block;
	border: 3px solid #5EBEBB;
	border-radius: 10px;
	padding: 6px;
	color: #5EBEBB;
}

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

.course-box h3 {
	font-size: 18px;
	font-weight: bold;
	color: #333;
}

.course-box .btn-primary {
	background: #5EBEBB;
	border-color: #5EBEBB;
}

.course-box .btn-primary:hover {
	background: #99C22B;
	border-color: #99C22B;
}

.course-book .btn {
	font-size: 14px;
	padding: 5px;
}

/*SLE*/


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

.sle-wrap-box {
	background: #f2f2f2;
	border-radius: 10px;
}




.sle-box-img img {
	width: 100%;
	padding-left: 15px;
	padding-top: 15px;
	padding-bottom: 15px;
}

.sle-box-txt  {
	padding-top: 15px;
padding-bottom: 15px;
padding-right: 15px;
}

.sle-box-txt h3  {
font-size: 18px;
font-weight: 700;
color: #5EBEBB;
margin-bottom: 5px;
}

.sle-box-txt p  {
font-size: 14px;
}

.sle-box-txt a {
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
background: white;
padding: 5px 10px;
color: #27224E;
border-radius: 5px;
}

.sle-box-txt a:hover {
background: #1945A0;
color: #fff;
text-decoration: none;
}

.sle-detail-img img {
	width: 100%;
	height: auto;
	margin-bottom: 30px;
}

.sle-detail-img a {
	width: 100%;
	display: block;
	background: #99C22B;
	padding: 10px 0;
	text-align: center;
	text-transform: uppercase;
	font-weight: 700;
	color: #222;
}

.sle-detail-img a:hover {
	background: #111;
	color: #99C22B;
	text-decoration: none;
	
}

.sle-detail-txt h2 {
	color: #1945A0;
	font-size: 28px;
	font-weight: 700;
	margin-bottom: 10px;
}

.sle-detail-txt h3 {
	color: #1945A0;
	font-size: 20px;
	font-weight: 400;
	margin-top: 0;
}


/*team*/

.team-box  {
	text-align:center;
	margin-bottom: 30px;
}

.team-box img {
	width: 100%;
	height: auto;
	margin-bottom: 20px;
}


.team-row h3 {
	color: #99C22B;
	font-size:20px;
	font-weight: bold;
	margin-bottom: 30px;
}

.team-box h4 {
	color: #5EBEBB;
	font-size:20px;
	font-weight: bold;
	margin-bottom: 0px;
}

.team-box p {
	font-size:16px;
	color: #26234B;

}

/*----------- FAQS ----------- */

.faq_q {
  margin-top:15px;
  margin-bottom: 10px;
  padding:8px 10px;
  border-radius:5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  background-color:#E2F3F3;
  cursor:pointer;
  font-weight: bold;
}

.faq_a {
  margin:4px 0;
  padding:0px 10px;
  border-radius:5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  background-color:#fff;
  margin-bottom: 30px;
}


/* VACANCIES*/

.vacancyblock {
	margin-bottom: 25px;
}

.vacancies-job {
	font-weight: bold;
	font-size: 18px;
	color: #fff;
	background: #5EBEBB;
	padding: 4px;
	margin-bottom: 4px;
}

.vacancies-site {
font-weight: bold;
margin-bottom: 8px;
border-bottom: 1px solid #ccc;
padding-bottom: 4px;
color: #5EBEBB;
}

.vacancies-salary {
font-weight: bold;
padding-bottom: 4px;
}
.vacancies-location {
font-weight: bold;

padding-bottom: 4px;
}

.vacancies-closing {
font-weight: bold;
margin-bottom: 8px;
border-bottom: 1px solid #ccc;
padding-bottom: 4px;
}


.vacancy-filter {
	list-style: none;
	margin: 0;
	padding: 0;
	margin-bottom: 20px;
		margin-top: 0px;
	
}
.vacancy-filter li {
	display: inline-block;
	margin-bottom: 5px;
}
.vacancy-filter li a {
	background: #f2f2f2;
	padding: 4px 8px;
	margin-right: 5px;
	font-weight: bold;
	color: #666;
	font-size: 14px;
}
.vacancy-filter li a:hover {
	color: #333;
	background: #ddd;
	text-decoration: none;
	
}

.vacancy-filter .active-filter {
	background: #333;
	color: #fff;
}

/*key docs*/
.keydoc-block-inner {
	/*background: red url('images/covid-icon.svg') no-repeat center left;
	background-size: 70px auto;
	height: 100px;*/
	display: table;
	width: 100%;
	margin-top: 30px;
}

.keydoc-block-inner h2 {
/*	background: url('images/covid-icon.svg') no-repeat center left 10px;*/
	background-image: url('images/covid-icon.svg');
	background-repeat: no-repeat;
	background-position: center left 10px ;
	background-size: 70px auto;
	height: 100px;
	color: white;
	padding-left: 90px;
	 display: table-cell;
  vertical-align: middle;
}

.keydoc-block-inner a {
	display: block;
	background: #77BCBB;
	width: 100%;
	height: 100%;
}

.keydoc-block-inner a:hover {
	background: #26234b;

}

.keydoc-block-inner a:hover  {
	text-decoration: none;
}

.keydocs-wrap li.current {
	display: none;
}



.main-content-wrap.keydocs-wrap .link-list ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.main-content-wrap.keydocs-wrap .link-list ul a {
	 display: block;
	 background-color: #77BCBB;
	 color: white;
	 font-weight: bold;
	padding: 7px;
	margin-bottom: 5px;
/*	background-image: url(images/download-icon.svg);*/
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='20px' height='20px' viewBox='0 0 20 20' style='enable-background:new 0 0 20 20;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23ffffff;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M12.1,11.8L10,13.9v-6c0-0.2-0.1-0.3-0.3-0.3S9.4,7.7,9.4,7.9V14l-2.1-2.1c-0.1-0.1-0.3-0.1-0.4,0 c-0.1,0.1-0.1,0.3,0,0.4l2.6,2.6l0,0l0,0h0.1h0.1c0,0,0.1,0,0.1-0.1l2.6-2.6c0.1-0.1,0.1-0.3,0-0.4C12.4,11.7,12.2,11.7,12.1,11.8z '/%3E%3Cpath class='st0' d='M17.8,5.2L17.8,5.2C17.8,5.1,17.8,5.1,17.8,5.2c0-0.1,0-0.1,0-0.2l0,0L13,0.1l0,0C12.9,0,12.8,0,12.7,0H3.2 C2.4,0,1.7,0.7,1.7,1.5v17c0,0.8,0.7,1.5,1.5,1.5h13.1c0.8,0,1.5-0.7,1.5-1.5L17.8,5.2L17.8,5.2L17.8,5.2z M13,1l3.8,3.9H13V1z M16.3,19.4H3.2c-0.5,0-0.9-0.4-0.9-0.9v-17c0-0.5,0.4-0.9,0.9-0.9h9.2v4.6c0,0.2,0.1,0.3,0.3,0.3h4.5v13 C17.2,19,16.8,19.4,16.3,19.4z'/%3E%3C/g%3E%3C/svg%3E%0A");
	background-repeat: no-repeat;
	background-position: right 10px center;
}

.main-content-wrap.keydocs-wrap .link-list ul a:hover   {
background-color: #ddd;
color: #111;
}


/*footer*/

footer {
	background: #26234B;
	padding-bottom: 40px;
	padding-top: 60px;
	color: white;
}

.footer-logo {
	text-align:right;
}

.footer-logo img {
	width: 240px;
	height: auto;
}





/*=-====Bootstrapthemes.co btco-hover-menu=====*/


.btco-hover-menu a , .navbar > li > a {
/*	text-transform: capitalize;*/
	padding: 10px 15px;
}

.btco-hover-menu .active a, .btco-hover-menu .active a:focus, .btco-hover-menu .active a:hover, .btco-hover-menu li a:hover, .btco-hover-menu li a:focus , .navbar>.show>a, .navbar>.show>a:focus, .navbar>.show>a:hover {
	color: #000;
	background: transparent;
	outline: 0;
}



/*submenu style start from here*/

.dropdown-menu {
	padding: 0px 0;
	margin: 0 0 0;
	border: 0px solid transition !important;
	border: 0px solid rgba(0,0,0,.15);
	border-radius: 0px;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}

/*first level*/

.btco-hover-menu .collapse ul > li:hover > a {
	background: #f5f5f5;
}

.btco-hover-menu .collapse ul ul > li:hover > a, .navbar .show .dropdown-menu > li > a:focus, .navbar .show .dropdown-menu > li > a:hover {
	background: #fff;
}
/*second level*/

.btco-hover-menu .collapse ul ul ul > li:hover > a {
	background: #fff;
}

/*third level*/

.btco-hover-menu .collapse ul ul, .btco-hover-menu .collapse ul ul.dropdown-menu {
	background: #f5f5f5;
}

.btco-hover-menu .collapse ul ul ul, .btco-hover-menu .collapse ul ul ul.dropdown-menu {
	background: #f5f5f5
}

.btco-hover-menu .collapse ul ul ul ul, .btco-hover-menu .collapse ul ul ul ul.dropdown-menu {
	background: #f5f5f5
}


/*test color*/
.btco-hover-menu ul ul {
	background: white!important;
	box-shadow: 0px 0px 15px #ccc!important;
/*	border-radius: 5px;*/
}

.btco-hover-menu .collapse ul > li:hover > a {
	background: transparent;
}


/*Drop-down menu work on hover*/

.btco-hover-menu {
	background: none;
	margin: 0;
	/*padding: 0;*/
	min-height: 20px
}

@media only screen and (max-width: 991px) {
	.btco-hover-menu .show > .dropdown-toggle::after {
		transform: rotate(-90deg);
	}
}
@media only screen and (min-width: 991px) {
	.btco-hover-menu .collapse ul li {
		position: relative;
	}
	
	.btco-hover-menu .collapse ul li:hover> ul {
		display: block
	}
	
	.btco-hover-menu .collapse ul ul {
		position: absolute;
		top: 100%;
		left: 0;
		min-width: 250px;
		display: none;
	}
    /*******/
	
	.btco-hover-menu .collapse ul ul li {
		position: relative
	}
	
	.btco-hover-menu .collapse ul ul li:hover> ul {
		display: block
	}
	
	.btco-hover-menu .collapse ul ul ul {
		position: absolute;
		top: 0;
		left: 100%;
		min-width: 250px;
		display: none
	}
    /*******/
	
	.btco-hover-menu .collapse ul ul ul li {
		position: relative
	}
	
	.btco-hover-menu .collapse ul ul ul li:hover ul {
		display: block
	}
	
	.btco-hover-menu .collapse ul ul ul ul {
		position: absolute;
		top: 0;
		left: -100%;
		min-width: 250px;
		display: none;
		z-index: 1
	}
}

/*navigation extras*/

a.nav-link {
	text-transform: uppercase;
	font-weight: bold;
	color: #222!important;
}

.navbar-nav {
	margin-bottom: 22px;
}

.navbar {
	padding: 0px;
}

a.navbar-brand {
	padding: 0px;
	padding-bottom: 15px;
}




/*MEDIA QUERIES */

/*Large devices (desktops, less than 1200px)*/
@media (max-width: 1199px) {

.hero-section, .hero-section-internal {
	height: 300px;
}

.hero-container, .hero-section-internal .hero-container {
	height: 300px;
}

.hero-container h1 {
	font-size: 28px;
}

}

/*Medium devices (tablets, less than 992px)*/
@media (max-width: 991px) {


.hero-section, .hero-section-internal {
	height: 200px;
	background-size: 80%;
}

.hero-section-internal {
	
	background-size: cover;
}

.hero-container, .hero-section-internal .hero-container {
	height: 200px;
		box-shadow: -120px 0 #78A640;

}

.hero-container h1 {
	font-size: 22px;
}

.navbar-brand img {
	width: 200px;
	height: auto;
}


}

/*Small devices (landscape phones, less than 768px)*/
@media (max-width: 767px) {

.hero-section {
	background-size: 100%;
}


.hero-section, .hero-section-internal {
	height: 150px;
}

.hero-container, .hero-section-internal .hero-container {
	height: 150px;
		box-shadow: -120px 0 #78A640;

}

.hero-section-internal {
	
/*	background-size: cover;*/
}


.hero-container h1 {
	font-size: 18px;
}



}

/* x Small devices (landscape phones, less than 768px)*/
@media (max-width: 575px) {


.hero-section, .hero-section-internal {
	background: #78A640;
}

.footer-logo {
	text-align:center;
	margin-top: 40px;
}
.footer-logo img {
	width: 150px;
}

}