/* Source-oriented Zephyr recreation: desktop transparent header, dropdown mega menus and original brand palette */
:root{
	--green:#245706;
	--gold:#ffd000;
	--ink:#222;
	--muted:#5c6168
}
html{
	scroll-padding-top:120px
}
body{
	font-family:"Open Sans","Segoe UI",Arial,sans-serif;
	font-size:15px;
	line-height:1.6
}
h1,h2,h3{
	font-family:"Roboto","Segoe UI",Arial,sans-serif;
	font-weight:400
}
h1{
	font-size:32px
}
h2{
	font-size:26px
}
a{
	text-decoration:none
}
.shell{
	width:min(1200px,94%);
	margin:auto
}
.masthead{
	position:absolute;
	left:0;
	right:0;
	top:0;
	z-index:500;
	color:#fff;
	background:rgba(25,25,25,.24)
}
.masthead .topline{
	background:rgba(40,40,40,.2);
	height:35px;
	font-size:17px
}
.topline .shell{
	display:flex;
	align-items:center;
	justify-content:space-between;
	height:35px
}
.topline a{
	color:#fff
}
.training{
    background: #efefef !important;
    color: #171717 !important;
    padding: 17px 23px;
    line-height: 1;
    border-radius: 3px;
    font-size: 15px;
}

