/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
	font-size: 56.3%; /* font-size: 62.5%; (62.5/100) * 16px = 10px for using rems in CSS */
	/*
	50.0% gives 8px
	56.3% gives 9px - better corolation with XD sizes
	62.5% gives 10px
	*/
}

/* Sections
	 ========================================================================== */

/**
 * Remove the margin in all browsers.
 */
body {
	margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
	display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
	font-size: 2em;
	margin: 0;
}

/* Grouping content
	 ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
	font-family: monospace, monospace;
	font-size: 1em;
}

/* Text-level semantics
	 ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */
a {
	background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
	font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

/**
 * Add the correct font size in all browsers.
 */
small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/* Embedded content
	 ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */
img {
	border-style: none;
}

/* Forms
	 ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
	overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
	text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
	padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
	vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
	overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}

/* Interactive
	 ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
	display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
	display: list-item;
}

/* Misc
	 ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */
template {
	display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
	display: none;
}

/* Box sizing
--------------------------------------------- */

/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
	box-sizing: inherit;
}

html {
	box-sizing: border-box;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/

/* Typography
--------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
	color: #000;
	font-family:'Tajawal'/*,'Gill Sans'*/,'Gill Sans MT',Calibri,Candara,Arial,sans-serif;font-weight:400;font-style:normal;
	font-size: 2rem;
	line-height: 2.5rem;
    /*letter-spacing: 0.13rem;*/
}
@media only screen and (max-width:480px) { 
	body,
	button,
	input,
	select,
	optgroup,
	textarea {
		font-size: 1.4rem;font-size: 1.6rem;
		line-height: 2.1rem;
		/* letter-spacing: 0.1rem; */
	}
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	font-weight:normal;
	margin: 0.5em 0;
}
h2 {font-size:9.0rem;line-height:9rem;font-size:8.1rem;line-height:8.1rem;letter-spacing:0;text-transform: uppercase;font-weight: 300;}
h3 {font-size:4.0rem;line-height:3.5rem;letter-spacing:0;margin: 0.5em 0;}

p {
	margin-bottom: 2em;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", courier, monospace;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/* Elements
--------------------------------------------- */
body {
	background: #fff;
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0 0 1.5em 0;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: 700;
}

dd {
	margin: 0 1.5em 1.5em;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

img {
	height: auto;
	max-width: 100%;
}

figure {
	margin: 1em 0;
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/* Links
--------------------------------------------- */
a {
	color: #000;
}

a:visited {
	color: #000;
}

a:hover,
a:focus,
a:active {
	color: #000;
}

a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	outline: 0;
}

/* Forms
--------------------------------------------- */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: none;
	border-radius:0;
	background: #000;
	color: #fff;
	line-height: 1;
	padding:10px 20px;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,  
button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus 
{background-color: #fff;color:#000;}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;
	border: none;
	border-radius: 0;
	padding: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
}

select {
	border: 1px solid #ccc;
}

textarea {
	width: 100%;
}

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/

/* Navigation
--------------------------------------------- */
.main-navigation {
	display: block;
	width: 100%;
}

.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 100%;
	left: -999em;
	z-index: 99999;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	display: block;
	left: auto;
}

.main-navigation ul ul a {
	width: 200px;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}

.main-navigation li {
	position: relative;
}

.main-navigation a {
	display: block;
	text-decoration: none;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

@media screen and (min-width: 37.5em) {

	.menu-toggle {
		display: none;
	}

	.main-navigation ul {
		display: flex;
	}
}

.site-main .comment-navigation,
.site-main
.posts-navigation,
.site-main
.post-navigation {
	margin: 0;
}

.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
	display: flex;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	flex: 1 0 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	text-align: end;
	flex: 1 0 50%;
}

/* Posts and pages
--------------------------------------------- */
.sticky {
	display: block;
}

.post,
.page {
	margin: 0;
}

.updated:not(.published) {
	display: none;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 0 0;
}

.page-links {
	clear: both;
	margin: 0;
}

/* Comments
--------------------------------------------- */
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/* Widgets
--------------------------------------------- */
.widget {
	margin: 0 0 1.5em;
}

.widget select {
	max-width: 100%;
}

/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

/* Captions
--------------------------------------------- */
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/* Galleries
--------------------------------------------- */
.gallery {
	margin-bottom: 1.5em;
	display: grid;
	grid-gap: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	width: 100%;
}

.gallery-columns-2 {
	grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
	grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
	grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
	grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
	grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
	grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
	grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
	grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
	display: block;
}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/

/* Jetpack infinite scroll
--------------------------------------------- */

/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/

/* Accessibility
--------------------------------------------- */

/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
	outline: 0;
}

/* Alignments
--------------------------------------------- */
.alignleft {

	/*rtl:ignore*/
	float: left;

	/*rtl:ignore*/
	margin-right: 1.5em;
	margin-bottom: 1.5em;
}

.alignright {

	/*rtl:ignore*/
	float: right;

	/*rtl:ignore*/
	margin-left: 1.5em;
	margin-bottom: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.5em;
}


/*!
==============================================================================================================================
    ____             _                         __    _       __            __   ______                         
   / __ )__  _______(_)___  ___  __________   / /   (_)___  / /_____  ____/ /  /_  __/__  ____ _____ ___  _____
  / __  / / / / ___/ / __ \/ _ \/ ___/ ___/  / /   / / __ \/ //_/ _ \/ __  /    / / / _ \/ __ `/ __ `__ \/ ___/
 / /_/ / /_/ (__  ) / / / /  __(__  |__  )  / /___/ / / / / ,< /  __/ /_/ /    / / /  __/ /_/ / / / / / (__  ) 
/_____/\__,_/____/_/_/ /_/\___/____/____/  /_____/_/_/ /_/_/|_|\___/\__,_/    /_/  \___/\__,_/_/ /_/ /_/____/  
                                                                                                                                                               
============================================================================================================================== 

Colour changes:
green was  4EA263 now #75C093
blue was   2e4f79
purple was 946BC7 now #5C4171
red was    E4433F now #EB5C52
teal was never used #127F9E

Green #75C093 rgba(78,162,99,1)    
Red   #EB5C52 rgba(228,67,63,1)    
Blue  #2e4f79    
Gray  #707070
Purple #5C4171

dark blue #15345C
dark red #B22E2B

Tajawal Light   {font-family:'Tajawal','Gill Sans','Gill Sans MT',Calibri,Candara,Arial,sans-serif;font-weight:300;font-style:normal;}
Tajawal Regular {font-family:'Tajawal','Gill Sans','Gill Sans MT',Calibri,Candara,Arial,sans-serif;font-weight:400;font-style:normal;}
Tajawal Medium  {font-family:'Tajawal','Gill Sans','Gill Sans MT',Calibri,Candara,Arial,sans-serif;font-weight:500;font-style:normal;}
Tajawal Bold    {font-family:'Tajawal','Gill Sans','Gill Sans MT',Calibri,Candara,Arial,sans-serif;font-weight:700;font-style:normal;}

Libre Caslon Display  {font-family:'Libre Caslon Display','Big Caslon','Book Antiqua','Palatino Linotype','Times New Roman',serif;font-weight:400;font-style:normal;}

==============================================================================================================================
*/




