@charset "UTF-8";

html,
html * {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

body {
  font-family: arial, sans-serif;
  font-size: 1vw;
  background: #000;
}

p {
	font-size: 16px;
	font-family: sans-serif;
	line-height: 1.3;
		}
.menu {
    position: relative;
    height: 7vw;
    background-color: #fff;
}
.intro {
  position: relative;
  color: #343144;
  background: #f5f5f5;
  height: 13vw;
  padding: 5em 6em 8em;
}

.headline {
  position: relative;
	text-align: center;
  width: 100%;
  overflow: hidden;
}



h1 {
	color: #000;
	font-size: 36px;
	font-family: sans-serif;
	line-height: 2;
		}
h2 {
	color: #000;
	font-weight: 300;
	font-size: 20px;
	font-family: sans-serif;
		}
h3 {
	color: #000;
	font-weight: 600;
	font-size: 15px;
	font-family: sans-serif;
	line-height: 1.3;
		}
.sel_label {
	color: #000;
	font-weight: 600;
	font-size: 17px;
	font-family: sans-serif;
	line-height: 1.3;
		}
h4 {
	color: #fff;
	font-size: 24px;
	font-family: sans-serif;
	line-height: 2;
		}
h5 {
	color: #00b6b3;
	font-weight: 600;
	font-size: 20px;
	font-family: sans-serif;
	line-height: 1.5;
		}
h6 {
	color: #000;
	font-size: 24px;
	font-family: sans-serif;
	line-height: 2;
		}

.button{
	color: #000;
	font-weight: 400;
	font-size: 16px;
	font-family: sans-serif;
	/* line-height: 1.2; */
	padding: 1em;
	margin: 1em;
	vertical-align: middle;
	border-color: #000;
	background: #f3f3f3;
	position:relative;
		}

.button-dark{
	color: #fff;
	font-weight: 400;
	font-size: 16px;
	font-family: sans-serif;
	line-height: 1.3;
	padding: 1em;
	margin: 2em;
	vertical-align: middle;
	border-color: #fff;
	background: #000;
		}
.button-dark2{
	color: #fff;
	font-weight: 400;
	font-size: 16px;
	font-family: sans-serif;
	line-height: 1.3;
	padding: 1em;
	margin: 2em;
	vertical-align: middle;
	width: 140px;
	background: #000;
		}

.location {
  position: relative;
  background: #fff;
  height: 10vw;
  padding: 0em 14em 0em 14em;
}
.locationsearch {
  display: flex;
}

.locationsearch figure {
  position: relative;
  vertical-align: middle;
  padding: 5% 5%;
  background: #000;
  width: 35%;
  color: #fff;

}

.mainarea {
  position: relative;
  background: #fff;
  display: flex;
  padding: 0em 11em 0em 11em;
}
.mainareacolumns {
  display: flex;
}

.mainareacolumns div#left {
  position: relative;
  vertical-align: middle;
  padding: 5% 5% 10% 5%;
  background: #fff;
  /* width: 40%; */
  width: 500px;
  color: #000;
  line-height: 2.3;

}
.mainareacolumns div#right {
  position: relative;
  vertical-align: middle;
  padding: 5% 0% 10% 0%;
  background: #fff;
  /* width: 60%; */
  color: #000;
  line-height: 2.3;

}

.all_cat {
  position: relative;
	display: inline-block;
	vertical-align: middle;
  background: #7d7fbd;
  /* width: 2%; */
	height: 130px;

}

.all_events {
  position: relative;
	display: inline-block;
	vertical-align: middle;
  background: #7d7fbd;
  /* width: 2%; */
	height: 130px;

}

.leadership {
  position: relative;
	display: inline-block;
	vertical-align: middle;
  background: #7d7fbd;
  /* width: 2%; */
	height: 130px;

}

.sales {
  position: relative;
	display: inline-block;
	vertical-align: middle;
  background: #83c34c;
  /* width: 2%; */
	height: 130px;

}

.people {
  position: relative;
	display: inline-block;
	vertical-align: middle;
  background: #ffc709;
  /* width: 2%; */
	height: 130px;

}

.presentation {
  position: relative;
	display: inline-block;
	vertical-align: middle;
  background: #00b6b3;
  /* width: 2%; */
	height: 130px;

}

.service {
  position: relative;
	display: inline-block;
	vertical-align: middle;
  background: #0091d0;
  /* width: 2%; */
	height: 130px;

}
.coursecard {
  position: relative;
	display: inline-block;
  vertical-align: middle;
  background: #f3f3f3;
  width: 150px;
	height: 130px;
  color: #fff;

}
.coursecard-title {
  position: relative;
	display: inline-block;
  vertical-align: middle;
  background: #f3f3f3;
  width: 350px;
	height: 130px;
  color: #000;
	padding: 2% 2% 2% 2%;

}
.coursecard4 {
  position: relative;
	display: inline-block;
  vertical-align: middle;
  background: #f3f3f3;
  width: 10%;
	height: 130px;
  color: #fff;

}

.coursecard-register {
  position: relative;
  display: inline-block;
  vertical-align: middle;
	text-align: right;
  background: #f3f3f3;
  width: 33%;
  color: #fff;

}
.coursecard-info {
  position: relative;
	display: inline-block;
  vertical-align: top;
  background: #f3f3f3;
  width: 60%;
  color: #000;
  padding: 7% 0% 2% 2%;


}
hr {
  margin: 3em 3em 3em 0em;

}


.footermenu {
  position: relative;
  background: #000;
  height: 10vw;
  padding: 0em 14em 0em 14em;
}
.footermenulists {
  display: flex;
}

.footermenulists house {
  position: relative;
  vertical-align: middle;
  padding: 5% 5%;
  background: #000;
  width: 50%;
  color: #fff;

}