.header-main{
	display:flex;
	align-items:center;
	justify-content:space-between;
	height:113px;
	gap:24px
}
.brand img{
	height:91px;
	width:auto;
	object-fit:contain;
	max-width:145px
}
.main-nav{
	display:flex;
	align-items:center;
	gap:0
}
.main-nav>a,.nav-drop,.search-toggle{
	font:600 13px "Roboto","Segoe UI",Arial,sans-serif;
	color:#fff;
	border:0;
	background:none;
	padding:18px 13px;
	white-space:nowrap;
	cursor:pointer
}
.main-nav>a:hover,.nav-drop:hover,.nav-has-menu:hover>.nav-drop{
	background:#245706;
	color:white
}
.nav-has-menu{
	position:relative
}
.nav-drop span{
	font-size:10px;
	opacity:.85
}
.dropdown{
	display:none;
	position:absolute;
	z-index:600;
	top:100%;
	background:#fff;
	color:#222;
	box-shadow:0 12px 32px #0002;
	border-top:3px solid var(--green);
	border-radius:0 0 3px 3px
}
.nav-has-menu:hover>.dropdown,.nav-has-menu:focus-within>.dropdown,.nav-has-menu.open>.dropdown{
	display:block
}
.dropdown a{
	display:block;
	color:#272727;
	padding:8px 14px;
	line-height:1.35;
	font-size:14px;
	font-weight:400
}
.dropdown a:hover{
	background:#eee;
	color:var(--green)
}
.mega{
	width:min(940px,95vw);
	left:10%;
	transform:translateX(-33%);
	display:none;
	grid-template-columns:repeat(4,minmax(0,1fr));
	padding:24px;
	gap:8px 15px
}
.nav-has-menu:hover>.mega,.nav-has-menu:focus-within>.mega,.nav-has-menu.open>.mega{
	display:grid
}
.mega-group h3{
	font-size:14px;
	font-weight:700;
	color:#245706;
	margin:0 0 8px;
	padding:4px 14px
}
.mega-group a{
	font-size:13px;
	padding:7px 14px
}
.all-courses{
	grid-column:1/-1;
	text-align:center;
	border-top:1px solid #eee;
	font-weight:700!important
}
.placement-drop{
	min-width:235px;
	left:0
}
.mobile-toggle{
	display:none
}
.site-search{
	display:none;
	padding:12px 0;
	background:#fff;
	color:#222
}
.site-search.open{
	display:flex;
	align-items:center;
	gap:10px
}
.site-search input{
	flex:1;
	min-width:150px;
	border:1px solid #ddd;
	padding:9px
}
.site-search button{
	background:var(--green);
	color:#fff;
	border:0;
	padding:10px 20px
}
.main-nav .search-toggle{
	font-size:23px
}
.hero{
	min-height:480px!important;
	padding:180px 0 70px!important;
	background-position:center center!important
}
.hero .hero-inner{
	padding-top:0
}
.hero h1,.hero .rotate-title{
	font-size:21px;
	font-weight:600;
	margin:0 0 12px
}
.hero h2{
	font-size:22px;
	font-weight:400;
	line-height:1.45;
	margin:10px 0
}
.hero .sep{
	height:12px
}
.hero+.section{
	padding-top:35px
}
.section{
	padding: 8px 0
}
.section>.container{
	max-width:1200px
}
.section .grid{
	gap:20px
}
.section .feature{
	border:0;
	box-shadow:none;
	background:#245706;
	color:#fff;
	border-radius:0;
	padding:20px;
	text-align:left
}
.section .feature h3{
	color:#fff;
	font-weight:500
}
.section .feature p{
	color:#fff
}
.section .feature:hover{
	background:#326d13
}
.pic img{
	max-height:none
}
.section h1{
	text-align:inherit
}
table{
	border-collapse:collapse;
	width:100%;
	max-width:100%;
	font-size:14px;
	table-layout:auto
}
td,th{
	padding:10px 12px;
	border:1px solid #e0e0e0;
	text-align:left
}
tr:nth-child(even){
	background:#f7f7f7
}
.richtext img{
	max-width:100%;
	height:auto
}
.richtext iframe{
	max-width:100%
}
.page-heading{
	padding-top:175px;
	background:#e9e9e9
}
.course-list a{
	line-height:1.4
}
/*.whatsapp{
	background:#25d366;
	border-radius:50%;
	padding:12px 16px;
	font-size:12px
}*/
.main-nav a:focus-visible,.nav-drop:focus-visible{
	outline:2px solid #ffd000
}
.content-bound{
	max-width:1200px;
	margin:auto
}
.feature-icon{
	font-size:24px;
	display:block;
	margin-bottom:8px
}
.footer-back{
	background:#111
}
body:not(.home-page) .masthead{
	background:rgba(32,32,32,.78)
}
body:not(.home-page) main>.section:first-child.hero{
	padding-top:185px!important;
	min-height:355px!important
}
body:not(.home-page) main>.section:first-child:not(.hero){
	padding-top:165px
}
body:not(.home-page) main>.page-heading{
	padding-top:185px
}
@media(max-width:1000px){
	.mobile-toggle{
		display:block;
		border:0;
		background:transparent;
		color:white;
		font-size:27px;
		padding:12px;
		cursor:pointer
}
	.header-main{
		height:75px
}
	.brand img{
		height:69px
}
	.main-nav{
		display:none;
		position:absolute;
		top:110px;
		left:0;
		right:0;
		max-height:calc(100vh - 110px);
		overflow:auto;
		background:#fff;
		color:#222;
		flex-direction:column;
		align-items:stretch;
		box-shadow:0 12px 25px #0002
}
	.main-nav.open{
		display:flex
}
	.main-nav>a,.nav-drop,.search-toggle{
		color:#222;
		padding:13px 20px;
		width:100%;
		text-align:left;
		border-bottom:1px solid #eee
}
	.nav-has-menu{
		width:100%
}
	.nav-drop{
		display:flex;
		justify-content:space-between
}
	.dropdown,.mega{
		position:static!important;
		width:100%!important;
		transform:none!important;
		box-shadow:none!important;
		border-top:0!important;
		grid-template-columns:repeat(2,minmax(0,1fr));
		padding:12px!important
}
	.nav-has-menu:hover>.dropdown{
		display:none
}
	.nav-has-menu.open>.dropdown{
		display:block
}
	.nav-has-menu.open>.mega{
		display:grid
}
	.placement-drop{
		background:#f6f6f6
}
	.mega-group h3{
		margin:0
}
	.hero{
		min-height:370px!important;
		padding:130px 0 50px!important
}
	body:not(.home-page) main>.section:first-child.hero{
		min-height:315px!important;
		padding-top:150px!important
}
	.site-search.open{
		display:flex
}
	.topline .shell{
		width:94%
}
}
@media(max-width:600px){
	.masthead .topline{
		height:36px
}
	.topline .shell{
		height:36px
}
	.training{
		padding:6px 9px;
		font-size:10px
}
	.header-main{
		height:66px
}
	.brand img{
		height:58px
}
	.main-nav{
		top:102px
}
	.hero{
		padding:135px 0 32px!important;
		min-height:330px!important
}
	.hero h1{
		font-size:20px
}
	.hero h2{
		font-size:18px
}
	.mega{
		grid-template-columns:1fr!important
}
	.mega-group h3{
		padding:8px 12px 4px
}
	.mega-group a{
		padding:7px 12px
}
	.section{
		padding:25px 0
}
	.page-heading{
		padding-top:140px!important
}
	body:not(.home-page) main>.section:first-child:not(.hero){
		padding-top:135px
}
	body:not(.home-page) main>.section:first-child.hero{
		padding-top:145px!important
}
	.site-search{
		flex-wrap:wrap
}
	.site-search label{
		width:100%
}
	.topline .phone-top{
		font-size:11px
}
}