#caseSlider {
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	-o-backface-visibility:hidden;
	backface-visibility:hidden;
	background-color:#fff;
	height:0;
	width:100%;
	position:relative;
	overflow:hidden;
	z-index:100
}
#caseSlider .content {
	position:relative;
	height:inherit
}
#caseSlider .centerSlide {
	padding-top:60
}
#caseSlider .centerSlide .slider {
	height:480px
}
#caseSlider .centerSlide .slider .horizontalSlide {
	height:auto
}
#caseSlider .content {
	width:100%
}
#caseSlider .item {
	-webkit-transition:320ms;
	-moz-transition:320ms;
	-o-transition:320ms;
	transition:320ms;
	margin:0px 20px;
	width:240px;
	height:480px;
	overflow:hidden;
	text-align:center;
	position:relative;
	display:inline-block
}
#caseSlider .item .info {
	position:absolute;
	top:345px;
	-webkit-transition:all 300ms;
	-moz-transition:all 300ms;
	-o-transition:all 300ms;
	transition:all 300ms;
	width:240px;
	left:0px;
	z-index:10
}
#caseSlider .item .info em {
	font-family:"ProximaNovaSemiBold"
}
#caseSlider .item .info h2 {
	font-size:2.2em;
	text-transform:uppercase;
	margin-bottom:25px;
	margin-top:0;
	color:#000;
	letter-spacing:normal;
	font-family:"ProximaNovaSemiBold"
}
#caseSlider .item .info p {
	line-height:1.7em
}
#caseSlider .item .diamond {
	-webkit-transition:300ms;
	-moz-transition:300ms;
	-o-transition:300ms;
	transition:300ms;
	position:relative;
	left:-43px;
	height:325px;
	width:325px;
	display:inline-block;
	overflow:hidden
}
#caseSlider .item .diamond .overlay {
	opacity:0;
	-webkit-transition:400ms;
	-moz-transition:400ms;
	-o-transition:400ms;
	transition:400ms;
	width:325px;
	height:325px;
	position:absolute;
	top:0;
	left:0;
	background-color:rgba(0, 0, 0, 0)
}
#caseSlider .item .diamond .overlay img.show {
	opacity:0;
	position:absolute;
	top:135px;
	left:123px;
	-webkit-transition:500ms;
	-moz-transition:500ms;
	-o-transition:500ms;
	transition:500ms
}
#caseSlider .item .diamond .image {
	width:325px;
	height:325px;
	background-position:center center
}
#caseSlider .item .diamond .topleft {
	position:absolute;
	z-index:9;
	-webkit-transition:300ms;
	-moz-transition:300ms;
	-o-transition:300ms;
	transition:300ms;
	width:0;
	height:0;
	left:-60px;
	top:-60px;
	border-top:325px solid white;
	border-right:325px solid transparent;
	border-right:325px solid rgba(224, 197, 34, 0)
}
#caseSlider .item .diamond .topright {
	position:absolute;
	z-index:9;
	-webkit-transition:300ms;
	-moz-transition:300ms;
	-o-transition:300ms;
	transition:300ms;
	width:0;
	height:0;
	right:-60px;
	top:-60px;
	border-top:325px solid white;
	border-left:325px solid transparent;
	border-left:325px solid rgba(224, 197, 34, 0)
}
#caseSlider .item .diamond .bottomleft {
	position:absolute;
	z-index:9;
	-webkit-transition:300ms;
	-moz-transition:300ms;
	-o-transition:300ms;
	transition:300ms;
	width:0;
	height:0;
	left:-60px;
	bottom:-60px;
	border-bottom:325px solid white;
	border-right:325px solid transparent;
	border-right:325px solid rgba(224, 197, 34, 0)
}
#caseSlider .item .diamond .bottomright {
	position:absolute;
	z-index:9;
	-webkit-transition:300ms;
	-moz-transition:300ms;
	-o-transition:300ms;
	transition:300ms;
	width:0;
	height:0;
	right:-60px;
	bottom:-60px;
	border-bottom:325px solid white;
	border-left:325px solid transparent;
	border-left:325px solid rgba(224, 197, 34, 0)
}
#caseSlider .item:hover {
	width:325px
}
#caseSlider .item:hover .info {
	left:42px;
	top:345px
}
#caseSlider .item:hover .diamond {
	top:0px;
	left:0px
}
#caseSlider .item:hover .diamond:hover .overlay {
	opacity:1
}
#caseSlider .item:hover .diamond:hover .overlay img.show {
	opacity:1;
	top:135px
}
#caseSlider .item:hover .diamond .topleft {
	position:absolute;
	z-index:9;
	-webkit-transition:300ms;
	-moz-transition:300ms;
	-o-transition:300ms;
	transition:300ms;
	width:0;
	height:0;
	left:-81px;
	top:-81px;
	border-top:325px solid white;
	border-right:325px solid transparent;
	border-right:325px solid rgba(224, 197, 34, 0)
}
#caseSlider .item:hover .diamond .topright {
	position:absolute;
	z-index:9;
	-webkit-transition:300ms;
	-moz-transition:300ms;
	-o-transition:300ms;
	transition:300ms;
	width:0;
	height:0;
	right:-81px;
	top:-81px;
	border-top:325px solid white;
	border-left:325px solid transparent;
	border-left:325px solid rgba(224, 197, 34, 0)
}
#caseSlider .item:hover .diamond .bottomleft {
	position:absolute;
	z-index:9;
	-webkit-transition:300ms;
	-moz-transition:300ms;
	-o-transition:300ms;
	transition:300ms;
	width:0;
	height:0;
	left:-81px;
	bottom:-81px;
	border-bottom:325px solid white;
	border-right:325px solid transparent;
	border-right:325px solid rgba(224, 197, 34, 0)
}
#caseSlider .item:hover .diamond .bottomright {
	position:absolute;
	z-index:9;
	-webkit-transition:300ms;
	-moz-transition:300ms;
	-o-transition:300ms;
	transition:300ms;
	width:0;
	height:0;
	right:-81px;
	bottom:-81px;
	border-bottom:325px solid white;
	border-left:325px solid transparent;
	border-left:325px solid rgba(224, 197, 34, 0)
}
#caseSlider .item.close .diamond .topleft {
	position:absolute;
	z-index:9;
	-webkit-transition:300ms;
	-moz-transition:300ms;
	-o-transition:300ms;
	transition:300ms;
	width:0;
	height:0;
	left:0px;
	top:0px;
	border-top:325px solid white;
	border-right:325px solid transparent;
	border-right:325px solid rgba(224, 197, 34, 0)
}
#caseSlider .item.close .diamond .topright {
	position:absolute;
	z-index:9;
	-webkit-transition:300ms;
	-moz-transition:300ms;
	-o-transition:300ms;
	transition:300ms;
	width:0;
	height:0;
	right:0px;
	top:0px;
	border-top:325px solid white;
	border-left:325px solid transparent;
	border-left:325px solid rgba(224, 197, 34, 0)
}
#caseSlider .item.close .diamond .bottomleft {
	position:absolute;
	z-index:9;
	-webkit-transition:300ms;
	-moz-transition:300ms;
	-o-transition:300ms;
	transition:300ms;
	width:0;
	height:0;
	left:0px;
	bottom:0px;
	border-bottom:325px solid white;
	border-right:325px solid transparent;
	border-right:325px solid rgba(224, 197, 34, 0)
}
#caseSlider .item.close .diamond .bottomright {
	position:absolute;
	z-index:9;
	-webkit-transition:300ms;
	-moz-transition:300ms;
	-o-transition:300ms;
	transition:300ms;
	width:0;
	height:0;
	right:0px;
	bottom:0px;
	border-bottom:325px solid white;
	border-left:325px solid transparent;
	border-left:325px solid rgba(224,197,34,0)
}
.caseFeaturesWrapper {
	min-width:auto;
	max-width:960px
}
.caseFeaturesImage {
	margin:0px auto;
	width:100%;
	max-width:960px;
	margin-bottom:80px
}
.caseFeaturesIcon {
	width:53px;
	height:62px;
	background:url("../images/features-icons.jpg") no-repeat left top
}
.caseFeaturesIcon.compass {
	background-position:0px -62px
}
.caseFeaturesIcon.pass {
	background-position:0px -124px
}
.caseFeaturesIcon.percentage {
	background-position:0px -186px
}
.caseFeaturesContent {
	width:50%;
	float:left;
	height:175px;
	overflow:hidden
}
.caseFeaturesContent.first .caseFeaturesContentHead {
	margin-right:16.66666%
}
.caseFeaturesContent.first .caseFeaturesContentText {
	margin-right:16.66666%
}
.caseFeaturesContent.second {
	float:right
}
.caseFeaturesContent.second .caseFeaturesIcon {
	margin-left:16.66666%
}
.caseFeaturesContentHead {
	text-align:left;
	float:right;
	width:66.6666%;
	margin-bottom:20px;
	margin-top:17px;
	text-transform:uppercase
}
.caseFeaturesContentText {
	text-align:left;
	float:right;
	line-height:1.7em;
	width:66.6666%;
	height:140px;
	overflow-y:hidden
}
.caseFeaturesContentText span {
	display:block;
	margin-top:-135px;
	opacity:0;
	-webkit-transition:none;
	-moz-transition:none;
	-o-transition:none;
	transition:none
}
.caseFeaturesContentText.one span {
	margin-top:0;
	-webkit-transition:margin 500ms ease-in-out, opacity 500ms ease-in-out;
	-moz-transition:margin 500ms ease-in-out, opacity 500ms ease-in-out;
	-o-transition:margin 500ms ease-in-out, opacity 500ms ease-in-out;
	transition:margin 500ms ease-in-out, opacity 500ms ease-in-out;
	opacity:1
}
.caseFeaturesContentText.one span.second {
	-webkit-transition-delay:200ms;
	-moz-transition-delay:200ms;
	-o-transition-delay:200ms;
	transition-delay:200ms
}
.caseFeaturesContentText.one span.third {
	-webkit-transition-delay:400ms;
	-moz-transition-delay:400ms;
	-o-transition-delay:400ms;
	transition-delay:400ms
}
.caseFeaturesContentText.one span.fourth {
	-webkit-transition-delay:600ms;
	-moz-transition-delay:600ms;
	-o-transition-delay:600ms;
	transition-delay:600ms
}
.slide .content .background {
	position:absolute
}
.slide .content.slider {
	position:relative;
	width:100%
}
.slide .content.slider .horizontalSlide {
	position:absolute;
	height:100%;
	width:100%;
	left:-9999px;
	z-index:10;
	top:0;
	overflow:hidden;
	background-color:transparent
}
.slide .content.slider .horizontalSlide.active {
	z-index:15;
	left:0
}
.arrowNav {
	cursor:pointer;
	display:block;
	width:26px;
	height:40px;
	top:30%;
	margin-top:-10px;
	position:absolute;
	z-index:20;
	background:url("../images/arrows.png");
	opacity:0.4;
	-webkit-transition:opacity 200ms ease-in-out;
	-moz-transition:opacity 200ms ease-in-out;
	-o-transition:opacity 200ms ease-in-out;
	transition:opacity 200ms ease-in-out
}
.arrowNav.left {
	left:35px;
	background-position:26px 0px
}
.arrowNav.right {
	right:35px;
	background-position:0px 0px
}
.arrowNav:hover {
	opacity:1
}
.arrowNav.inactive {
	opacity:0.1;
	cursor:auto
}
.arrowNav.hide {
	-webkit-transition:opacity 300ms ease-in-out;
	-webkit-transition-delay:1500ms;
	-moz-transition:opacity 300ms ease-in-out 1500ms;
	-o-transition:opacity 300ms ease-in-out 1500ms;
	transition:opacity 300ms ease-in-out 1500ms;
	opacity:0;
	cursor:auto
}
.arrowNav.groupNav {
	top:20%;
	opacity:0.4;
	left:auto;
	right:auto;
	z-index:81
}
.arrowNav.groupNav.hide {
	opacity:0.4;
	cursor:pointer;
	-webkit-transition:opacity 200ms;
	-moz-transition:opacity 200ms;
	-o-transition:opacity 200ms;
	transition:opacity 200ms
}
.arrowNav.groupNav:hover {
	opacity:1
}
.arrowNav.groupNav.left {
	left:10%
}
.arrowNav.groupNav.right {
	right:10%
}
.arrowNav.groupNav.inactive {
	opacity:0.1;
	cursor:auto
}
.quoteNav {
	cursor:pointer;
	display:block;
	width:26px;
	height:40px;
	top:30%;
	margin-top:-10px;
	position:absolute;
	z-index:20;
	background:url("../images/arrows-grey.png");
	opacity:0.4;
	-webkit-transition:opacity 200ms ease-in-out;
	-moz-transition:opacity 200ms ease-in-out;
	-o-transition:opacity 200ms ease-in-out;
	transition:opacity 200ms ease-in-out
}
.quoteNav.left {
	left:10px;
	background-position:25px 0px
}
.quoteNav.right {
	right:10px;
	background-position:1px 0px
}
.quoteNav:hover {
	opacity:1
}
.quoteNav.inactive {
	opacity:0.1;
	cursor:auto
}
.centerSlide {
	position:absolute;
	display:table;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	padding-top:60px;
	text-align:center
}
.centerSlide .absoluteCenter {
#position: absolute;
	display:table-cell;
#top: 50%;
	vertical-align:middle;
	text-align:center
}
.centerSlide .absoluteCenter .relativeCenter {
#position: relative;
#top: -50%;
	text-align:center;
	display:inline
}
.single-product .centerSlide {
	padding-top:0
}
.single-product .centerSlide .flexibleSliderNavArrow {
	margin-top:-20px
}
.diamond-navigation {
	position:absolute;
	width:100%;
	bottom:20px;
	text-align:center;
	z-index:90;

}
.diamond-navigation li {
	background-color:#9D8D8A;
	display:inline-block;
	margin: 25px 15px;
}
.diamond-navigation li:hover, .diamond-navigation li.active {
	background-color:#fff;
}
.diamond-navigation li:hover a, .diamond-navigation li.active a {
	color:#333
}
.diamond-navigation li a {
	color:#7f7f7f;
	font-family:"Raleway" sans-serif;
	font-size:1.7em;
	display:block;
	text-align:center;
	line-height:53px;
	width:55px;
	height:55px;
	background-color:#9D8D8A;
	border: 2px solid #FFF
	
	
}
.diamond-navigation.bottom {
	top:auto;
	bottom:80px
}
.long-navigation-wrapper {
	padding-bottom:13px;
	position:absolute;
	top:44px;
	left:0;
	width:100%;
	z-index:60
}
.long-navigation, .longer-navigation {
	width:100%;
	text-align:center;
	z-index:50;
	background-color:#e1e1e1;
	height:75px
}
.long-navigation li, .longer-navigation li {
	margin-top:15px;
	display:inline-block;
	height:73px;
	line-height:60px
}
.long-navigation li:hover a, .long-navigation li.active a, .longer-navigation li:hover a, .longer-navigation li.active a {
	color:#000
}
.long-navigation li.active, .longer-navigation li.active {
	background:url("../images/topnav.png") no-repeat bottom center
}
.long-navigation li a, .longer-navigation li a {
	line-height:60px;
	color:#999;
	padding:0;
	margin:0;
	height:60px;
	font-family:"ProximaNovaRegular";
	font-size:1.5em;
	display:block;
	text-align:center;
	width:200px;
	-webkit-transition:color 200ms;
	-moz-transition:color 200ms;
	-ms-transition:color 200ms;
	-o-transition:color 200ms;
	transition:color 200ms
}
.animationSlider {
	background:url("../images/stamp.png") no-repeat 90% 90%
}
.animationSlider p, .animationSlider h2 {
	width:450px;
	text-align:center
}
.animationSlider h2 {
	text-transform:uppercase;
	margin:10px auto 20px auto
}
.animationSlider p {
	line-height:1.7em;
	margin:0px auto 20px auto
}
.bottomBouncer {
	width:100%;
	height:60px;
	background-color:white
}
.bottomBouncer h2 {
	text-transform:uppercase;
	text-align:center;
	line-height:60px;
	color:#CCC
}
.touch .block-button.black:hover .button-text {
	color:#000
}
.touch .block-button.white:hover .button-text {
	color:#fff
}
.block-button {
	text-align:center;
	display:inline-block;
	padding:0;
	border-width:2px;
	border-style:solid;
	height:32px;
	line-height:32px;
	font-family:"ProximaNovaSemiBold";
	font-size:1.6em;
	font-style:normal;
	text-transform:uppercase;
	background:transparent;
	cursor:pointer;
	letter-spacing:1px;
	position:relative
}
.block-button span {
	-webkit-transition:color 200ms ease-out;
	-webkit-transition-delay:100;
	-moz-transition:color 200ms ease-out 100;
	-o-transition:color 200ms ease-out 100;
	transition:color 200ms ease-out 100
}
.block-button .button-background {
	height:34px;
	position:absolute;
	width:0;
	left:-1px;
	right:auto
}
.block-button .button-text {
	position:relative;
	text-align:center;
	z-index:9;
	padding:0px 20px
}
.block-button.black {
	border-color:#000
}
.block-button.black .button-text {
	color:#000
}
.block-button.black .button-background {
	background-color:black
}
.block-button.white {
	border-color:#fff
}
.block-button.white .button-text {
	color:#fff
}
.block-button.white .button-background {
	background-color:white
}
.block-button:hover.black .button-text {
	color:#fff
}
.block-button:hover.white .button-text {
	color:#000
}
.block-button.job-button {
	width:300px
}
.twocolumn.vacatures .job-openings p {
	padding-top:10px
}
.twocolumn.vacatures .job-openings p:nth-of-type(1) {
	padding-top:20px
}
.closeButton {
	position:absolute;
	top:80px;
	left:50%;
	z-index:10;
	cursor:pointer;
	margin:0px -28px;
	width:57px;
	height:57px;
	display:block
}
.closeButton.dark {
	background:url("../images/closebuttondark.png") no-repeat top left
}
.closeButton.light {
	background:url("../images/closebutton.png") no-repeat top left
}
.closeButton:hover {
	background-position:0 -57px
}
.closeButtonThanks {
	position:absolute;
	top:80px;
	left:50%;
	z-index:10;
	cursor:pointer;
	margin:0px -28px;
	width:57px;
	height:57px;
	display:block
}
.closeButtonThanks.dark {
	background:url("../images/closebuttondark.png") no-repeat top left
}
.closeButtonThanks.light {
	background:url("../images/closebutton.png") no-repeat top left
}
.closeButtonThanks:hover {
	background-position:0 -57px
}
a.tooltip {
	font-family:"Georgia", "Times New Roman", "Times", serif;
	font-style:italic;
	font-weight:bold;
	color:#000;
	text-transform:none
}
div.tooltip {
	width:150px;
	height:130px;
	background:url("../images/tooltip.png") no-repeat top left;
	position:absolute;
	-webkit-transition:opacity 400ms;
	-moz-transition:opacity 400ms;
	-o-transition:opacity 400ms;
	transition:opacity 400ms
}
div.tooltip.hide {
	opacity:0
}
div.tooltip p {
	width:132px;
	text-align:center;
	margin:40px 10px 40px 0px;
	color:#000;
	font-size:1.15em;
	line-height:1.6em
}

