/* -------------------------------------------------- */
/*    RESET BROWSER DEFAULTS                          */
/* -------------------------------------------------- */

* {
	padding: 0;
	margin: 0;
	border: 0px none;

	outline: 0;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-tap-highlight-color: transparent; /* for some Androids */
}

body {
	font-family: Helvetica, sans-serif;
	font-size: 62.5%;  /* 1em = 10px , 1.4em = 14px  */
	font-weight: 300;
	color: #333;

	-webkit-font-smoothing: subpixel-antialiased;
}

b, strong {
	font-weight: 500;
}

textarea, input {
	font-family: inherit;
}

a {
	text-decoration: none;
	transition: color 0.3s;
	color: #333;
}
a:hover {
	color: #ff5c33;
}


hr {
	height: 5em;
}
hr.small {
	height: 3em;
}

img {
	max-width: 100%;
}

cite {
    padding-left:65%;
}


/* -------------------------------------------------- */
/*    LAYOUT & COLORS                                 */
/* -------------------------------------------------- */

#commercial {
	background: url("images/bg_commercial.png") center fixed;
}

.gradient {
	background-color: transparent;
	background-repeat: no-repeat;
	background-image: linear-gradient( 0deg, rgba(0,0,0,0.4), rgba(0,0,0, 0));
    padding-bottom: 6em;
}

#academic {
	background: url("images/bg_academic.png") center fixed;
}

.row {
	text-align: center;
}

.maxw {
	max-width: 120em;
	margin: 0 auto;
}

.boxed, .stdw {
	max-width: 90em;
	padding: 6em 6em;
	margin: 0 auto;
	text-align: left;
	box-sizing: border-box;
}

.round {
    border-radius: 0.5em;
}
.roundtop{
	border-radius: 0.5em 0.5em 0 0;
}
.roundbottom{
	border-radius: 0 0 0.5em 0.5em;
}

.stdw {
	padding: 0;
}

.col3, .col4 {
	overflow: hidden;
}
.col3 > * {
	float: left;
	width: 33.3%;
	padding: 4em 3em;
	box-sizing: border-box;
	min-height: 1em;
}
.col4 > * {
	float: left;
	width: 25%;
	padding: 6em 3em;
	box-sizing: border-box;
	min-height: 1em;
}
h3 + .col3 > *,
h3 + .col4 > * {
	padding-top: 3em;
}
.col1-2 {
	overflow: hidden;
}
.col1-2 > * {
	float: left;
	width: 66.6%;
	min-height: 1em;
}
.col1-2 > *:nth-child(odd) {
	width: 33.3%;
	clear: left;
}
.col1-2 h3:first-child {
	padding-top: 0;
}

dl {
	overflow: hidden;
}
dt {
	float: left;
	clear: both;
	width: 33.3%;
	text-align: right;
	padding-right: 1.5em;
	box-sizing: border-box;
	line-height: 1.4em;
}
dd {
	float: right;
	width: 66.6%;
	padding-left: 1.5em;
	box-sizing: border-box;
}
.dtbold dt{
	font-weight: 500;
	font-size: 1.8em;
}

.padded {
	padding: 3em 3em;
}
.padded h3{
	padding-bottom: 0;
}

.boxed .padded {
	margin: 0 -6em;
}
.nopad {
	padding: 0;
}

img.minimal{
	margin-right: 4em;
}

.left {
	text-align: left;
}
.right {
	text-align: right;
}
.center {
	text-align: center;
}

.white {
	background: #FFF;
}
.lightgray {
	background: #f2f2f0;
}
.orange {
	color: #ff5c33;
}
.orange.inverted {
	background: #ff5c33;
	color: #FFF;
}
.gray {
	color: #87867e;
}
.gray.inverted {
	color: #FFF;
	background: #87867e;
}
.graybg{
	background: #87867e;
}

.nodots ul, ul.nodots {
	list-style: none;
	padding-left: 0;
}
.nodots ul li, ul.nodots li {
	padding-bottom: 0;
}

ul.horizontal {
	list-style: none;
	padding-left: 0;
}
ul.horizontal li {
	display: inline-block;
}
ul.horizontal li:before {
	content: ' • ';
}
ul.horizontal li:first-child:before {
	content: '';
	padding-left: 0;
}
ul.horizontal.nodots li:before {
	content: '';
	padding-left: 0.6em;
}


/* -------------------------------------------------- */
/*    CONTENT DESIGN                                  */
/* -------------------------------------------------- */

h1, h2, h3 {
	font-weight: 300;
	text-transform: uppercase;
	line-height: 1em;
	padding-bottom: 1em;
}


h1, h2 {
	text-align: center;
	color: #ff5c33;
}
h1 {
	font-size: 5.4em;
	padding-bottom: 0.3em;
}
h2 {
	font-size: 3.6em;
	padding-bottom: 0.3em;
}
.boxed h2 {
	padding-top: 1.66em;
	padding-bottom: 1em;
}
h3 {
	font-size: 2.4em;
	font-weight: 500;
	letter-spacing: 0.1em;
	padding-top: 1em;
	padding-bottom: 0.5em;
}
h4, p, li, cite {
	padding-bottom: 1.2em;
	line-height: 1.4em;
}
h4, p, td, li, cite, dt {
	font-size: 1.8em;
}
h4 {
	font-weight: 500;
}
li, .boxed h4 {
	padding-bottom: 0;
}
h5 {
	font-weight: 300;
	font-size: 2.4em;
	color: #87867e;
	line-height: 1.4em;
	padding-bottom: 1em;
}

