/*____________________________________________________________________________________________ Links _*/
a {
	color: #353535;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	}
	a:focus {
		outline: thin dotted;
		}
	a:active, a:hover {
		outline: 0;
		}
	a:hover, a:focus {
		color: #0056B8;
		text-decoration: none;
		}

.clearfix:after {
	content: " ";
	visibility: hidden;
	display: block;
	height: 0;
	clear: both;
	}

/*____________________________________________________________________________________________ Fonts _*/
p {
	color: #464749;
	line-height: 1.3em;
	font-size: 1.3em;
	}
h1 {
	font-size: 2em;
	margin: 0.67em 0;
	color: #353535;
	}
	h1.zero-height {
		margin-top: 0;
		}
h2 {
	font-size: 1.5em;
	margin: 0.83em 0;
	line-height: 0.25em;
	color: #353535;
	font-weight: 600;
	}
	h2::after {
		content: " ";
		display: block;
		width: 35px;
		margin: 25px auto;
		}
h3 {
	font-size: 1.5em;
	margin: 1em 0;
	font-weight: 600;
	}
h4 {
	font-size: 1em;
	margin: 1.33em 0;
	}
h5 {
	font-size: 0.83em;
	margin: 1.67em 0;
	}
h6 {
	font-size: 0.75em;
	margin: 2.33em 0;
	}

/*____________________________________________________________________________________________ Universal _*/
hr {
	padding-top: 0px;
	margin-top: 0px;
	border-top: 1px solid #ddd;
	}
.hide {
	display: none;
	}
span.danger {
	color: red;
	}
.row {
	margin: 0px auto !important;
	max-width: 1000px;
	}
.nopadding {
	padding: 0;
	}
.section-padding {
	padding: 50px 0 50px;
	}
.wrapper {
	height: 450px;
	}
.img-width {
	max-width: 80%;
	}
.circle-smaller {
	float: none;
	margin: 20px auto !important;
	}
.circle-bigger {
	float: none;
	margin: 10px auto !important;
	}
.btn-warning {
	font-weight: 600;
	background-color: #ef662f;
	border-color: #ef662f;
	border-size: 3px;
	}
	.btn-warning:hover {
		color: #ef662f;
		background-color: #fff;
		border-color: #ef662f;
		}
form label.large {
	font-size: 13pt;
	}

/*____________________________________________________________________________________________ navigation _*/

.navigation {
	z-index: 999;
	position: fixed;
	left: 0;
	top: 0;
	background-color: #006699;
	box-shadow: 0 0 10px #006699;
	width: 100%;
	font-size: 1.4em;
	color: #fff;
	font-weight: 600;
	margin: 0;
	}
	.logo {
		float: left;
		margin: 12px 10px;
		padding: 12px 10px;
		}
		.navigation a.logo {
			color: #fff !important;
			}
		.navigation a.logo:hover {
			color: #000 !important;
			}
	#mobile-nav-button, .homefix {
		display: none;
		}
	.navigation ul {
		float: right;
		text-transform: uppercase;
		}
	.navigation ul li {
		list-style-type: none;
		float: left;
		padding: 5px 7px;
		}
	.navigation ul li a {
		float: left;
		color: #eee;
		}
	.navigation ul li a:hover {
		color: #000E4F;
		}
	.navigation ul li:nth-child(2) {
		border-right: 1px solid #fff;
		}
	.navigation ul li:last-child,
	.navigation ul li a:last-child {
		padding-right: 10px;
		padding-left: 8px;
		}

/* -------------------------------- mobile */
@media only screen and (max-width : 767px) {
	.logo {
		width: 300px;
		margin: 5px 5px;
		}
	.homefix {
		display: block;
		}
	#mobile-nav-button {
		display: block;
		float: right;
		font-size: 25px;
		color: #fff;
		padding: 15px;
		}
	.navigation ul {
		background-color: #162535;
		width: 100%;
		padding: 0px;
		margin: 0;
		display: none;
		}
	.navigation ul li {
		display: block;
		clear: both;
		width: 100%;
		padding: 5px 0px;
		border-bottom: 2px solid #000;
		}
	.navigation ul li:last-child {
		border: 0px;
		padding-left: 0px;
		}
	.navigation ul li a {
		font-size: .9em;
		font-weight: 400;
		padding: 5px 10px;
		text-align: left;
		}
	.navigation ul li a:hover {
		color: #eee;
		}
}