.navigationElement {
	padding:30px;
	width:285px;
	background-color:#000;
	margin-bottom:10px;
	clear:both;
	height:150px
}
.navigationElement p {
	color:white
}
.cookieElement {
	padding:15px 20px;
	width:305px;
	background-color:#000;
	margin-top:10px
}
.cookieElement p a {
	color:gray;
	font-family:"Georgia", sans-serif;
	text-transform:none;
	text-decoration:underline
}
.navigationElementHint {
	width:142px;
	color:gray;
	font-family:"ProximaNovaSemiBold";
	float:left;
	margin-top:15px;
	background-repeat:no-repeat;
	background-position:top center;
	padding-top:85px;
	font-size:1.2em;
	text-align:center;
	text-transform:uppercase;
	background-image:url("../images/navigation-hint-scroll-sprite.png");
	background-position:center -61px;
	position:relative
}
.navigationElementHint .highlightMouse {
	-webkit-transition:opacity 500ms;
	-moz-transition:opacity 500ms;
	-o-transition:opacity 500ms;
	transition:opacity 500ms;
	-webkit-backface-visibility:hidden;
	opacity:0;
	width:142px;
	position:absolute;
	height:61px;
	margin-top:-85px;
	background-image:url("../images/navigation-hint-scroll-sprite.png");
	background-position:center top;
	background-repeat:no-repeat
}
.navigationElementHint .highlightTablet {
	width:46px;
	height:38px;
	-webkit-backface-visibility:hidden;
	background:url("../images/navigation-hint-swipe.png") no-repeat center 0px;
	margin:0px auto;
	position:absolute;
	bottom:35px;
	left:45px;
	-webkit-transition:opacity 300ms;
	-moz-transition:opacity 300ms;
	-o-transition:opacity 300ms;
	transition:opacity 300ms
}
.navigationElementHint .highlightTablet.down {
	opacity:0;
	background-position:0px -40px
}
.navigationElementHint .highlightTablet.up {
	opacity:0;
	background-position:0px -80px
}
.navigationElementHint.tablet {
	background:none;
	margin:0px auto;
	float:none
}
.navigationElementHint.key {
	background-image:url("../images/navigation-hint-tap-sprite.png");
	background-position:center -48px
}
.navigationElementHint.key .key {
	width:33px;
	height:22px;
	-webkit-backface-visibility:hidden;
	background-image:url("../images/navigation-hint-tap-sprite.png");
	-webkit-transition:opacity 300ms;
	-moz-transition:opacity 300ms;
	-o-transition:opacity 300ms;
	transition:opacity 300ms
}
.navigationElementHint.key .key.highlightKeyRight {
	opacity:0;
	position:absolute;
	top:26px;
	right:14px;
	background-position:right 70px
}
.navigationElementHint.key .key.highlightKeyUp {
	opacity:0;
	position:absolute;
	top:0;
	left:55px;
	background-position:center top
}
.navigationElementHint.key .key.highlightKeyLeft {
	opacity:0;
	position:absolute;
	top:26px;
	left:15px;
	background-position:left 70px
}
.navigationElementHint.key .key.highlightKeyDown {
	opacity:0;
	position:absolute;
	top:26px;
	left:55px;
	background-position:center 70px
}
#uxtimesformresponse {
	display:none
}
#uxscanformresponse {
	display:none
}
#formsubmitbutton {
	margin:15px auto 0;
	width:90px;
	display:block
}
form .fieldwrap {
	position:relative
}
form .formfield.error {
	background-color:#fee !important;
	color:#934040 !important
}
form .errorMessage {
	display:none;
	position:absolute;
	color:#FFF;
	font-size:1.2em;
	background-color:#dc9595;
	height:22px;
	line-height:22px;
	width:185px;
	padding:0 10px 0 10px;
	top:10px;
	right:100%
}
form .errorMessage:before {
	border:solid;
	border-color:transparent #dc9595;
	border-width:11px 0 11px 11px;
	content:"";
	display:block;
	right:-11px;
	top:0;
	position:absolute;
	z-index:11
}
::-webkit-input-placeholder {
color:#999
}
:-moz-placeholder {
color:#999
}
::-moz-placeholder {
color:#999
}
:-ms-input-placeholder {
color:#999
}
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, 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, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	font:inherit;
	font-size:100%;
	vertical-align:baseline
}
html {
	line-height:1
}
ol, ul {
	list-style:none
}
table {
	border-collapse:collapse;
	border-spacing:0
}
caption, th, td {
	text-align:left;
	font-weight:normal;
	vertical-align:middle
}
q, blockquote {
	quotes:none
}
q:before, q:after, blockquote:before, blockquote:after {
	content:"";
	content:none
}
a img {
	border:none
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
	display:block
}
@font-face {
	font-family:'ProximaNovaLight';
	src:url("../fonts/proxima-nova-light/proxima-nova-light.eot");
	src:url("../fonts/proxima-nova-light/proxima-nova-light.eot?#iefix") format("embedded-opentype"), url("../fonts/proxima-nova-light/proxima-nova-light.woff") format("woff"), url("../fonts/proxima-nova-light/proxima-nova-light.ttf") format("truetype"), url("../fonts/proxima-nova-light/proxima-nova-light.svg#ProximaNovaRegular") format("svg");
	font-weight:normal;
	font-style:normal
}
@font-face {
	font-family:'ProximaNovaRegular';
	src:url("../fonts/proxima-nova-regular/ProximaNova-Reg-webfont.eot");
	src:url("../fonts/proxima-nova-regular/ProximaNova-Reg-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/proxima-nova-regular/ProximaNova-Reg-webfont.woff") format("woff"), url("../fonts/proxima-nova-regular/ProximaNova-Reg-webfont.ttf") format("truetype"), url("../fonts/proxima-nova-regular/ProximaNova-Reg-webfont.svg#ProximaNovaRegular") format("svg");
	font-weight:normal;
	font-style:normal
}
@font-face {
	font-family:'ProximaNovaSemiBold';
	src:url("../fonts/proxima-nova-semibold/proxima-nova-semibold.eot");
	src:url("../fonts/proxima-nova-semibold/proxima-nova-semibold.eot?#iefix") format("embedded-opentype"), url("../fonts/proxima-nova-semibold/proxima-nova-semibold.woff") format("woff"), url("../fonts/proxima-nova-semibold/proxima-nova-semibold.ttf") format("truetype"), url("f../onts/proxima-nova-semibold/proxima-nova-semibold.svg#ProximaNovaRegular") format("svg");
	font-weight:normal;
	font-style:normal
}
@font-face {
	font-family:'ProximaNovaExtraBold';
	src:url("../fonts/proxima-nova-extrabold/proxima-nova-extrabold.eot");
	src:url("../fonts/proxima-nova-extrabold/proxima-nova-extrabold.eot?#iefix") format("embedded-opentype"), url("../fonts/proxima-nova-extrabold/proxima-nova-extrabold.woff") format("woff"), url("../fonts/proxima-nova-extrabold/proxima-nova-extrabold.ttf") format("truetype"), url("../fonts/proxima-nova-extrabold/proxima-nova-extrabold.svg#ProximaNovaRegular") format("svg");
	font-weight:normal;
	font-style:normal
}
html {
	font-family:"Georgia", "Times New Roman", "Times", serif;
	font-size:10px
}
body {
	overflow-x:hidden
}