/* override WP block font sizes options */
.has-small-font-size {font-size:1.5rem !important;line-height: 2.2rem;letter-spacing: normal;}

svg {width: 100%;height: auto;/*background-color:rgba(184,134,11,0.5);*/}
/*
.contentinner, .contentinnerfull, .entry-content > .wp-block-group > .wp-block-group__inner-container {
	width:1632px;padding:0px 20px 0 20px;margin:0 auto; max-width: 100%;}
.contentinnerfull {width:1592px;padding:0;}
.single .contentinner {width:1292px}
*/
#emblem {position: fixed;bottom: -10px;left: calc(50% - 520px);z-index: 10;max-width: 100%;height: auto;padding:0 20px;/*border:1px dashed cyan;*/border-bottom: none;}
#emblem svg {width: 1000px;max-width: 100%;opacity: 0.3;}
.page-id-17 #emblem,
.page-id-30 #emblem,
.page-id-32 #emblem {display:none;z-index:0;}
@media only screen and (max-width:1064px) {
	#emblem {left:0}
}
.site-header {height: 155px;width: 100%;position: absolute;top:0;left:0;z-index: 30;
	overflow:hidden; 
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;}
.site-header.open {height:100vh;}
.home .site-header {height:100vh;position: relative;}
.page-id-32 .site-header {height:auto; position: relative;overflow: initial; z-index: 2;}
.page-template-tpl-content-in-header .site-header,
.page-template-tpl-training-overview .site-header,
.page-template-tpl-training-hybrid-page .site-header {position: relative;overflow: initial; z-index: 2}
.content-in-header .site-header {height: auto;}

#page {width: 1920px; max-width: 100%; margin: 0 auto;padding:0; }


.tajawal {font-family:'Tajawal','Gill Sans','Gill Sans MT',Calibri,Candara,Arial,sans-serif!important;font-weight:400!important;}

#herovideoimagearea {position: relative;background-color: #000;}
#herovideo {position: absolute;z-index: 12;width: 100%;height: 100vh;object-fit: cover;}
.page-id-32 #herovideo,
.page-template-tpl-content-in-header #herovideo,
.page-template-tpl-training-overview #herovideo,
.page-template-tpl-training-hybrid-page #herovideo {position: fixed;}