.middle-align {
    display: table-cell;
	vertical-align: middle;
}

/*____________________________________________________________________________________________ Top Area _*/
.hidden-strengths-wrapper .container {
	background-color: rgba(255, 255, 255, 0.65);
	padding: 30px 30px;
	width: 80%;
	margin: 150px auto;
	max-width: 800px;
	}
.hidden-strengths-wrapper {
	padding-top: 100px;
	padding-bottom: 20px;
	background: url('/_ima/background.jpg') #527094 no-repeat fixed center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	}
.hidden-strengths-wrapper p {
	color: #fff;
	font-size: 1.8em;
	}
.hidden-strengths-right-container {
	width: 100%;
	display: table;
	height: 500px;
}

/*____________________________________________________________________________________________ Intro _*/
#intro a {
	color: #0056B8;
	}
#intro a:hover {
	color: #0B81DB;
	text-decoration: underline;
	}
.intro {
	background: #fff;
	}
.intro p {
	font-size: 1.45em;
	color: #666;
	}
.intro p.small {
	line-height: 1.2em;
	font-size: 1.3em;
	}

/*____________________________________________________________________________________________ Assessment _*/
#assessment {
	padding: 10px 0;
	background: url('/_ima/background-assessment.gif') #d1dee8 repeat-x;
	height: 400px;
	width: auto;
	}
#assessment a {
	color: #0056B8;
	}
#assessment a:hover {
	color: #0B81DB;
	text-decoration: underline;
	}

.assessment h1 {
	margin-top: 50px;
	font-size: 1.65em;
	color: #E63312;
	font-weight: 600;
	}
.assessment h2 {
	margin: 30px 0;
	color: #075179;
	line-height: 1.2em;
	font-size: 1.85em;
	}
.assessment p {
	color: #333;
	}

.screenshot-wrapper {
	height: 390px;
	overflow: hidden;
	}
.screenshot {
	margin-top: 40px;
	-webkit-box-shadow: 0px 3px 30px 0px rgba(0,0,0,0.6);
	-moz-box-shadow: 0px 3px 30px 0px rgba(0,0,0,0.6);
	box-shadow: 0px 3px 30px 0px rgba(0,0,0,0.6);
	}

/* media */
@media (max-width: 465px) {
	.screenshot-wrapper {
		height: inherit !important;
	}
	.assessment h1 {
		margin-top: 0px;
		}
}

@media (max-width: 992px) {
	#assessment {
		padding: 50px 0;
		height: auto;
		}
 	.screenshot-wrapper img {
		animation-delay: 0.1s !important;
		-webkit-animation-delay: 0.1s !important;
		width: 100%;
		max-width: 452px;
		height: auto;
 		}
	.assessment h1 {
		margin-top: 50px;
		}
}

/*____________________________________________________________________________________________ Skillset _*/
.icon {
	height: 160px;
	width: 160px;
	line-height: 160px;
	max-width: 100%;
	background: #006699;
	border-radius: 50%;
	-o-border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	display: block;
	color: #fff;
	font-size: 55px;
	text-align: center;
	vertical-align: middle;
	position: relative;
	margin: 0 auto 50px;
	}
.shadow { text-shadow: rgb(0, 72, 153) 1px 1px, rgb(0, 73, 153) 2px 2px, rgb(0, 74, 153) 3px 3px, rgb(0, 75, 153) 4px 4px, rgb(0, 76, 153) 5px 5px, rgb(0, 77, 153) 6px 6px, rgb(0, 78, 153) 7px 7px, rgb(0, 79, 153) 8px 8px, rgb(0, 80, 153) 9px 9px, rgb(0, 81, 153) 10px 10px, rgb(0, 82, 153) 11px 11px, rgb(0, 83, 153) 12px 12px, rgb(0, 84, 153) 13px 13px, rgb(0, 85, 153) 14px 14px, rgb(0, 86, 153) 15px 15px, rgb(0, 87, 153) 16px 16px, rgb(0, 88, 153) 17px 17px, rgb(0, 89, 153) 18px 18px, rgb(0, 90, 153) 19px 19px, rgb(0, 91, 153) 20px 20px, rgb(0, 92, 153) 21px 21px, rgb(0, 93, 153) 22px 22px, rgb(0, 94, 153) 23px 23px, rgb(0, 95, 153) 24px 24px, rgb(0, 96, 153) 25px 25px, rgb(0, 97, 153) 26px 26px, rgb(0, 98, 153) 27px 27px, rgb(0, 99, 153) 28px 28px, rgb(0, 100, 153) 29px 29px, rgb(0, 101, 153) 30px 30px; }