blockquote, q {
	color:gray
}
.clearFix {
	clear:both
}
.wrapper {
	width:100%;
	min-width:768px;
	max-width:1200px;
	margin:0px auto;
	overflow:hidden
}
.relative {
	position:relative
}
.footer.simple h2 {
	text-align:center;
	text-transform:uppercase;
	letter-spacing:0.1em;
	padding-top:35px
}
.footer.simple p {
	padding-top:10px;
	vertical-align:middle;
	text-align:center;
	width:80%;
	line-height:1em;
	margin:0 auto
}

.rights {
	bottom:1px;
	width:100%;

	position:absolute;
	padding-top:24px;
	vertical-align:middle;
	text-align:center;
}

.rights {
	font-size:11px;
	background-color: #fff;
	color: #7a7a7a;
	text-transform:uppercase;
}

.arrowBar {
	overflow:hidden;
	width:100%;
	width:9000px;
	height:14px;
	max-height:14px;
	position:relative
}
.arrowBar .spacer {
	float:left;
	height:14px;
	width:0px;
	background-color:black
}
.arrowBar .arrow {
	float:left;
	margin:0 -31px 0 31px;
	height:14px;
	max-height:14px;
	width:4000px;
	background-color:black
}
.arrowBar .arrow .arrowImage {
	margin:0 0 0 -31px;
	width:31px;
	height:14px
}
.flexibleSlider {
	width:100%
}
.slide {
	overflow:hidden;
	

}
.slide .header {
	height:400px;
	
}