.course-names {
  position: relative;
  width: 100%;
	height: 300px;
  overflow: hidden;
}

.course {
  display: flex;
}

.course .leadership-title {
  padding: 0% 0 0% 20%;
  background: #7d7fbd;
  width: 60%;
	Height: 300px;
}
.course figure {
  position: relative;
  vertical-align: middle;
  padding: 10% 10%;

}
.course .course-dates {
  background: #f3f3f3;
  width: 40%;
  padding: 0% 0 0% 0%;
}
.course-region {
  position: relative;
	display: inline-block;
  vertical-align: middle;
  background: #fff;
  width: 100%;
	
  color: #000;
	padding: 2% 2% 2% 2%;
	margin-top: 6%;

}

.description-text {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.description {
  display: flex;
}

.description .text-sections {
  padding: 0% 0 0% 20%;
  background: #fff;
  width: 60%;
}
.description figure {
  position: relative;
  vertical-align: middle;
  padding: 0% 10%;
  background: #fff;
}
.description .generated {
  background: #f3f3f3;
  width: 40%;
	padding: 0% 0% 0% 4%;
}

footer {
  margin-top: -3em;
  padding: 8.75em 0 2em;
  height: 10vw;
  background-color: #000000;
color: #ffffff;
}

/* logo styles start here */
.logo-img{
    position: relative;
    margin: 6px 15px 15px 40px;
}
.logo-footer{
    position: relative;
	text-align: right;
    margin: 6px 15px 15px 40px;
}
.bg-div{
    background:#333;
}

.titles-img{
    margin: 15px 0px 10px 0px;
}

/* navigation styles start here */

header {
  text-align: left;
  position: fixed;
  z-index: 999;
  width: 100%;
  background-color: #FFF;
}


.nav-toggle {
  position: absolute !important;
  top: -9999px !important;
  left: -9999px !important;
}

.nav-toggle:focus ~ .nav-toggle-label {
  outline: 3px solid rgba(173,216,230, .75);
}

.nav-toggle-label {
  position: absolute;
  top: 0;
  left: 0;
  margin-left: 1em;
  height: 100%;
  display: flex;
  align-items: center;
}

.nav-toggle-label span,
.nav-toggle-label span::before,
.nav-toggle-label span::after {
  display: block;
  background: white;
  height: 2px;
  width: 2em;
  border-radius: 2px;
  position: relative;
}

.nav-toggle-label span::before,
.nav-toggle-label span::after {
  content: '';
  position: absolute;
}

.nav-toggle-label span::before {
  bottom: 7px;
}

.nav-toggle-label span::after {
  top: 7px;
}

nav {
  position: absolute;
  text-align: left;
  top: 100%;
  left: 0;
  width: 100%;
  transform: scale(1, 0);
  transform-origin: top;
  transition: transform 400ms ease-in-out;
}

nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

nav li {
  margin-bottom: 1em;
  margin-left: 1em;
  list-style-type: none;
}

nav a {
  color: #000000;
  text-decoration: none;
  font-size: 1.2rem;
  opacity: 0;
  transition: opacity 150ms ease-in-out;
}

nav a:hover {
  color: #000;
}

.nav-toggle:checked ~ nav {
  transform: scale(1,1);
}

.nav-toggle:checked ~ nav a {
  opacity: 1;
  transition: opacity 250ms ease-in-out 250ms;
}

@media screen and (min-width: 800px) {
  .nav-toggle-label {
    display: none;
  }

  header {
    display: grid;
    grid-template-columns: 1fr auto minmax(600px, 3fr) 1fr;
  }
  
  .logo {
    grid-column: 2 / 3;
  }
  
  nav {
    fill: unset; 
    position: relative;
    text-align: left;
    transition: none;
    transform: scale(1,1);
    background: none;
    top: initial;
    left: initial;
    
    grid-column: 3 / 4;
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }
  
  nav ul {
    display: flex;
  }
  
  nav li {
    margin-left: 3em;
    margin-bottom: 0;
  }
  
  nav a {
    opacity: 1;
    position: relative;
  }
  
  nav a::before {
    content: '';
    display: block;
    height: 4px;
    background: black;
    position: absolute;
    bottom: -1.6em;
    left: 0;
    right: 0;
    transform: scale(0, 1);
    transition: transform ease-in-out 250ms;
  }
  
  nav a:hover::before {
    transform: scale(1,1);
  }
}
.select-css {
	display: block;
	font-size: 14px;
	font-family: sans-serif;
	font-weight: 700;
	color: #000;
	line-height: 1.3;
	padding: .6em 1.4em .5em .8em;
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	margin: 5px 0px;
	/* border: 1px solid #fff; */
	border-radius: 0em;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background-color: #fff;
	background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23000000%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
	  linear-gradient(to bottom, #ffffff 0%,#ffffff 100%);
	background-repeat: no-repeat, repeat;
	background-position: right .7em top 50%, 0 0;
	background-size: .65em auto, 100%;
}
/*
.select-css::-ms-expand {
	display: none;
}
*/
.select-css:hover {
	border-color: #888;
}
.select-css:focus {
	border-color: #aaa;
	box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);
	/* box-shadow: 0 0 0 3px -moz-mac-focusring; */
	box-shadow: 0 0 0 3px;
	color: #222;
	outline: none;
}
.select-css option {
	font-weight:normal;
}

.vertical-menu {
  width: 300px; 
}

.vertical-menu a {
  background-color: #000; 
  color: white; 
  display: block;
  padding: 10px; 
  text-decoration: none; 
}

div.vertical-menu > ul li {
  list-style-type: none;
}

.vertical-menu a:hover {
  background-color: #00b6b3; 
}