.skillset {
	background: #f3f5f8;
	}
.skillset-wrapper{
	margin: 0;
	}
#skills-slider {
	margin-top: 0px;
	}
ul.slides li {
	margin-bottom: 0px;
	}

/*____________________________________________________________________________________________ How it works _*/
.how-it-works {
	background: #f3f5f8;
	}
.how-it-works-wrapper{
	margin: 0;
	}

/*____________________________________________________________________________________________ How it works _*/
.full-graphic {
	width: 50%;
	background: #DFDFDF;
	float: left;
	height: 100%;
	box-shadow: inset -15px -11px 40px -6px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: inset -15px -11px 40px -6px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: inset -15px -11px 40px -6px rgba(0, 0, 0, 0.1);
	z-index: 1;
	}
.responsive-services {
	position: relative;
	}

/*____________________________________________________________________________________________ Skillset _*/
.designs {
	position: absolute;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	top: 25px;
	}

/*____________________________________________________________________________________________ Intro _*/
.purchase {
	background: #fff;
	}
.purchase p {
	font-size: 1.45em;
	color: #666;
	}
.purchase p.small {
	line-height: 1.2em;
	font-size: 1.3em;
	}

/*____________________________________________________________________________________________ HR _*/

.hr-performance { background-color: #006699; padding: 30px 0; }
.hr-performance p { margin-top 0; }
.hr-performance p span {
	line-height: 89px;
	color: white;
	font-size: 0.8em;
	font-weight: 600;
	width: auto;
	margin-right: 20px;
	}

/*____________________________________________________________________________________________ Contact Us _*/
.radio-buttons {
	padding-left: 25%;
	color: #fff;
	text-align: left;
	}
	.radio-buttons p input {
		margin-right: 10px;
		}
.contact-us {
	background: url('/_ima/bg-footer.jpg') no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-attachment: fixed;
	padding: 50px 0 50px;
	}
.contact-us a {
	color: #fff;
	text-decoration: underline;
	}
.contact-us h1 {
	color: #fff;
	margin-bottom: 10px;
	}
.contact-us p {
	color: #fff;
	}
.contact-us input[type=text],
	.contact-us textarea {
		background-color: rgba(255, 255, 255, 0.1);
		border: solid 1px #fff;
		padding: 20px;
		width: 50%;
		color: #fff;
		margin-bottom: 10px;
		}
.contact-us textarea {
	height: 300px;
	}
.contact-us input[type=submit] {
	width: 50%;
	background-color: #ef662f;
	font-size: 1.6em;
	display: inline-block;
	padding: 10px 90px;
	color: #fff;
	border: none;
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px; }
.contact-us input[type=submit]:hover {
	background: #fff;
	color: #ef662f;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	}

/*____________________________________________________________________________________________ Unleashing _*/
.unleashing {
	background: #f3f5f8;
	}
.unleashing .container {
	padding-top: 50px;
	}
.unleashing-wrapper{
	margin: 0;
	}
.unleashing h1 {
	color: #006699;
	font-size: 44px;
	}
	.unleashing h1 span {
		color: #E63312;
		}
.unleashing h2 {
	font-size: 24px;
	line-height: 24px;
	}

/*____________________________________________________________________________________________ Unleashing _*/
.quote {
	padding: 10px 0;
	background: url('/_ima/background-assessment.gif') #d1dee8 repeat-x;
	}
.quote .container {
	padding-top: 30px;
	padding-bottom: 30px;
	}
.quote-wrapper{
	margin: 0;
	}
.quote h1 {
	font-style: italic;
	color: #006699;
	font-size: 18px;
	line-height: 24px;
	}

/*____________________________________________________________________________________________ SecIntro _*/
.sec-intro-wrapper{
	margin: 0;
	}
.sec-intro h1 {
	font-size: 38px;
	line-height: 34px;
	}
.sec-intro h2 {
	padding-top: 15px;
	font-size: 22px;
	line-height: 26px;
	color: #006699;
	}
	.sec-intro ul {
		padding-left: 10px;
		}
	.sec-intro li {
		color: #006699;
		font-size: 16px;
		line-height: 24px;
		list-style-type: none;
		}
.sec-intro .screenshot-wrapper {
	padding-top: 20px;
	}

/*____________________________________________________________________________________________ Sec Workshop _*/
#workshop {
	padding: 10px 0;
	background: url('/_ima/background-assessment.gif') #d1dee8 repeat-x;
	height: 400px;
	width: auto;
	}
.workshop h1 {
	margin-top: 50px;
	font-size: 1.85em;
	color: #E63312;
	font-weight: 600;
	}
#workshop ul {
	padding-top: 10px;
	padding-left: 24px;
	}