.slide .adress {
	color:#CCC;
	height:400px;
	padding-top: 100px;
	background:#333;
	bottom:48px;
	width:100%;
	position:absolute;
}

.slide .footer {
	height:270px
}
.slide .content {
	height:500px;
	position:relative;
	overflow:hidden
}

.slide .bottomNotifier {
	-webkit-transition:bottom 200ms;
	-moz-transition:bottom 200ms;
	-o-transition:bottom 200ms;
	transition:bottom 200ms;
	position:absolute;
	bottom:-33px;
	width:100%;
	height:33px;
	text-align:center;
	background-color:red;
	color:#FFF
}
.touch .flexibleSliderNavCenter {
	visibility:hidden
}
.flexibleSliderNavCenter {
	visibility: hidden
}
.centerSlide.flexibleSliderNavCenter {
	position:fixed;
	z-index:99;
	width:259px;
	left:auto;
	right:0px;
	height:100%;
	pointer-events:none
}
.flexibleSliderNavCenter .contentCenter {
	pointer-events:auto;
	float:right
}
.flexibleSliderNav {
	z-index:99;
	width:240px;
	height:auto;
	margin-right:19px
}
.flexibleSliderNav .keyboard {
	opacity:0
}
.keyboardWrapper {
	position:absolute;
	right:10px;
	padding-top:15px;
	padding-right:20px
}
.keyboard {
	position:relative;
	height:10px;
	width:27px;
	z-index:99
}
.keyboard .key {
	height:4px;
	width:7px;
	display:block;
	background-image:url("../images/navigation-keyboard.gif");
	background-repeat:no-repeat;
	position:absolute
}
.keyboard .key.active {
	background-position:0px 0px
}
.keyboard .key.inactive {
	background-position:0px -5px
}
.keyboard .key.pressed {
	background-position:0px -10px
}
.keyboard .key.up {
	top:0;
	left:10px
}
.keyboard .key.down {
	bottom:0;
	left:10px
}
.keyboard .key.left {
	left:0;
	bottom:0
}
.keyboard .key.right {
	right:0;
	bottom:0
}
.flexibleSliderNavArrow {
	position:absolute;
	top:50%;
	margin-top:9px;
	right:0px;
	height:40px;
	width:23px;
	-webkit-transform:rotateX(0deg) rotateY(0deg);
	-moz-transform:rotateX(0deg) rotateY(0deg);
	-ms-transform:rotateX(0deg) rotateY(0deg);
	-o-transform:rotateX(0deg) rotateY(0deg);
	transform:rotateX(0deg) rotateY(0deg);
	-webkit-transform-style:preserve-3d;
	-moz-transform-style:preserve-3d;
	-ms-transform-style:preserve-3d;
	-o-transform-style:preserve-3d;
	transform-style:preserve-3d;
	-webkit-transition:all 0.4s ease-in-out;
	-moz-transition:all 0.4s ease-in-out;
	-o-transition:all 0.4s ease-in-out;
	transition:all 0.4s ease-in-out;
	background:url("../images/navigation-pointer.png") no-repeat center left
}
.flexibleSliderNavArrow.flip {
	-webkit-transform:rotateX(180deg);
	-moz-transform:rotateX(180deg);
	-ms-transform:rotateX(180deg);
	-o-transform:rotateX(180deg);
	transform:rotateX(180deg);
	-webkit-transform-style:preserve-3d;
	-moz-transform-style:preserve-3d;
	-ms-transform-style:preserve-3d;
	-o-transform-style:preserve-3d;
	transform-style:preserve-3d
}
.flexibleSliderNavContent {
	z-index:9
}
.flexibleSliderNavContact {
	z-index:8;
	display:none
}
.flexibleSliderNavContent {
	width:240px;
	text-align:center;
	float:right;
	height:inherit
}
.flexibleSliderNavContent h1, .flexibleSliderNavContent h2 {
	padding:0px 0 20px 0;
	margin-top:30px;
	width:100%;
	text-align:center;
	color:white;
	text-transform:uppercase
}
.flexibleSliderNavContent li {
	width:100%;
	text-align:center;
	height:40px;
	line-height:40px;
	cursor:pointer
}
.flexibleSliderNavContent li a {
	text-transform:none;
	font-size:1.4em;
	font-style:italic;
	font-family:"Georgia", "Times New Roman", "Times", serif;
	color:#666;
	-webkit-transition:color 300ms;
	-moz-transition:color 300ms;
	-o-transition:color 300ms;
	transition:color 300ms
}
.flexibleSliderNavContent li.active a, .flexibleSliderNavContent li:hover a {
	color:#fff
}
.flexibleSliderNavContent .person {
	margin-top:10px;
	width:116px;
	height:116px
}
.collapsed {
	height:40px;
	overflow:hidden;
	width:180px;
	background-color:black
}
.collapsed .flexibleSliderNavContent {
	height:40px;
	width:180px;
	padding:0px
}
.collapsed h1, .collapsed h2, .collapsed .flipButton, .collapsed img, .collapsed p {
	overflow:hidden;
	height:0;
	padding:0;
	margin:0
}
.collapsed li {
	padding-left:25px;
	text-align:left;
	display:none
}
.collapsed li.active {
	display:block
}
.collapsed .keyboard {
	opacity:1
}
.flipButton {
	display:block;
	width:37px;
	height:37px;
	position:absolute;
	bottom:30px;
	left:101px;
	background:url("../images/navigation-buttons.gif") no-repeat top right
}
.flipButton:hover {
	background-position:right -37px
}
.back .flipButton {
	background-position:0px 0px
}
.back .flipButton:hover {
	background-position:0px -37px
}
.animate .panel .front, .animate .panel .back {
	-webkit-transition:all 0.4s ease-in-out;
	-moz-transition:all 0.4s ease-in-out;
	-o-transition:all 0.4s ease-in-out;
	transition:all 0.4s ease-in-out
}
.panel {
	position:relative;
	-webkit-perspective:600px;
	-moz-perspective:600px;
	height:inherit
}
.panel .front, .panel .back {
	width:240px;
	float:none;
	position:absolute;
	top:0;
	left:0;
	background-color:black;
	height:inherit
}
.panel .front {
	z-index:30;
	-webkit-transform:rotateX(0deg) rotateY(0deg);
	-moz-transform:rotateX(0deg) rotateY(0deg);
	-ms-transform:rotateX(0deg) rotateY(0deg);
	-o-transform:rotateX(0deg) rotateY(0deg);
	transform:rotateX(0deg) rotateY(0deg);
	-webkit-transform-style:preserve-3d;
	-moz-transform-style:preserve-3d;
	-ms-transform-style:preserve-3d;
	-o-transform-style:preserve-3d;
	transform-style:preserve-3d;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	-o-backface-visibility:hidden;
	backface-visibility:hidden
}
.panel.flip .front {
	z-index:30;
	-webkit-transform:rotateX(180deg);
	-moz-transform:rotateX(180deg)
}
.panel .back {
	z-index:25;
	-webkit-transform:rotateX(-180deg);
	-moz-transform:rotateX(-180deg);
	-ms-transform:rotateX(-180deg);
	-o-transform:rotateX(-180deg);
	transform:rotateX(-180deg);
	-webkit-transform-style:preserve-3d;
	-moz-transform-style:preserve-3d;
	-ms-transform-style:preserve-3d;
	-o-transform-style:preserve-3d;
	transform-style:preserve-3d;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	-o-backface-visibility:hidden;
	backface-visibility:hidden
}
.panel .back .backwrapper {
	top:50%;
	position:absolute;
	left:50%;
	margin:-101px 0px 0px -58px
}
.panel.flip .back {
	z-index:35;
	-webkit-transform:rotateX(0deg);
	-moz-transform:rotateX(0deg);
	-ms-transform:rotateX(0deg);
	-o-transform:rotateX(0deg);
	transform:rotateX(0deg)
}
.footer.twocolumn {
	width:100%;
	height:270px;
	background-color:#999;
	z-index:9;
	bottom: 0;
	margin-top:200px;
}
.footer.twocolumn h2 {
	text-transform:uppercase;
	text-align:center
}
.footer.twocolumn p {
	text-align:center;
	line-height:1.6em;
	padding-top:20px
}
#scrollDown {
	background:url("../images/scrolldown.png") no-repeat top left;
	display:none;
	width:37px;
	height:24px;
	position:fixed;
	bottom:10px;
	left:50%;
	margin-left:-18px
}
.od-language-switcher-placeholder {
	position:absolute;
	width:100%;
	height:60px;
	top:0;
	right:18px;
	z-index:100
}
.jobs-container .od-language-switcher-placeholder {
	position:absolute;
	width:100%;
	height:60px;
	bottom:0;
	right:0
}
@media only screen and (max-width: 600px) {
.jobs-container .od-language-switcher-placeholder {
	background-color:#FFF
}
}
.od-language-switcher {
	display:block;
	position:absolute;
	right:0;
	top:17px
}
@media only screen and (max-width: 600px) {
.od-language-switcher {
	position:static;
	margin:17px auto;
	width:68px
}
}
.od-language-switcher .od-language-switcher-item {
	width:32px;
	height:22px;
	background-color:#000;
	color:#FFF;
	text-transform:uppercase;
	font-family:"ProximaNovaExtraBold";
	font-size:1.2em;
	line-height:22px;
	text-align:center;
	border:2px solid #FFF;
	border-left:none;
	display:inline-block
}
.od-language-switcher .od-language-switcher-item.first-item {
	border-left:2px solid #FFF;
	border-right:none
}
@media only screen and (max-width: 600px) {
.od-language-switcher .od-language-switcher-item.first-item {
	border-left:2px solid #000
}
}
.od-language-switcher .od-language-switcher-item a {
	display:block;
	width:32px;
	height:22px;
	color:#FFF
}
.od-language-switcher .od-language-switcher-item.active {
	background-color:#FFF;
	color:#000
}
@media only screen and (max-width: 600px) {
.od-language-switcher .od-language-switcher-item {
	border-color:#000
}
}
@font-face {
	font-family:'ProximaNovaLight';
	src:url("/wp-content/themes/onlinedepartment/fonts/proxima-nova-light/proxima-nova-light.eot");
	src:url("/wp-content/themes/onlinedepartment/fonts/proxima-nova-light/proxima-nova-light.eot?#iefix") format("embedded-opentype"), url("/wp-content/themes/onlinedepartment/fonts/proxima-nova-light/proxima-nova-light.woff") format("woff"), url("/wp-content/themes/onlinedepartment/fonts/proxima-nova-light/proxima-nova-light.ttf") format("truetype"), url("/wp-content/themes/onlinedepartment/fonts/proxima-nova-light/proxima-nova-light.svg#ProximaNovaRegular") format("svg");
	font-weight:normal;
	font-style:normal
}
@font-face {
	font-family:'ProximaNovaRegular';
	src:url("/wp-content/themes/onlinedepartment/fonts/proxima-nova-regular/ProximaNova-Reg-webfont.eot");
	src:url("/wp-content/themes/onlinedepartment/fonts/proxima-nova-regular/ProximaNova-Reg-webfont.eot?#iefix") format("embedded-opentype"), url("/wp-content/themes/onlinedepartment/fonts/proxima-nova-regular/ProximaNova-Reg-webfont.woff") format("woff"), url("/wp-content/themes/onlinedepartment/fonts/proxima-nova-regular/ProximaNova-Reg-webfont.ttf") format("truetype"), url("/wp-content/themes/onlinedepartment/fonts/proxima-nova-regular/ProximaNova-Reg-webfont.svg#ProximaNovaRegular") format("svg");
	font-weight:normal;
	font-style:normal
}
@font-face {
	font-family:'ProximaNovaSemiBold';
	src:url("/wp-content/themes/onlinedepartment/fonts/proxima-nova-semibold/proxima-nova-semibold.eot");
	src:url("/wp-content/themes/onlinedepartment/fonts/proxima-nova-semibold/proxima-nova-semibold.eot?#iefix") format("embedded-opentype"), url("/wp-content/themes/onlinedepartment/fonts/proxima-nova-semibold/proxima-nova-semibold.woff") format("woff"), url("/wp-content/themes/onlinedepartment/fonts/proxima-nova-semibold/proxima-nova-semibold.ttf") format("truetype"), url("/wp-content/themes/onlinedepartment/fonts/proxima-nova-semibold/proxima-nova-semibold.svg#ProximaNovaRegular") format("svg");
	font-weight:normal;
	font-style:normal
}
@font-face {
	font-family:'ProximaNovaExtraBold';
	src:url("/wp-content/themes/onlinedepartment/fonts/proxima-nova-extrabold/proxima-nova-extrabold.eot");
	src:url("/wp-content/themes/onlinedepartment/fonts/proxima-nova-extrabold/proxima-nova-extrabold.eot?#iefix") format("embedded-opentype"), url("/wp-content/themes/onlinedepartment/fonts/proxima-nova-extrabold/proxima-nova-extrabold.woff") format("woff"), url("/wp-content/themes/onlinedepartment/fonts/proxima-nova-extrabold/proxima-nova-extrabold.ttf") format("truetype"), url("/wp-content/themes/onlinedepartment/fonts/proxima-nova-extrabold/proxima-nova-extrabold.svg#ProximaNovaRegular") format("svg");
	font-weight:normal;
	font-style:normal
}
.footer.simple .block-button {
	font-size:1.2em;
	font-style:normal
}
.footer.simple.vacatures .wrapper h2 {
	padding-top:0
}
.footer.simple.vacatures .wrapper .left {
	float:left;
	width:49%;
	border-right:1px solid #dadada;
	height:172px;
	padding-top:0;
	margin-top:60px
}
.footer.simple.vacatures .wrapper .left p {
	width:340px
}
.footer.simple.vacatures .wrapper .right {
	float:right;
	width:49%;
	margin-top:60px
}
.footer.simple.vacatures .wrapper .right ul {
	margin-top:20px
}
.footer.team {
	height:250px;
	position:relative
}
.footer.interns h2 {
	padding-top:50px
}
.footer.interns .block-button {
	width:225px
}
.footer.interns .block-button a {
	width:227px
}
.teamSlideText {
	display:inline-block;
	font-size:7.0em;
	color:#FFF;
	text-align:center;
	position:relative;
	text-transform:uppercase
}
.teamSlideText:before, .teamSlideText:after {
	display:inline;
	content:url("../images/title-diamond.png");
	position:absolute;
	top:-16px
}
.teamSlideText:before {
	margin:0 0 0 -30px
}
.teamSlideText:after {
	margin:0 0 0 20px
}
.bio {
	position:relative;
	width:400px;
	margin-right:15%;
	margin-left:auto
}
.bio ul {
	margin-bottom:25px
}
.bio ul li {
	display:inline-block
}
.bio ul li .book {
	display:block;
	width:46px;
	height:46px;
	background-image:url(../images/bio-book.png);
	background-position:top right
}
.bio ul li .book:hover, .bio ul li .book.active {
	background-position:top left
}
.bio ul li .info {
	display:block;
	width:46px;
	height:46px;
	background-image:url(../images/bio-info.png);
	background-position:top right
}
.bio ul li .info:hover, .bio ul li .info.active {
	background-position:top left
}
.bio h2 {
	color:#000;
	font-size:5.0em;
	text-transform:uppercase
}
.bio .favouritebook {
	visibility:hidden;
	opacity:0;
	position:absolute;
	top:77px;
	width:400px
}
.bio .favouritebook h2 {
	font-size:2.0em;
	margin-bottom:20px
}
.bio h3 {
	font-weight:bold;
	font-style:italic;
	font-family:"Georgia", "Times New Roman", "Times", serif;
	font-size:1.4em;
	margin:20px auto
}
.bio p {
	color:#000;
	line-height:2.0em
}
.bio a.linkedin {
	margin-top:20px
}
.diamond-navigation.principles-navigation {
	bottom:25px;
	top:auto;
	z-index:80
}
.diamond-navigation.principles-navigation li {
	width:55px;
	height: 55px;
	background:#9D8D8A
}
.diamond-navigation.principles-navigation li a {
	color:#f9f9f9
}
.diamond-navigation.principles-navigation li:hover, .diamond-navigation.principles-navigation li.active {
	background:#0CC
}
.diamond-navigation.principles-navigation li:hover a, .diamond-navigation.principles-navigation li.active a {
	color:#666;
	text-decoration: none;
}
.principles {
	position:relative
}

