html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

html {height:auto; min-height:100%;}
body {height:auto; min-height:100%;font-family:'Open Sans', sans-serif; font-size:15px; color:#555555;}

label {display: inline;}
input, textarea, select, option {font-family:'Open Sans', sans-serif; font-size:15px; color:#555555;}
select {line-height:20px; height:20px;}

#topbar {width:100%; height:50px; padding:0px; background:#464646; z-index:1000; position:fixed;}
#topbarLeft {padding:13px 30px 13px 40px; }
#topbarLeft h2 {font-weight:800; font-size:24px; margin:0 30px 0 0; padding:0; display:inline;}
#topbarLeft h2 a {color:#d3d3d3;}
#topbarLeft h2 a:hover {color:#fff; text-decoration: none;}
#topbarLang i {position:absolute; right:40px; top:13px; font-size:24px; color:#d3d3d3; cursor:pointer;}

div#start-image {width:100%; padding:0; padding-top:50px; position:relative;}
div#start-image img {width:100%; position:relative;}
div#start-image a img {position:absolute; top:75px; right:0px; width:150px;}
div#start-image div {display: inline; font-family: 'Geomanist', 'Open Sans'; text-transform: uppercase; position:absolute; top:25%; left:50px; font-size:86px; line-height: 0.93; color:#fff; width: 40%;}
@media only screen and (max-width: 1200px) {
	div#start-image div {font-size:50px;}
}
@media only screen and (max-width: 700px) {
	#topbarLeft {padding-left: 10px;}
	#topbarLeft h2 {margin-right: 10px;}
	#topbarLeft h2 a, #topbarLang i {font-size:12px;}
	div#start-image a img {display: none;}
	div#start-image div {font-size:26px; top:35%; left:25px;}
}

.wrapper {display: flex; max-width:1440px; padding-top:100px; margin: 0 auto 100px auto; overflow: hidden;}
.wrapper-start {padding-top:40px;}
#left {width:50%; padding: 0 10px;}
#right {width:49%; position: relative; padding: 0 10px;}
@media only screen and (max-width: 1000px) {
	#left {width: 40%;}
	#right {width: 59%;}
}
#footer {width:100%; padding:100px 0 50px 0; background-color:#f9423a;}
#footer img#semcon {width:215px;}
#footer-inner {display: flex; justify-content:center;}
#footer-inner > div {padding:0 40px;}
@media only screen and (max-width: 850px) {
	#topbarLeft h2, #topbarLang i {font-size: 18px;}
	.wrapper {display: block;}
	div#pe-slider {display: none;}
	#left {width: 100%; box-sizing: border-box;}
	#right {width: 100%; box-sizing: border-box;}
	#footer-inner {display: block;}
	#footer-inner > div {width: 100%; padding:0 10px; margin: 0 auto 0 auto; box-sizing: border-box; text-align: center;}
}

div.form-bg {padding:20px; background-color:rgba(211, 211, 211, 0.3)}
div.form-bg.contact-bg {background-color:#d3e0e4;}
div.form-bg input, div.form-bg textarea {font-size:15px; padding:4px 5px; border-style: none;}
div.form-bg input[type='text'], div.form-bg input[type='email'], div.form-bg input[type='tel']  {width:95%;}
div.form-bg input.math[type='text'] {width:30%; margin-left: 12px;}
div.form-bg textarea {width:95%; height:80px;}

div.form-bg div.contact-field {margin-bottom: 20px; width:100%;}
div.contact-field label {display: block; margin-bottom: 7px;}

div#occasionInfo {padding:20px 10px;}
div#pe-slider {margin:50px auto 0 auto; overflow: hidden;}
div#pe-slider img {width:99%;}

.course-area-pm {background-color: #CFCED8;}
.course-area-agile {background-color: #D8D4CB;}
.course-area-human {background-color: #A6C0C9;}
.course-area-steer {background-color: #D8B3B2;}

div.course {padding: 15px; margin-bottom: 3px; position: relative; display: flex; justify-content: space-between;}
div.course .course-name {font-size:18px; line-height:1.3; font-weight: 600;}
div.course .course-name i {margin-right: 6px;}
span.popular {background: #E2D46A; padding: 3px 4px; position: absolute; bottom: 3px; left: -6px;}

*.new-course-banner {position:absolute; left:30px; top:-12px; color:#fff; background:#f9423a; padding:3px 4px;}

.ok {background:#82C5A6; color:#fff; padding:18px; line-height:1.7;}
.warning {background:#E2D46A; padding:18px; line-height:1.7;}
.right {text-align:right;}
.center {text-align:center;}
.pointer {color:inherit; cursor:pointer;}
.pointer:hover {color:#000;}
.show-for-mobile {display:none;}
@media only screen and (max-width: 600px) {
	.show-for-mobile {display:block;}
	.hide-for-mobile {display: none;}
}

/* Tables */
table {table-layout:fixed;}
tr.odd  {background-color:rgba(211, 211, 211, 0.3)}
tr.even {background-color:rgba(211, 211, 211, 0.6)}
tr.separator {background-color:#A6C0C9;}
div#reg td, div#interest-form td {padding:10px 5px;}
div#reg tr.separator td {font-weight:600; padding:7px 10px; color:#fff;}
table tr th {text-align:center; padding:3px 5px; font-weight:bold; border-bottom:solid 1px #bbb;}
table tr td {padding:3px 5px; line-height:1.4; vertical-align:middle;}
table.top td {vertical-align:top;}

table#occasions {width:100%;}
table#occasions td {font-size: 15px; padding:12px 6px 20px 12px; border-bottom:solid 2px #fff;}

td.hover {color:#000;}

/* Text */
a {color:#f9423a;}
a:link, a:active, a:visited {text-decoration:none;}
a:hover {text-decoration:underline;}
a.toggle-courses {color:#555555; text-decoration:underline;}
a.toggle-courses.hover {text-decoration:none;}

h1 {margin:0 0 28px 0; font-size:40px; line-height:1.4; font-weight:800;}
.simple-popup-content div.pop-title {margin:0 0 20px 0; font-size:32px;}
h2 {margin:0 0 10px 0; padding:0; font-size:28px; font-weight:800;}
h2.course-group {margin: 30px 0 15px 0;}
h3 {margin:10px 0px 10px 0px; font-size:18px; font-weight:600; line-height: 1.5;}
h4 {padding:5px 0 0;font-size:13px; font-weight:400;}

p {margin:15px 0; line-height:1.6;}
p#contact-phone i, p#contact-email i {font-size: 20px; font-weight: 600; margin-right: 10px;}
p.course-area-intro {font-size:20px; font-weight:600; line-height: 1.6;}


strong, .bold {font-weight:700;}
.semibold {font-weight:600;}
.small {font-size:11px;}
.red {color:#f9423a}
.green {color:#82C5A6;}
.yellow {color:#E2D46A;}
.blue {color:#A6C0C9;}
.grey {color:#D3D3D3;}
.nowrap {white-space:nowrap;}
.point {cursor: pointer}

span.start-date {font-weight:600;}

/* Buttons */
a.button {
	display:inline-block;
	padding:8px 13px;
	margin-right:8px;
	font-size:16px;
	font-weight:400;
	line-height:1.3;
	text-align:center;
	text-decoration:none;
	white-space:nowrap;
	vertical-align:middle;
	cursor:pointer; opacity:1;
	border:solid 1px transparent;
	color:#fff;
	background-color:#82C5A6;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	border-radius:15px;
}
a.buttonYellow {background-color:#E2D46A; color:#555;}
a.button:hover {opacity:0.6;}

p#back-to-courses {margin:0; padding:0; text-align:right;}
p#back-to-courses a.button {position: absolute; margin:0; top: 0; right:20px}
@media only screen and (max-width: 600px) {
	p#back-to-courses a.button {position: relative;}
}

ul {list-style-position: outside; margin-left:20px;}

li {margin:5px 0; list-style-type: disc;
	line-height:1.5
}	
div.question {margin-bottom:15px; background:#f6f6f6; border-top-right-radius:10px; border-top-left-radius:10px;}
div.question:hover {background:#ededed;}
div.question div.q {font-weight:600; font-size:18px; padding:15px; border-bottom:solid 1px #ededed; cursor:pointer;}
div.question div.a {display:none; font-size:16px; padding:8px 15px 10px 15px; font-style:italic; line-height:1.5; }
div.question div.a h1 {font-size:16px; font-weight:600; margin:10px 0;}
div.question div.a h2 {font-size:14px; font-weight:600; margin:10px 0 5px 0;}

.clear {clear: both;display: block;	overflow: hidden;visibility: hidden;width: 0;height: 0;}

#footer, #footer a {color: #fff;}
#footer a {text-decoration: underline;}
#footer a img {width:220px;}
#footer p {font-size:18px; font-weight: 500; margin-bottom:18px;}
#footer p i {margin-right:10px;}