.page-template-tpl-training-sub-page .site-header {position: relative;height: auto;  overflow: visible;}
.page-template-tpl-training-sub-page .site-header .header-content{position: relative;z-index: 15;color: #fff;}
.page.page-template-tpl-training-sub-page .site-main, .single .site-main {margin-top:0;}
.page-template-tpl-training-sub-page .videoholdingimg {}
.sp-intro {font-size: 3rem;line-height: 4rem;}
.sp-secondary {font-size: 2rem;line-height: 3rem;}
.sp-stats {display:flex;gap:40px}
.sp-stats div {width:50%;}
.sp-stats b,.sp-stats strong {font-size:10.0rem;line-height:1em;/*letter-spacing: 0.13em;*/font-weight: normal;}

.videoplaybutton, .videoplaybutton2 {
	box-sizing: border-box;
  width: 20px;
  height: 20px;
  border-style: solid;
  border-width: 10px 0px 10px 20px;
  border-color: transparent transparent transparent #fff;
	z-index: 30;
	position: absolute;
	top: calc(50% - 10px);
	left: calc(50% - 10px);
	cursor: pointer;
  }

.send-to-front {z-index: 15}
.send-to-back {z-index: 1;}
.xmenu {position: absolute; top:155px;left:0;opacity:0;width:100%;height:fit-content; min-height:calc(100vh - 155px);z-index: 15;
	-webkit-transition: opacity 0.5s ease;
    -moz-transition: opacity 0.5s ease;
    -o-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease}
.xmenu.zeroheight{height:0;min-height: 0;}
.xmenu.menu1 {background:/*#2e4f79*/ rgba(46,79,121,0.98);/* ALSO IN MEGA MENU THEME SETTINGS */}
.xmenu.menu2 {background: rgba(228,67,63,0.98);}
.xmenu.menu2.menu2blue {background:/*#2e4f79*/ rgba(46,79,121,0.98);}
.xmenu.menu1.menu1red {}
.xmenu.menu1.show, .xmenu.menu2.show {opacity:1;z-index: 16;}
.xmenu > .contentinner {display: none;}
.xmenu.show > .contentinner {display:block;height: 100%;}
.xmenu .marrow {display: flex;align-self: flex-end;flex-grow: 1;justify-content: flex-end;align-items: flex-end;}
.xmenu .marrow svg {margin-right:20px;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.xmenu .marrow svg path {stroke:rgba(255,255,255,0);-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
.xmenu a:hover .marrow svg {margin-right:0px;}
.xmenu a:hover .marrow svg path {stroke:rgba(255,255,255,1);}

.frame {display:flex;flex-direction: column;justify-content: space-between;height: 100%;padding:0 0 50px 0;color: #fff;}
.frametop {display: flex;flex-grow: 1;}
.framebot {padding-top:50px;display: none;}

.mtitle a, 
.frametop > a,
.frametop > .frametoppanel > a {color: #fff;text-decoration: none;display: flex;flex-direction: column;}
.frametop > a:hover,
.frametop > .frametoppanel:hover  {background-color: #15345C;}
.frametop > .frametoppanel > a.t2:hover {background:#2e4f79}
a.t1 {margin-bottom: 10px;}
.menu1 .frametop > a,
.menu1 .frametop > .frametoppanel {width: 285px;padding:50px 20px 20px 20px;}
.menu1 .mtitle {font-size:3rem;line-height: 4rem;/*letter-spacing:0.15em;*/padding: 0 80px 40px 0;text-transform: uppercase;font-weight: 300;}
.menu1 .mtitle2 {font-size: 1.5rem;line-height: 2.2rem;/*letter-spacing:0em;*/padding:5px;text-transform: uppercase;font-weight: 300;}
.menu1 .mdesc {font-size: 1.8rem;line-height: 3rem;/*letter-spacing:0;letter-spacing:0.1em;*/padding-right:80px;}

.menu2 .frametop > a,
.menu1.menu1red .frametop > a {width: 285px;padding:50px 20px 20px 20px;max-width: 25%;}
.menu2 .frametop > a:hover {background-color:#B22E2B;}
.menu2 .mtitle,
.menu1.menu1red .mtitle {font-size: 2.6rem;line-height: 2.6rem;/*letter-spacing:0.13em;*/padding: 0 70px 40px 0;text-transform: uppercase;font-weight: 300;}
.menu2 .mdesc,
.menu1.menu1red .mdesc {font-size: 1.5rem;line-height: 2.2rem;letter-spacing:0;padding-right:70px;}

.menutext {font-size:2.4rem;line-height:4rem;/*letter-spacing:0.13em; */
	font-family:'Libre Caslon Display','Big Caslon','Book Antiqua','Palatino Linotype','Times New Roman',serif;font-weight:400;font-style:normal;
	width:900px;max-width: 100%;
}
.xmenu .close {cursor: pointer;position: absolute;top:48px;right:40px;}
.close .lineleft {position: absolute;bottom:0;left:0;width:1px;height:38px;background-color:#fff;transform-origin: bottom left;transform: rotate(45deg);-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
.close .closetext {margin:0 13px 0 14px;color: #fff;overflow: hidden;width:0px;display: flex;justify-content: center;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
.close .lineright {position: absolute;bottom:0;right:0;width:1px;height:38px;background-color:#fff;transform-origin: bottom right;transform: rotate(-45deg);-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
.close:hover .lineleft {transform: rotate(0deg);height:27px;}
.close:hover .lineright {transform: rotate(0deg);height:27px;}
.close:hover .closetext {width:46px;}

@media only screen and (max-width:1175px) { 
	.menu2 .mtitle, .menu1.menu1red .mtitle,
	.menu2 .mdesc, .menu1.menu1red .mdesc {padding-right:0px;}
}
@media only screen and (max-width:1024px) { 
	.menu1 .mtitle, .menu2 .mtitle {padding: 0 40px 20px 0;}
	.menu1 .mdesc, .menu2 .mdesc {padding-right: 40px;}
	
}
@media only screen and (max-width:1024px) { 
	.menu1 .mdesc {font-size: 1.6rem;line-height: 2.7rem;}
	.menu2 .mdesc, 
	.menu1.menu1red .mdesc {padding-right: 0px;}
}
@media only screen and (max-width:1020px) { 
.menu1 .frametop > a {width: 181px;}
.menu2 .frametop > a {width: 201px;}
}
@media only screen and (max-width:768px) {
	.frametop {flex-direction: column;}
	.framebot, .xmenu .marrow {display:none}
	.xmenu .close {top: 28px;right: 20px;}
	.menu1 .frametop > a, 
	.menu2 .frametop > a, 
	.menu1.menu1red .frametop > a,
	.menu1 .frametop > a, .menu1 .frametop > .frametoppanel {width: 100%;max-width: 100%;padding: 20px 20px 0px 20px;}
	.menu1 .mtitle, 
	.menu2 .mtitle, 
	.menu1.menu1red .mtitle {padding: 0 40px 10px 0;}
	.menu1 .mdesc {font-size: 1.5rem;line-height: 2.2rem;letter-spacing: 0;padding-right:0;}
	.mtitle br {display: none; }
}
@media only screen and (max-width:600px) {
	.sp-intro {font-size: 2.5rem;line-height: 3rem;}
}  
.sliderbox {position: relative; z-index: 13;width:100%;height:calc(100vh - 155px);display: flex;flex-direction: column;color: #fff;}
.sliderboxtop {height:90px;display: flex;align-items: center;display: none;} 
.sliderboxtop h1 {font-weight:300;font-size: 5.0rem;/*letter-spacing: 0.15em;*/text-transform: uppercase;line-height: 0.8em;}
.sliderboxbot {flex-grow:1;display: flex;align-items: center;flex-direction: column;justify-content: center;} 
.mpe,.mpe2 {border-bottom: 1px solid #fff;width:100%;padding:0 calc(50% - 816px) 0px calc(50% - 816px);margin: 20px 0;
	font-weight:300;font-size: 5.0rem;/*letter-spacing: 0.3em;*/text-transform: uppercase;opacity:0.2;}
.mpeinner {padding:20px;}
.mpe2 {border-top: 1px solid #fff;border-bottom:0; padding:0px calc(50% - 816px) 0 calc(50% - 816px);}
.swaptext {position: relative;}
.swaptext .supatext100 {height: 1em;}
.swaptext .supatext100:last-child {height: 2em;}
.swaptext1 {position: absolute;}
.swaptext2 {position: absolute;}

.headerbar {display:flex;width:100%;max-width: 100%;margin: 0;padding:20px 0 0 0;/*height: 155px;*/position: relative;z-index: 155;flex-direction: column;background:#fff;}
.headerbar2 {display:flex;width:100%;max-width: 100%;margin: 0;padding: 0 calc(50% - 960px);justify-content: flex-end;/*height: 155px;border-bottom: 1px solid #fff;position: relative;*/z-index: 155;}
.headerlogo {justify-self: flex-start; align-self:center ; /*padding:0 20px 10px 36px;*/}
.headerlogo a {display: block;}
.headerlogo svg {height: 85px;}
.headerlinks {flex-grow:1;display: flex; justify-content: center; align-self:flex-end ;padding:0 20px 0px 20px;}
.headerlinks #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link,
.headerlinks a {color:#000; /*border:1px solid rgba(255,255,255,0); display: inline-block;*/padding:0 15px;margin-left:0px;text-decoration: none;
	text-transform: uppercase;font-size: 1.7rem;/*letter-spacing: 0.1em;*/
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;}
.headerlinks a:hover {/*border-color: rgba(255,255,255,1);*/}
.headerlinks .textwidget a {padding:0;margin: 0;/*position: absolute;top:0;right:0;*/}
.headersocial {/*width:163px;*/ align-self:flex-end ;padding:20px;position: absolute;top:0;right:0;}
.headerspacer {width:163px; align-self:flex-start ;padding:0 20px 10px 20px;display: none;}
.site-header2 .headersocial a {display: inline-block;width: 24px;height: 24px;}
.site-header2 .headersocial a svg path {fill:#000;cursor: pointer;}
.site-header2 .headersocial a.mogreen:hover svg path {fill:#75C093;}
.site-header2 .headersocial a.moblue:hover svg path {fill:#2e4f79;}    
.site-header2 .headersocial a.mored:hover svg path {fill:#EB5C52;}
.page.page-template-tpl-training-sub-page .headerbar {border-bottom:none;}
@media only screen and (max-width:1920px) {
	/*.headerbar {padding: 0;}*/
}
@media only screen and (max-width:1632px) {
	.mpe, .mpe2 {padding:0 20px 20px 20px;}
}
@media only screen and (max-width:1024px) { 
	.sliderboxtop{height:auto;padding:27px 20px;}
}
/* mega menu */
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.widget_text p {
	font-size: 1.5rem;
  line-height: 2.2rem;
  letter-spacing: 0;
  /* padding-right: 67px; */
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.widget_text p a {
	font-size: 2.6rem;
	line-height: 2.6rem;
	/* letter-spacing: 0.13em; */
	padding: 0 0 0 0; 
	text-transform: uppercase;
	font-weight: 300;
	display: block;
	/* min-height: 75px; */
  }
.site-header2 #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.mega-menu-item-object-page {
	padding: 0px 15px 0px 15px;
}
.site-header2 #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.mega-menu-item-object-page a,
.site-header2 #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.mega-menu-item-object-page a:hover {
font-size: 1.5rem;
  line-height: 2.2rem;
  letter-spacing: 0em;
  padding: 5px;
  text-transform: uppercase;
  font-weight: 300;
  color:#fff
}

/* only if not mobile */
@media only screen and (min-width: 991px) {
	.site-header2 #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item {padding: 0;}
	.site-header2 #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row.solutions-menu .mega-menu-column,
	.site-header2 #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row.whoweare-menu .mega-menu-column
	{min-height: 450px;width: 285px; padding: 50px 20px 20px 20px; max-width: 25%;}
	.site-header2 #mega-menu-wrap-menu-1 #mega-menu-menu-1[data-effect="fade_up"] li.mega-menu-item.mega-menu-megamenu > ul.mega-sub-menu{
		/* height: calc(100vh - 154px); */
	}

}
/* end only if not mobile */
.site-header2 #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item .textwidget p {color:#fff;}
.site-header2 #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item .textwidget a {color:#fff;text-decoration: none;padding: 5px;}
.site-header2 #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item .textwidget a:hover {color:#fff;text-decoration: none;background:#2e4f79;}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item .textwidget {min-height: 75px;}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 .solutions-menu > ul > li.mega-menu-column:hover {background:#15345C;}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 .whoweare-menu > ul > li.mega-menu-column:hover {/*background:#B22E2B;*/}
/*#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-row.solutions-menu {background:#2e4f79;}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-row.whoweare-menu {background:#EB5C52;}*/
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu:has(.whoweare-menu) {/*background: rgba(228,67,63,0.98);*/}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row >ul {
	width:1632px;padding:0px 20px 0 20px;margin:0 auto; max-width: 100%;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu li.whoweare-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover {
	/*background: rgba(228,67,63,1);*/
}
/* mega menu force open */
.site-header2 #mega-menu-wrap-menu-1 #mega-menu-menu-1[data-effect="fade_up"] li.mega-menu-item.mega-menu-megamenu > ul.mega-sub-menu:has(.whoweare-menu),
.site-header2 #mega-menu-wrap-menu-1 #mega-menu-menu-1[data-effect="fade_up"].mega-no-js li.mega-menu-item:hover > ul.mega-sub-menu, 
.site-header2 #mega-menu-wrap-menu-1 #mega-menu-menu-1[data-effect="fade_up"].mega-no-js li.mega-menu-item:focus > ul.mega-sub-menu, 
.site-header2 #mega-menu-wrap-menu-1 #mega-menu-menu-1[data-effect="fade_up"] li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu, 
.site-header2 #mega-menu-wrap-menu-1 #mega-menu-menu-1[data-effect="fade_up"] li.mega-menu-item.mega-menu-megamenu.mega-toggle-on ul.mega-sub-menu {
    /* opacity: 1;visibility: visible;  
    transform: translate(0, 0);   */
}

#heroimage {position: relative;height:600px;min-height:600px;background: #000;}
@media only screen and (min-width:1400px) { 
	#heroimage {height:750px;min-height:750px;}
}
#heroimage img {object-fit:cover;object-position:right top;height:100%;width:100%;position: absolute;z-index: 0;}
@media only screen and (max-width:990px) { /* mobile menu */
	#heroimage {height:550px;min-height:550px;}
	#heroimage img {object-position: 80% top;} 
	.mega-menu-menu-1-mobile-open #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item .textwidget {min-height: 0;}
	body #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item {padding: 0;}

}

.herocontent {position: relative;z-index: 2;width:1712px;width:1332px;max-width: 100%;padding:20px 40px;margin: 0 auto;display: flex; flex-direction: column; justify-content: center; height: 100%;}
.herotitle, .herotitleblack {color:#fff;width:900px;max-width: 100%;font-size: 9rem;letter-spacing: 0;line-height: 8rem;text-transform: uppercase;
	margin-bottom: 0;width:50%;}
.herotitleblack {color:#000;width: 100%;}
.herotitlealt {font-size: 5.7rem;line-height: 1;}
.herocontent:has(.herotitlealt) {justify-content: flex-start;padding-top: 180px;}
.herotext {color:#fff;width:900px;max-width: 100%;font-size: 4rem;line-height: 5.7rem;letter-spacing: 0;
	font-size: 3.5rem;line-height: 4.6rem;width:50%;}
.herobutton {/*font-size: 2rem;line-height: 1;*/}
.herobutton a {display: inline-block; color:#fff;padding:4px 20px; text-decoration: none;}
.herotint {/*background-color: #000;opacity:0.6;
	position: absolute;z-index:1;width: 100%;height: 100%;
	background: rgb(0,0,0,0.6);
	background: -moz-linear-gradient(90deg, rgba(0,0,0,0.8967787798713235) 0%, rgba(0,0,0,0.85) 33%, rgba(0,0,0,0.35) 85%, rgba(0,0,0,0.35) 100%);
	background: -webkit-linear-gradient(90deg, rgba(0,0,0,0.8967787798713235) 0%, rgba(0,0,0,0.85) 33%, rgba(0,0,0,0.35) 85%, rgba(0,0,0,0.35) 100%);
	background: linear-gradient(90deg, rgba(0,0,0,0.8967787798713235) 0%, rgba(0,0,0,0.85) 33%, rgba(0,0,0,0.35) 85%, rgba(0,0,0,0.35) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
	*/
}
.herotint {background-color: #000;opacity:0.35;position: absolute;width: 100%;height: 100%;}
.herotint2 {position: absolute;width: 100%;height: 100%;
  /* 
  background: -moz-linear-gradient(90deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.6) 45%, rgba(0,0,0,0) 80%);
  background: -webkit-linear-gradient(90deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.6) 45%, rgba(0,0,0,0) 80%);
  background: linear-gradient(90deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.6) 45%, rgba(0,0,0,0) 80%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
  */
	background: -moz-linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 25%, rgba(0,0,0,0) 50%);
	background: -webkit-linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 25%, rgba(0,0,0,0) 50%);
	background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 25%, rgba(0,0,0,0) 50%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
}
@media only screen and (max-width:1399px) { 
	.herotitle {font-size:5.8vw;line-height:5.15vw;}
	.herotext {font-size:2.25vw;line-height:2.95vw;}
	.herotitlealt {font-size: 4.2rem;line-height: 1;}
	.herocontent:has(.herotitlealt) {padding-top: 145px;}
}
@media only screen and (max-width:1100px) { 
	.herocontent {padding:20px 20px;}
	.herocontent:has(.herotitlealt) {padding-top: 135px;}
}





.site-main h1,.site-main h2,.site-main h3,.site-main h4,.site-main h5,.site-main h6,.site-main p,.site-main a {
	position: relative;z-index: 15 /* this wont work as parent (site-main) is lower than emblem already */;
}
.page .site-main, .single .site-main {/*margin-top:155px;*/position: relative;/*z-index: 5;*//*background-color: #fff;*/}
.site-main.pushdown {margin-top:155px;position: relative;} 
.page .site-main .contentinner {padding-top:100px;padding-bottom:100px;}
.page.page-template-tpl-training-sub-page .site-main .contentinner {padding-top:0;padding-bottom:0;}
.home.page .site-main {margin-top:0;}

.page-id-32.page .site-main {margin-top: 0px;z-index: 5;}
.page-id-32.page #newsletter {z-index: 5;}

.page-template-tpl-content-in-header .site-main,
.page-template-tpl-training-overview .site-main,
.page-template-tpl-training-hybrid-page .site-main {position: relative;z-index: 13;color:#fff;}
.page-template-tpl-content-in-header .header-content,
.page-template-tpl-training-overview .header-content,
.page-template-tpl-training-hybrid-page .header-content  {position: relative;z-index: 13;color:#fff;padding-bottom: 0;}
.page-template-tpl-content-in-header .extra-content,
.page-template-tpl-training-overview .extra-content,
.page-template-tpl-training-hybrid-page .extra-content {position: relative;z-index: 9;color:#fff;padding-bottom: 0;}
.page-template-tpl-training-overview .extra-content,
.page-template-tpl-training-hybrid-page .extra-content {padding-bottom:100px;}
.page-template-tpl-content-in-header .orc-box,
.page-template-tpl-training-overview .orc-box,
.page-template-tpl-training-hybrid-page .orc-box {position: relative;z-index: 9;color:#fff;padding-bottom: 0;}

article {padding:0;}
.entry-content > .wp-block-group  {padding: 100px 0;}
.site-header svg path.logotext,
.site-header2 svg path.logotext {fill:#000;}
.site-footer svg path.logotext {fill:#2e4f79;}

.longest-word-wrap {width: 800px;max-width: 100%;}
header.longest-word-wrap, .longest-word-wrap-title {width: 880px;padding:50px 0 0px 0;max-width: 100%;}
.max-image-width {width:1295px;max-width: 100%;line-height: 1px;}

article.page .entry-header h1 {padding-bottom:50px;}
article.post .entry-header h1, article.casestudy .entry-header h1 {width: 1000px;max-width: 100%;}
article.post .entry-header h1 {font-size: 4.0rem; line-height: 3.5rem; letter-spacing: 0; margin: 0.5em 0; padding-top: 20px;}
article.post .entry-content p, article.casestudy .entry-content p, article.team .entry-content p,
article.post .entry-content ol, article.casestudy .entry-content ol, article.team .entry-content ol,
article.post .entry-content ul, article.casestudy .entry-content ul, article.team .entry-content ul {
	font-size: 1.8rem;line-height: 2.7rem;width: 800px;max-width: 100%;
}
article.post .entry-content p:first-child {font-size: 3rem;line-height: 1.2em;margin-bottom: 3.5rem;	/*letter-spacing: 0.1em;*/}
.intro-text {font-size: 3rem;line-height: 5rem; /*letter-spacing:0.13em;*/padding-bottom:20px}

.supatext,
.supatext30,
.supatext40,
.supatext50,
.supatext60,
.supatext90,
.supatext100,
.supatext114,
.supatext130,
.supatext160,.supatext162
 {font-size:16.2rem;font-size:11.4rem;line-height:1em;/*letter-spacing: 0.13em;*/ text-transform: uppercase; 
	/*font-family:'Libre Caslon Display','Big Caslon','Book Antiqua','Palatino Linotype','Times New Roman',serif;*/
	font-weight:400;font-style:normal;margin:0;}
.supatext30 {font-size:3.0rem;}
.supatext40 {font-size:4.0rem;}
.supatext50 {font-size:5.0rem;}
.supatext60 {font-size:6.0rem;}
.supatext90 {font-size:9.0rem;}
.supatext100, .sp-stats b,.sp-stats strong {font-size:10.0rem;}
.supatext114 {font-size:11.4rem;}
.supatext130 {font-size:13.0rem;font-size:11.4rem;}
.font40 {font-size:4.0rem;font-weight: normal;line-height: 4rem;}
.notallcaps {text-transform: initial;letter-spacing: initial;}

.our-offer {color:#EB5C52;font-size:15.0rem;  padding-bottom: 40px;}

body #mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner, 
body #mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::before, 
body #mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::after {background-color:#000;}

@media only screen and (max-width:1631px) { 
	.mpe, .mpe2 {padding:0 0 20px 0;font-size: 3.0vw;width:calc(100% - 70px);margin-right:calc(70px);}
	.mpe2 {padding:20px 0 0 0;}
	/* divde by 16.3 eg 114/16.3 = 9.9 */
	.supatext,.supatext162,.supatext160 {font-size:9.9vw;font-size:7vw;}
	/*.supatext30 {font-size:1.8vw;}*/
	.supatext40 {font-size:2.5vw;}
	.supatext50 {font-size:3.1vw;}
	.supatext60 {font-size:3.7vw;}
	.supatext90 {font-size:5.5vw;}
	.supatext100 {font-size:5.8vw;}/* was 6.1 - needs 5.9 tablet portrait, 5.8 mobile, maybe use 16.9 or 17.0 instead */
	.supatext114 {font-size:7vw;}
	.supatext130 {font-size:8.0rem;font-size:7vw;}
	.our-offer {font-size:10vw;padding-bottom: 40px;}
	.swaptext .supatext100:last-child {font-size:5.3vw;}
}
@media only screen and (max-width:1400px) { 
    .headersocial {/*position: absolute;top: 20px;right: 0;width: auto;*/}
}
@media only screen and (max-width:1000px) { 
	/*.supatext,.supatext162,.supatext160 {font-size:9.9rem;}*/
	/*.supatext30 {font-size:1.8vw;}*/
	.supatext,.supatext162,.supatext160 {font-size:4.5rem;}
	.supatext40 {font-size:2.5rem;}
	.supatext50 {font-size:3.1rem;}
	.supatext60 {font-size:3.7rem;}
	.supatext90 {font-size:5.5rem;}
	.supatext100 {font-size:5.8rem;font-size: 4rem;}
	.sliderbox .supatext100 {font-size:5.8vw;}
	.supatext114 {font-size:7rem;font-size: 4.5rem;}
	.supatext130 {font-size:8.0rem;font-size: 4.5rem;}
	.our-offer {font-size:9rem;padding-bottom: 30px;}
}
@media only screen and (max-width:800px) { 
	.headerlogo {position: absolute;top: 14px;left: 0px;width: 395px;	padding: 0 140px 0 20px;max-width: 100%;}
	.headerlogo svg {height: 53px;}
}
@media only screen and (max-width:800px) { 
	.headerlinks {flex-wrap:wrap; justify-content:center; align-self:flex-end;padding:10px 20px 9px 20px;}
	.headerbar2 {max-width: 34%;margin:0 33%;}
}
@media only screen and (max-width:400px) { 
	.sliderbox .supatext100 {font-size:5.2vw;}
}
#back2top {position: fixed;top:50%;right:20px;z-index: 100;opacity:0.01;transition:opacity 0.25s;width:22px;height: 66px;}
#back2top.show {opacity:1;}
#back2top a {display: flex;
	border: 1px solid #B2B2B2;
	width: 34px;
	height: 92px;
	padding: 0;
	align-items: center;
	justify-content: center;}
#back2top a svg {width:9px;}
#back2top a:hover svg path {stroke:#fff;border-color:#fff;} 



.page.page-template-tpl-training .site-main .contentinner {
	padding-top: 50px;
	padding-bottom:0;
}
.page.page-template-tpl-training .site-main .site-secondary .contentinner {
	padding-top: 0;
}
.single .site-main .contentinner {
	padding: 100px 0;
	padding: 50px 20px 100px 20px;
}
.single .site-main .contentinner.equal {
	padding: 50px 20px 50px 20px;
}
.mycols {display:flex;}
.mycols.blue {color:#2e4f79;} 
.mycols .mycol {padding: 100px 60px 100px 0;width:50%;}
.mycols .mycol2 {padding: 100px 0 100px 60px;border-left:1px solid #fff;width:50%;}
.mycols.blue .mycol2 {border-left:1px solid #2e4f79;}
.mycols .mycol45full {padding: 100px 0px 100px 0;width:45%;}
.mycols .mycol55full {padding: 100px 0 100px 0px;width:55%;}
.site-secondary .mycols .mycol {padding-top:0;}
.site-secondary .mycols .mycolimg {padding:0 0 10px 10px;}
.line {position:absolute; bottom:0;left:50%;height: 40px;border-left:1px solid #fff;}

#herovideoimagearea2 {position: fixed;top:0;background:#000;width: 100%;height: 100vh;z-index: -1;}
#herovideoimagearea2.lift {z-index:2;}
.page-id-21 #herovideoimagearea2,
.page-id-781 #herovideoimagearea2 {background: url(/wp-content/uploads/2022/11/video_training_sales.png) center center no-repeat;background-size: cover;}
.page-id-24 #herovideoimagearea2 {background: url(/wp-content/uploads/2022/11/video_training_leadership.png) center center no-repeat;background-size: cover;}
.page-id-26 #herovideoimagearea2 {background: url(/wp-content/uploads/2022/11/video_training_trainers.png) center center no-repeat;background-size: cover;}
#herovideo2 {width: 100%;height: 100vh;object-fit: cover;}
.videowindow {min-height: 100vh;}
.videowindowinner {position: fixed;top:0;}

.anothervideowindow .contentinner {position: relative;z-index:2;}

.center {text-align: center;}
#filter {display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;padding: 10px;border: 1px solid #fff;}
#filter label {display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;}
#filter label span {font-size: 3rem;/*letter-spacing: 0.13em;*/text-transform: uppercase; font-weight:400;font-style:normal;display:flex;padding:0 40px;align-items: center; font-family:'Libre Caslon Display','Big Caslon','Book Antiqua','Palatino Linotype','Times New Roman',serif;}
#filter select {height: 50px;border:none;text-transform: uppercase;border-radius: 0;border:none;}
#filter button {border:none;background-color:#EB5C52;color:#fff;border-radius: 0;height: 50px;text-transform: uppercase;}

#filter2 {display: flex;gap: 20px;justify-content: center;}
#filter2 label {background:#707070;display:inline-block;color:#fff;padding: 8px 20px;text-align: center;cursor:pointer}
#filter2 label:has(input:checked) {background-color:#EB5C52;}
#filter2 label.label-all:has(input:checked) {background-color:#000;}
#filter2 label.label-business-skills:has(input:checked) {background-color:#5C4171;}
#filter2 label.label-leadership-development:has(input:checked) {background-color:#2e4f79;}
#filter2 label.label-sales-training:has(input:checked) {background-color:#75C093;}
#filter2 label.label-learning-insights:has(input:checked) {background-color:#127F9E;}
#filter2 label input {
	border: 0;
	clip: rect(1px,1px,1px,1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
	word-wrap: normal !important;
  }

.page-id-30 .entry-header {padding: 0;}
.page-id-30 article.page .entry-header h1 {font-size: 8rem;padding: 0;}

.postnav {display: flex;justify-content: space-between;padding: 50px 0 0 0;}
.postnav a {display: inline-block;border:1px solid #A8A8A8; padding:10px 20px;}
.postnav .left a, .postnav .right a {
	z-index: 20;  position: relative;display: -webkit-inline-flex;display: -ms-inline-flexbox;display: inline-flex;min-height: 50px;align-items: center;
	border:1px solid #A8A8A8;
	padding:0px 20px;text-decoration: none; 
    text-transform: uppercase;line-height: 1em;
}
.postnav .left a {}
.postnav .left a:before,.postnav .right a:after {
	background-image:url('/wp-content/themes/blt/images/button-arrows.png');
	background-position: right top -52px;
	background-repeat: no-repeat;
	background-size:98px 104px;
	margin:0;
	height: 50px;
	width:160px;
	content: '';
}
.postnav .left a:before {margin:0; transform:scaleX(-1);}
.postnav .left a:hover,.postnav .right a:hover {background-color:#A8A8A8;color:#fff;}
.postnav .left a:hover:before,.postnav .right a:hover:after {
	background-position: right top;
}

.postnav .left a.backto,
.postnav .right a.backto {padding:0px 20px;}

.btnrev a:hover {background-position: left 15px top -52px;}
.postnav .btn a, .postnav .btnrev a {border-color:#000;color:#000;background-position: right 15px top -52px;}
.postnav .btn a:hover , .postnav .btnrev a:hover  {border-color:#fff;color:#fff;background-color:#000;background-position: right 15px top;}

.casestudy .post-thumbnail {padding-bottom:100px;max-width: 166px;}
.single .entry-header {padding-bottom:60px;} 
.single article.post .entry-header {padding-bottom:1px;} 
.single .team .entry-header {padding-top: 40px;}
.single .trole {color:#EB5C52;}

.teampanel {display:flex;flex-wrap: wrap;}
.teampanel a {position: relative;z-index: 13; display:block;width:25%; background-color:#fff;text-decoration: none;
	-webkit-transition: background-color 0.5s ease;
	-moz-transition: background-color 0.5s ease;
	-o-transition: background-color 0.5s ease; 
	transition: background-color 0.5s ease}
.tpanelleft {width:100%;display: flex;flex-direction: column;}
.tpanelimage {width: 240px;height: 240px;opacity:1;
	-webkit-transition: opacity 0.5s ease;
	-moz-transition: opacity 0.5s ease;
	-o-transition: opacity 0.5s ease; 
	transition: opacity 0.5s ease}
.tpanelname {height: 205px;width:260px;max-width:100%; padding:80px 20px 0 20px;font-weight: 300;font-size:2rem;line-height: 2.5rem; /*letter-spacing:0.05em;*/text-transform: uppercase;color:#000;}
.tpanelname .trole {color:#EB5C52;}
.tpanelname, .tpanelname .trole {-webkit-transition: color 0.5s ease; -moz-transition: color 0.5s ease; -o-transition: color 0.5s ease; transition: color 0.5s ease}
.tpanelarrow {height: 41px;align-self: flex-end;padding:0 20px 20px 0;}
.tpanelarrow svg {height: 21px;}
.tpanelarrow svg path {stroke:#535353;
	-webkit-transition: stroke 0.5s ease;
	-moz-transition: stroke 0.5s ease;
	-o-transition: stroke 0.5s ease; 
	transition: stroke 0.5s ease}
.teampanel a:hover {background-color:#EB5C52;}
.teampanel a:hover .tpanelimage {opacity:0;}
.teampanel a:hover .tpanelname,
.teampanel a:hover .tpanelname .trole {color:#fff;}
.teampanel a:hover .tpanelarrow svg path {stroke:#fff;}

.tenpad {padding:10px 0;}

.ffgrid {display:grid;
	/* grid-template-columns: 1fr 1fr; */
	grid-template-columns: auto auto;
	border-top:1px solid #ccc;margin: 1em 0 2em;}
.ff {border-bottom:1px solid #ccc;padding:20px 20px 20px 40px;}
.ffv {border-bottom:1px solid #ccc;padding:20px 40px 20px 20px;}

.noresultsbox {padding: 100px;text-align: center;}

@media only screen and (min-width:782px) and (max-width:1200px) { 
	.single-casestudy .results .ffgrid {display: block;}
	.single-casestudy .results .ff {padding: 20px 0 0 0; border-bottom: none;}
	.single-casestudy .results .ffv {font-size: 4rem; padding: 20px 0 20px;}
}
.clientquote {padding:0 100px;text-align: center;}
.casestudytitle1 {padding:40px 0 40px 0;}
.casestudy h1 {line-height: 1em;padding-bottom: 60px;}
.single.single-casestudy .entry-header {padding-bottom: 20px;}
.notopbotpad {padding-top:0!important;padding-bottom:0!important;}
.cschallage, .csresults {margin-top: 4em;}
#testimonials .owl-carousel .owl-item > div.quoteslide {font-size: 90px;}
#testimonials .owl-carousel .owl-item > div > span { display: inline;}
.quotemark {font-size: 90px;
	position: relative;
	bottom: -30px;
	line-height: 0px;;}

.subpagelist {padding-bottom: 100px;position: relative;z-index:11;}
.subpagelist a {text-decoration: none;}
.subpagelist a:hover {text-decoration: underline;}
.subpagelist ol {
	padding: 0;margin: 0;
	counter-reset: items;
}
.subpagelist li {
	display: block;
	counter-increment: items;
}
.subpagelist li:before {
	content: "0" counter(items)" ";
}
.subpagelist li, .subpagelist li a, .subpagelist li a:visited, .subpagelist li a:active, .subpagelist li a:focus, .subpagelist li a:hover {color:#2e4f79;}
.subpagelistheader li, .subpagelistheader li a, .subpagelistheader li a:visited, .subpagelistheader li a:active, .subpagelistheader li a:focus, .subpagelistheader li a:hover {color:#fff;}
li.current_page_item,li.current_page_item a,li.current_page_item a:visited {color:#EB5C52;}
.subpagelistheader {padding:40px 0;display: flex;align-items: flex-end;justify-content: flex-end;}

.panel-pos {position: relative;z-index: 2;}

@media only screen and (max-width:1024px) { 
	.single .entry-header {padding-bottom:40px;} 
	.menu2 .mtitle,
	.menu1.menu1red .mtitle {min-height: 67px;}
	.menu1 .frametop > a {width: 33%;}
}
@media only screen and (max-width: 990px) {
	#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.mega-toggle-on > a.mega-menu-link {color: #000!important;}
	#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu {padding: 10px 0;}
	#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.widget_text p {padding-right: 0;}
	.site-header2 #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.mega-menu-item-object-page:last-child {
		padding: 0px 15px 15px 15px;
	}
	body.mega-menu-menu-1-mobile-open #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link
	,body.mega-menu-menu-1-mobile-open #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link
	,body.mega-menu-menu-1-mobile-open #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link  
	{
		color: #ffffff;
		background: #EB5C52;
	}
	
}
@media only screen and (max-width:960px) { 
	.teampanel a {width:33%;}
}
@media only screen and (max-width:900px) {
	.herotitle, h2 {font-size:7.0rem;line-height:7rem;}
	.herotext {font-size: 3rem;  line-height: 4rem;}
	.herotitlealt {font-size: 4rem;line-height: 1;}
	.herocontent:has(.herotitlealt) {padding-top: 40px;}
}
@media only screen and (max-width:768px) { 
	.postnav .left a::before, .postnav .right a::after {width: 0;}
	.menu2 .mtitle, .menu1.menu1red .mtitle {min-height: 34px /*91px*/;}
	.menu2 .mdesc, .menu1.menu1red .mdesc {padding-bottom: 20px;}
	.menu2 .frametoppanel .mdesc, .menu1.menu1red .frametoppanel .mdesc {padding-bottom: 0px;}
	.frametop >.frametoppanel, .frametop > a {padding-bottom: 20px;}
	.mpe { /* one-word-per-line */
		word-spacing: 9999999999px; 
	}
	.mpeinner{
		width: min-intrinsic;
		width: -webkit-min-content;
		width: -moz-min-content;
		width: min-content;
		display: table-caption;
		display: -ms-grid;
		-ms-grid-columns: min-content;
	}
}
@media only screen and (max-width:720px) { 
	.teampanel a {width:50%;}
	.mpe, .mpe2 {font-size: 7vw;font-size:5.3vw;line-height: 0.9em;}
	.mpeinner {padding: 0 20px;}
	#filter2 {flex-direction: column;}
}
@media only screen and (max-width:650px) { 
	.herotitle, h2 {font-size:5.0rem!important;line-height:5rem;}
	.herotext {font-size: 2.5rem;line-height: 3.2rem;}
	.herotitlealt {font-size: 3.6rem !important;line-height: 1;}
}
@media only screen and (max-width:600px) { 
	.hide-on-mobile {display: none;}
	.mycols {flex-direction: column;}
	.mycols .mycol {padding:10px 0;width:100%;border:none;}
	.hometraining a {width: 100%;}
	header.longest-word-wrap, .longest-word-wrap-title {padding: 0;}
	.menu1 .frametop > a {width: 100%;}
	.menu2 .mtitle,.menu1.menu1red .mtitle {min-height: 1px;}
	.headerlinks a {height: auto;display: flex;align-items: center;justify-content: center;}
	#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.widget_text p a {padding: 0;}
	/*.headerlogo {top: 3px;width: 350px;}*/
	.single .site-main .contentinner {padding: 40px 20px 100px 20px;}
	.postnav {padding-bottom: 40px;}
	.single .entry-header {padding-bottom: 12px;}
    .subpagelistheader {justify-content: flex-start;}
	.cssolution {margin-top: 4em;}
}
@media only screen and (max-width:550px) { 
	#heroimage {height: auto;min-height: 0;overflow-x: hidden;}
	#heroimage img {position: relative;
		top: 0;
		left: 0;
		width: auto;
		object-fit: initial;
		z-index: 2;
		object-position: unset;
		height: auto;
		left: -20vw;
		width: 120vw;
		max-width: none;}
	.herocontent {display: block;height: auto;background:#000;}
	.herotitle, .herotext {width:100%;}
	.herotint, .herotint2 {display:none;}
	.herocontent:has(.herotitlealt) {padding-top:0;}
}
@media only screen and (max-width:480px) { 
	.teampanel a {width:100%;}
	article.post .entry-content p:first-child {font-size: 2.2rem;}
	.menu2 .mdesc, .menu1.menu1red .mdesc {padding-bottom: 13px;}
}