ul {
	padding-left: 2em;
}

a.button {
	vertical-align: middle;
	padding: 0.5em 1em;
	color: #FFF;
	background: #87867e;
 	border-radius: 0.2em;
}

.inverted h2 {
	color: #FFF;
}
.inverted a {
	color: #FFF;
}
.inverted a:hover {
	color: #333;
}

.big {
	font-size: 2em;
	line-height: 1.1;
}
span.small {
	font-size: 0.8em;
}
h2.small{
	font-size: 3.6em;
	padding-top: 0;
}
.medium{
	font-size: 1.4em;
}


/* EXEPTIONS */

#address p,
#contact p {
	padding: 1em 0;
}

#footer a,
#contact a {
	color: #FFF;
	text-decoration: none;
}

#header hr {
	height: 7em;
}
#header h3,
#header p {
	color: #87867e;
}
#header span {
	color: #ff5c33;
}
#header img.animate {
     transition-duration: 0.6s;
     transition-property: transform;
	}

	#header img.animate.fourth:hover {
     transform:  rotate(45deg);
	}

	#header img.animate.fifth:hover {
     transform: rotate(72deg);
	}

#contact span {
	color: #000;
}

#header h2 {
	font-size: 2.4em;
}
#header p {
	font-size: 1.5em;
}
#header .mob {
	display: none;
}
#header a {
	text-decoration: none;
}
#header .col3 > * {
	padding-top: 4.5em;
	padding-bottom: 4em;
}
#header h2 {
	padding-bottom: 0.4em;
}

#about p {
	padding-bottom: 0.7em;
}
#about p.nopad {
	padding-bottom: 0;
}
#about h4 {
	padding-bottom: 0.9em;
}
#about a.button {
	padding: 0.6em 1.5em 0.4em 1.5em;
	margin-right: 0.3em;
}
#about a.twitter {
	padding: 0.5em 0.2em 0em 0.2em;
	height: 1.9em;
	margin-right: 0.3em;
}
#about a.linkedin {
	padding: 0em 0em 0 0em;
	height: 2.4em;
}

#contact .col3 > *{
	padding-top: 1em;
	padding-bottom: 1em;
}
#contact p {

}

#amenu {
	margin: 0 20em;
	padding-top: 0.8em;
	padding-bottom: 3em;
}
#amenu p {
	padding-bottom: 0.4em;
}
#amenu h4 {
	padding: 0.5em 0;
}
#amenu img {
	margin-top: 3.6em; 
}

#commercial .boxed p {
	padding-right: 10em;
}
.subsummary {
    width:80%;
    margin-top:0;
    margin-bottom:0.5em;
    margin-left:10%;
    margin-right:10%;
    padding:0;
}
.subsummary li {
    margin-left:2em;
    padding:0;
}
#commercial .center p {
	padding-right: 0;
}

#consulting-callme-button,
#szondi-test-callme-button{
	cursor: pointer;
}

#footer h2, 
#header h2 {
	padding-top: 1em;
}

#about .social a{
    margin-top:0.7em;
}

.social a{
	display: inline-block;
 	vertical-align: middle;
 	background: #87867e;
 	border-radius: 0.2em;
}
.social a img{
	display: block;
}


#footer .social a{
	background: #FFF;
}
#footer .social a.twitter {
    padding: 0.7em 0.3em 0 0.3em;
    height: 2.8em;
    margin-right: 0.5em;
}
#footer .social a.linkedin {
	padding: 0.1em 0.1em 0 0.1em;
    height: 3.4em;
}
#footer a.button {
	padding: 0.35em 1em;
	background: #FFF;
	color: #87867e; 
	font-size: 1.8em;
	margin-right: 0.3em;
}

#invited-talks strong {
	font-size: 1.8em
}

#courses li {
	display: inline;
}

#footer p {
	padding-top: 0.4em;
	padding-bottom: 0;
}
#footer hr {
	height: 3.5em;
}


@media (max-width: 880px){ 
	#amenu{
		margin: 0 16em;
	}

}

@media (max-width: 780px){
	.boxed, .stdw {
		 padding: 2em 2vw;
	}
	.boxed .padded {
		margin: 0 -2vw;
	}
	hr {
		height: 3em;
	}
	.col3 > * {
		float: none;
		width: 100%;
		padding: 2em 2vw;
	}
	#header hr {
		height: 2em;
	}
	#header .mob {
		display: block;
	}
	#header .nomob {
		display: none;
	}
	#header .col3 > * {
		padding: 2em 2vw;
	}
	#header .col3 div:last-child {
		padding-bottom: 4em;
	}
	#commercial .boxed p {
		padding-right: 0;
	}
	#amenu {
		margin: 0;
	}
}

@media (max-width: 740px){
	#about img {
		max-width: 34em;
	}
	.col1-2 > *:nth-child(odd),
	.col1-2 > * {
		 width: 50%
	}
}

@media (max-width: 740px){
	.col3 > * {
		float: none;
		width: 100%;
		padding: 4em 2vw;
	}
	#about img {
		max-width: 34em;
	}
	.col1-2 > *:nth-child(odd),
	.col1-2 > * {
		 width: 50%
	}
}