@import url('//i.s-microsoft.com/fonts/segoe-ui/west-european/light/latest.css');
/*@import url('//i.s-microsoft.com/fonts/segoe-ui/west-european/light-italic/latest.css');
@import url('//i.s-microsoft.com/fonts/segoe-ui/west-european/semilight/latest.css');
@import url('//i.s-microsoft.com/fonts/segoe-ui/west-european/semilight-italic/latest.css');
@import url('//i.s-microsoft.com/fonts/segoe-ui/west-european/normal/latest.css');*/
@import url('//i.s-microsoft.com/fonts/segoe-ui/west-european/italic/latest.css');
@import url('//i.s-microsoft.com/fonts/segoe-ui/west-european/semibold/latest.css');
@import url('//i.s-microsoft.com/fonts/segoe-ui/west-european/bold/latest.css');

/*
YUI 3.18.1 (build f7e7bcb)
Copyright 2014 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
*/

html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;*font-size:100%}legend{color:#000}#yui3-css-stamp.cssreset{display:none}



/** Utility Classes */
.clearfix:after{
	clear: both;
	content: '';
	display: block;
}
.hidden  { 
    display: none;
	visibility: hidden;
}
.offscreen {
	display: block;
	left: -999999px;
	position: absolute;
	top: -999999px;
}
video::-webkit-media-controls {
    display:none !important;
}
.nowrap,
.desktop-nowrap {
	white-space: nowrap;
}
.tablet-nowrap,
.phone-nowrap {
	white-space: normal;
}


/** General */
html {
	background: #fafafa;
	font-family: "ff-meta-serif-web-pro", serif;
    height: 100%;
    overflow-x: hidden;
}
body{
	position: relative;
    overflow: auto;
    height: 100%;
}
/*.page-wrapper {
	overflow: hidden;
}*/
* {
	outline: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}
:focus {
	outline:none;
}
::-moz-focus-inner {
	border: 0;
}
.styled-text p {
	color: #454242;
	font-size: 19px;
	line-height: 1.6em;
	margin-bottom: 1.45em;
	text-align: justify;
}
.styled-text blockquote {
	margin-bottom: 1.45em;
}
.styled-text blockquote p {
	font-family: 'wf_segoe-ui_bold', sans-serif;
	font-size: 40px;
	font-weight: 700;
	line-height: 1.25em;
	text-transform: uppercase;
	text-align: center;
	margin-bottom: 0;
}
.drop-cap {
	float: left;
}

.curtain {
	background: #fafafa;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}
	.curtain .padding {
		padding: 140px 0 100px;
	}
	.curtain p a {
		color: #f1521b;
		text-decoration: none;
	}
	.curtain p a:hover {
		text-decoration: underline;
	}
	.curtain .last {
		margin-bottom: 0;
	}
	.curtain .curtain-edge {
		bottom: 0;
		display: block;
		position: absolute;
		width: 100%;
	}
	.curtain .curtain-edge-top {
		margin-bottom: 1px;
		transform: translateY(100%);
		-ms-transform: translateY(100%);
		-webkit-transform: translateY(100%);
	}
	.curtain .curtain-edge-bottom {
		margin-bottom: -1px;
	}
.framed-image {
	background-repeat: no-repeat;
	margin: 60px auto;
	padding: 36px 30px;
	width: 960px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}
	.framed-image .inner {
		position: relative;
	}
		.framed-image img {
			display: block;
		}
.mobile-photo {
	display: none;
}
.rule {
	display: block;
	height: 12px;
	margin: 51px auto 67px;
	width: 1030px;
}
	.rule-blue {
		background: url(../images/ornaments/rule-blue.png) no-repeat;
	}
	.rule-orange {
		background: url(../images/ornaments/rule-orange.png) no-repeat;
	}
		.backgroundsize .rule-blue {
			background-image: url(../images/ornaments/rule-blue-retina.png);
			background-size: auto 12px;
		}
		.backgroundsize .rule-orange {
			background-image: url(../images/ornaments/rule-orange-retina.png);
			background-size: auto 12px;
		}
.css-columns {
	margin-bottom: 1.45em;
	-webkit-column-count: 	2;
    -moz-column-count: 		2;
    column-count: 			2;
	-webkit-column-gap: 40px;
    -moz-column-gap: 	40px;
    column-gap: 		40px;
}
	.css-columns p {
		margin-bottom: 0;
	}
	.mobile-wipe {
		display: none;
	}

/** Curtains */
.curtains{
    width: 100%;
    z-index:1;
    position:relative;
}
.curtain {
    display:block;
    left: 0;
    min-height: 100%;
    overflow: hidden;
    position: fixed;
    top: 0;
    width: 100%;
    z-index:1;
    -webkit-transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.curtain.hidden-curtain{display:none;}
.curtain:first-child{z-index:2;}
/*.curtains>li{
    display:block;
    position: relative;
    width: 100%;
    min-height: 100%;
}*/
.curtain-intro {
	z-index: 20;
}
.section-deal {
	z-index: 19;
}
.curtain-video-creativity {
	z-index: 18;
}
/*.curtain-creativity {
	z-index: 17;
}*/
.curtain-core-vision {
	z-index: 16;
}
/*.curtain-vision {
	z-index: 15;
}*/
.curtain-cloud-conclusion {
	z-index: 14;
}
/*.curtain-conclusion {
	z-index: 13;
}*/

/** Framework */
.central-column {
	position: relative;
	width: 732px;
	margin: 0 auto;
}
.monster-section {
	position: relative;
}

/** Navigation */
.navigation {
	display: block;
	font-size: 0;
	height: 80px;
	padding: 18px 36px;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 10;
	box-sizing: 		border-box;
	-moz-box-sizing: 	border-box;
}
	/** Navigation - Branding */
	.navigation .no-svg-branding,
	.navigation .mobile-branding {
		display: none;
	}
	.navigation .breadcrumb {
		color: #4e4e4e;
		float: left;
		font-family: 'wf_segoe-ui_light', sans-serif;
		font-size: 0;
		padding: 7px 0 0;
		position: relative;
		transition: opacity 1s;
		-webkit-transition: opacity 1s;
	}
		.navigation .breadcrumb .break,
		.navigation .breadcrumb a {
			color: #4e4e4e;
			display: block;
			float: left;
			font-size: 24px;
			line-height: 24px;
			text-decoration: none;
		}
			.navigation .breadcrumb .break {
				margin: 0 7px 0 12px;
			}
			.navigation .breadcrumb a:hover {
				color: #f05125;
				text-decoration: none;
			}
			.navigation .breadcrumb a .branding {
				display: block;
			}
				.navigation .breadcrumb a .branding-color {
					display: block;
					width: auto;
				}
				.navigation .breadcrumb a .branding-white {
					display: none;
				}
	/** Navigation - Social */
	.navigation .social {
		float: right;
		font-size: 0;
		position: relative;
		text-align: right;
	}
		.navigation .social .social-link {
			display: inline-block;
			margin-left: 7px;
			vertical-align: middle;
		}
			.navigation .social .social-link:before {
				background: url(../images/sprites/sprite.png) no-repeat;
				display: block; 
				content: '';
				height: 41px;
				width: 41px;
			}
				.backgroundsize .navigation .social .social-link:before {
					background-image: url(../images/sprites/sprite-retina.png);
					background-size: auto 200px;
				}
		.navigation .social .share-page-linkedin:before { background-position: -100px 0; }
		.navigation .social .share-page-twitter:before { background-position: -50px 0; }
		.navigation .social .share-page-facebook:before { background-position: 0 0; }
		.navigation .social .share-page-linkedin:hover:before { background-position: -100px -50px; }
		.navigation .social .share-page-twitter:hover:before { background-position: -50px -50px; }
		.navigation .social .share-page-facebook:hover:before { background-position: 0 -50px; }

	/** Gray State */
	.fixed-navigation {
		background: #333;
		background: rgba( 51, 51, 51, .95);
		position: fixed;
		top: 0;
		width: 100%;
		z-index: 10;
	    -webkit-backface-visibility: hidden;
	    backface-visibility: hidden;
		transform: 			translateY(-100%) translateZ(0);
		-ms-transform: 	translateY(-100%) translateZ(0);
		-webkit-transform: 	translateY(-100%) translateZ(0);
		transition: transform .5s;
		-webkit-transition: -webkit-transform .5s;
	}
		.fixed-navigation.revealed {
			transform: 			translateY(0);
			-ms-transform: 		translateY(0);
			-webkit-transform: 	translateY(0);
			transition: 		transform .7s;
			-webkit-transition: -webkit-transform .7s;
		}
	.fixed-navigation .breadcrumb .break,
	.fixed-navigation .breadcrumb a {
		color: #fff;
	}
	.fixed-navigation .breadcrumb .microsoft .branding-color {
		display: none;
	}
	.fixed-navigation .breadcrumb .microsoft .branding-white {
		display: block;
	}
		.fixed-navigation .breadcrumb .microsoft:hover .branding-color {
			display: block;
		}
		.fixed-navigation .breadcrumb .microsoft:hover .branding-white {
			display: none;
		}
		.fixed-navigation .social .share-page-linkedin:before { background-position: -100px -100px; }
		.fixed-navigation .social .share-page-twitter:before { background-position: -50px -100px; }
		.fixed-navigation .social .share-page-facebook:before { background-position: 0 -100px; }

/** Loading */
.loading {
	top: 0;
	position: fixed;
	width: 100%;
	height: 100%;
	background: #02a4ef;
	z-index: 999;
}
	.loading img {
		position: absolute;
		margin: -30px 0 0 -30px;
		width: 60px;
		height: 60px;
		top: 50%;
		left: 50%;
		animation: 			spin 2s linear forwards infinite;
		-webkit-animation: 	spin 2s linear forwards infinite;
	}
@-webkit-keyframes spin {
	from { -webkit-transform: rotate(0); }
	to { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
	from { -webkit-transform: rotate(0); transform: rotate(0); }
	to { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}

/** Hero */
.curtain-intro .section-intro {
	position: relative;
	z-index: 2;
}
.curtain-intro .section-intro .padding {
	padding-top: 0;
}
	.curtain-intro .hero {
		height: 815px;
		padding: 1px 0;
		position: relative;
		overflow: hidden;
		background: rgb(232,228,229);
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U4ZTRlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background: -moz-linear-gradient(top,  rgba(232,228,229,1) 0%, rgba(255,255,255,1) 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(232,228,229,1)), color-stop(100%,rgba(255,255,255,1)));
		background: -webkit-linear-gradient(top,  rgba(232,228,229,1) 0%,rgba(255,255,255,1) 100%);
		background: -o-linear-gradient(top,  rgba(232,228,229,1) 0%,rgba(255,255,255,1) 100%);
		background: -ms-linear-gradient(top,  rgba(232,228,229,1) 0%,rgba(255,255,255,1) 100%);
		background: linear-gradient(to bottom,  rgba(232,228,229,1) 0%,rgba(255,255,255,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e4e5', endColorstr='#ffffff',GradientType=0 );
	}
		.curtain-intro .hero .layer {
			position: absolute;
		}
			.curtain-intro .hero .layer-background {
				width: 100%;
				height: 100%;
				background-attachment: fixed;
				background-position: center 0;
				transform: translateZ(0);
				-webkit-transform: translateZ(0);
				-moz-transform: translateZ(0);
				-webkit-backface-visibility: hidden;
			}
			.ie .curtain-intro .hero .layer-background {
				background-attachment: scroll;
			}
			.ie .curtain-intro .hero .layer-background-blue {
				display: none;
			}
			.curtain-intro .hero .layer-background-blue {
				background-image: url(../images/hero/blue-dots.png);
			}
			.curtain-intro .hero .layer-background-black {
				background-image: url(../images/hero/black-dots.png);
			}
			.curtain-intro .hero .layer-background-green {
				background-image: url(../images/hero/green-dots.png);
			}
			.curtain-intro .hero .layer-background-orange {
				background-image: url(../images/hero/orange-dots.png);
			}
		.curtain-intro .hero .layer-macleod {
			width: 897px;
			height: 815px;
			bottom: 0;
			left: 50%;
			margin-left: -448px;
		}
			.curtain-intro .hero .head-illustrations {
				position: absolute;
				top: 0;
				left: 50%;
				margin: 51px 0 0 -613px;
			}
			.curtain-intro .hero .layer-blue {
				background: url(../images/hero/microsoft-hugh-macleod-blue.png) no-repeat;
				height: 42px;
				left: 337px;
				top: 338px;
				width: 243px;
			}
			.curtain-intro .hero .layer-body {
				background: url(../images/hero/microsoft-hugh-macleod-body.png)  no-repeat;
				height: 720px;
				width: 897px;
				bottom: -243px;
			}
			.curtain-intro .hero .layer-lines {
				background: url(../images/hero/logo-lines.png) left bottom no-repeat;
				bottom: 420px;
				height: 50px;
				left: 450px;
				width: 21px;
			}
			.curtain-intro .hero .layer-logo {
				background: url(../images/hero/logo-sketch.png) bottom center no-repeat;
				height: 20px;
				bottom: 466px;
				width: 268px;
				left: 317px;
				transform: scale(.82);
				-ms-transform: scale(.82);
				-webkit-transform: scale(.82);
				-ms-transform-origin: 		center center;
				-webkit-transform-origin: 	center center;
				transform-origin: 			center center;
				transition: transform .5s;
				-webkit-transition: -webkit-transform .5s;
				-ms-transition: -ms-transform .5s;
			}
				.curtain-intro .hero .layer-logo.resized {
				    transform: scale(1);
				    -webkit-transform: scale(1);
				    -ms-transform: scale(1);
				}
			.curtain-intro .hero .layer-head {
				background: url(../images/hero/microsoft-hugh-macleod-head.png)  no-repeat;
				height: 189px;
				left: 301px;
				top: 189px;
				width: 287px;
			}
			.curtain-intro .hero .layer-hand {
				/*background: url(../images/hero/microsoft-hugh-macleod-thumb.png) 0 bottom no-repeat;*/
				height: 330px;
				left: 10px;
				top: 480px;
				width: 300px;
			}
				.curtain-intro .hero .layer-hand .layer-hand-foreground {
					/*top: 165px;*/
					background: url(../images/hero/microsoft-hugh-macleod-hand.png) 0 0 no-repeat;
					height: 165px;
					top: 495px;
					width: 100%;
				}
				.curtain-intro .hero .layer-hand .layer-hand-monster {
					background: url(../images/hero/hero-monster.png) no-repeat;
					width: 280px;
					height: 330px;
					left: 15px;
					top: 340px;
					-ms-transform: 		scale(.54);
				    -webkit-transform: 	scale(.54);
				    transform: 			scale(.54);
				    -ms-transform-origin: 		center top;
				    -webkit-transform-origin: 	center top;
				    transform-origin: 			center top;
					transition: transform 1s .2s;
					-webkit-transition: -webkit-transform 1s .2s;
					-ms-transition: -ms-transform 1s .2s;
				}
					.curtain-intro .hero .layer-hand .layer-hand-monster.resized {
						-ms-transform: 		scale(1);
					    -webkit-transform: 	scale(1);
					    transform: 			scale(1);
					}
					.curtain-intro .hero .layer-hand .layer-hand-monster .eye {
						position: absolute;
						display: block;
						transition: .4s top, .4s left;
						-webkit-transition: .4s top, .4s left;
					}
					.curtain-intro .hero .layer-hand .layer-hand-monster .left-eye {
						left: 104px;
						top: 56px;
					}
					.curtain-intro .hero .layer-hand .layer-hand-monster .right-eye {
						left: 124px;
						top: 50px;
					}
						.curtain-intro .hero .layer-hand .layer-hand-monster.set .left-eye {
							left: 108px;
							top: 52px;
						}
						.curtain-intro .hero .layer-hand .layer-hand-monster.set .right-eye {
							left: 128px;
							top: 46px;
						}
					.curtain-intro .hero .layer-hand .layer-hand-monster .eyes {
						height: 30px;
						left: 96px;
						position: absolute;
						top: 42px;
						width: 42px;
					}
					.curtain-intro .hero .layer-hand .layer-hand-monster .eyes.mid {
						background: url(../images/hero/hero-monster-squint.png) no-repeat;
					}
					.curtain-intro .hero .layer-hand .layer-hand-monster .eyes.closed {
						background: url(../images/hero/hero-monster-blink.png) no-repeat;
					}

					.curtain-intro .hero .layer-hand .layer-hand-monster .antennae {
						/*-ms-transform: rotate(45deg);
					    -webkit-transform: rotate(45deg);
					    transform: rotate(45deg);*/
					    /*-ms-transition: 		transform 400ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
					    -webkit-transition: 	transform 400ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
					    transition: 			transform 400ms cubic-bezier(0.680, -0.550, 0.265, 1.550);*/
					}
					.curtain-intro .hero .layer-hand .layer-hand-monster .antennae-right {
						background: url(../images/hero/hero-monster-antennae-right.png) no-repeat;
						height: 42px;
						left: 156px;
						position: absolute;
						bottom: 287px;
						width: 14px;
					    -ms-transform-origin: left bottom;
					    -webkit-transform-origin: left bottom;
					    transform-origin: left bottom;
					}
						.curtain-intro .hero .layer-hand .layer-hand-monster.loaded .antennae-right {
							-ms-transform: 		rotate(-40deg);
						    -webkit-transform: 	rotate(-40deg);
						    transform: 			rotate(-40deg);
						}
						.curtain-intro .hero .layer-hand .layer-hand-monster .antennae-right.bounced {
						    -webkit-animation:	bounceOutRight .2s ease-out;
						}
						.curtain-intro .hero .layer-hand .layer-hand-monster .antennae-right.cocked {
						    -ms-transition: 		transform 1200ms cubic-bezier(0.075, 0.820, 0.165, 1.000);
						    -webkit-transition: 	transform 1200ms cubic-bezier(0.075, 0.820, 0.165, 1.000);
						    transition: 			transform 1200ms cubic-bezier(0.075, 0.820, 0.165, 1.000);
							-ms-transform: 		rotate(-40deg);
						    -webkit-transform: 	rotate(-40deg);
						    transform: 			rotate(-40deg);
						}
					.curtain-intro .hero .layer-hand .layer-hand-monster .antennae-left {
						background: url(../images/hero/hero-monster-antennae-left.png) no-repeat;
						height: 45px;
						right: 248px;
						position: absolute;
						bottom: 251px;
						width: 32px;
					    -ms-transform-origin: right bottom ;
					    -webkit-transform-origin: right bottom ;
					    transform-origin: right bottom ;
					}
						.curtain-intro .hero .layer-hand .layer-hand-monster.loaded .antennae-left {
							-ms-transform: 		rotate(40deg);
						    -webkit-transform: 	rotate(40deg);
						    transform: 			rotate(40deg);
						}
						.curtain-intro .hero .layer-hand .layer-hand-monster .antennae-left.bounced {
						    -webkit-animation:	bounceOutLeft .2s ease-out;
						}
						.curtain-intro .hero .layer-hand .layer-hand-monster .antennae-left.cocked {
						    -ms-transition: 		transform 1200ms cubic-bezier(0.075, 0.820, 0.165, 1.000);
						    -webkit-transition: 	transform 1200ms cubic-bezier(0.075, 0.820, 0.165, 1.000);
						    transition: 			transform 1200ms cubic-bezier(0.075, 0.820, 0.165, 1.000);
							-ms-transform: 		rotate(40deg);
						    -webkit-transform: 	rotate(40deg);
						    transform: 			rotate(40deg);
						}
					.curtain-intro .hero .layer-hand .layer-hand-monster .eyebrow {
					    -ms-transition: 		transform 700ms;
					    -webkit-transition: 	transform 700ms;
					    transition: 			transform 700ms;
					}
					.curtain-intro .hero .layer-hand .layer-hand-monster .eyebrow-left {
						background: url(../images/hero/hero-monster-eyebrow-left.png) no-repeat;
						position: absolute;
						width: 9px;
						height: 13px;
						bottom: 294px;
						left: 90px;
						-ms-transform: 		rotate(40deg);
					    -webkit-transform: 	rotate(40deg);
					    transform: 			rotate(40deg);
					    -ms-transform-origin: 		left bottom;
					    -webkit-transform-origin: 	left bottom;
					    transform-origin: 			left bottom;
					}
					.curtain-intro .hero .layer-hand .layer-hand-monster .eyebrow-right {
						background: url(../images/hero/hero-monster-eyebrow-right.png) no-repeat;
						position: absolute;
						width: 7px;
						height: 14px;
						bottom: 300px;
						right: 156px;
						-ms-transform: 		rotate(-40deg);
					    -webkit-transform: 	rotate(-40deg);
					    transform: 			rotate(-40deg);
					    -ms-transform-origin: 		right bottom;
					    -webkit-transform-origin: 	right bottom;
					    transform-origin: 			right bottom;
					}
						.curtain-intro .hero .layer-hand .layer-hand-monster.set .eyebrow {
							-ms-transform: 		rotate(0);
						    -webkit-transform: 	rotate(0);
						    transform: 			rotate(0);
						}

@-webkit-keyframes bounceOutRight {
    0%{ 	
    	-ms-transform: 		rotate(-40deg);
	    -webkit-transform: 	rotate(-40deg);
	    transform: 			rotate(-40deg);
    }
    50%{ 	
    	-ms-transform: 		rotate(10deg);
	    -webkit-transform: 	rotate(10deg);
	    transform: 			rotate(10deg);
    }
    75%{ 	
    	-ms-transform: 		rotate(-15deg);
	    -webkit-transform: 	rotate(-15deg);
	    transform: 			rotate(-15deg);

    }
    100%{ 	
    	-ms-transform: 		rotate(0deg);
	    -webkit-transform: 	rotate(0deg);
	    transform: 			rotate(0deg);
    }
}
@-webkit-keyframes bounceOutLeft {
    0%{ 	
    	-ms-transform: 		rotate(40deg);
	    -webkit-transform: 	rotate(40deg);
	    transform: 			rotate(40deg);
    }
    50%{ 	
    	-ms-transform: 		rotate(-10deg);
	    -webkit-transform: 	rotate(-10deg);
	    transform: 			rotate(-10deg);
    }
    75%{ 	
    	-ms-transform: 		rotate(15deg);
	    -webkit-transform: 	rotate(15deg);
	    transform: 			rotate(15deg);

    }
    100%{ 	
    	-ms-transform: 		rotate(0deg);
	    -webkit-transform: 	rotate(0deg);
	    transform: 			rotate(0deg);
    }
}

/** Header */
.page-profile .page-header {
	padding-top: 36px;
}
	.page-profile .page-header h1 {
		color: #00adef;
		font-family: 'wf_segoe-ui_bold', sans-serif;
		font-size: 48px;
		line-height: 1.22em;
		margin-bottom: 11px;
		text-transform: uppercase;
	}
	.page-profile .page-header cite {
		color: #454242;
		font-size: 24px;
		line-height: 1.6em;
	}

/** Intro */
	.curtain-intro .drop-cap {
		margin: -15px 28px 7px -128px;
	}
	.curtain-intro blockquote {
		margin-bottom: 0;
	}
		.curtain-intro blockquote p {
			color: #f25022;
		}
	.curtain-intro .columns {
		position: relative;
		font-size: 19px;
		margin-bottom: 1.45em;
	}
		.curtain-intro .columns .column {
			box-sizing: border-box;
			-moz-box-sizing: border-box;
		}
		.curtain-intro .columns .left-column {
			float: left;
			padding-right: 10px;
			width: 50%;
		}
			/*.curtain-intro .columns .left-column p {
				margin: 0;
			}*/
		.curtain-intro .columns .right-column {
			padding-left: 10px;
			position: absolute;
			right: 0;
			top: 70px;
			width: 50%;
		}
			.csstransforms .curtain-intro .columns .right-column {
				top: 50%;
				transform: 			translateY(-50%);
				-ms-transform: 		translateY(-50%);
				-webkit-transform: 	translateY(-50%);
			}
	.curtain-intro .monster-green {
		background: url(../images/illustrations/side-monster-green.png) no-repeat;
		height: 458px;
		left: 100%;
		margin-left: 34px;
		position: absolute;
		top: -80px;
		width: 647px;
	}
		.curtain-intro .monster-green .eyes {
			height: 18px;
			left: 532px;
			position: absolute;
			top: 58px;
			width: 39px;
		}
			.curtain-intro .monster-green .eyes.mid {
				background: url(../images/illustrations/side-monster-green-eyes-mid.png) no-repeat;
			}
			.curtain-intro .monster-green .eyes.closed {
				background: url(../images/illustrations/side-monster-green-eyes-closed.png) no-repeat;
			}

/** Video */
.section-video {
	height: 100vh;
	overflow: hidden;
	padding-bottom: 28px;
	position: relative;
}
	.section-video .padding {
		padding: 0;
	}
	.section-video .video-background-desktop {
		position: absolute;
		top: 50%;
		left: 50%;
		display: block;
		transform: 			translateX(-50%) translateY(-50%);
		-ms-transform: 		translateX(-50%) translateY(-50%);
		-webkit-transform: 	translateX(-50%) translateY(-50%);
	}
		.section-video .video-background-tablet,
		.section-video .video-background-phone {
			display: none;
		}
	.video-play-button {
		background: url(../images/sprites/sprite.png) -400px 0 no-repeat;
		display: block;
		height: 80px;
		width: 80px;
		position: absolute;
		top: 50%;
		left: 50%;
		transition: opacity .5s;
		-webkit-transition: opacity .5s;
		transform: translateX(-50%) translateY(-50%);
		-webkit-transform: translateX(-50%) translateY(-50%);
	}
	.video-play-button:hover {
		background-position: -400px -100px;
	}
		.video-play-button.hidden {
			opacity: 0;
		}
		.backgroundsize .video-play-button {
			background-image: url(../images/sprites/sprite-retina.png);
			background-size: auto 200px;
		}

/** Deal */
.section-deal {
	background: #00a2ea;
	z-index: 1;
	position: relative;
}
	.section-deal .drop-cap {
		margin: -38px 23px 7px -28px;
	}
	.section-deal p {
		color: #fafafa;
	}
	.section-deal .framed-image {
		background-image: url(../images/ornaments/white-frame.png);
	}
	.section-deal .css-columns {
		margin-bottom: 0;
	}

/** Creativity */
.section-creativity {
	height: auto;
}
	.section-creativity .mobile-drop-cap {
		display: none;
	}
	.section-creativity .drop-cap-monster {
		background: url(../images/drop-caps/drop-cap-m.png) no-repeat;
		float: left;
		height: 192px;
		margin: -52px 28px 7px -157px;
		position: relative;
		width: 272px;
	}
		.section-creativity .drop-cap-monster .eyes {
			height: 29px;
			left: 169px;
			position: absolute;
			top: 24px;
			width: 43px;
		}
		.section-creativity .drop-cap-monster .eyes.mid {
			background: url(../images/drop-caps/drop-cap-m-eyes-mid.png) no-repeat;
		}
		.section-creativity .drop-cap-monster .eyes.closed {
			background: url(../images/drop-caps/drop-cap-m-eyes-closed.png) no-repeat;
		}
	.section-creativity blockquote p {
		color: #00a2ea;
	}
	.section-creativity .monster-yellow {
		background: url(../images/illustrations/side-monster-yellow.png) no-repeat;
		position: absolute;
		right: 100%;
		height: 511px;
		width: 648px;
		top: -203px;
	}
		.section-creativity .monster-yellow .eyes {
			height: 27px;
			left: 98px;
			position: absolute;
			top: 55px;
			width: 43px;
		}
			.section-creativity .monster-yellow .eyes.mid {
				background: url(../images/illustrations/side-monster-yellow-eyes-mid.png) no-repeat;
			}
			.section-creativity .monster-yellow .eyes.closed {
				background: url(../images/illustrations/side-monster-yellow-eyes-closed.png) no-repeat;
			}
	.section-creativity .monster-blue {
		background: url(../images/illustrations/side-monster-blue.png) no-repeat;
		position: absolute;
		left: 100%;
		height: 429px;
		width: 610px;
		top: 0;
		margin-left: 42px;
	}
		.section-creativity .monster-blue .eyes {
			height: 36px;
			left: 454px;
			position: absolute;
			top: 108px;
			width: 57px;
		}
			.section-creativity .monster-blue .eyes.mid {
				background: url(../images/illustrations/side-monster-blue-eyes-mid.png) no-repeat;
			}
			.section-creativity .monster-blue .eyes.closed {
				background: url(../images/illustrations/side-monster-blue-eyes-closed.png) no-repeat;
			}
	.section-creativity .framed-image {
		background-image: url(../images/ornaments/blue-frame.png);
	}

/** Core */
.section-core {
	background-color: #fafafa;
	background-position: center center;
	background-repeat: no-repeat;
	height: 100vh;
	overflow: hidden;
	padding-bottom: 28px;
	position: relative;
	min-height: 700px;
}

/** Vision */
.section-vision {
	background: #f25022;
}
	.section-vision .drop-cap {
		margin: -20px 18px 7px -98px;
	}
	.section-vision p {
		color: #fafafa;
	}
	.section-vision blockquote {
		margin: 56px 0;
	}
		.section-vision blockquote p {
			color: #fafafa;
		}
	.section-vision .tool-animation {
		height: 750px;
		margin: -100px auto -132px;
		position: relative;
		width: 1018px;
	}
		.section-vision .tool-animation .tool-shadow {
			background: url(../images/photos/hugh-macleod-pen-case-shadow.png) left 93px no-repeat;	
			height: 750px;
			left: 28px;
			position: absolute;
			width: 100%;
		}
		.section-vision .tool-animation .tool-kit {
			background: url(../images/photos/hugh-macleod-pen-case.png) 50% 200px no-repeat;
			height: 745px;
			left: 84px;
			position: relative;
			width: 800px;
		}
	.section-vision .monster-clear {
		background: url(../images/illustrations/side-monster-clear.png) no-repeat;
		position: absolute;
		left: 100%;
		height: 541px;
		width: 578px;
		top: -250px;
		margin-left: 38px;
	}
	.section-vision .mobile-toolkit {
		display: none;
	}
	.section-vision .css-columns {
		margin-bottom: 0;
	}

/** Cloud */
.section-cloud {
	background-color: #fafafa;
	background-position: center center;
	background-repeat: no-repeat;
	height: 100vh;
	min-height: 700px;
	overflow: hidden;
	padding-bottom: 28px;
	position: relative;
}

/** Conclusion */
.section-conclusion .drop-cap {
	margin: -34px 28px 7px -117px;
}
.section-conclusion .framed-image {
	background-image: url(../images/ornaments/blue-frame-2.png);
}
.section-conclusion .last-paragraph:after {
	background: url(../images/sprites/sprite.png) -375px 0 no-repeat;
	content: '';
	display: inline-block;
	height: 24px;
	margin-left: 6px;
	vertical-align: middle;
	width: 18px;
}
	.backgroundsize .section-conclusion .last-paragraph:after {
		background-image: url(../images/sprites/sprite-retina.png);
		background-size: auto 200px;
	}

/** Gallery */
.gallery-underlay {
	background: #000;
	/*cursor: url(../images/ornaments/close-icon.png),
			url(../images/ornaments/close-icon.cur),
			url(_media/images/ornaments/close-icon.cur), auto;*/
	display: none;
	height: 100%;
	opacity: .25;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 9;
}
.gallery {
	background: #fafafa;
	/*background: rgba( 250, 250, 250, .97);*/
	bottom: 0;
	height: 574px;
	padding: 56px 0 0;
	position: fixed;
	right: 100%;
	z-index: 10;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	transform: translateZ(0);
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
}
	.gallery-mask {
		bottom: 48px;
		overflow: hidden;
		position: absolute;
		top: 0;
		width: 100%;
	}
.gallery.transition {
	transition: 		right .7s cubic-bezier(0.445, 0.050, 0.550, 0.950);
	-webkit-transition: right .7s cubic-bezier(0.445, 0.050, 0.550, 0.950);
}
.gallery h3 {
	color: #565656;
	display: none;
	font-family: 'wf_segoe-ui_bold', sans-serif;
	font-size: 20px;
	position: absolute;
	text-transform: uppercase;
	top: 20px;
	line-height: 1em;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
}
.rotator {
	bottom: 0;
	position: absolute;
	top: 56px;
	width: 100%;
}
	/*.rotator.right {
		cursor: url(../images/ornaments/right-arrow-32.png),
				url(../images/ornaments/right-arrow-32.cur),
				url(_media/images/ornaments/right-arrow-32.cur), auto;
	}
	.rotator.left {
		cursor: url(../images/ornaments/left-arrow-32.png),
				url(../images/ornaments/left-arrow-32.cur),
				url(_media/images/ornaments/left-arrow-32.cur), auto;
	}*/
.page-profile .slides {
	font-size: 0;
	position: absolute;
	/*-webkit-transform: 	translate3d( 0px, 0px, 0px);
	transform: 			translate3d( 0px, 0px, 0px);*/
}
	.slides.transition {
		transition: 		all .8s cubic-bezier(0.445, 0.050, 0.550, 0.950);
		-webkit-transition: all .8s cubic-bezier(0.445, 0.050, 0.550, 0.950);
	}
	.slide {
		display: inline-block;
		font-size: 28px;
		position: relative;
		vertical-align: top;
		width: 800px;
		box-sizing: border-box;
		-moz-box-sizing: border-box;

	}

/** Open Gallery Button */
	.open-gallery {
		position: absolute;
		left: 100%;
		bottom: 100px;
		width: 150px;
		height: 48px;
		overflow: hidden;
		z-index: 20;
	}
		.open-gallery a {
			background: #fafafa;
			border-radius: 2px;
			display: block;
			border: 3px solid #4e4e4e;
			text-decoration: none;
			left: -3px;
			position: absolute;
			height: 48px;
			width: 134px;
			padding: 0 10px;
			box-sizing: border-box;
			-moz-box-sizing: border-box;
			transition: .7s .5s left;
			-webkit-transition: .7s .5s left;
			-webkit-backface-visibility: hidden;
		}
			.open-gallery.scrolled a {
				left: -70px;
				transition: .7s 0 left;
				-webkit-transition: .7s 0 left;
			}
			.no-csstransitions .open-gallery.scrolled a {
				left: -84px;
			}
			.open-gallery.retracted a {
				left: -152px;
				transition: .7s 0 left;
				-webkit-transition: .7s 0 left;
			}
			.open-gallery.scrolled a:hover,
			.open-gallery a:hover {
				left: -3px;
				transition: .7s 0 left;
				-webkit-transition: .7s 0 left;
			}
			.open-gallery a:after {
				background: url(../images/sprites/sprite.png) -300px 0 no-repeat;
				content: '';
				display: block;
				height: 18px;
				right: -18px;
				position: absolute;
				width: 12px;
				top: 50%;
				margin-top: -9px;
			}
				.backgroundsize .open-gallery a:after {
					background-image: url(../images/sprites/sprite-retina.png);
					background-size: auto 200px;
				}
			.open-gallery a .icon {
				background: url(../images/sprites/sprite.png) -250px 0 no-repeat;
				display: block;
				height: 28px;
				right: 7px;
				position: absolute;
				width: 33px;
				top: 50%;
				margin-top: -14px;
			}
				.backgroundsize .open-gallery a .icon {
					background-image: url(../images/sprites/sprite-retina.png);
					background-size: auto 200px;
				}
		.open-gallery a span {
			color: #4e4e4e;
			display: block;
			font-family: 'wf_segoe-ui_bold', sans-serif;
			font-size: 10px;
			line-height: 10px;
			margin-top: -6px;
			opacity: 1;
			position: absolute;
			text-transform: uppercase;
			top: 50%;
			transition: .5s .2s opacity;
			-webkit-transition: .5s .2s opacity;
		}
			.open-gallery.scrolled a:hover span,
			.open-gallery a:hover span {
				opacity: 1;
				transition: .5s .2s opacity;
				-webkit-transition: .5s .2s opacity;
			}
			.open-gallery.scrolled a span {
				opacity: 0;
				transition: .5s opacity;
				-webkit-transition: .5s opacity;
			}

		.open-gallery.white-state a {
			background: transparent;
			border-color: #fafafa;
		}
			.open-gallery.white-state a:after {
				background-position: -300px -100px;
				content: "\00a0";
			}
			.open-gallery.white-state a .icon {
				background-position: -250px -100px;
			}
			.open-gallery.white-state a span {
				color: #fff;
			}

/** Close Gallery Button */
.close-gallery {
	position: absolute;
	opacity: 0;
	top: 19px;
	margin-right: 19px;
	z-index: 2;
	transition: .5s opacity;
	-webkit-transition: .5s opacity;
}
	.gallery.active .close-gallery {
		opacity: 1;
		transition: .7s .7s opacity;
		-webkit-transition: .7s .7s opacity;
	}
	.close-gallery:before {
		background: url(../images/sprites/sprite.png) -325px 0 no-repeat;
		content: '';
		display: block;
		height: 25px;
		width: 25px;
	}
		.backgroundsize .close-gallery:before {
			background-image: url(../images/sprites/sprite-retina.png);
			background-size: auto 200px;
		}
	.close-gallery:hover:before {
		background-position: -325px -50px;
	}

/** Tiles */
.slide-inner {
	width: 660px;
	margin: 0 auto;
}
.slide .tile {
	height: 413px;
	margin: 0 auto 14px;
	position: relative;
	width: 660px;
	/*-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;*/
}
.slide.active .tile,
.page-gallery .slide .tile {
	cursor: pointer;
}
.slide .image,
.slide .caption {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	/*-webkit-transform: perspective(2000px) rotateY(0deg);
	transform: perspective(2000px) rotateY(0deg);*/
	transition: transform 450ms ease-out;
	-webkit-transition: -webkit-transform 450ms ease-out;
}
.slide .image {
	z-index: 2;
	-webkit-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
}
	.slide .image .card-shadow {
		position: absolute;
		width: 100%;
		height: 100%;
		background: url('../images/gallery/business-card-shadow.png') no-repeat;
	}
	.slide .image img {
		display: block;
		margin: 4px 6px 0;
		position: relative;
		width: 648px;
	}
	.slide.flipped .tile .image {
		-webkit-transform: perspective(2000px) rotateY(-180deg);
		-ms-transform: perspective(2000px) rotateY(-180deg);
		transform: perspective(2000px) rotateY(-180deg);
	}
.slide .caption {
	z-index: 1;
}
	.csstransitions .slide.flipped .tile .caption {
		-webkit-transform: perspective(2000px) rotateY(-180deg);
		-ms-transform: perspective(2000px) rotateY(-180deg);
		transform: perspective(2000px) rotateY(-180deg);
	}
	.slide .caption .caption-inner {
		height: 100%;
		position: relative;
		padding: 28px 0;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
	}
		.csstransitions .slide .caption .caption-inner {
			transform: scaleX(-1);
			-ms-transform: scaleX(-1);
			-webkit-transform: scaleX(-1);
			-webkit-backface-visibility: hidden;
			-ms-backface-visibility: hidden;
			backface-visibility: hidden;
		}
	.slide .caption .caption-inner .card-shadow {
		background: url('../images/gallery/business-card-shadow-2.png') no-repeat;
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
	}
	.slide .caption .caption-inner .card-blue {
		background: url('../images/gallery/business-card-blue.png') no-repeat;
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
	}
	.slide .caption .quotation {
		position: absolute;
		margin: 0 90px;
		top: 50%;
		transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
	}
		.slide .caption .quotation p {
			color: #fafafa;
			font-family: 'wf_segoe-ui_italic', sans-serif;
			font-size: 22px;
			line-height: 1.4em;
			margin-bottom: .7em;
			text-align: left;
		}
			.slide .caption .quotation p:last-of-type {
				margin-bottom: 0;
			}
		.slide .caption .quotation p:first-of-type:before,
		.slide .caption .quotation p:last-of-type:after {
			display: inline-block;
			content: '';
			height: 19px;
			width: 23px;
		}
		.slide .caption .quotation p:first-of-type:before {
			background: url(../images/gallery/quotation-left.png) no-repeat;
			margin: 0 7px 0 -30px;
		}
			.backgroundsize .slide .caption .quotation p:first-of-type:before {
				background-image: url(../images/gallery/quotation-left-retina.png);
				background-size: auto 19px;
			}
		.slide .caption .quotation p:last-of-type:after {
			background: url(../images/gallery/quotation-right.png) no-repeat;
			margin: 12px -30px -12px 7px;
			vertical-align: top;
		}
			.page-gallery .slide .caption .quotation p:last-of-type:after {
				margin: 6px -30px -6px 7px;
			}
			.backgroundsize .slide .caption .quotation p:last-of-type:after {
				background-image: url(../images/gallery/quotation-right-retina.png);
				background-size: auto 19px;
			}

/** Gallery Tools */
.slide .tile-tools {
	font-size: 0;
	padding: 0 36px;
}
.csstransitions .slide .tile-tools {
	opacity: 0;
	filter: alpha(opacity=0);
	transition: 		opacity .5s linear;
	-webkit-transition: opacity .5s linear;
}
	.csstransitions .slide.active .tile-tools {
		opacity: 1;
		filter: alpha(opacity=100);
		transition: 		opacity 1s .2s linear;
		-webkit-transition: opacity 1s .2s linear;
	}
.no-csstransitions .slide .tile-tools {
	display: none;
}
	.no-csstransitions .slide.active .tile-tools {
		display: block
	}
	.slide .tile-tools .tile-info {
		float: left;
	}
		.slide .tile-tools .tile-info:before {
			content: '';
			display: block;
			background: url(../images/sprites/sprite.png) -150px 0 no-repeat;
			height: 37px;
			width: 41px;
		}
			.backgroundsize .slide .tile-tools .tile-info:before {
				background-image: url(../images/sprites/sprite-retina.png);
				background-size: auto 200px;
			}
			.slide .tile-tools .tile-info:hover:before {
				background: url(../images/sprites/sprite.png) -150px -50px no-repeat;
			}
				.backgroundsize .slide .tile-tools .tile-info:hover:before {
					background-image: url(../images/sprites/sprite-retina.png);
					background-size: auto 200px;
				}
			.slide.flipped .tile-tools .tile-info:before {
				background: url(../images/sprites/sprite.png) -200px 0 no-repeat;
			}
				.backgroundsize .slide.flipped .tile-tools .tile-info:before {
					background-image: url(../images/sprites/sprite-retina.png);
					background-size: auto 200px;
				}
			.slide.flipped .tile-tools .tile-info:hover:before {
				background: url(../images/sprites/sprite.png) -200px -50px no-repeat;
			}
				.backgroundsize .slide.flipped .tile-tools .tile-info:hover:before {
					background-image: url(../images/sprites/sprite-retina.png);
					background-size: auto 200px;
				}
	.slide .tile-tools .tile-social {
		float: right;
	}
	.slide .tile-tools .tile-social-link {
		display: inline-block;
		margin-left: 7px;
	}
		.slide .tile-tools .tile-social-link:before {
			content: '';
			display: block;
			background: url(../images/sprites/sprite.png) no-repeat;
			height: 41px;
			width: 41px;
		}
			.backgroundsize .slide .tile-tools .tile-social-link:before {
				background-image: url(../images/sprites/sprite-retina.png);
				background-size: auto 200px;
			}
				.slide .tile-tools .tile-facebook:hover:before {
					background-position: 0 -50px;
				}
			.slide .tile-tools .tile-twitter:before {
				background-position: -50px 0;
			}
				.slide .tile-tools .tile-twitter:hover:before {
					background-position: -50px -50px;
				}
			.slide .tile-tools .tile-linkedin:before {
				background-position: -100px 0;
			}
				.slide .tile-tools .tile-linkedin:hover:before {
					background-position: -100px -50px;
				}

.gallery-placeholder {
	height: 574px;
	width: 100%;
}

/** Related Stories */
.related-stories {
	display: block;
	margin: 0 auto;
	max-width: 1140px;
	padding: 0 0 100px;
	position: relative;
	width: 100%;
}
	.related-stories h2 {
		color: #454242;
		font-family: 'wf_segoe-ui_light', sans-serif;
		font-size: 39px;
		line-height: 1.2em;
		margin: 0 0 22px;
		padding-left: 12px;
		text-transform: none;
	}
	.related-stories .links {
		position: relative;
	}
		.related-stories .links a {
			display: block;
			width: 33.3%;
			padding: 0 14px;
			float: left;
			text-decoration: none;
			box-sizing: border-box;
			-moz-box-sizing: border-box;
		}
			.related-stories .links a .inner {
				position: relative;
				width: 100%;
				height: 100%;
			}
			.related-stories .links a .inner .image {
				overflow: hidden;
				margin-bottom: 14px;
			}
			.related-stories .links a .inner .image img {
				display: block;
				width: 100%;
				height: auto;
				transition: all 300ms ease-out;
				-webkit-transition: all 300ms ease-out;
				transform: translateZ(0);
				-ms-transform: translateZ(0);
				-webkit-transform: translateZ(0);
			}
			.related-stories .links a:hover .inner .image img {
				-webkit-transition: -webkit-transform 800ms ease-out, box-shadow 150ms ease-out;
				transition: 		transform 800ms ease-out, box-shadow 150ms ease-out;
				-webkit-transform: 	scale(1.08);
				-ms-transform: 		scale(1.08);
				transform: 			scale(1.08);
			}
			.related-stories .links a .inner h3 {
				color: #454242;
				font-family: 'wf_segoe-ui_semibold', sans-serif;
				font-size: 19px;
				line-height: 1.2em;
				margin-bottom: 4px;
			}
			.related-stories .links a .inner cite {
				color: #454242;
				font-family: 'wf_segoe-ui_light', sans-serif;
				font-size: 17px;
				line-height: 1.2em;
			}
	.page-gallery .related-stories {
		max-width: none;
	}
		.page-gallery .related-stories h2 {
			padding: 0;
		}
		.page-gallery .related-stories .links {
			margin: 0 -14px;
		}

/** Linkedin Share Page */
.linkedin-share * {
	font-family: Helvetica,Arial,sans-serif;
}
	.linkedin-share .share-header {
		border-bottom: 3px solid #52a9d4;
		padding: 10px;
	}
		.linkedin-share .share-header #in-logo {
			vertical-align: top;
		}
		.linkedin-share .share-header .meta .close {
			background: url('https://static.licdn.com/scds/common/u/img/sprite/sprite_global_v6.png') 100% -1300px no-repeat;
			cursor: pointer;
			display: block;
			float: right;
			height: 14px;
			margin: 4px 0 0 10px;
			padding: 0;
			text-indent: -123456px;
			width: 17px;
		}
	.linkedin-share .share-body {
		border-bottom: 1px solid #ccc;
	}	
	.linkedin-share .share-body .preview {
		overflow: hidden;
		padding: 20px 20px;
		background-color: #f4f4f4;
	}
	.linkedin-share .share-body .preview .image {
		float: left;
		max-height: 79px;
		margin: 0 10px 0 0;
		overflow: hidden;
		position: relative;
		width: 130px;
	}
		.linkedin-share .share-body .preview .image img {
			vertical-align: top;
		}
	.linkedin-share .share-body .preview .text {
		display: block;
		overflow: hidden;
	}
	.linkedin-share .share-body .preview .text h2 {
		font-size: 13px;
		font-weight: bold;
		line-height: 17px;
		color: #000;
		font-family: Helvetica,Arial,sans-serif;
	}
	.linkedin-share .share-body .preview .text cite {
		font-size: 12px;
		line-height: 14px;
		color: #66696a;
		display: inline;
		font-weight: bold;
	}
	.linkedin-share .share-body .preview .text p {
		font-size: 13px;
		line-height: 17px;
		color: #66696a;
		font-weight: normal;
		display: inline;
		font-family: Helvetica,Arial,sans-serif;
	}
	.linkedin-share .share-body .user-text {
		padding: 10px;
		background-color: #f4f4f4;
		margin: 20px;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.linkedin-share .share-body .user-text textarea {
		margin: 0 0 10px;
		padding: 9px 10px;
		border: 0;
		border-radius: 2px;
		font-size: 13px;
		color: #333;
		line-height: 17px;
		background: #fdfdfd;
		border: 1px solid #c1c1c1;
		position: relative;
		outline: 0;
		overflow: hidden;
		min-height: 52px;
		height: auto;
		resize: none;
		width: 100%;
		-moz-box-shadow: 0 0 3px rgba(0,0,0,0.1) inset;
		box-shadow: 0 0 3px rgba(0,0,0,0.1) inset;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
		.linkedin-share .share-body .user-text textarea:focus {
			border: 1px solid #0077b5;
		}
		.linkedin-share .share-body .user-text .audience-select label {
			font-size: 13px;
			font-weight: bold;
			line-height: 17px;
			color: #000;
			margin-top: 0;
			margin-bottom: 5px;
			float: left;
			text-align: right;
			padding-top: 4px;
			padding-bottom: 0;
			margin-left: 0;
			margin-right: 10px;
		}
		.linkedin-share .share-body .user-text .audience-select .visibility {
			clear: none;
			color: #666;
			display: inline-block;
			float: left;
			font-size: 16px;
			overflow: hidden;
			position: relative;
		}

.linkedin-share .share-body .submit {
	background-color: #287bbc;
	border-color: #1b5480;
	border-radius: 3px;
	border-style: solid;
	border-width: 1px;
	color: #fff;
	cursor: pointer;
	display: -moz-inline-stack;
	display: inline-block;
	font-size: 13px;
	font-weight: bold;
	height: 31px;
	line-height: 29px;
	margin: 0 20px 20px;
	overflow: visible;
	padding: 0 13px;
	text-align: center;
	text-decoration: none !important;
	text-shadow: 0 1px 1px rgba(0,0,0,0.35);
	vertical-align: middle;
	white-space: nowrap;
	width: auto;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#FF287BBC',endColorstr='#FF23639A');
	background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0,#287bbc),color-stop(100%,#23639a));
	background-image: -webkit-linear-gradient(top,#287bbc 0,#23639a 100%);
	background-image: -moz-linear-gradient(top,#287bbc 0,#23639a 100%);
	background-image: -o-linear-gradient(top,#287bbc 0,#23639a 100%);
	background-image: linear-gradient(top,#287bbc 0,#23639a 100%);
}

/** Gallery Page */
.page-gallery .central-column {
	width: 1163px;
}
	/** Gallery Page - Navigation */
	.page-gallery .navigation {
		text-align: center;
	}
	.navigation .cta {
		color: #fff;
		display: none;
		font-family: "ff-meta-serif-web-pro", serif;
		font-size: 19px;
		line-height: 24px;
		margin: 0 auto;
		padding-top: 12px;
	}
		.fixed-navigation .cta {
			display: inline-block;
		}
		.navigation .cta a {
			color: #f1521b;
			text-decoration: none;
		}
			.navigation .cta a:hover {
				text-decoration: underline;
			}

	/** Gallery Page - Header */
	.page-gallery .page-header {
		text-align: center;
		padding-top: 150px;
		margin-bottom: 56px;
	}
		.page-gallery .page-header h2 {
			color: #00adef;
			font-family: 'wf_segoe-ui_bold', sans-serif;
			font-size: 36px;
			font-weight: 700;
			line-height: 1.25em;
			text-transform: uppercase;
			margin-bottom: 16px;
		}
		.page-gallery .page-header p {
			color: #4d4d4f;
			font-family: "ff-meta-serif-web-pro", serif;
			font-size: 19px;
			line-height: 30px;
			text-align: center;
			margin-bottom: 20px;
		}
			.page-gallery .page-header p a {
				color: #f1521b;
				text-decoration: none;
			}
			.page-gallery .page-header p a:hover {
				text-decoration: underline;
			}
		.page-gallery .page-header .header-illustration {
			height: 12px;
			width: 1088px;
			margin: 0 auto; 
			position: relative;
		}
			.page-gallery .page-header .header-rule {
				background: url(../images/gallery-header/red-line.png) no-repeat;
				height: 12px;
				position: relative;
				width: 100%;
			}
			.page-gallery .page-header .monster-yellow {
				background: url(../images/gallery-header/monster-yellow.png) no-repeat;
				bottom: 0;
				height: 111px;
				left: 26px;
				position: absolute;
				width: 121px;
			}
				.backgroundsize .page-gallery .page-header .monster-yellow {
					background-image: url(../images/gallery-header/monster-yellow-retina.png);
					background-size: 121px auto;
				}
				.page-gallery .page-header .monster-yellow .eyes {
					height: 13px;
					right: 51px;
					position: absolute;
					top: 27px;
					width: 21px;
				}
				.page-gallery .page-header .monster-yellow .eyes.mid {
					background: url(../images/gallery-header/monster-yellow-eyes-mid.png) no-repeat;
				}
				.page-gallery .page-header .monster-yellow .eyes.closed {
					background: url(../images/gallery-header/monster-yellow-eyes-closed.png) no-repeat;
				}
			.page-gallery .page-header .monster-green {
				background: url(../images/gallery-header/monster-green.png) no-repeat;
				bottom: 0;
				height: 160px;
				right: 26px;
				position: absolute;
				width: 88px;
			}
				.backgroundsize .page-gallery .page-header .monster-green {
					background-image: url(../images/gallery-header/monster-green-retina.png);
					background-size: 88px auto;
				}
				.page-gallery .page-header .monster-green .eyes {
					height: 12px;
					right: 38px;
					position: absolute;
					top: 33px;
					width: 25px;
				}
				.page-gallery .page-header .monster-green .eyes.mid {
					background: url(../images/gallery-header/monster-green-eyes-mid.png) no-repeat;
				}
				.page-gallery .page-header .monster-green .eyes.closed {
					background: url(../images/gallery-header/monster-green-eyes-closed.png) no-repeat;
				}
		/** Gallery Page - Gallery */
		.page-gallery .slides {
			font-size: 0;
			margin: 0 -17px;
		}
		.page-gallery .slide {
			width: 365px;
			margin: 0 17px;
		}
			.slide .image .card-shadow {
				background-image: ;
			}
		.page-gallery .slide-inner {
			width: 365px;
		}
		.page-gallery .slide .tile {
			width: 365px;
			height: 228px;
		}
			.page-gallery .slide .image img {
				width: 362px;
				margin: 2px 0 0 3px;
			}
		.page-gallery .slide .image .card-shadow {
			background: url('../images/gallery-362/business-card-shadow.png') no-repeat;
		}
		.page-gallery .slide .caption .caption-inner .card-shadow {
			display: none;
  			/*background: url('../images/gallery-362/business-card-shadow-2.png') no-repeat;*/
  		}
		.page-gallery .slide .caption .caption-inner .card-blue {
  			background: url('../images/gallery-362/business-card-blue.jpg') no-repeat;
		}

	.page-gallery .slide .caption .quotation {
		margin: 0 50px;
	}
	.page-gallery .slide .caption .quotation p {
		font-size: 14px;
		line-height: 18px;
		margin-left: 0;
		margin-right: 0;
	}
	.page-gallery .slide .tile-tools {
		margin-bottom: 30px;
		padding: 0 20px;
	}
		.csstransitions .page-gallery .slide .tile-tools {
			opacity: 0;
			filter: alpha(opacity=0);
			transition: 		opacity .2s linear;
			-webkit-transition: opacity .2s linear;
		}
			.csstransitions .page-gallery .slide:hover .tile-tools {
				opacity: 1;
				filter: alpha(opacity=100);
			}
		.no-csstransitions .page-gallery .slide .tile-tools {
			display: none;
		}
			.no-csstransitions .page-gallery .slide:hover .tile-tools {
				display: block
			}