.principles h2 {
	color:#333
}


.principles-slide {
	position:absolute;
	width:100%;
	top:0;
	left:0;
	display:none
}
.principles-slide:first-child {
	display:block
}
.team-navigation {
	margin:42px auto 0 auto;
	list-style-type:none;
	text-align:center;
	width:712px;
	height:155px;
	overflow:hidden;
	position:relative
}
.team-navigation .shadow {
	-webkit-box-shadow:25px 0px 30px 0px white inset, -25px 0px 30px 0px white inset;
	-moz-box-shadow:25px 0px 30px 0px white inset, -25px 0px 30px 0px white inset;
	box-shadow:25px 0px 30px 0px white inset, -25px 0px 30px 0px white inset;
	width:100%;
	height:200px;
	top:-23px;
	position:absolute;
	z-index:80;
	pointer-events:none
}
.team-navigation x:-o-prefocus, .team-navigation .shadow {
display:none
}
.team-navigation .team-navigation-holder {
	width:2146px;
	text-align:left
}
.team-navigation .team-navigation-group {
	display:inline-block;
	width:712px;
	text-align:center
}
.team-navigation li {
	width:116px;
	margin:0 30px 0 30px;
	display:inline-block;
	position:relative;
	vertical-align:top
}
.team-navigation li .diamond {
	width:116px;
	height:118px;
	line-height:118px;
	text-align:center;
	vertical-align:middle
}
.team-navigation li .diamond img {
	width:116px;
	height:116px;
	vertical-align:middle;
	-webkit-transition:all 200ms;
	-moz-transition:all 200ms;
	-o-transition:all 200ms;
	transition:all 200ms
}
.team-navigation li a {
	text-transform:none
}
.team-navigation li .overlay {
	z-index:1;
	background-image:url(../images/overlay-diamond.png);
	background-position:top left;
	width:116px;
	height:116px;
	position:absolute;
	top:2px;
	left:0px;
	opacity:1;
	filter:alpha(opacity=100)
}
.team-navigation li .overlay .show {
	transition:opacity 400ms;
	-moz-transition:opacity 400ms;
	-webkit-transition:opacity 400ms;
	-o-transition:opacity 400ms;
	transition-delay:40ms;
	-moz-transition-delay:40ms;
	-webkit-transition-delay:40ms;
	-o-transition-delay:40ms;
	opacity:0;
	filter:alpha(opacity=0)
}
.team-navigation li .overlay:hover {
	opacity:1;
	filter:alpha(opacity=100)
}
.team-navigation li .overlay:hover .show {
	opacity:1;
	filter:alpha(opacity=100)
}
.team-navigation li p {
	font-family:"ProximaNovaSemiBold";
	font-size:1.4em;
	line-height:1.4em;
	font-style:normal;
	color:#404040;
	margin-top:3px
}
.team-navigation li p a {
	color:#404040;
	text-transform:uppercase
}
.team-navigation li p span {
	font-family:"Georgia", "Times New Roman", "Times", serif;
	font-style:italic;
	display:block;
	color:#808080;
	text-transform:none;
	line-height:0.8em
}
.team-navigation li.active .overlay {
	-webkit-transition:opacity 400ms;
	-webkit-transition-delay:40ms;
	-moz-transition:opacity 400ms 40ms;
	-o-transition:opacity 400ms 40ms;
	transition:opacity 400ms 40ms;
	opacity:0;
	filter:alpha(opacity=0)
}
.holder {
	width:587px;
	height:389px;
	margin:0 auto;
	overflow:hidden;
	position:relative;
	top:50%;
	margin-top:-194px
}
.vacature-button {
	margin-top:20px
}
.partners .long-navigation-wrapper {
	background:none
}
.partners .long-navigation, .partners .longer-navigation {
	height:128px;
	background-color:#df5149
}
.partners .long-navigation li, .partners .longer-navigation li {
	color:white;
	opacity:0.4;
	height:126px;
	-webkit-transition:opacity 200ms ease-in-out;
	-moz-transition:opacity 200ms ease-in-out;
	-o-transition:opacity 200ms ease-in-out;
	transition:opacity 200ms ease-in-out
}
.partners .long-navigation li.active, .partners .long-navigation li:hover, .partners .longer-navigation li.active, .partners .longer-navigation li:hover {
	opacity:1
}
.partners .long-navigation li.active, .partners .longer-navigation li.active {
	background:none
}
.partners .long-navigation li div, .partners .longer-navigation li div {
	display:table-cell;
	vertical-align:middle;
	height:118px;
	width:200px
}
.partners .long-navigation li a, .partners .longer-navigation li a {
	display:block;
	height:118px;
	width:200px;
	overflow:hidden;
	font-size:17px;
	color:white;
	letter-spacing:1px;
	line-height:18px;
	font-family:'ProximaNovaSemiBold'
}
.partners .long-navigation li a.logo, .partners .longer-navigation li a.logo {
	line-height:999px
}
.partners .long-navigation li a.sitecore, .partners .longer-navigation li a.sitecore {
	background:url(../images/logo-sitecore.png) center center no-repeat
}
.partners .long-navigation li a.solware, .partners .longer-navigation li a.solware {
	background:url(../images/logo-solware.png) center center no-repeat
}
.partners .animationSlider {
	background:none
}
.partners .contentWrapper {
	width:800px;
	margin:0 auto
}
.partners .contentWrapper h2, .partners .contentWrapper p {
	text-align:left;
	margin-left:350px
}
.partners .contentWrapper .block-button {
	float:left;
	margin-left:350px
}
.partners .contentWrapper.sitecore {
	background:url(../images/sitecore.png) left top no-repeat
}
.partners .contentWrapper.solware {
	background:url(../images/solware.png) left top no-repeat
}
.navArrowBar {
	position:relative;
	width:100%;
	height:15px;
	margin-top:0
}
.navArrowBarArrow {
	position:absolute;
	top:0;
	left:-50px;
	display:block;
	height:13px;
	-webkit-transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
	-o-transition:all 0.5s ease-in-out;
	transition:all 0.5s ease-in-out
}
.slide.partners .navArrowBarArrow {
	background:url(../images/topnav-red.png) no-repeat center center
}
.slide.services .navArrowBarArrow {
	background:url(../images/topnav.png) no-repeat center center
}
@media only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx) {
background:url("../images/logo@2x.png") no-repeat top left;
background-size:293px 16px
}
@media only screen and (min-height: 1000px) {
.quote-slider {
	margin-top:180px
}
}
@media only screen and (min-height: 800px) {
.quote-slider {
	margin-top:80px
}
}
@media only screen and (min-width: 2530px) {
.mobileIphone {
	zoom:1;
	-o-transform:scale(1);
	-moz-transform:scale(1)
}
}
@media only screen and (min-width: 1890px) and (max-width: 2529px) {
.appIpad {
	zoom:1;
	-o-transform:scale(1);
	-moz-transform:scale(1);
	margin:0px auto 60px auto
}
.samsungIconsWrapper {
	zoom:1;
	-o-transform:scale(1);
	-moz-transform:scale(1)
}
.samsungStartImage {
	height:auto;
	width:100%
}
}
@media only screen and (max-width: 2529px) {
.mobileIphone {
	zoom:1;
	-o-transform:scale(1);
	-moz-transform:scale(1)
}
}
@media only screen and (max-width: 1920px) {
#homecases .horizontalSlide h2 {
	font-size:4.0em
}
#homecases .horizontalSlide h2:before, #homecases .horizontalSlide h2:after {
	top:-7px
}
#homecases .horizontalSlide h2:before {
	left:-15px
}
#homecases .horizontalSlide h2:after {
	left:15px
}
.caseIntroHead {
	font-size:4em
}
.caseIntroHead:before, .caseIntroHead:after {
	top:-7px
}
.caseIntroHead:before {
	left:-15px
}
.caseIntroHead:after {
	left:15px
}
.appIpad {
	zoom:0.8;
	-o-transform:scale(0.8);
	-moz-transform:scale(0.8);
	margin:0px auto 60px auto
}
.appIpadScreenContentText {
	zoom:1.25;
	-o-transform:scale(1.25);
	-moz-transform:scale(1.25);
	margin:30px auto 20px auto
}
.screencastButton {
	zoom:1.25;
	-o-transform:scale(1.25);
	-moz-transform:scale(1.25)
}
.mobileIphone {
	zoom:0.90;
	-o-transform:scale(0.9);
	-moz-transform:scale(0.9)
}
.mobileSketch {
	zoom:0.90;
	-o-transform:scale(0.9);
	-moz-transform:scale(0.9)
}
}
@media (min-width: 1024px) and (max-width: 1649px) {
.visualWrapper {
	height:620px
}
.visualImacWrapper {
	height:620px;
	right:50%
}
.visualImac {
	width:878px;
	height:620px;
	background:url("../images/visual-imac-medium.png") no-repeat top left
}
.visualImacGlare {
	width:381px;
	height:525px;
	background:url("../images/visual-imac-glare-medium.png") no-repeat top left
}
.visualImacScreen {
	width:815px;
	height:582px;
	top:32px;
	left:33px
}
.visualImacScreenImage {
	width:815px
}
.visualImacScreenImages {
	height:463px
}
.visualText {
	top:150px;
	right:0
}
.visualImacScreenDrag {
	top:176px;
	margin-top:0
}
}
@media only screen and (max-width: 1440px) {
.appIpad {
	zoom:0.7;
	-o-transform:scale(0.7);
	-moz-transform:scale(0.7);
	margin:0px auto 60px auto
}
.appIpadScreenContentText {
	zoom:1.42857;
	-o-transform:scale(0.42857);
	-moz-transform:scale(0.42857);
	margin:30px auto 20px auto
}
.screencastButton {
	zoom:1.5;
	-o-transform:scale(1.5);
	-moz-transform:scale(1.5)
}
.mobileIphone {
	zoom:0.80;
	-o-transform:scale(0.8);
	-moz-transform:scale(0.8)
}
.mobileSketch {
	zoom:0.80;
	-o-transform:scale(0.8);
	-moz-transform:scale(0.8)
}
}
@media only screen and (max-width: 1409px) {
.qandidateVideoText {
	margin:0 auto 20px
}
.videoContainer {
	width:50%
}
}
@media only screen and (max-width: 1280px) {
.arrowNav.groupNav.right {
	right:5%
}
.arrowNav.groupNav.left {
	left:5%
}
.caseIntroFooterDeviceImage {
	height:375px
}
.mobileIphone {
	zoom:0.70;
	-o-transform:scale(0.7);
	-moz-transform:scale(0.7)
}
.mobileSketch {
	zoom:0.70;
	-o-transform:scale(0.7);
	-moz-transform:scale(0.7)
}
.designprinciples .holder, .designprinciples .parallaxValue {
	width:450px
}
.jobsatonlinedept {
	width:300px
}
.teamSlideText {
	font-size:5.0em
}
.teamSlideText:before, .teamSlideText:after {
	top:-5px
}
.teamSlideText:before {
	margin:0 0 0 -22px
}
.teamSlideText:after {
	margin:0 0 0 8px
}
.caseIntroFooterDeviceImage {
	height:320px
}
.appIpad {
	zoom:0.6;
	-o-transform:scale(0.6);
	-moz-transform:scale(0.6);
	margin:0px auto 60px auto
}
.appIpadScreenContentText {
	zoom:1;
	-o-transform:scale(1);
	-moz-transform:scale(1);
	margin:30px auto 20px auto
}
.screencastButton {
	zoom:1.6667;
	-o-transform:scale(1.6667);
	-moz-transform:scale(1.6667)
}
#caseSlider .closeButton {
	top:54px
}
#caseSlider .diamond-navigation {
	bottom:54px
}
}
@media only screen and (max-height: 700px) {
#principles .holder, #principles .parallaxValue {
	width:380px
}
.jobsatonlinedept {
	height:300px
}
}
@media only screen and (max-height: 700px) {
.bio .text {
	display:none
}
}
@media only screen and (max-width: 1024px) {
#principles .holder, #principles .parallaxValue {
	width:380px
}
#logo {
	margin-left:20px
}
#contactSlider .contactForm .formfield {
	width:278px
}
#contactSlider .address {
	margin-right:14px
}
.jobsatonlinedept {
	height:300px
}
.teamSlideText {
	font-size:4.0em
}
.teamSlideText:before, .teamSlideText:after {
	top:-5px
}
.teamSlideText:before {
	margin:0 0 0 -22px
}
.teamSlideText:after {
	margin:0 0 0 8px
}
.caseIntroFooterDeviceImage {
	height:340px
}
#caseSlider .closeButton {
	top:28px
}
#caseSlider .diamond-navigation {
	bottom:28px
}
.bio .text {
	display:none
}
.bio .generalinfo .text {
	display:none
}
.caseIntroFooterDeviceImage {
	height:280px
}
.samsungStartText {
	margin-left:20px
}
.samsungMobileText {
	left:20px
}
.mobileText.apptown {
	right:145px
}
.visualWrapper {
	height:504px
}
.visualImacWrapper {
	height:504px;
	right:60%
}
.visualImac {
	width:714px;
	height:504px;
	background:url("../images/visual-imac-small.png") no-repeat top left
}
.visualImacGlare {
	width:289px;
	height:428px;
	background:url("../images/visual-imac-glare-small.png") no-repeat top left
}
.visualImacScreen {
	width:663px;
	height:582px;
	top:26px;
	left:26px
}
.visualImacScreenImage {
	width:663px
}
.visualImacScreenImages {
	height:379px
}
.visualText {
	top:100px;
	left:45%;
	right:auto
}
.visualImacScreenDrag {
	top:134px;
	margin-top:0
}
.iconDesignWrapper {
	margin-top:130px
}
.videoContainer {
	width:499px;
	height:281px
}
.videoContainer .video {
	width:499px;
	height:281px
}
}
@media only screen and (max-width: 1110px) {
.grid-text span {
	display:none
}
}
@media only screen and (max-width: 960px) {
.arrowNav.groupNav.right {
	right:5px
}
.arrowNav.groupNav.left {
	left:5px
}
#menu li {
	width:110px
}
.grid-text {
	display:none
}
.magplusIntro, .magplusText {
	width:390px
}
.rabobankFeaturesImage {
	margin-bottom:40px
}
.caseResultImage {
	display:none
}
.samsungIconsWrapper {
	zoom:0.7;
	-o-transform:scale(0.7);
	-moz-transform:scale(0.7)
}
.grid-head {
	font-size:3.0em;
	line-height:1.5em
}
.grid-head span {
	display:block
}
.grid-text {
	display:none
}
.mobileText {
	right:70px
}
.visualWrapper {
	height:504px
}
.visualImacWrapper {
	height:504px;
	right:60%
}
.visualImac {
	width:714px;
	height:504px;
	background:url("../images/visual-imac-small.png") no-repeat top left
}
.visualImacGlare {
	width:289px;
	height:428px;
	background:url("../images/visual-imac-glare-small.png") no-repeat top left
}
.visualImacScreen {
	width:663px;
	height:582px;
	top:26px;
	left:26px
}
.visualImacScreenImage {
	width:663px
}
.visualImacScreenImages {
	height:379px
}
.visualText {
	top:64px;
	left:45%;
	right:auto
}
.visualImacScreenDrag {
	top:134px;
	margin-top:0
}
.team-navigation li {
	margin:0 20px 0 20px
}
}
@media only screen and (max-width: 768px) {
#top .wrapper.topWrapper {
	min-width:0
}
#logo {
	margin-left:20px
}
#menu li {
	width:110px
}
.jobStamp {
	right:3%
}
.uxtimes-text {
	width:312px
}
#contactSlider .contactForm .left {
	float:none;
	width:100%
}
#contactSlider .footer.twocolumn {
	height:365px
}
#contactSlider .address {
	padding-bottom:151px;
	margin-right:52px
}
.jobsatonlinedept {
	height:auto
}
.mobileIphone {
	margin-left:10px
}
.mobileIphone .mobileDetail {
	visibility:hidden
}
.caseIntroFooterText p {
	width:90%
}
.caseIntroFooterDeviceImage {
	width:70%;
	height:auto;
	right:70px;
	left:auto
}
.greenIntroFooterDeviceImage {
	width:80% !important;
	height:auto;
	left:70px;
	right:auto
}
.samsungStartImage {
	height:auto;
	width:60%
}
#menu li {
	width:110px
}
.magplusIntro, .magplusText {
	width:340px
}
.rabobankFeaturesImage {
	margin-bottom:20px
}
.mobileText.apptown {
	right:35px
}
.samsungIconsWrapper {
	zoom:0.6;
	-o-transform:scale(0.6);
	-moz-transform:scale(0.6)
}
.visualText {
	top:100px
}
.footer.twocolumn p {
	width:auto
}
#contactSlider .contactForm {
	float:left;
	width:auto;
	margin-top:38px;
	margin-left:25px
}
}
@media only screen and (max-height: 768px) {
.logos .logo {
	width:65%
}
}
@media only screen and (max-height: 850px) {
.closeButton {
	top:54px
}
.diamond-navigation.bottom {
	bottom:54px
}
}
@media only screen and (max-height: 750px) {
.closeButton {
	top:30px
}
.diamond-navigation.bottom {
	bottom:30px
}
}
@media only screen and (max-height: 670px) {
.closeButton {
	top:10px
}
.diamond-navigation.bottom {
	bottom:10px
}
}