#workshop ul li {
	font-size: 20px;
	line-height: 18px;
	padding-bottom: 12px;
	}
.screenshot-wrapper {
	height: 390px;
	overflow: hidden;
	}
.screenshot {
	margin-top: 40px;
	-webkit-box-shadow: 0px 3px 30px 0px rgba(0,0,0,0.6);
	-moz-box-shadow: 0px 3px 30px 0px rgba(0,0,0,0.6);
	box-shadow: 0px 3px 30px 0px rgba(0,0,0,0.6);
	}

/* media */
@media (max-width: 465px) {
	.screenshot-wrapper {
		height: inherit !important;
	}
	.workshop h1 {
		margin-top: 0px;
		}
}

@media (max-width: 992px) {
	#workshop {
		padding: 50px 0;
		height: auto;
		}
 	.screenshot-wrapper img {
		animation-delay: 0.1s !important;
		-webkit-animation-delay: 0.1s !important;
		width: 100%;
		max-width: 452px;
		height: auto;
 		}
	.workshop h1 {
		margin-top: 50px;
		}
}
/*____________________________________________________________________________________________ Workshop Results _*/
.workshop-results h1 {
	font-size: 38px;
	}

/*____________________________________________________________________________________________ Keynote _*/
.keynote {
	background-color: #F3F5F8;
	}
.keynote-wrapper{
	margin: 0;
	}
.keynote h1 {
	font-size: 38px;
	line-height: 34px;
	color: #000;
	}
.keynote h2 {
	font-size: 30px;
	line-height: 30px;
	color: #F36621;
	}
.keynote h3 {
	font-size: 22px;
	line-height: 26px;
	color: #006699;
	}
	.keynote ul {
		padding-left: 10px;
		}
	.keynote li {
		color: #006699;
		font-size: 16px;
		line-height: 24px;
		list-style-type: none;
		}

/*____________________________________________________________________________________________ Footer _*/
footer {
	background-color: #1c2333;
	padding: 30px 0 30px;
	}
footer a {
	color: #a1a9b0;
	}
footer p {
	color: #bbb;
	font-size: 1em;
	}

/*____________________________________________________________________________________________ WayPoint _*/
.waypoint, .waypoint-fadeIn, .people-waypoint {
	visibility: hidden;
	}
.people-waypoint {
	background: url('/_ima/background-70-percent.jpg') no-repeat;
	background-position: right; height: 100%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	}
.bounceInLeft, .bounceInRight, .fadeInUp, .fadeInUpDelay, .fadeInDown, .fadeInUpD, .fadeInLeft, .fadeInRight, .fadeIn { visibility: visible; }
.delay-05s { animation-delay: 0.5s; -webkit-animation-delay: 0.5s; }
.delay-1s { animation-delay: 1s; -webkit-animation-delay: 1s; }
.delay-15s { animation-delay: 1.5s; -webkit-animation-delay: 1.5s; }
.delay-2s { animation-delay: 2s; -webkit-animation-delay: 2s; }
.delay-25s { animation-delay: 2.5s; -webkit-animation-delay: 2.5s; }
.delay-3s { animation-delay: 3s; -webkit-animation-delay: 3s; }
.delay-35s { animation-delay: 3.5s; -webkit-animation-delay: 3.5s; }