@import url(//fonts.googleapis.com/css?family=Open+Sans|Merriweather:700);
/**
 * Smiley project CSS 
 */

/* generic emoji styles */
.wp-emoji, .wp-emoji:before {
	display: inline-block !important; /* shouldn't have been necessary, but some themes set this to static */
}

.wp-emoji {
	position: relative !important; /* shouldn't have been necessary, but some themes set this to static */
	vertical-align: bottom;

	/* this will be a line-height tall wrapper for vertically centering the smiley */
	width: 1.375em;
	overflow: hidden;
	white-space: nowrap;	
	text-indent: 9999px;
	min-height: 1.2em; /* for really small lineheights */
}

/* Firefox does weird things with text-indent and selection */
@-moz-document url-prefix() { 
	.wp-emoji {
		text-indent: 0;
		text-align: center;
		color: rgba(255,255,255,0);
		overflow: visible;
	}
}

/* @noflip */
.wp-emoji:before {
	/* vertically center the smiley */
	position: absolute;
	content: "";
	
	/* height/width for IE, Firefox and non-webkit browsers */
	height: 1.25em;
	width: 1.375em;
	margin-top: -0.625em; /* minus half the height of the smiley */

	left: 0;
	top: 50%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% 100%;
}

/* WebKit specific hacks */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.wp-emoji {
		width: 1.35em;
	}
    .wp-emoji:before {
		height: 1.4em;
		width: 1.35em;
		margin-top: -0.7em; /* minus half the height of the smiley */
    }
}

/* IE specific hacks */
@media screen and (min-width:0\0) {
	.wp-emoji {
		height: 1.2em;
		width: 1.38em;
	}
    .wp-emoji:before {
		width: 1.38em;
    }
}

/* individual smileys */
	/* PNGs are for IE8 fallbacks. Let's remove them some day please */
.wp-emoji-smile:before {
	background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/smile.png);
	background-image: url(/wp-content/mu-plugins/smileyproject/default/smile.svg), none;
}

.wp-emoji-wink:before {
	background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/wink.png);
	background-image: url(/wp-content/mu-plugins/smileyproject/default/wink.svg), none;
}

.wp-emoji-bigsmile:before {
	background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/bigsmile.png);
	background-image: url(/wp-content/mu-plugins/smileyproject/default/bigsmile.svg), none;
}

.wp-emoji-heart:before {
	background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/heart.png);
	background-image: url(/wp-content/mu-plugins/smileyproject/default/heart.svg), none;
}

.wp-emoji-neutral:before {
	background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/neutral.png);
	background-image: url(/wp-content/mu-plugins/smileyproject/default/neutral.svg), none;
}

.wp-emoji-uneasy:before {
	background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/uneasy.png);
	background-image: url(/wp-content/mu-plugins/smileyproject/default/uneasy.svg), none;
}

.wp-emoji-lol:before {
	background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/lol.png);
	background-image: url(/wp-content/mu-plugins/smileyproject/default/lol.svg), none;
}

.wp-emoji-sad:before {
	background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/sad.png);
	background-image: url(/wp-content/mu-plugins/smileyproject/default/sad.svg), none;
}

.wp-emoji-cry:before {
	background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/cry.png);
	background-image: url(/wp-content/mu-plugins/smileyproject/default/cry.svg), none;
}

.wp-emoji-evilgrin:before {
	background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/evilgrin.png);
	background-image: url(/wp-content/mu-plugins/smileyproject/default/evilgrin.svg), none;
}

.wp-emoji-twisted:before {
	background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/twisted.png);
	background-image: url(/wp-content/mu-plugins/smileyproject/default/twisted.svg), none;
}

.wp-emoji-evil:before {
	background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/evil.png);
	background-image: url(/wp-content/mu-plugins/smileyproject/default/evil.svg), none;
}

.wp-emoji-surprised:before {
	background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/surprised.png);
	background-image: url(/wp-content/mu-plugins/smileyproject/default/surprised.svg), none;
}

.wp-emoji-tongue:before {
	background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/tongue.png);
	background-image: url(/wp-content/mu-plugins/smileyproject/default/tongue.svg), none;
}

.wp-emoji-angry:before {
	background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/angry.png);
	background-image: url(/wp-content/mu-plugins/smileyproject/default/angry.svg), none;
}

.wp-emoji-burrito:before {
	background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/burrito.png);
	background-image: url(/wp-content/mu-plugins/smileyproject/default/burrito.svg), none;
}
.wp-emoji-burrito, .wp-emoji-burrito:before {
	width: 1.6em;
}

.wp-emoji-wordpress:before {
	background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/wordpress.png);
	background-image: url(/wp-content/mu-plugins/smileyproject/default/wordpress.svg), none;
}

.wp-emoji-mindblown:before {
	background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/mindblown.png);
	background-image: url(/wp-content/mu-plugins/smileyproject/default/mindblown.svg), none;
}

.wp-emoji-mindblown-alt:before {
	background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/mindblown-alt.png);
	background-image: url(/wp-content/mu-plugins/smileyproject/default/mindblown-alt.svg), none;
}

.wp-emoji-martini:before {
	background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/martini.png);
	background-image: url(/wp-content/mu-plugins/smileyproject/default/martini.svg), none;
}

.wp-emoji-whiterussian:before {
	background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/whiterussian.png);
	background-image: url(/wp-content/mu-plugins/smileyproject/default/whiterussian.svg), none;
}

.wp-emoji-star:before {
	background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/star.png);
	background-image: url(/wp-content/mu-plugins/smileyproject/default/star.svg), none;
}

.wp-emoji-developer:before {
	background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/developer.png);
	background-image: url(/wp-content/mu-plugins/smileyproject/default/developer.svg), none;
}
.wp-emoji-developer, .wp-emoji-developer:before {
	width: 1.5em;
}

.wp-emoji-facepalm:before {
	background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/facepalm.png);
	background-image: url(/wp-content/mu-plugins/smileyproject/default/facepalm.svg), none;
}
.wp-emoji-facepalm, .wp-emoji-facepalm:before {
	width: 1.4em;
}

.wp-emoji-bear:before {
	background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/bear.png);
	background-image: url(/wp-content/mu-plugins/smileyproject/default/bear.svg), none;
}

.wp-emoji-mrgreen:before {
	background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/mrgreen.png);
	background-image: url(/wp-content/mu-plugins/smileyproject/default/mrgreen.svg), none;
}

.wp-emoji-arrow:before {
	background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/arrow.png);
	background-image: url(/wp-content/mu-plugins/smileyproject/default/arrow.svg), none;
}

.wp-emoji-confused:before {
	background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/confused.png);
	background-image: url(/wp-content/mu-plugins/smileyproject/default/confused.svg), none;
}

.wp-emoji-cool:before {
	background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/cool.png);
	background-image: url(/wp-content/mu-plugins/smileyproject/default/cool.svg), none;
}

.wp-emoji-idea:before {
	background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/idea.png);
	background-image: url(/wp-content/mu-plugins/smileyproject/default/idea.svg), none;
}

.wp-emoji-blush:before {
	background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/blush.png);
	background-image: url(/wp-content/mu-plugins/smileyproject/default/blush.svg), none;
}

.wp-emoji-oops:before {
	background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/oops.png);
	background-image: url(/wp-content/mu-plugins/smileyproject/default/oops.svg), none;
}

.wp-emoji-rolleyes:before {
	background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/rolleyes.png);
	background-image: url(/wp-content/mu-plugins/smileyproject/default/rolleyes.svg), none;
}

.wp-emoji-exclaim:before {
	background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/exclaim.png);
	background-image: url(/wp-content/mu-plugins/smileyproject/default/exclaim.svg), none;
}

.wp-emoji-question:before {
	background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/question.png);
	background-image: url(/wp-content/mu-plugins/smileyproject/default/question.svg), none;
}

.wp-emoji-kitten:before {
	background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/kitten.png);
	background-image: url(/wp-content/mu-plugins/smileyproject/default/kitten.svg), none;
}

.wp-emoji-momface:before {
	background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/momface.png);
	background-image: url(/wp-content/mu-plugins/smileyproject/default/momface.svg), none;
}


/* to enable text-selection of smileys in Firefox, we can't use text-indent or overflow to hide the text, so letterspace it instead */
@-moz-document url-prefix() { 
	.wp-emoji-rolleyes {
		letter-spacing: -.2em;
	}

	.wp-emoji-oops, .wp-emoji-idea, .wp-emoji-confused {
		letter-spacing: -.25em;
	}

	.wp-emoji-burrito, .wp-emoji-arrow, .wp-emoji-bear, .wp-emoji-star {
		letter-spacing: -.3em;
	}

	.wp-emoji-developer, .wp-emoji-mrgreen, .wp-emoji-facepalm {
		letter-spacing: -.35em;
	}

}




/**
 * Like Button toolbar button, loading text & container styles
 *
 * @todo: doesn't look like "style.css" is used anymore.
 */


/* Master container */
#jp-post-flair {
	padding-top: .5em;
}

/* Overall Sharedaddy block title */
div.sharedaddy,
#content div.sharedaddy,
#main div.sharedaddy {
	clear: both;
}

div.sharedaddy h3.sd-title {
	margin: 0 0 1em 0;
	display: inline-block;
	line-height: 1.2;
	font-size: 9pt;
	font-weight: bold;
}

div.sharedaddy h3.sd-title:before {
	content: "";
	display: block;
	width: 100%;
	min-width: 30px;
	border-top: 1px solid #ddd;
	margin-bottom: 1em;
}


/* Toolbar */
#wpadminbar li#wp-admin-bar-admin-bar-likes-widget {
	width: 61px;
	overflow: hidden;
}

#wpadminbar iframe.admin-bar-likes-widget {
	width: 61px;
	height: 28px;
	min-height: 28px;
	border-width: 0px;
	position: absolute;
	top: 0;
}

div.jetpack-likes-widget-wrapper {
	width: 100%;
	min-height: 50px;	/* Previous height, 60px */
	position: relative; /* Need to abs position placeholder and iframe so there isn't a jarring jump */
}

div.jetpack-likes-widget-wrapper .sd-link-color {
	font-size: 12px;
}

div.jetpack-likes-widget-wrapper.slim-likes-widget {
	width: 1px; /* initial default */
	min-height: 0;
}

#likes-other-gravatars {
	display: none;
	position: absolute;
	padding: 10px 10px 12px 10px;
	background-color: #2e4453;
	border-width: 0;
	box-shadow: 0 0 10px #2e4453;
	box-shadow: 0 0 10px rgba(46,68,83,.6);
	min-width: 130px;
	z-index: 1000;
}

#likes-other-gravatars * {
	line-height: normal;
}

#likes-other-gravatars .likes-text {
	color: white;
	font-size: 12px;
	padding-bottom: 8px;
}

#likes-other-gravatars ul,
#likes-other-gravatars li {
	margin: 0;
	padding: 0;
	text-indent: 0;
	list-style-type: none;
}

#likes-other-gravatars li::before {
	content: "";
}

#likes-other-gravatars ul.wpl-avatars {
	overflow: auto;
	display: block;
	max-height: 190px;
}

#likes-other-gravatars ul.wpl-avatars li {
	width: 32px;
	height: 32px;
	float: left;
	margin: 0 5px 5px 0;
}

#likes-other-gravatars ul.wpl-avatars li a {
	margin: 0 2px 0 0;
	border-bottom: none !important;
	display: block;
}

#likes-other-gravatars ul.wpl-avatars li a img {
	background: none;
	border: none;
	margin: 0 !important;
	padding: 0 !important;
	position: static;
}

div.sd-box {
	border-top: 1px solid #ddd;
	border-top: 1px solid rgba(0,0,0,.13);
}

.entry-content .post-likes-widget, .post-likes-widget,
.comment-likes-widget {
	margin: 0;
	border-width: 0;
	display: block;
}


/* Loading text */
.post-likes-widget-placeholder {
	margin: 0;
	border-width: 0;
	position: relative;
}

.post-likes-widget-placeholder .button {
	display: none;	/* Let's not show a dummy like button, let's just make a great button experience once it's loaded */
}

.post-likes-widget-placeholder .button span {
}

.post-likes-widget-placeholder .loading {
	color: #999;
	font-size: 12px;
}

.slim-likes-widget .post-likes-widget {
	width: auto;
	float: none;
}


/* Like Special cases (display on it's own) */
div.sharedaddy.sd-like-enabled .sd-like h3 {
	display: none;
}

div.sharedaddy.sd-like-enabled .sd-like .post-likes-widget {
	width: 100%;
	float: none;
	position: absolute; /* Need to abs position placeholder and iframe so there isn't a jarring jump */
	top: 0;
}

.comment-likes-widget {
	width: 100%;
}


/* Make ratings block. @todo: make !important unnecessary by removing inline style */
.pd-rating {
	display: block !important;
}


/* Hide G+ title */
.sd-gplus .sd-title {
	display: none;
}


#bit, #bit * {
	*zoom: 1;
}

#bit {
	font: normal 13px 'Open Sans', sans-serif;
	_display: none;
}

/* @noflip */
.rtl #bit {
	font-family: tahoma, Arial, sans-serif;
}

.loggedout-follow-shelf {
	position: fixed;
	right: 40%;
	z-index: 100;
	bottom: -300px;
}

.loggedout-follow-normal {
	position: fixed;
	z-index: 100;
	bottom: -300px;
	right: 10px;
}

.loggedout-follow-typekit {
	margin-right: 4.5em;
	position: fixed;
	z-index: 100;
	bottom: -300px;
	right: 10px;
}

#bit a.bsub {
	display: block;
	overflow: hidden;
	padding: 0 10px 0 8px;
	float: right;
	text-decoration: none !important;
	line-height: 28px;
	font-weight: normal;
	font-size: 13px;
	color: #CCC;
	letter-spacing: normal;
	border: 0;
	background-color: #324155;
	-webkit-box-shadow: 0 -1px 5px rgba(0,0,0,0.20);
	-moz-box-shadow: 0 -1px 5px rgba(0,0,0,0.20);
	-o-box-shadow: 0 -1px 5px rgba(0,0,0,0.20);
	-ms-box-shadow: 0 -1px 5px rgba(0,0,0,0.20);
	box-shadow: 0 -1px 5px rgba(0,0,0,0.20);
	outline-style: none;
	outline-width: 0;
}

#bit a.bsub {
	-moz-border-radius: 2px 2px 0 0;
	-webkit-border-radius: 2px 2px 0 0;
	-o-border-radius: 2px 2px 0 0;
	-ms-border-radius: 2px 2px 0 0;
	border-radius: 2px 2px 0 0;
}

#bit a.bsub span {
	padding-right: 6px;
}

#bit a.bsub span:before{
	content: '\f801';
	color: #00AADC;
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font: normal 16px/1 'Noticons';
	margin: 0 5px 4px 0;
	vertical-align: middle;
}

#bit a:hover span, #bit a.bsub.open span {
	color: #ffffff !important;
	background-position: left -117px;
}

#bit a.bsub.open {
	background: #324155;
}

#bitsubscribe {
	background: #324155;
	color: #fff;
	padding: 15px;
	width: 200px;
	margin-top: 27px;
	-moz-border-radius: 2px 0 0 0;
	-webkit-border-radius: 2px 0 0 0;
	-o-border-radius: 2px 0 0 0;
	-ms-border-radius: 2px 0 0 0;
	border-radius: 2px 0 0 0;
	*float: right;
	*margin-right: -68px;
}

div#bitsubscribe.open {
	-webkit-box-shadow: 0 0 8px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 0 8px rgba(0,0,0,0.5);
	-o-box-shadow: 0 0 8px rgba(0,0,0,0.5);
	-ms-box-shadow: 0 0 8px rgba(0,0,0,0.5);
	box-shadow: 0 0 8px rgba(0,0,0,0.5);
}

#bitsubscribe div {
	overflow: hidden;
}

#bit h3, #bit #bitsubscribe h3 {
	margin: 0 0 .5em 0 !important;
	font-size: 20px;
	color: #D2DEE6;
	text-align: left;
	font-family: 'Merriweather', serif;
	font-weight: bold;
}

#bit h3 label{
	color: #D2DEE6;
	font-family: 'Merriweather', serif;
	font-size: 20px;
}

#bit #bitsubscribe p {
	margin: 0 0 1em 0;
	*margin: 0 0 0 0;
	font-size: 14px;
	line-height: 1.45em;
	font-weight: 300;
	color: #fff;
}

#bitsubscribe p a {
	margin: 20px 0 0;
	color: #fff;
	text-decoration: underline;
}

#bit #bitsubscribe p.bit-follow-count {
	font-size: 13px;
	color: #D2DEE6;
	margin-top: -8px;
}

#bitsubscribe input[type=submit] {
  border-style: solid;
  border-width: 1px 1px 2px;
  color: #fff;
  cursor: pointer;
  display: block;
  margin: 0;
  outline: 0;
  overflow: hidden;
  padding: .75em;
  text-overflow: ellipsis;
  text-decoration: none;
  vertical-align: top;
  white-space: nowrap;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-box-shadow: 0 -1px 0 rgba(255, 255, 255, 0.8) inset;
  -moz-box-shadow: 0 -1px 0 rgba(255, 255, 255, 0.8) inset;
  box-shadow: 0 -1px 0 rgba(255, 255, 255, 0.8) inset;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: color 0.1s ease-in-out, background-color 0.1s ease-in-out;
  -moz-transition: color 0.1s ease-in-out, background-color 0.1s ease-in-out;
  -o-transition: color 0.1s ease-in-out, background-color 0.1s ease-in-out;
  transition: color 0.1s ease-in-out, background-color 0.1s ease-in-out;
  background: #00aadc;
  border-color: #0090bb;
  border-top-color: #0099c6;
  border-bottom-color: #0088b0;
  color: #fff;
  -webkit-box-shadow: 0 -1px 0 rgba(255, 255, 255, 0.15) inset;
  -moz-box-shadow: 0 -1px 0 rgba(255, 255, 255, 0.15) inset;
  box-shadow: 0 -1px 0 rgba(255, 255, 255, 0.15) inset;
  width:100%;
  text-shadow: none;
  font-size: 1em;

}

#bitsubscribe input[type=submit]:hover {
	background: #33bbe3;
	border-color: #2b9ec0;
	border-bottom-color: #2895b5;
	box-shadow: 0 -1px 0 rgba(255, 255, 255, 0.15) inset;
}

#bitsubscribe input[type=submit]:active {
	border-width: 2px 1px 1px;
}

#bitsubscribe input[type=text],
#bitsubscribe input[type=email] {
	background: #f4f8fA;
	border: 1px solid #d2dee6;
	border-radius: 0;
	font-size: 13px;
	font-weight: 300;
	height: auto;
	padding: 5px 6px;
	width: 100%;
	box-sizing: border-box;
	/* @noflip */
	direction: ltr;
}

#bitsubscribe input[type=text]:focus,
#bitsubscribe input[type=email]:focus {
	border: 1px solid #000;
}

#bitsubscribe.open {
	display: block;
}

#bsub-subscribe-button {
	text-align: center;
	margin: 0 auto;
}

/*
Confirmation
=============================== */


#bitsubscribe #lof-followpublicize h3 {
	font-size: 13px;
	padding-top: 1em;
	margin-bottom: 1em !important;
}

#bitsubscribe #lof-followpublicize p.lof-followpublicize-twitter,
#bitsubscribe #lof-followpublicize p.lof-followpublicize-facebook {
	overflow: hidden;
}
#bitsubscribe #lof-followpublicize p.lof-followpublicize-facebook {
	border: 1px solid #242f3d;
}

/*
Error
=============================== */

#bit #bitsubscribe p#loggedout-follow-error {
	background: #E8F0F5;
	border-left: 3px solid #DD3D36;
	font-size: 12px;
	font-weight: 1.4em;
	padding: 10px;
	color: #DD3D36;
}

/*
Footer
=============================== */

#bitsubscribe #bsub-credit {
	text-align: center;
	font-weight: normal;
	font-size: 11px;
	padding: 0 0 7px 0;
	margin:0 0 -15px;
	border-top: 1px solid #3c3c3c;
}

#bitsubscribe #bsub-credit a {
	color: #90AEC2;
	background: none;
	text-decoration: none;
}

#bitsubscribe #bsub-credit a:hover {
	color: #78DCFA;
	background: none;
}

@media (max-width: 800px) {
	#bit, #bit a.bsub {
		display:none;
	}
}

@media (min-device-width: 768px) {
	#bit, #bit a.bsub {
		display: block;
	}
}
/**
 * Add text colors to the playlist shortcode light color scheme.
 * 
 * Core ticket: https://core.trac.wordpress.org/ticket/27562
 */

.wp-playlist-light {
	color: #000;
}

.wp-playlist-light .wp-playlist-item {
	color: #333;
}

.wp-playlist-light .wp-playlist-playing {
	background: #fff;
	color: #000;
}

.wp-playlist-dark .wp-playlist-item .wp-playlist-caption {
	color: #fff;
}

.wp-playlist-caption {
	display: block;
}/**
 * MP6 hacks, CSS that's either WPCOM specific or otherwise not suitably for MP6 proper
 */


/* Replace Omnisearch PNG search icon with a dashicon */
#wpadminbar div.ab-item form#adminbarsearch input.adminbar-search-input {
	background-image: none;
	position: relative;
	z-index: 30;
}


/* Show globe icon next to blog */
#wpadminbar #wp-admin-bar-blog > .ab-item:before {
	position: relative;
	top: 2px;
	content: '\f319';
}

/* If a blavatar is present, move it left to cover the globe */
#wpadminbar #wp-admin-bar-blog > .ab-item {
	position: relative;
}
#wpadminbar #wp-admin-bar-blog > .ab-item img.avatar {
	position: absolute;
	z-index: 1;
	left: 10px;
	top: 10px;
}

/* @noflip */
#wpadminbar.rtl #wp-admin-bar-blog > .ab-item img.avatar {
	right: 12px;
}

/* Fix omnisearch lineheight */
#wpadminbar>#wp-toolbar>#wp-admin-bar-top-secondary input.adminbar-search-input.search-input-focus {
	border: none;
	text-shadow: none;
	box-shadow: none;
	line-height: 1;
	background: #ccc;
	background: rgba(255,255,255,.7);
}

/* Invert stats sparkline on light theme */
body.admin-color-mp6-light li#wp-admin-bar-stats img {
	filter: invert(100%);
	-webkit-filter: invert(100%);
}

/* Override white color on blog title */
body.admin-color-mp6-light #wpadminbar ul li#wp-admin-bar-blog > .ab-item {
	color: #333;
}

/* Updated message fixes */
body.admin-color-mp6-light #wpadminbar>#wp-toolbar>#wp-admin-bar-top-secondary span.noticon {
	color: #eee;
}

div.updated p,
div.error p {
	position: relative;
}

div.updated .noticon-close,
div.error .noticon-close {
	font-size: 28px;

	height: 28px;
	width: 28px;

	position: absolute;
	right: 0;
	top: -1px;
}

/* Fix taller MP6 v2 toolbar. Merge this into mu-plugins/wpcom-admin-bar.css after MP6 v2 launch */
@media screen and ( max-width: 782px ) {

	.mp6 #wpadminbar li#wp-admin-bar-follow > a,
	.mp6 #wpadminbar li#wp-admin-bar-blog > a,
	.mp6 #wpadminbar li#wp-admin-bar-topicpress > a,
	.mp6 #wpadminbar li#wp-admin-bar-wpr-reblog > a,
	/* These next lines are necessary for when users opt out to the responsive styles */
	.mp6 #wpadminbar li#wp-admin-bar-dbg > div,			
	.mp6 #wpadminbar li#wp-admin-bar-my-account > a
	{
		line-height: 46px !important;
	}
	
	/* Notes only shown when users opt out to the responsive styles */
	body.mp6 #wpadminbar #wp-admin-bar-notes #wpnt-notes-unread-count {
		margin: 13px 3px 0 3px !important;
	}

	.mp6 #wpadminbar li#wp-admin-bar-blog > a.ab-item:before {
		top: 13px;
	}
	
	#wpadminbar #wp-admin-bar-blog > .ab-item img.avatar {
		top: 17px;
	}

}

/* Fix toolbar hover color temporarily. Post launch, remove from /wp-content/mu-plugins/admin-bar/wpcom-admin-bar.css */
.admin-color-mp6 #wpadminbar .quicklinks #wp-admin-bar-my-account-with-avatar.hover .ab-display-name, .mp6 #wpadminbar .quicklinks #wp-admin-bar-my-account-with-avatar.hover .ab-display-name, .admin-color-mp6 #wpadminbar .quicklinks #wp-admin-bar-my-account-no-avatar.hover .ab-display-name, .mp6 #wpadminbar .quicklinks #wp-admin-bar-my-account-no-avatar.hover .ab-display-name, .admin-color-mp6 #wpadminbar .quicklinks #wp-admin-bar-my-account.hover .ab-display-name, .mp6 #wpadminbar .quicklinks #wp-admin-bar-my-account.hover .ab-display-name {
	color: inherit !important;
}

/* add style for reader link in /wp-admin/ leftbar */

/* Reader icon in left-bar */
.icon16.icon-reader:before,
#adminmenu .menu-icon-reader div.wp-menu-image:before,
ul#adminmenu .toplevel_page_reader div.wp-menu-image:before{
     content: '\f116';
}

/* Fix dashicons priority so Japanese users can use the toolbar. Should long term be fixed in whatever plugin that forces all fonts to be Arial */
i.mce-i-bold, i.mce-i-italic, i.mce-i-bullist, i.mce-i-numlist, i.mce-i-blockquote, i.mce-i-alignleft, i.mce-i-aligncenter, i.mce-i-alignright, i.mce-i-link, i.mce-i-unlink, i.mce-i-wp_more, i.mce-i-strikethrough, i.mce-i-spellchecker, i.mce-i-fullscreen, i.mce-i-wp_fullscreen, i.mce-i-wp_adv, i.mce-i-underline, i.mce-i-alignjustify, i.mce-i-forecolor, i.mce-i-pastetext, i.mce-i-pasteword, i.mce-i-removeformat, i.mce-i-charmap, i.mce-i-outdent, i.mce-i-indent, i.mce-i-undo, i.mce-i-redo, i.mce-i-help, i.mce-i-wp_help, i.mce-i-wp-media-library, i.mce-i-ltr, i.mce-i-wp_page, .mce-close {
	font: normal 20px/1 'dashicons' !important;
}

.dashicons, .dashicons-before:before {
	font-family: dashicons !important;
}

.noticon {
	font-family: "Noticons" !important;
}
/*
Theme Name: wpcomvip3
Theme URI: http://vip.wordpress.com/
Author: WordPress.com VIP
Author URI: http://vip.wordpress.com/
Description: WordPress.com VIP Theme v3
Version: 0.2
License: GNU General Public License
License URI: license.txt
Tags: vip, wordpress.com
*/

/*********************************

	VIP.WORDPRESS.COM Refresh
	July 2013

*********************************/


/* =Reset
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
html {
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
body {
	overflow-x: hidden;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
nav,
section {
	display: block;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a:focus {
	outline: thin dotted;
}
a:hover,
a:active {
	outline: 0;
}
a img {
	border: 0;
}
hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}
sup {
	vertical-align: super;
	font-size: smaller;
}
sub {
	vertical-align: sub;
	font-size: smaller;
}

/* =Typography
-------------------------------------------------------------- */
body,
button,
input,
select,
textarea {
	font: 100%/1.62 'Open Sans', sans-serif;
	color: #68686f;
}
a {
	color: #278DBC;
	text-decoration: none;
}
a:hover,
a:focus,
a:active {
	color: #78C8E6;
}
h1, h2, h3, h4, h5, h6 {
	margin-bottom: 0.3em;
	color: #3c3d45;
	font-weight: 200;
	line-height: 1.2em;
	clear: both;
}
h4 {
	margin-bottom: 1em;
	font-size: 12px;
	font-size: .75rem;
	font-weight: 600;
	text-transform: uppercase;
}
h3 {
	font-size: 28px;
	font-size: 1.75rem;
}
h2 {
	font-size: 38px;
	font-size: 2.375rem;
}
h1 {
	font-size: 48px;
	font-size: 3rem;
}
p, ul, ol {
	margin-bottom: 1.62em;
	font-size: 15px;
	font-size: .9375rem;
}
ul, ol {
	margin: 0 0 1.5em 3em;
}
ul {
	list-style: disc;
}
ol {
	list-style: decimal;
}
li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}
dt {
	font-weight: bold;
}
dd {
	margin: 0 1.5em 1.5em;
}
b, strong {
	font-weight: bold;
}
dfn, cite, em, i {
	font-style: italic;
}
blockquote {
	margin: 0 1.5em 1.62em;
	padding: 1em 1.2em;
	background: #fff;
}
	blockquote p {
		font-size: 18px;
		font-size: 1.125rem;
		font-weight: 100;
		font-style: italic;
	}
	blockquote p:last-of-type {
		margin-bottom: 0;
	}
address {
	margin: 0 0 1.5em;
}
pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 14px;
	font-size: .875rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	padding: 1.6em;
	overflow: auto;
	max-width: 100%;
}
code, kbd, tt, var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 14px;
	font-size: .875rem;
}
abbr, acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}
mark, ins {
	background: #fff9c0;
	text-decoration: none;
}
sup,
sub {
	font-size: 75%;
	height: 0;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}
small,
.small {
	font-size: 75%;
}
big,
.big {
	font-size: 165%;
}
figure {
	margin: 0;
}
table {
	margin: 0 0 1.5em;
	width: 100%;
}
th {
	font-weight: bold;
}
button,
input,
select,
textarea {
	font-size: 100%;
	margin: 0;
	vertical-align: baseline;
	*vertical-align: middle;
}
button,
input {
	line-height: normal;
}
button,
html input[type="button"],
input[type="reset"] {
	padding: .8em 1em .6em;
	border: none;
	background: #ddd;
	color: rgba(0, 0, 0, .8);
	font-size: 14px;
	font-size: .875rem;
	line-height: 1;
	vertical-align: top;
	cursor: pointer;
	-webkit-appearance: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
	-webkit-box-shadow: 0 3px 0 #ccc;
	-mozbox-shadow: 0 3px 0 #ccc;
	box-shadow: 0 3px 0 #ccc;
}
button:hover,
html input[type="button"]:hover,
input[type="reset"]:hover {
	background: #ccc;
	-webkit-box-shadow: 0 3px 0 #bbb;
	-mozbox-shadow: 0 3px 0 #bbb;
	box-shadow: 0 3px 0 #bbb;
}
button:focus,
html input[type="button"]:focus,
input[type="reset"]:focus,
button:active,
html input[type="button"]:active,
input[type="reset"]:active {
	margin-top: 1px;
	background: #bbb;
	-webkit-box-shadow: 0 2px 0 #aaa;
	-mozbox-shadow: 0 2px 0 #aaa;
	box-shadow: 0 2px 0 #aaa;
}
input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}
input[type="search"] {
	-webkit-appearance: textfield;
	-webkit-box-sizing: content-box;
	-moz-box-sizing:    content-box;
	box-sizing:         content-box;
}
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

/* =Buttons
-------------------------------------------------------------- */
.button,
.big-blue-button,
input[type="submit"] {
	position: relative;
	padding: 0.6em 1.5em;
	color: #fff;
	background: #2fa6d9;
	border: 0;
	-webkit-box-shadow: 0 3px 0 #0074a2;
	-moz-box-shadow: 0 3px 0 #0074a2;
	box-shadow: 0 3px 0 #0074a2;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
	input[type="submit"] {
		padding: 0.5em 1.5em;
		line-height: 22px;
		cursor: pointer;
	}
	.big-blue-button:focus,
	.big-blue-button:hover,
	input[type="submit"]:focus,
	input[type="submit"]:hover {
		color: #fff;
		background: #3ab7ed;
		text-decoration: none;
	}
	.big-blue-button:active,
	input[type="submit"]:active {
		top: 1px;
		box-shadow: 0 1px 0 #0074a2;
	}
	.button,
	#document-feedback-decline-button {
		background: #acacac;
		-webkit-box-shadow: 0 3px 0 #797979;
		-moz-box-shadow: 0 3px 0 #797979;
		box-shadow: 0 3px 0 #797979;
	}
		.button:focus,
		.button:hover,
		#document-feedback-decline-button:focus,
		#document-feedback-decline-button:hover {
			color: #fff;
			background: #bababa;
		}
		.button:active,
		#document-feedback-decline-button:active {
			top: 1px;
			box-shadow: 0 1px 0 #666;
		}

/* =General
-------------------------------------------------------------- */
#main {
	background: #f4f5f9;
}
	#main b,
	#main strong {
		font-weight: 600;
	}
#primary,
#secondary {
	display: inline-block;
	margin: 3em 0;
}
#primary {
	width: 75%;
}
#secondary {
	width: 21%;
	float: right;
}
.wrap {
	max-width: 60em;
	margin: 0 auto;
	position: relative;
}
.full-width {
	width: 100% !important;
}
.section {
	margin-bottom: 48px;
	margin-bottom: 3rem;
}
.expand {
	margin-right: -3000px;
	margin-left: -3000px;
	padding-right: 3000px;
	padding-left: 3000px;
}
.breathe {
	padding: 4em 0;
}
.breathe-top {
	padding-top: 4em;
}
.breathe-bottom {
	padding-bottom: 4em;
}
.white {
	background: #fff;
}
.lightgrey {
	background: #f3f5f8;
}
.darkgrey {
	background: #edeff3;
}

/* =Header
-------------------------------------------------------------- */
#vip-header {
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	background: rgba(38, 39, 44, 0.97);
	z-index: 108;

	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}

#header-logo {
	display: inline-block;
	margin: 0;
	line-height: 1em;
}
	#header-logo #vip-logo {
		width: 84px;
		height: 32px;
		margin: 0.4em 0 0.3em;
	}
#header-nav {
	position: absolute;
	top: 25px;
	right: 0;
}
	#header-nav a {
		padding: 1.2em 0.8em;
		color: #b3b6b8;
		/* color: #d3d6d8; */
	}
	#header-nav a:hover {
		color: #fff;
	}

	#header-nav ul {
		font-size: 13px;
		font-size: .8125rem;
	}
	#header-nav li {
		display: inline-block;
		position: relative;
	}

		#header-nav li ul {
			display: none;
			width: 170px;
			margin: 0;
			position: absolute;
			top: 34px;
			left: 0;
			background: #52525a;
			font-size: 0.9em;
			z-index: 10;

			-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
			-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
			box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
		}
		#header-nav li ul:before {
			width: 0;
			height: 0;
			position: absolute;
			top: -5px;
			left: 30px;
			border-left: 5px solid transparent;
			border-right: 5px solid transparent;
			border-bottom: 5px solid #52525a;
			content: "";
			z-index: 9;
		}
		#header-nav li ul li {
			display: block;
		}
		#header-nav li ul a {
			display: block;
			padding: 0.8em;
			color: #d3d6d8;
		}
		#header-nav li:hover > ul,
		#header-nav li:focus > ul,
		#header-nav li:active > ul,
		#header-nav li a:hover > ul,
		#header-nav li a:focus > ul,
		#header-nav li a:active > ul,
		#header-nav li ul:hover,
		#header-nav li ul:focus,
		#header-nav li ul:active {
			display: block;
			visibility: visible;
		}
			#header-nav li ul ul {
				display: none;
				width: 170px;
				position: absolute;
				top: 38px;
				background: #68686f;
				font-size: 1em;
				z-index: 11;
			}
				#header-nav li ul ul:before {
					border-bottom: 5px solid #68686f;
					z-index: 10;
				}

	#header-nav a.contact-us,
	#header-nav #menu-item-2827 a {
		margin-left: 0.6em;
		padding: 0.5em 0.8em;
		color: #fff;
		background: #279acd;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
	}
	#header-nav a:hover.contact-us,
	#header-nav #menu-item-2827 a:hover {
		background: #3ab7ed;
	}
	#header-nav .current-menu-item a {
		color: #fff;
	}

#nav-trigger {
	display: none;
	position: absolute;
	top: 32px;
	right: 30px;
	font-weight: 800;
	font-size: 12px;
	text-transform: uppercase;
}

/* =Sub-header
-------------------------------------------------------------- */
.page .entry-header,
.archive .entry-header,
.search .entry-header,
.error404 .entry-header,
.single-partners .entry-header {
	padding: 7.5em 0 2em;
	background: #3c3c44;
}
.single-partners .entry-header {
	padding: 6.5em 0 1em;
}
	.page .entry-header h1,
	.archive .entry-header h1,
	.search .entry-header h1,
	.error404 .entry-header h1,
	.single-partners .entry-header h1 {
		color: #fff;
	}
	.page .entry-header h3,
	.archive .entry-header h3,
	.search .entry-header h3,
	.error404 .entry-header h3,
	.single-partners .entry-header h3 {
		margin-bottom: 0;
		font-weight: 200;
		color: #9a9b9f;
	}

/* =Sidebar
-------------------------------------------------------------- */
#secondary h4 {
	margin-bottom: 1em;
}
#secondary h5 {
	margin-bottom: 0.5em;
	color: #3c3d45;
	font-size: 0.875em;
	font-weight: 600;
	text-transform: none;
	line-height: 1.4em;
}
#secondary p,
#secondary ol,
#secondary ul {
	color: #7f7f85;
	font-size: 13px;
	font-size: .8125rem;
}
#secondary ol,
#secondary ul {
	margin: 0 0 1em 18px;
}
#secondary .avatar {
	width: 80px;
	height: 80px;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	-o-border-radius: 40px;
	border-radius: 40px;
}
#secondary .comments-link a:before {
	content: "\f300";
	display: inline-block;
	padding-right: 5px;
	font: normal 16px/1 "Noticons";
	color: #d3d6d8;
	vertical-align: -3px;
	-webkit-font-smoothing: antialiased;
}
	#secondary .comments-link a:hover:before {
		color: #7f7f85;	}


/* =News
-------------------------------------------------------------- */
.blog #main,
.single #main,
.tax-wpapi-source-file #main {
	padding: 5em 0 0;
}
.blog article,
.single article,
.archive article,
.search article {
	margin-bottom: 3em;
}
.tax-wpapi-source-file.archive article {
	margin-bottom: 1em;
}
.entry-container {
	padding: 2em;
	background: #fff;
}
	.entry-container img {
		max-width: 100%;
		height: auto;
	}
.entry-title {
	margin-bottom: .5em;
}
	.entry-title a {
		color: #3c3d45;
	}
	.entry-title a:hover,
	.entry-title a:focus {
		color: #278DBC;
	}
	.blog .entry-title {
		font-size: 38px;
		font-size: 2.375rem;
	}
	.single .entry-title {
		font-size: 42px;
		font-size: 2.625rem;
	}

.entry-meta {
	font-size: 12px;
	font-size: .75rem;
	text-align: right;
}
#author-avatar img {
	margin-right: 10px;
	margin-bottom: 10px;
}
.entry-intro {
	font-size: 20px;
	font-size: 1.25em;
}
.entry-byline {
	display: block;
	font-size: 16px;
	font-weight: 200;
	text-align: right;
}
	.entry-byline,
	.entry-byline a {
		color: #bfc0c4;
	}

/* Search */
.search h2 {
	font-size: 32px;
	font-size: 2rem;
}
.entry-search-header {
	margin-bottom: 16px;
}
.entry-meta-search {
	margin-top: -14px;
	display: block;
	text-align: left;

}
	.entry-meta-search,
	.entry-meta-search a {
		color: #999;
	}
		.entry-meta-search a:hover {
			color: #278dbc;
		}

#jp-post-flair {
	margin-top: 32px;
	margin-top: 2rem;
}

.single {

}
	.single #primary {
		margin-top: 1.5em;
	}
	.single #secondary {
		margin-top: 190px;
	}

.blog blockquote,
.single blockquote {
	background: #f7f8fa;
}

/* =News - Featured
-------------------------------------------------------------- */
#featured {
	margin: 16px 0;
	margin: 1rem 0;
}
#featured-top {
	padding: 10px 0 26px;
	padding: .625rem 0 1.625rem;
}
	#featured-top h1 {
		float: left;
	}
	#featured-top p {
		float: right;
		width: 73%;
		margin-top: 14px;
		font-size: 12px;
		font-size: .75rem;
	}
#featured-posts {
	margin: 0;
	padding: 20px 24px;
	list-style: none;
	background: #fff;
}
	#featured-posts li {
		display: inline-block;
		width: 23%;
		margin-right: 2%;
		vertical-align: top;;
	}
		#featured-posts li:last-of-type {
			margin-right: 0;
		}
	#featured-posts h5 {
		font-weight: 400;
	}
	#featured-posts p,
	#featured-posts .read-more {
		font-size: 13px;
		font-size: .8125rem;
	}
	#featured-posts p {
		margin-bottom: 8px;
		margin-bottom: .5rem;
		font-weight: 400;
	}

/* =News - Comments
-------------------------------------------------------------- */
#comments {

}
.comments-title {
	margin-bottom: 24px;
	margin-bottom: 1.5rem;
}
	.comments-title span {
		font-style: italic;
	}
.comment-list {
	margin: 0;
	list-style: none;
}
	.comment-list li {
		margin: 0;
	}
	.comment-list article {
		position: relative;
		margin-left: 60px;
		padding: 20px 24px;
		background: #fff;
	}
	.blog .comment-list article,
	.single .comment-list article {
		margin-bottom: 4px;
		margin-bottom: .25rem;
	}
		.comment-list article .reply {
			margin-top: 8px;
			margin-top: .5rem;
			text-align: right;
		}
			.comment-list article .reply a {
				font-size: 12px;
				font-size: .75rem;
			}

		.comment-list article:before {
			width: 0;
			height: 0;
			position: absolute;
			top: 2em;
			left: -8px;
			border-top: 8px solid rgba(0, 0, 0, 0);
			border-bottom: 8px solid rgba(0, 0, 0, 0);
			border-right: 8px solid #FFF;
			content: "";
			z-index: 9;
		}

	.comment-list ul {
		list-style: none;
	}

.comment-content p:last-of-type {
	margin-bottom: 0;
}

.comment-footer {
	display: block;
	position: relative;
}
	.comment-footer .comment-author {

	}
		.comment-footer .comment-author img {
			float: left;
			margin-left: -84px;
			-webkit-border-radius: 50%;
			-moz-border-radius: 50%;
			-o-border-radius: 50%;
			border-radius: 50%;
		}
		.comment-footer .comment-author .fn {
			color: #3c3d45;
			font-size: 18px;
			font-size: 1.125rem;
			font-style: normal;
			font-weight: 600;
		}
		.comment-footer .comment-author .says {
			display: none;
		}

	.comment-footer .comment-meta {
		position: absolute;
		top: 2px;
		right: 0;
	}
		.comment-footer .comment-meta a {
			font-size: 12px;
			font-size: .75rem;
			color: #909197;
		}

.comment-content a {
	word-wrap: break-word;
}
.bypostauthor {
}

#respond {
	font-family: 'Open Sans', sans-serif !important;
}

/* =Services
-------------------------------------------------------------- */
#services-content .section-title {
	margin-bottom: 32px;
	margin-bottom: 2rem;
}
#services-content .hero-left {
	float: left;
	width: 520px;
}
#services-content .hero-right {
	position: relative;
	float: right;
	width: 400px;
}
#services-content .hero-left blockquote {
	margin: 1.6rem 0;
	padding: 1em 1.2em;
	background: #fff;
	position: relative;
}
	#services-content .hero-left blockquote p {
		margin-bottom: .6rem;
		font-size: 18px;
		font-size: 1.125rem;
		font-style: italic;
		font-weight: 200;
	}
	#services-content .hero-left blockquote p:last-of-type {
		margin-bottom: 0;
		text-align: right;
	}
	#services-content .hero-left blockquote cite {
		margin: -1em 0 0;
		color: #999999;
		font-size: 13px;
		font-size: .8125rem;
		font-style: normal;
		text-align: right;
	}
.hero-right-slider {
	margin-top: 22px;
}
	.hero-right-slider p {
		margin-bottom: 0.4rem;
		font-size: 80%;
	}
	.hero-right-slider h1 {
		font-size: 28px;
		font-size: 1.75rem;
		font-weight: 400;
	}
	.hero-right-slider img {
		width: 400px;
		height: 250px;
	}
	.hero-right-slider:before {
		content: "";
		background: #DEDEDE;
		width: 100%;
		height: 12px;
		position: relative;
		z-index: 2;
		display: block;
		bottom: 12px;
		-webkit-border-top-left-radius: 4px;
		-webkit-border-top-right-radius: 4px;
		-moz-border-top-left-radius: 4px;
		-moz-border-top-right-radius: 4px;
		border-top-left-radius: 4px;
		border-top-right-radius: 4px;
	}

#pager-managed-cloud,
#pager-support {
	position: absolute;
	right: 0;
	top: 330px;
	z-index: 2;
}
	#pager-managed-cloud a,
	#pager-support a {
		display: inline-block;
		width: 12px;
		height: 12px;
		margin-left: 5px;
		text-indent: -100%;
		background: #ccc;
		overflow: hidden;
		-webkit-border-radius: 12px;
		-moz-border-radius: 12px;
		border-radius: 12px;
	}
	#pager-managed-cloud a.activeSlide,
	#pager-support a.activeSlide {
		background: #278dbc;
	}
	#pager-managed-cloud .cycle-pager-active,
	#pager-support .cycle-pager-active {
		color: #278dbc;
	}

.page-template-page-services-php .big-blue-button {
	margin-left: 14px;
	margin-left: .875rem;
}
.page-template-page-services-php .price {
	line-height: 150%;
}
.grid article {
	display: inline-block;
	width: 30%;
	margin: 0 2% 2% 0;
	vertical-align: top;
}
	.grid article {
		font-size: 14px;
		font-size: 0.875rem;
	}

/* Compare Tab */
#compare-services h2 {
	font-weight: 400;
}
#compare-services .big {
	display: inline-block;
	margin-top: -8px;
	margin-top: -.5rem;
}
#managed-cloud-teaser,
#support-teaser {
	width: 300px;
	display: inline-block;
	vertical-align: top;
}
#managed-cloud-teaser {
	margin-left: 320px;
	margin-right: 15px;
}
	#managed-cloud-teaser h1,
	#support-teaser h1 {
		font-size: 44px;
		font-size: 2.75rem;
	}
.comparison {
	margin-top: 2em;
}
	.comparison tr {
		display: block;
		border-bottom: 1px solid #e1e3e6;
	}
	.comparison tr:first-child {
		border-top: 1px solid #e1e3e6;
	}
	.comparison td {
		display: inline-block;
		width: 280px;
		padding: 12px 36px 12px 0;
		vertical-align: middle;
		font-size: 13px;
		font-size: .8125em;
	}
		.comparison td:first-child {
			font-weight: 600;
		}

	.comparison .green {
		background: url(/wp-content/themes/a8c/wpcomvip3/img/icon-comparison-1.png) 0 50% no-repeat;
	}
	.comparison .red {
		background: url(/wp-content/themes/a8c/wpcomvip3/img/icon-comparison-2.png) 0 50% no-repeat;
	}
	.comparison .blue {
		background: url(/wp-content/themes/a8c/wpcomvip3/img/icon-comparison-3.png) 0 50% no-repeat;
	}
		.comparison .green,
		.comparison .red,
		.comparison .blue {
			text-indent: 24px;
			background-size: 16px 16px;
		}

.web-host-support {
	margin: 4em 0 1em;
}

/* Cloud Hosting Tab */
#hosting {
	margin-bottom: 48px;
	margin-bottom: 3rem;
}
#hosting section {
	padding-top: 112px;
	padding-top: 7rem;
	margin-bottom: -48px;
	margin-bottom: -3rem;
}
	#hosting section.hero {
		padding-top: 0;
	}
#hosting .hero-left .section-title {
	text-indent: 65px;
	background: url(/wp-content/themes/a8c/wpcomvip3/img/icon-cloud-hosting.png) 0 center no-repeat;
	background-size: 50px 50px;
}
#hosting .pricing ul {
	display: inline-block;
	margin: 0;
	padding: 0;
	list-style: none;
	vertical-align: top;
}
	#hosting #one-time-setting {
		width: 22%;
	}
	#hosting #webhosting {
		padding: 0 0 0 4%;
		width: 22%;
	}
	#hosting #vip-support-passes {
		padding: 0 0 0 4%;
		width: 46%;
	}
	#hosting #one-time-setting,
	#hosting #webhosting {
		position: relative;
	}
	#hosting #one-time-setting:after,
	#hosting #webhosting:after {
		content: "+";
		position: absolute;
		top: -6px;
		right: -30px;
		color: #b5b6b9;
		font-size: 22px;
		font-size: 1.375rem;
	}

	#hosting .pricing h3 {
		line-height: 22px;
		line-height: 1.375rem;
	}
		#hosting .pricing h3 small {
			display: block;
			font-size: 12px;
			font-size: 0.75rem;
			color: #b5b6b9;
		}
	#hosting .pricing li,
	#hosting .grid li {
		margin-bottom: 10px;
		font-size: 14px;
		font-size: .875rem;
	}
		#hosting .pricing li em,
		#hosting .grid li em,
		#hosting .grid em {
			font-size: 12px;
			font-size: 0.75rem;
			color: #909197;
		}

	#hosting #vip-support-passes ul {
		width: 21%;
		margin-right: 4%;
	}
		#hosting #vip-support-passes ul:last-of-type {
			margin-right: 0;
		}

	#hosting-training.grid article {
		width: 47%;
	}
		#hosting #hosting-training.grid em {
			display: block;
		}

/* Support Tab */
#support {
	margin-bottom: 48px;
	margin-bottom: 3rem;
}
#support section {
	padding-top: 112px;
	padding-top: 7rem;
	margin-bottom: -48px;
	margin-bottom: -3rem;
}
	#support section.hero {
		padding-top: 0;
	}
	#support section.new-relic {
		padding-top: 32px;
		padding-top: 2rem;
	}

#support .hero-left .section-title {
	text-indent: 65px;
	background: url(/wp-content/themes/a8c/wpcomvip3/img/icon-support.png) 0 center no-repeat;
	background-size: 50px 50px;
}
	#support .pricing h1 small {
		display: block;
		font-size: 12px;
		font-size: 0.75rem;
		color: #b5b6b9;
		line-height: 32px;
		line-height: 2rem;
	}
	#support .pricing ul {
		display: inline-block;
		width: 142px;
		margin: 0 16px 0 0;
		padding: 0;
		list-style: none;
		vertical-align: top;
	}
		#support .pricing ul:last-of-type {
			margin-right: 0;
		}
	#support .pricing li,
	#support .grid li {
		margin-bottom: 10px;
		font-size: 14px;
		font-size: .875rem;
	}
		#support .pricing li em,
		#support .grid li em,
		#support .grid em {
			font-size: 12px;
			font-size: 0.75rem;
			color: #909197;
		}

	#support-training.grid article {
		width: 47%;
	}
		#support #support-training.grid em {
			display: block;
		}

#support .new-relic-logo {
	width: 230px;
	height: auto;
	margin: 25px 55px 0 26px;
}

/* =Partners
-------------------------------------------------------------- */
.cell {
	width: 300px;
	margin: 0 8px 30px;
	display: inline-block;
	vertical-align: top;
}
.partners-intro h2 {
	display: inline-block;
}
.partners-apply {
	float: right;
	margin: 20px 0 30px 40px;
}
	.partners-apply p {
		font-size: 80%;
	}
	.partners-apply .big-blue-button {
		float: right;
		margin-top: 10px;
	}

.partners-list {
	margin-top: 3em;
}
	.partners-list p {
		margin-top: 12px;
		margin-top: .75rem;
		font-size: 80%;
	}
	.partners-list .image-wrapper a {
		display: block;
		width: 300px;
		height: 100px;
		background: #e3e6e8;
		overflow: hidden;
	}
		.partners-list .image-wrapper a img {
			display: block;
			width: 282px;
			margin: 0 auto;
		}
		.partners-list .image-wrapper a:hover {
			background: #fff;
			-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
			-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
			box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
		}
		.partners-list .image-wrapper a:hover img {
			margin-top: -100px;
		}

		/* Partners exceptions */
		.partners-list .image-wrapper a:hover[title*="Alley Interactive"],
		.single-partners #secondary aside#partner-logo img[src*="alleyinteractive"] {
			background: black;
		}

/* Partners Overview Page */
#partners-overview {

}
	#partners-overview .column {
		float: left;
		width: 29%;
		margin: 0 6% 0 0;
	}
	#partners-overview .column h4 {
		margin-bottom: 8px;
		margin-bottom: .5rem;
		font-size: 12px;
		font-size: .75rem;
	}
	#partners-overview .column p {
		font-size: 13px;
		font-size: .8125rem;
	}
	#partners-overview .column.last,
	#partners-overview .column:last-of-type {
		margin-right: 0;
	}

#services-overview,
#services-overview-highlights,
#technology-overview,
#technology-overview-highlights {
	padding-top: 3em;
	padding-bottom: 3em;
}
#services-overview {
	margin-top: 2em;
}
#services-overview a,
#technology-overview a {
	color: inherit;
}
	#services-overview a:hover,
	#technology-overview a:hover {
		color: #2fa6d9;
	}

/* Partners Single Pages */
.single.single-partners #main {
	padding: 0;
}
.single.single-partners #primary {
	margin-top: 3em;
}
.single-partners .entry-container {
	padding: 0;
	background: none;
}
.single.single-partners h1 {
	font-size: 48px;
	font-size: 3rem;
}
.single-partners .intro p {
	margin-bottom: 1em;
	color: #3c3d45;
	font-size: 28px;
	font-size: 1.75rem;
	font-weight: 400;
	line-height: 1.4em;
}
.single.single-partners #secondary {
	margin-top: 60px;
}
	.single-partners #secondary aside {
		margin-bottom: 2em;
	}
		.single-partners #secondary aside#partner-logo {
			overflow: hidden;
			height: 70px;
		}
			.single-partners #secondary aside#partner-logo img {
				margin-top: -76px;
				-ms-transform: scale(1.2, 1.2);
				-webkit-transform: scale(1.2, 1.2);
				transform: scale(1.2, 1.2);
			}

	.single-partners #secondary a {
		display: block;
		margin-bottom: 1em;
		font-size: 14px;
	}

.single.single-partners #jp-post-flair {
	display: none;
}

/* =Service & Partners tabs
-------------------------------------------------------------- */
.tabs-menu {
	margin: -92px 0 0;
	margin: -5.75rem 0 0;
	float: right;
	list-style: none;
}
.tabs-menu li {
	display: inline-block;
	line-height: 44px;
	line-height: 2.75rem;
	background: #73757b;
}
.tabs-menu li a {
	display: block;
	padding: 0 20px;
	padding: 0 1.25rem;
	color: #3c3d45;
}
	.tabs-menu li a:hover {
	color: #f3f5f8;
	background: #98999f;
}
.tabs-menu .ui-state-active,
.tabs-menu .ui-state-active a:hover {
	color: #3c3d45;
	background: #f3f5f8;
	outline: none;
}
.ui-tabs-hide {
	display: none;
}
.tabs-menu li,
.tabs-menu li a,
.tabs-menu .ui-state-focus:focus,
.tabs-menu .ui-state-active {
	outline: none;
}

/* =Why VIP
-------------------------------------------------------------- */
.page-template-page-why-vip-php #main {
	background: none;
}
.page-template-page-why-vip-php h2 {
	margin-bottom: 36px;
	margin-bottom: 2.25rem;
}
	.page-template-page-why-vip-php #main h2 strong {
		font-weight: 400;
	}

#vip-platform .content {
	width: 75%;
	float: left;
}
	#vip-platform .content p {
		font-size: 16px;
	}
#vip-platform .ctas {
	width: 20%;
	float: right;
	margin-top: 48px;
	margin-top: 3rem;
	text-align: center;
}
#vip-platform .big-blue-button {
	display: inline-block;
	font-size: 18px;
	font-size: 1.125rem;
}
#vip-platform .compare-our-services {
	font-size: 14px;
	font-size: .875rem;
}
#vip-platform .or-span {
	display: block;
	margin: 16px 0 8px;
	margin: 1rem 0 .5rem;
	font-size: 12px;
	font-size: .75rem;
}
#vip-platform #map {
	margin: 56px 0 16px;
}
#focus-on-publishing .diagram {
	float: left;
	width: 290px;
}
	#focus-on-publishing .diagram img {
		max-width: 100%;
		height: auto;
	}
#focus-on-publishing .content {
	float: right;
	width: 55%;
	margin-top: 2.5em;
}
#secure-scalable-optimized .features {
	margin: 0;
	padding: 0;
	list-style: none;
}
	#secure-scalable-optimized .features li {
		float: left;
		width: 30%;
		margin-right: 3%;
	}
	#secure-scalable-optimized .features li:last-child {
		margin-right: 0;
	}
	#secure-scalable-optimized h3 {
		margin-bottom: 0.5em;
		line-height: 36px;
		text-indent: 48px;
	}
		#secure-scalable-optimized h3.secure {
			background: url(/wp-content/themes/a8c/wpcomvip3/img/icon-secure.png) 0 0 no-repeat;
		}
		#secure-scalable-optimized h3.scalable {
			background: url(/wp-content/themes/a8c/wpcomvip3/img/icon-scalable.png) 0 0 no-repeat;
		}
		#secure-scalable-optimized h3.optimized {
			background: url(/wp-content/themes/a8c/wpcomvip3/img/icon-optimized.png) 0 0 no-repeat;
		}
		#secure-scalable-optimized h3.secure,
		#secure-scalable-optimized h3.scalable,
		#secure-scalable-optimized h3.optimized {
			background-size: 36px 36px;
		}

#every-industry #vip-clients {
	margin: 0;
	list-style: none;
}
	#every-industry #vip-clients li {
		width: 30%;
		float: left;
		margin-right: 3%;
		margin-bottom: 4%;
	}
	#every-industry #vip-clients li:nth-child(3n+0) {
		margin-right: 0;
	}
#every-industry .screen {
	position: relative;
	margin-bottom: 0.5em;
}
	#every-industry .screen img {
		max-width: 100%;
		height: auto;
		-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
		-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
		box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
	}
	#every-industry .screen:before {
		content: "";
		background: #DEDEDE;
		width: 100%;
		height: 12px;
		position: relative;
		z-index: 2;
		display: block;
		bottom: 0;
		-webkit-border-top-left-radius: 4px;
		-webkit-border-top-right-radius: 4px;
		-moz-border-top-left-radius: 4px;
		-moz-border-top-right-radius: 4px;
		border-top-left-radius: 4px;
		border-top-right-radius: 4px;
	}

#every-industry h3 {
	font-size: 24px;
	color: #52525a;
}
#every-industry h4 {
	font-size: 13px;
	color: #b3b3b7;
}
	#every-industry h3,
	#every-industry h4 {
		font-weight: 200;
	}

#vip-platform,
#focus-on-publishing,
#secure-scalable-optimized,
#every-industry {
	padding: 64px 0;
	padding: 4rem 0;
	zoom: 1;
}
	#vip-platform {
		padding-bottom: 44px;
		padding-bottom: 2.75rem;
	}
	#every-industry {
		padding-bottom: 32px;
		padding-bottom: 2rem;
	}

#vip-platform:before,
#focus-on-publishing:before,
#secure-scalable-optimized:before,
#every-industry:before,
#vip-platform:after,
#focus-on-publishing:after,
#secure-scalable-optimized:after,
#every-industry:after {
    content: "";
    display: table;
}
#vip-platform:after,
#focus-on-publishing:after,
#secure-scalable-optimized:after,
#every-industry:after {
    clear: both;
}

.page-template-page-why-vip-php #jp-post-flair {
	display: none;
}

/* =Sites Showcase
-------------------------------------------------------------- */
.page-template-page-clients .entry-content h1 {
	margin-top: 1em;
}
.featured-site-image,
.spotlight-site,
.client-site {
	float: left;
}
.featured-site-image {
	width: 62%;
	margin: 0 1% 1em;
}
.featured-site-info {
	width: 30%;
	margin: 2em 3% 0;
	float: right;
}
.featured-site-info p {
	margin: 1.2em 0 0;
	font-size: 90%;
}
.featured-site-info .big-blue-button {
	display: inline-block;
	margin-top: 1em;
}
.page-template-page-spotlight .featured-site {
	margin-bottom: 3em;
}
.spotlight-site,
.client-site {
	width: 48%;
	height: auto;
	margin: 0 1% 4%;
}
.spotlight-sites .row {
	display: block;
	margin-bottom: 20px;
}
.spotlight-site h3 {
	font-size: 20px;
	font-weight: 500;
    margin-top: 10px;
}
.spotlight-site p {
	margin: 0;
}
.client-showcase h2 a {
	color: #3c3d45;
}
	.client-showcase h2 a:hover {
		color: #278DBC;
	}
.client-showcase h4 {
	font-size: 13px;
}
.client-showcase h5 {
	margin-top: -8px;
	font-size: 13px;
	color: #969699;
	text-transform: uppercase;
}
.client-site-image {
	position: relative;
	overflow: hidden;
	margin-bottom: 2%;
}
	.client-site-image h2,
	.client-site-image h4 {
		color: #fff;
	}
	.client-site-image .overlay {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(24, 134, 180, .95);
		z-index: 3;
		opacity: 0;
		-ms-transform: 		scale(1.25);
		-webkit-transform: 	scale(1.25);
		transform: 			scale(1.25);
	}

.client-case-study {
	display: inline-block;
	width: 70%;
	margin-top: 4px;
	font-style: italic;
	font-weight: 200;
	color: rgba(255, 255, 255, .65);
}
.client-site-info {
	position: relative;
	display: block;
	top: 50%;
	width: 100%;
	height: auto;
	text-align: center;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.client-site-info hr {
	width: 30px;
	height: 1px;
	margin: 0 auto 16px;
	background: rgba(255, 255, 255, .3);
	border: none;
}
.case-study-hint {
	display: inline-block;
	margin-top: -22px;
	padding: 2px 6px;
	font-size: 10px;
	color: #fff;
	background: #279acd;
	border-radius: 3px;
	text-transform: uppercase;
}
a:hover .client-site-image .overlay {
	opacity: 1;
	-ms-transform: 		scale(1);
	-webkit-transform: 	scale(1);
	transform: 			scale(1);
}
a:hover .client-site-image img {
	-ms-transform: 		scale(1.1);
	-webkit-transform: 	scale(1.1);
	transform: 			scale(1.1);
}
.featured-site-image:before,
.spotlight-site:before,
.client-site:before {
	content: "";
	background: #DEDEDE;
	width: 100%;
	height: 12px;
	position: relative;
	z-index: 2;
	display: block;
	bottom: 0;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-top-left-radius: 4px;
	-moz-border-top-right-radius: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}

/* =Contact
-------------------------------------------------------------- */
input {
	outline: none;
}
form input[type="text"],
form input[type="email"],
form input[type="password"],
form input[type="search"],
form textarea {
	margin-bottom: 1em;
	padding: 8px 6px;
	font-size: 0.875em;

	box-shadow: 0 0 2px rgba(219, 222, 224, 0.6) inset;
}
form label {
	display: block;
	font-weight: 600;
	margin-bottom: 0.25em;
}
	form label.radio {
		font-weight: 400;
	}
	form label.radio input[type="radio"] {
		margin-right: 5px;
	}
	form label.error {
		color: #E74C3C !important;
		font-size: 14px;
		font-weight: 400;
	}
form div {
	margin-bottom: 0.5em;
}
	form .product {
		margin-bottom: 1em;
	}

input[type="text"],
input[type="email"],
input[type="password"],
input[type="search"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
	color: #111;
	border-color: #2ea2d4;

	box-shadow: 0 0 5px rgba(46, 162, 212, 0.3) inset;
}
input[type="text"],
input[type="email"],
input[type="password"],
input[type="search"] {
	padding: 6px;
}
textarea {
	overflow: auto;
	padding-left: 3px;
	vertical-align: top;
	width: 98%;
}
.page-template-page-contact-php form input[type="text"],
.page-template-page-contact-php form input[type="email"],
.page-template-page-contact-php form input[type="password"],
.page-template-page-contact-php form input[type="search"],
.page-template-page-contact-php form textarea,
.page-template-page-partner-contact-php input[type="text"],
.page-template-page-partner-contact-php input[type="email"],
.page-template-page-partner-contact-php input[type="password"],
.page-template-page-partner-contact-php input[type="search"],
.page-template-page-partner-contact-php textarea {
	width: 95%;
}
.page-template-page-contact-php form .firstname,
.page-template-page-contact-php form .lastname,
.page-template-page-partner-contact-php .firstname,
.page-template-page-partner-contact-php .lastname {
	display: inline-block;
	width: 49%;
}

.contact-form input[type="submit"] {
	margin: 1em 0 0;
}

/* =Home - Hero
-------------------------------------------------------------- */
.home #hero {
	width: 842px;
	height: 275px;
	/* Slide show
	margin: 0 auto 32px;
	margin: 0 auto 2rem; */
	margin: 32px auto;
	margin: 2rem auto;
}
	.home #hero .testimonial {
		position: absolute;
		/* bottom: -50px; */
		bottom: -90px;
		width: 400px;
		padding: 1rem;
		background:#f3f5f8;
		z-index: 3;
		-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
		-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
		box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
	}
		.home #hero .testimonial.left {
			/* left: -10px; */
			left: 10px;
		}
		.home #hero .testimonial.right {
			right: -10px;
		}
		.home #hero .testimonial p {
			color: #68686F;
			font-style: italic;
			font-weight: 200;
			text-align: left;
		}
		.home #hero .testimonial p.testimonial-author {
			margin: 0 0 -0.3em;
			color: #999999;
			font-size: 0.8em;
			font-style: normal;
			text-align: right;
		}

.home #hero-nav {
	position: relative;
	top: -110px;
}
	.home #hero-nav #prev-slide,
	.home #hero-nav #next-slide {
		display: inline-block;
		width: 40px;
		height: 40px;
		overflow: hidden;
		background-color: rgba(104, 104, 111, 0.6);
		background-position: 50% 50%;
		background-size: 36px 36px;
		border-radius: 40px;
	}
	.home #hero-nav #prev-slide {
		background-image: url(/wp-content/themes/a8c/wpcomvip3/img/icon-arrow-left.png);
	}
	.home #hero-nav #next-slide {
		float: right;
		background-image: url(/wp-content/themes/a8c/wpcomvip3/img/icon-arrow-right.png);
	}
		.home #hero-nav a:hover#prev-slide,
		.home #hero-nav a:hover#next-slide {
			background-color: #1e8cbe;
		}
		.home #hero-nav #prev-slide span,
		.home #hero-nav #next-slide span {
			display: none;
		}

/* =Home - Intro
-------------------------------------------------------------- */
#intro {
	position: relative;
	padding: 4em 0 0;
	background: #3c3d45 url(/wp-content/themes/a8c/wpcomvip3/img/back-screens.jpg) no-repeat 50% 100%;
	-webkit-background-size: 1080px 272px;
	-moz-background-size: 1080px 272px;
	-o-background-size: 1080px 272px;
	background-size: 1080px 272px;
}
	#intro header {
		width: 80%;
		margin: 0 auto;
		padding: 4em 0 1em;
	}
	#intro h1,
	#intro p {
		color: #fff;
		text-align: center;
	}
	#intro p {
		margin-bottom: 0;
		color: #d3d6d8;
	}

	#intro .screen {
		width: 842px;
		margin: 0 auto;
		position: relative;
		/* bottom: -3em; */
	}
		#intro .screen img {
			width: 842px;
			height:345px;
		}
	#intro .parallax {
		position:absolute;
		top: 19px;
		bottom: 13px;
		left: 11px;
		right: 11px;
		overflow: hidden;
	}
		#intro .parallax img {
			max-width: 100%;
			height: auto;
		}


/* =Home - Services
-------------------------------------------------------------- */
#services {
	padding: 7em 0 5em;
	background: #f3f5f8;
}
	#services .wrap {
		max-width: 49em;
	}
	#services h2 {
		letter-spacing: -1px;
	}
	#services p {
		font-size: 1.2em;
		margin-bottom: 0.6em;
	}
	#services .service-vip {
		width: 40%;
		padding-left: 4em;
		display: inline-block;
		vertical-align: top;
	}
		#services .service-vip-hosting {
			background: url(/wp-content/themes/a8c/wpcomvip3/img/icon-cloud-hosting.png) 0 0 no-repeat;
		}
		#services .service-vip-support {
			background: url(/wp-content/themes/a8c/wpcomvip3/img/icon-support.png) 0 0 no-repeat;
		}
		#services .service-vip-hosting,
		#services .service-vip-support {
			background-size: 50px 50px;
		}
		#services .service-vip:first-of-type {
			margin-right: 3%;
			/* @TODO: add IE support */
		}


/* =Home - Clients
-------------------------------------------------------------- */
#clients {
	padding: 3em 0;
	text-align: center;
	background: #fff;
}
	#clients .wrap {
		max-width: 62.5em;
	}
	#clients a.clients-logos {
		position: relative;
		width: 100%;
		height: 82px;
		display: block;
		text-indent: 100%;
		overflow: hidden;
	}
	#clients a.clients-logos img {
		position: absolute;
		top: 0;
		left: 0;
		max-width: 100%;
		height: auto;
	}
		 #clients a.clients-logos img.clients-logos-off {
		 	z-index: 2;
		 }
		#clients a.clients-logos img.clients-logos-on {
		 	z-index: 1;
		 }
		#clients a.clients-logos:hover img.clients-logos-on {
			z-index: 3;
		}
	#clients a.clients-logos:hover {
		background-position: 50% 100%;
	}
	.clients-logos {
		margin: 16px 0 48px;
		margin: 1rem 0 3rem;
	}

/* =Home - Testimonials
-------------------------------------------------------------- */
#testimonials {
	padding: 5em 0;
	background: #edeff2;
}
	#testimonials .testimonial {
		width: 72%;
		display: inline-block;
	}
	#testimonials .testimonial-avatar {
		position: relative;
	}
		#testimonials .testimonial-avatar img {
			width: 50px;
			height: 50px;
			margin-top: 1.5em;
			float: left;

			-webkit-border-radius: 25px;
			-moz-border-radius: 25px;
			border-radius: 25px;
		}
		#testimonials .testimonial-avatar:before {
			width: 0;
			height: 0;
			position: absolute;
			top: 2.5em;
			left: 65px;
			border-top: 12px solid transparent;
			border-bottom: 12px solid transparent;
			border-right: 12px solid #fff;
			content: "";
			z-index: 9;
		}

	#testimonials .testimonial-inner {
		margin-left: 75px;
		padding: 1.62em 2em;
		background: #fff;
	}
		#testimonials .testimonial-inner p {
			font-size: 1.4em;
			font-style: italic;
			font-weight: 200;
		}
		#testimonials .testimonial-inner .testimonial-author {
			margin: -1em 0 0;
			color: #999999;
			font-size: 0.8em;
			font-style: normal;
			text-align: right;
		}

	#testimonials .more-case-studies {
		width: 25%;
		display: inline-block;
		float: right;
	}
		.more-case-studies-inner {
			padding: 0 1em 0;
		}
		#testimonials .more-case-studies ul {
			margin-left: 1.4em;
			color: #999999;
			font-size: 0.8em;
		}
		#testimonials .more-case-studies li {
			margin-top: 0.6em;
		}


/* =Spotlight Main Page
-------------------------------------------------------------- */
.page-id-7458 .child-pages {
	margin: 0;
	list-style: none;
}
.page-id-7458 .child-pages li {
	float: left;
	width: 41%;
	margin: 0 4% 4% 0;
	padding-left: 48px;
	font-size: 22px;
	line-height: 36px;
}
	.page-id-7458 .child-pages .page-item-14018 {
		background-image: url(/wp-content/themes/a8c/wpcomvip3/img/icon-fortune500.png);
	}
	.page-id-7458 .child-pages .page-item-7864 {
		background-image: url(/wp-content/themes/a8c/wpcomvip3/img/icon-education.png);
	}
	.page-id-7458 .child-pages .page-item-6982 {
		background-image: url(/wp-content/themes/a8c/wpcomvip3/img/icon-government.png);
	}
	.page-id-7458 .child-pages .page-item-7372 {
		background-image: url(/wp-content/themes/a8c/wpcomvip3/img/icon-publishing.png);
	}
	.page-id-7458 .child-pages .page-item-7683 {
		background-image: url(/wp-content/themes/a8c/wpcomvip3/img/icon-music.png);
	}
	.page-id-7458 .child-pages .page-item-7376 {
		background-image: url(/wp-content/themes/a8c/wpcomvip3/img/icon-non-profit.png);
	}
	.page-id-7458 .child-pages .page-item-11479 {
		background-image: url(/wp-content/themes/a8c/wpcomvip3/img/icon-politics.png);
	}
	.page-id-7458 .child-pages .page-item-7928 {
		background-image: url(/wp-content/themes/a8c/wpcomvip3/img/icon-retail.png);
	}
	.page-id-7458 .child-pages .page-item-7872 {
		background-image: url(/wp-content/themes/a8c/wpcomvip3/img/icon-sports.png);
	}
	.page-id-7458 .child-pages .page-item-14018,
	.page-id-7458 .child-pages .page-item-7864,
	.page-id-7458 .child-pages .page-item-6982,
	.page-id-7458 .child-pages .page-item-7372,
	.page-id-7458 .child-pages .page-item-7683,
	.page-id-7458 .child-pages .page-item-7376,
	.page-id-7458 .child-pages .page-item-11479,
	.page-id-7458 .child-pages .page-item-7928,
	.page-id-7458 .child-pages .page-item-7872 {
		background-position: 0 0;
		background-repeat: no-repeat;
		background-size: 36px 36px;
	}
.page-id-7458 #jp-post-flair {
	display: none;
}

/* =Spotlight Pages
-------------------------------------------------------------- */
.page-template-page-spotlight-php .deck {
	width: 720px;
	margin: 0 0 40px;
	font-size: 1.2rem;
	font-style: italic;
}
.page-template-page-spotlight-php #hero,
.page-template-page-spotlight-php .spotlight-features {
	margin-bottom: 48px;
	margin-bottom: 3rem;
}
.page-template-page-spotlight-php .big-blue-button-right {
	float: right;
	margin-top: 15px;
}
.page-template-page-spotlight-php .spotlight-features {
	margin-top: 2em;
}
.page-template-page-spotlight-php .spotlight-feature-column {
	width: 276px;
	float: left;
	margin-left: 60px;
	margin-bottom: 1em;
}
.page-template-page-spotlight-php .spotlight-feature-column.spotlight-feature-column-first {
	margin-left: 0;
}
.page-template-page-spotlight-php .spotlight-feature-column h3 {
	margin-bottom: 10px;
}
.page-template-page-spotlight-php .spotlight-feature-column img {
	border: 0;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
}
.page-template-page-spotlight-php .spotlight-feature-column p {
	font-size: 14px;
	font-size: .875rem;
}
.page-template-page-spotlight-php #hero {
	margin-top: 20px;
}
.page-template-page-spotlight-php #hero-left {
	float: left;
	padding: 50px 0 0 0;
	width: 488px;
}
	.page-template-page-spotlight-php #hero-left .learn-more-section {
		margin: 0 0 20px;
		padding: 20px 20px 1px;
		background-color: #fff;
		-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
		-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
		box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
	}
	.page-template-page-spotlight-php #hero-left .learn-more-section h3 {
		margin-bottom: 5px;
		font-size: 21px;
	}
.page-template-page-spotlight-php #hero-right {
	margin-top: 30px;
	width: 400px;
	float: right;
}

/* =Sidebar Common
-------------------------------------------------------------- */
#secondary {
	margin-top: 95px;
}
	#secondary h3 {
		font-size: 18px;
		font-size: 1.125rem;
	}
	#secondary #series {
		background: #fff;
		margin: 0 0 50px;
		padding: 15px 20px;
		-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15);
		-moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15);
		box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15);
	}
	#secondary .series-listing {
		margin: 0 0 20px;
		margin: 0 0 1.25rem;
		list-style: none;
	}

/* =Breadcrumbs Common
-------------------------------------------------------------- */
.documentation-breadcrumb,
.wpapi-breadcrumb {
	margin-bottom: -8px;
	margin-bottom: -.5rem;
}
	.documentation-breadcrumb p,
	.wpapi-breadcrumb p {
		font-size: 13px;
		font-size: .8125rem;
	}
	.documentation-breadcrumb p,
	.documentation-breadcrumb a,
	.wpapi-breadcrumb p,
	.wpapi-breadcrumb a {
		color: #a7a7ac;
	}
		.documentation-breadcrumb a:hover,
		.wpapi-breadcrumb a:hover {
			color: #278DBC;
		}

/* =Documentation Main Page
-------------------------------------------------------------- */
.post-type-archive-vip_documentation #content h3,
.post-type-archive-wpapi-function #content h3,
.tax-wpapi-source-file #content h3 {
	font-size: 20px;
}
.post-type-archive-vip_documentation #content .search {
	margin-bottom: 40px;
}
.post-type-archive-wpapi-function #content .search {
	margin-bottom: 70px;
}
.post-type-archive-vip_documentation #content .content-by-type,
.post-type-archive-vip_documentation #content .getting-started {
	margin-bottom: 30px;
}
.post-type-archive-vip_documentation #content .search:after,
.post-type-archive-vip_documentation #content .content-by-type:after,
.post-type-archive-vip_documentation #content .getting-started:after,
.post-type-archive-wpapi-function #content .search:after {
	content: "";
	display: table;
	clear: both;
}
.post-type-archive-vip_documentation .search #searchform,
.post-type-archive-wpapi-function .search #searchform {
	margin: 30px;
}
.post-type-archive-vip_documentation .search #searchform input#s,
.post-type-archive-wpapi-function .search #searchform input#s {
	width: 81%;
	padding: 10px;
	vertical-align: top;
}
.post-type-archive-vip_documentation .column {
	width: 30%;
	margin: 0 3% 4% 0;
	float: left;
	background-position: 0 5px;
	background-size: 24px 24px;
	background-repeat: no-repeat;
}

.post-type-archive-vip_documentation .column li.small {
	font-size: 13px;
	margin: 14px 0 4px;
}

/* =Documentation Single Page
-------------------------------------------------------------- */
.single-vip_documentation h3,
.single-vip_documentation h4 {
	margin-top: -120px;
	margin-top: -7.5rem;
	padding-top: 120px;
	padding-top: 7.5rem;
}
.single-vip_documentation h4 {
	font-size: 20px;
	font-size: 1.25rem;
	font-weight: 400;
	text-transform: none;
}
.single-vip_documentation h3 .anchor,
.single-vip_documentation h4 .anchor {
	font-size: 70%;
	vertical-align: middle;
}
.single-vip_documentation h3 .anchor,
.single-vip_documentation h4 .anchor,
.toc-jump a {
	color: #999;
}
	.single-vip_documentation h3 .anchor:hover,
	.single-vip_documentation h4 .anchor:hover,
	.toc-jump a:hover {
		color: #78C8E6;
	}
.single-vip_documentation #secondary .series-listing ul {
	margin-bottom: 20px;
}
.single.single-vip_documentation blockquote {
	background: #fff;
}

/* =Plugin Single Page
-------------------------------------------------------------- */
.single-vip_plugin .entry-title {
	margin: 0;
}
.single-vip_plugin .entry-description {
	margin-bottom: 15px;
}
.single-vip_plugin .slideshow {
	position: relative;
	margin: 0 0 32px;
}
	.single-vip_plugin .slideshow .slideshow-inner {
		position: relative;
		overflow: hidden;
	}
	.single-vip_plugin .slideshow .slideshow-inner img {
	    display: none;
		position: absolute;
	    top: 0;
	    left: 0;
		width: 100%;
		height: auto;
	}
.single-vip_plugin .slideshow,
.single-vip_plugin #related-plugins li {
	padding: 10px;
	background-color: #fff;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}
.single-vip_plugin #authors ul,
.single-vip_plugin #related-plugins ul {
	margin: 0 0 24px;
	margin: 0 0 1.5rem;
	list-style: none;
}
	.single-vip_plugin #authors ul li,
	.single-vip_plugin #related-plugins ul li {
		margin: 12px 0 16px;
		clear: both;
	}
	.single-vip_plugin #related-plugins li {
		margin: 10px 0;
		padding: 8px 10px 8px;
	}
	.single-vip_plugin #related-plugins a {
		display: inline-block;
		font-size: 14px;
		margin-bottom: 5px;
	}
	.single-vip_plugin #related-plugins p {
		margin-bottom: 5px;
	}
	.single-vip_plugin #related-plugins .category {
		color: #888;
		font-size: 12px;
	}

.single-vip_plugin #authors .author-avatar,
.single-vip_documentation #authors .author-avatar {
	float: left;
	width: 50px;
}
.single-vip_plugin #authors h3,
.single-vip_documentation #authors h3 {
	display: inline-block;
	margin-top: 10px;
	font-size: 16px;
	font-size: 1rem;
}
.single-vip_plugin #secondary {
	margin-top: 150px;
}
.single-vip_plugin #secondary .avatar {
	width: 40px;
	height: 40px;
}

/* =Plugin Archive Page
-------------------------------------------------------------- */
.post-type-archive-vip_plugin #plugin-categories {
	float: right;
	position: relative;
	margin: -90px 0 0;
	list-style: none;
	z-index: 8;
}
	.post-type-archive-vip_plugin #plugin-categories ul {
		margin: 0;
		list-style: none;
	}
	.post-type-archive-vip_plugin #plugin-categories a {
		display: block;
		padding: 0.8em;
		color: #D3D6D8;
	}
		.post-type-archive-vip_plugin #plugin-categories a:hover {
			color: #fff;
		}

	.post-type-archive-vip_plugin #plugin-categories .plugin-categories-trigger {
		position: relative;
		padding: 0.5em 0.8em;
		font-size: 13px;
		font-size: .8125rem;
		color: #fff;
		background: #a6a8ac;
		-webkit-box-shadow: 0 3px 0 #5a5b62;
		-mozbox-shadow: 0 3px 0 #5a5b62;
		box-shadow: 0 3px 0 #5a5b62;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
	}
		.post-type-archive-vip_plugin #plugin-categories .plugin-categories-trigger:hover,
		.post-type-archive-vip_plugin #plugin-categories .plugin-categories-trigger:focus {
			background: #b5b7ba;
		}
		.post-type-archive-vip_plugin #plugin-categories .plugin-categories-trigger.active,
		.post-type-archive-vip_plugin #plugin-categories .plugin-categories-trigger:active {
			top: 1px;
			background: #b5b7ba;
			-webkit-box-shadow: 0 2px 0 #5a5b62;
			-mozbox-shadow: 0 2px 0 #5a5b62;
			box-shadow: 0 2px 0 #5a5b62;
		}

	.post-type-archive-vip_plugin #plugin-categories ul li:hover > ul,
	.post-type-archive-vip_plugin #plugin-categories ul li:focus > ul,
	.post-type-archive-vip_plugin #plugin-categories ul li:active > ul,
	.post-type-archive-vip_plugin #plugin-categories ul li a:hover > ul,
	.post-type-archive-vip_plugin #plugin-categories ul li a:focus > ul,
	.post-type-archive-vip_plugin #plugin-categories ul li a:active > ul,
	.post-type-archive-vip_plugin #plugin-categories li ul:hover,
	.post-type-archive-vip_plugin #plugin-categories li ul:focus,
	.post-type-archive-vip_plugin #plugin-categories li ul:active {
		display: block;
		visibility: visible;
	}
		.post-type-archive-vip_plugin #plugin-categories li ul {
			display: none;
			width: 170px;
			position: absolute;
			top: 48px;
			right: 0px;
			background: #52525a;
			font-size: 12px;
			font-size: .75rem;
			z-index: 11;
		}
			.post-type-archive-vip_plugin #plugin-categories li ul:before {
				width: 0;
				height: 0;
				position: absolute;
				top: -5px;
				right: 40px;
				border-left: 5px solid transparent;
				border-right: 5px solid transparent;
				border-bottom: 5px solid #52525a;
				content: "";
				z-index: 9;
			}

			.post-type-archive-vip_plugin #plugin-categories li ul ul {
				top: 76px;
				background: #68686f;
			}
				.post-type-archive-vip_plugin #plugin-categories li ul ul a {
					padding: 0.5em 0.8em;
				}
				.post-type-archive-vip_plugin #plugin-categories li ul ul:before {
					border-bottom: 5px solid #68686f;
					z-index: 10;
				}


.post-type-archive-vip_plugin #featured-partners,
.post-type-archive-vip_plugin #community-plugins {
	padding-top: 128px;
	padding-top: 8rem;
	margin-top: -128px;
	margin-top: -8rem;
}
.post-type-archive-vip_plugin h2,
.post-type-archive-vip_plugin h3 {
	margin: 0 0 16px;
	margin: 0 0 1rem;
}
	.post-type-archive-vip_plugin .plugin-link-top {
		float: right;
		font-size: 12px;
		font-size: .75rem;
		color: #999;
		opacity: 0;
	}
		.post-type-archive-vip_plugin .plugin-link-top:hover {
			color: #78C8E6;
		}
		.post-type-archive-vip_plugin h2:hover .plugin-link-top,
		.post-type-archive-vip_plugin h3:hover .plugin-link-top {
			opacity: 1;
		}
.post-type-archive-vip_plugin .plugins-section {
	padding-top: 128px;
	padding-top: 8rem;
	margin-top: -128px;
	margin-top: -8rem;
}
.post-type-archive-vip_plugin .plugins-list {
	margin: 0 0 32px;
	margin: 0 0 2rem;
}
.post-type-archive-vip_plugin .plugins-list li {
	width: 30%;
	display: inline-block;
	margin: 0 2% 16px 0;
	margin: 0 2% 1rem 0;
	vertical-align: top;
}

.post-type-archive-vip_plugin .plugin-image {
	float: left;
	margin-right: 16px;
}
	.post-type-archive-vip_plugin #content img.plugin-icon {
		width: 48px;
		height: 48px;
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		border-radius: 6px;
	}

.post-type-archive-vip_plugin .plugin-content {
	float: left;
	width: 76%;
}
	.post-type-archive-vip_plugin h4 {
		margin-bottom: .375em;
		font-size: 18px;
		font-size: 1.125rem;
		text-transform: none;
	}
	.post-type-archive-vip_plugin .plugin-content p {
		font-size: 13px;
		font-size: .8125rem;
	}

/* =Function Documentation Archive + Taxonomies
-------------------------------------------------------------- */
.archive.post-type-archive-wpapi-function article {
	margin-bottom: 8px;
	margin-bottom: .5rem;
}

/* Pagination */
.wpapi-pagination {
	width: 100%;
	zoom: 1;
}
	.wpapi-pagination-count {
		float: left;
		margin-bottom: 20px;
		font-size: 13px;
		font-size: .8125rem;
		color: #a7a7ac;
	}
	.wpapi-pagination-links {
		float: right;
		display: inline;
		margin-bottom: 20px;
		font-size: 12px;
		font-size: .75rem;
	}
		.wpapi-pagination-links a,
		.wpapi-pagination-links span.current {
			border: 1px solid #DDD;
			display: block;
			float: left;
			margin-left: 5px;
			padding: 0 5px;
		}
		.wpapi-pagination-links a:focus,
		.wpapi-pagination-links a:hover,
		.wpapi-pagination-links span.current {
			background: #DDD;
			color: #000;
			opacity: 0.8;
		}

	.wpapi-pagination:before,
	.wpapi-pagination:after {
	    content: "";
	    display: table;
		clear: both;
	}

/* =Function Documentation Single Page
-------------------------------------------------------------- */
.single-wpapi-function .anchor,
.single-wpapi-function .toc-jump {
	display: none;
}
.single-wpapi-function #series ol,
.single-wpapi-function #series .wpapi-see-also {
	margin: 0 0 20px 18px;
	list-style: decimal inside;
}
.single-wpapi-function #series ul li {
	list-style: disc;
}
.wpapi-params {
	margin: 0 0 26px;
	border-bottom: 1px solid #e4e5e7;
}
	.wpapi-params caption {
		margin-bottom: 16px;
		padding-top: 10px;
	}
	.wpapi-params th {
		font-size: 11px;
		font-size: .6875rem;
		font-weight: 600;
		line-height: 32px;
		line-height: 2rem;
		text-transform: uppercase;
	}
	.wpapi-params td {
		padding: 16px 16px 0 0;
		padding: 1rem 1rem 0 0;
		border-top: 1px solid #e4e5e7;
	}

.wpapi-item-name {
	color: #f38800;
}
.wpapi-item-type,
.wpapi-return-value {
	color: #279acd;
}
.wpapi-item-type-or {
	color: #68686F;
}
.wpapi-notice p {
	color: #c00;
	margin: 0 0 20px;
}

/* =VIP Search Add-on
-------------------------------------------------------------- */
.page-id-12224 h4 {
	font-size: 20px;
	font-size: 1.25rem;
	font-weight: 400;
	text-transform: none;
}
.page-id-12224 img {
	-moz-box-shadow:	0 1px 3px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
	box-shadow:			0 1px 3px rgba(0, 0, 0, 0.15);
}

/* =Reveal.js page
-------------------------------------------------------------- */
.page-template-page-reveal-php,
.page-template-page-reveal-php #page,
.page-template-page-reveal-php #main {
	width: 100%;
	height: 100%;
}
.page-template-page-reveal-php {
	overflow: hidden;
}

/* =Apply Now
-------------------------------------------------------------- */
#apply-now {
	padding: 5em 0;
	color: #edeff2;
	background: #3c3d45;
	font-weight: 200;
	text-align: center;
}
	#apply-now p {
		margin-bottom: 0;
		position: relative;
		left: -10em;
		font-size: 18px;
		font-size: 1.125rem;
		opacity: 0;
	}
	#apply-now p.animated {
		left: 0;
		opacity: 1;
	}
	#apply-now .big-blue-button {
		margin-left: 1em;
	}

/* =Need More Info
-------------------------------------------------------------- */
#need-more-info {
	padding: 3em 0;
	color: #edeff2;
	background: #52525a;
	font-weight: 200;
	text-align: center;
}
	#need-more-info h4 {
		margin-bottom: 1em;
		font-size: 13px;
		font-weight: 200;
		color: #b3b3b7;
	}
	#need-more-info ul {
		margin: 0;
		list-style: none;
	}
		#need-more-info ul li {
			display: inline-block;
		}
		#need-more-info ul a {
			font-size: 18px;
			margin: 0 1.3em;
			color: #fff;
		}
			#need-more-info ul a:hover {
				color: #6cbae1;
			}

/* =Stats Page
-------------------------------------------------------------- */
.page-template-page-stats-php *,
.page-template-page-stats-php *:before,
.page-template-page-stats-php *:after {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
	.page-template-page-stats-php .intro {
		padding: 180px 0 100px;
		color: #fff;
		background: #3c3d45 url(/wp-content/themes/a8c/wpcomvip3/img/back-screens-faded.jpg) no-repeat 50% 100%;
		-webkit-background-size: 1080px 272px;
		-moz-background-size: 1080px 272px;
		-o-background-size: 1080px 272px;
		background-size: 1080px 272px;
		text-align: center;
	}
		.page-template-page-stats-php .intro h1,
		.page-template-page-stats-php .intro h2,
		.page-template-page-stats-php .intro h3 {
			text-align: center;
		}
		.page-template-page-stats-php .intro h1 {
			margin-bottom: 16px;
			margin-bottom: 1rem;
			font-size: 96px;
			font-size: 6rem;
			color: #fff;
		}
		.page-template-page-stats-php .intro h2,
		.page-template-page-stats-php .intro h3 {
			color: #ccc;
		}
			.page-template-page-stats-php .intro h2 {
				font-size: 26px;
			}
			.page-template-page-stats-php .intro h3 {
				font-size: 18px;
				font-weight: 200;
			}

	.page-template-page-stats-php #content {
		width: 684px;
		margin: 0 auto;
	}
		.page-template-page-stats-php #content h2 {
			font-size: 34px;
			text-align: center;
		}

	.page-template-page-stats-php #world,
	.page-template-page-stats-php #publishers,
	.page-template-page-stats-php #code,
	.page-template-page-stats-php #support {
		margin: 0 0 80px;
		opacity: 0;
		-ms-transform: translate(0, 80px);
		-moz-transform: translate(0, 80px);
		-webkit-transform: translate(0, 80px);
		transform: translate(0, 80px);
	}
		.page-template-page-stats-php #support {
			margin-bottom: 20px;
		}
		.page-template-page-stats-php #world:before,
		.page-template-page-stats-php #publishers:before,
		.page-template-page-stats-php #code:before,
		.page-template-page-stats-php #support:before {
			display: block;
			width: 96px;
			height: 96px;
			margin: 0 auto 20px;
			font: 96px/1 "Noticons";
			color: #279ACD;
		}
			.page-template-page-stats-php #world:before {
				content: '\f475';
			}
			.page-template-page-stats-php #publishers:before {
				content: '\f8a2';
			}
			.page-template-page-stats-php #code:before {
				content: '\f462';
			}
			.page-template-page-stats-php #support:before {
				content: '\f806';
			}

		.page-template-page-stats-php #world:after,
		.page-template-page-stats-php #publishers:after,
		.page-template-page-stats-php #code:after {
			content: "";
			display: block;
			width: 535px;
			height: 0;
			margin: 80px auto 0;
			border-bottom: 1px solid #d9d9d9;
		}

		.page-template-page-stats-php #world.animated,
		.page-template-page-stats-php #publishers.animated,
		.page-template-page-stats-php #code.animated,
		.page-template-page-stats-php #support.animated {
			opacity: 1;
			-ms-transform: translate(0, 0px);
			-moz-transform: translate(0, 0px);
			-webkit-transform: translate(0, 0px);
			transform: translate(0, 0px);
		}

	.page-template-page-stats-php .stats-content {
		margin: 48px 0;
	}
		.page-template-page-stats-php .stats-content .narrative,
		.page-template-page-stats-php .stats-content .stats {
			float: left;
			width: 50%;
		}
		.page-template-page-stats-php .stats-content .narrative {
			padding-top: 8px;
			padding-right: 40px;
		}
			.page-template-page-stats-php .stats-content .narrative p {
				font-size: 14px;
				text-align: right;
			}

		.page-template-page-stats-php .stats-content .stats {
			position: relative;
			float: right;
			padding-left: 40px;
			border-left: 2px solid #279ACD;
		}
		.page-template-page-stats-php .stats-content .stats h3,
		.page-template-page-stats-php .stats-content .stats h4 {
			font-weight: 200;
		}
			.page-template-page-stats-php .stats-content .stats h3 {
				font-size: 52px;
				margin-bottom: 0;
			}
			.page-template-page-stats-php .stats-content .stats h4 {
				font-size: 16px;
				color: #B3B6B8;
				text-transform: none;
			}
			.page-template-page-stats-php .stats-content .stats .stat {
				margin-bottom: 26px;
			}
				.page-template-page-stats-php .stats-content .stats .stat:last-of-type {
					margin-bottom: 0;
				}
			.page-template-page-stats-php .stats-content .stats .stat.margin {
				margin-bottom: 42px;
			}
			.page-template-page-stats-php .stats-content .stats .stat.small h3 {
				font-size: 34px;
			}
			.page-template-page-stats-php .stats-content .stats .stat.small h4 {
				font-size: 14px;
			}

		.page-template-page-stats-php .stem {
			position: relative;
			width: 0;
			height: 120px;
			margin: -100px auto 50px;
			border-left: 2px solid #279ACD;
		}
		.page-template-page-stats-php .stem:before,
		.page-template-page-stats-php .stem:after,
		.page-template-page-stats-php .stats-content .stats:before,
		.page-template-page-stats-php .stats-content .stats:after {
			content: "";
			position: absolute;
			left: -5px;
			width: 8px;
			height: 8px;
			border: 2px solid #279ACD;
			-webkit-border-radius: 4px;
			-moz-border-radius: 4px;
			border-radius: 4px;
		}
			.page-template-page-stats-php .stem:before,
			.page-template-page-stats-php .stats-content .stats:before {
				top: -7px;
			}
			.page-template-page-stats-php .stem:after,
			.page-template-page-stats-php .stats-content .stats:after {
				bottom: -7px;
			}

	.page-template-page-stats-php #jp-post-flair {
		display: none;
	}

/* =Report Cards
-------------------------------------------------------------- */
#report-cards .rc {
	float: left;
	display: block;
	width: 32%;
	margin: 0 2% 0 0;
}
	#report-cards .rc:last-of-type {
    	margin-right: 0;
	}

#report-cards .rc-header {
	position: relative;
	background: #68696f;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}
	#report-cards .rc-header h2 {
	    position: relative;
	    display: inline-block;
		margin: 0;
	    font-size: 18px;
	    font-weight: 500;
	    text-indent: 47px;
	    line-height: 58px;
		color: #fff;
	}
	    #report-cards .rc-header h2:before {
			position: absolute;
			top: 0;
			left: -30px;
			content: "";
			font-family: 'Noticons';
			color: rgba(255, 255, 255, 0.65);
		}
		#report-cards .rc-header h2.title-referrals:before {
	      content: '\f415'; }
	    #report-cards .rc-header h2.title-feedback:before {
	      content: '\f300'; }
	    #report-cards .rc-header h2.title-awareness:before {
	      content: '\f408'; }

	#report-cards .rc-header .rc-meta {
		position: absolute;
		top: 10px;
		right: 20px;
	}
		#report-cards .rc-header .rc-meta span {
			display: block;
			font-size: 12px;
			font-weight: 200;
			text-align: right;
		}
			#report-cards .rc-header .rc-meta span.highlight {
				color: #E1E4E6;
			}
			#report-cards .rc-header .rc-meta span.total {
				color: #A2A4A6;
			}

#report-cards .rc-items {
	max-height: 340px;
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	background: white;
}
	#report-cards .rc-items ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	#report-cards .rc-items ul li {
		border-bottom: 1px solid #F4F5F9;
	}
	#report-cards .rc-items ul li:last-of-type {
		border-bottom: none;
	}

#report-cards .rc-item {
	position: relative;
	padding: 20px 0 20px 45px;
}
	#report-cards .rc-item h4 {
		max-width: 65%;
		margin-bottom: 4px;
		font-size: 14px;
		font-weight: 600;
		line-height: 1.4em;
		text-transform: none;
		color: #3C3C44;
	}
	#report-cards .rc-item p {
		margin: 0;
		font-size: 13px;
		font-weight: 200;
		color: #4A4A4A;
	}
	#report-cards .rc-item .date {
		position: absolute;
		top: 21px;
		right: 20px;
		font-size: 12px;
		font-weight: 200;
		color: #A2A4A6;
	}
	#report-cards .rc-item.won,
	#report-cards .rc-item.positive,
	#report-cards .rc-item.negative {
		border-left-width: 3px;
		border-left-style: solid;
	}
		#report-cards .rc-item.won:before, #report-cards .rc-item.positive:before, #report-cards .rc-item.negative:before {
			position: absolute;
			top: 18px;
			left: 14px;
			content: "";
			font-family: 'Noticons';
			color: #279ACD;
		}
	#report-cards .rc-item.won,
	#report-cards .rc-item.positive {
		border-left-color: rgba(40, 154, 205, 0.35);
	}
	#report-cards .rc-item.negative {
		border-left-color: rgba(168, 57, 54, 0.3);
	}
		#report-cards .rc-item.won:before {
			content: '\f804';
		}
		#report-cards .rc-item.positive:before {
			content: '\f418';
		}
		#report-cards .rc-item.negative:before {
			content: '\f405';
			color: #A83936;
		}

#report-cards .rc.awareness .rc-header .rc-meta {
	top: 20px;
}
#report-cards .rc.awareness .rc-item {
	padding: 0;
}
	#report-cards .rc.awareness .rc-item a {
		display: block;
		padding: 20px 0 20px 18px;
	}
	#report-cards .rc.awareness .rc-item a:hover {
		background: #edeff5;
	}
	#report-cards .rc.awareness .rc-item a:hover h4 {
		color: #279acd;
	}

#report-cards #stats {
	margin: 30px 0 0;
}
	#report-cards #stats .stat {
		float: left;
		width: 32%;
		margin: 0 2% 0 0;
	}
		#report-cards #stats .stat:last-of-type {
	    	margin-right: 0;
		}

	#report-cards #stats .stat h3,
	#report-cards #stats .stat h4 {
		font-weight: 200;
	}
		#report-cards #stats .stat h3 {
			font-size: 44px;
			margin-bottom: 0;
		}
		#report-cards #stats .stat h4 {
			font-size: 15px;
			color: #B3B6B8;
			text-transform: none;
		}

#report-cards #overview {
	clear: both;
	margin: 20px 0;
	padding: 20px;
	background: #fff;
}
	#report-cards #overview h3 {
		font-weight: 200;
	}
	#report-cards #overview p:last-of-type {
		margin: 0;
		font-size: 14px;
	}


/* =Footer
-------------------------------------------------------------- */
#vip-footer {
	padding: 3em 0;
	clear: both;
}
	#vip-footer p {
		margin-bottom: 0;
		font-size: 0.9em;
		text-align: center;
	}
	#vip-footer p:first-of-type {
		margin-bottom: 1em;
	}
	#vip-footer a {
		display: inline-block;
		margin: 0 1em;
		color: #3c3d45;
	}
		#vip-footer .footer-links a:hover {
			color: #278DBC;
		}
	#vip-footer .automattic {
		opacity: 0.5;
		font-weight: 200;
	}
		#vip-footer .automattic:hover {
			opacity: 1;
		}
	#vip-footer .automattic-logo {
		display: inline-block;
		width: 136px;
		height: 10px;
		margin: 0 5px 0 1px;
		overflow: hidden;
		background: url(/wp-content/themes/a8c/wpcomvip3/img/automattic-logo.png) no-repeat center top;
		background-size: 136px 10px;
		line-height: 14px;
		text-indent: 100%;
		vertical-align: 0;
	}

/* =Error 404 & Archives
-------------------------------------------------------------- */
.error404 .widgettitle {
	margin: 20px 0 10px;
}
.error404 .entry-title + p,
.archive .entry-title + p {
	margin-top: -20px;
	color: #9A9B9F;
}
.archive #content .entry-header {
	padding: 0;
	background: none;
}
.archive .vcard {
	font-weight: 400;
}

/* =Modal window
-------------------------------------------------------------- */
#modal {
	display: none;
}
	#modal-window {
		position: fixed;
		top: 20%;
		left: 50%;
		width: 500px;
		margin-left: -250px;
		z-index: 6;
	}
		#modal-window *,
		#partners-form-mobile *,
		#modal-window *:before,
		#partners-form-mobile *:before,
		#modal-window *:after,
		#partners-form-mobile *:after {
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			box-sizing: border-box;
		}
		#modal-window #modal-close {
			position: absolute;
			top: 6px;
			right: 0px;
			padding: 10px 22px;
			font-size: 20px;
			font-weight: bold;
			color: #68686f;
		}
		#modal-window .modal-title {
			margin: 0;
			padding: 16px 16px;
			font-size: 24px;
			font-size: 1.5rem;
			color: #fff;
			background: #3c3c44;
			-webkit-border-radius: 3px 3px 0 0;
			-moz-border-radius: 3px 3px 0 0;
			border-radius: 3px 3px 0 0;
		}
		#modal-window .modal-content {
			margin: 0;
			padding: 12px 16px;
			background: #fff;
		}
		#modal-window .modal-submit {
			margin: 0;
			padding: 16px 16px;
			background: #f4f5f9;
			-webkit-border-radius: 0 0 3px 3px;
			-moz-border-radius: 0 0 3px 3px;
			border-radius: 0 0 3px 3px;
		}
			#modal-window .modal-submit input[type="submit"] {
				margin-left: 385px;
				padding: 0.5em 1.2em;
				font-size: 14px;
				font-size: .875rem;
				line-height: 20px;
				cursor: pointer;
			}

		#modal-window form {
			display: none;
		}
			#modal-window form div {
				margin: 0;
			}

	#modal-overlay {
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background: rgba(38, 39, 44, 0.92);
		z-index: 5;
	}

	#modal-window #partners-form .modal-content {
		padding: 0;
	}
	#partners-form div {
		position: relative;
	}
	#partners-form .firstname,
	#partners-form .lastname,
	#partners-form .email,
	#partners-form .company {
		float: left;
		width: 50%;
		height: 70px;
		border-bottom: 1px solid #dcdddd;
	}
	#partners-form .message {
		clear: both;
		width: 100%;
		height: 140px;
		border-bottom: 1px solid #dcdddd;
	}
		#partners-form .firstname,
		#partners-form .email {
			border-right: 1px solid #dcdddd;
		}
	#partners-form input[type="text"],
	#partners-form input[type="email"],
	#partners-form textarea {
		width: 100%;
		height: 100%;
		margin: 0;
		padding: 24px 16px 8px 16px;
		border: none;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
		box-shadow: none;
		-webkit-box-shadow: none;
	}
		#partners-form textarea {
			padding-top: 32px;
			outline: none;
		}
		#partners-form input[type="text"]:focus,
		#partners-form input[type="email"]:focus,
		#partners-form textarea:focus {
			background-color: #e9f6fc;
		}

	#partners-form label {
		position: absolute;
		top: 12px;
		left: 16px;
		font-size: 11px;
		text-transform: uppercase;
		color: #b2b4b4;
	}
		#partners-form label.error {
			left: auto;
			right: 16px;
			text-transform: none;
		}

#partners-form-mobile {
	display: none;
}

/* Modal Button */
.modal-trigger.big-blue-button {
	display: inline-block;
	margin: 8px 0 32px;
	margin: .5rem 0 2rem;
}

/* =Anycast Map
-------------------------------------------------------------- */
#map {
	width: 960px;
	height: 480px;
	background: url('http://vip.files.wordpress.com/2014/05/map-shape.png') 0 0 no-repeat;
	background-size: 960px 485px;
}
#map canvas {
	position: absolute;
}

/* =VIP Brand
-------------------------------------------------------------- */
#colors p {
	display: none;
}
.color-group {
	position: relative;
	float: left;
	width: 32%;
	margin: 0 2% 0 0;
}
	.color-group:last-of-type {
		margin-right: 0;
	}

.color {
	margin-bottom: 5%;
}
	.color.main,
	.color.secondary {
		padding-top: 115px;
		-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .035), 0 0 3px rgba(0, 0, 0, .075) inset;
		box-shadow: 0 1px 3px rgba(0, 0, 0, .035), 0 0 3px rgba(0, 0, 0, .075) inset;
	}
		.color.secondary {
			float: left;
			width: 48%;
			margin-right: 4%;
			padding-top: 84px;
		}
			.color.secondary:last-of-type {
				margin-right: 0;
			}

	.color .info {
		padding: 12px 16px 16px;
		background: #fff;
	}
		.color .info h4 {
			font-weight: 600;
			font-size: 16px;
			text-transform: none;
			margin-bottom: .25em;
		}
		.color .info ul {
			list-style: none;
			margin: 0;
			font-family: monospace;
			font-size: 12px;
			color: #67696E;
		}
			.color.secondary .info h4 {
				font-size: 14px;
			}
			.color.secondary .info ul {
				font-size: 10px;
			}

	/* Colors */
	.color.graphite {
		background: #3B3E44;
	}
		.color.graphite-dark {
			background: #24252B;
		}
		.color.graphite-light {
			background: #67696E;
		}

	.color.azure {
		background: #168CBF;
	}
		.color.azure-dark {
			background: #0B75A3;
		}
		.color.azure-light {
			background: #25A8DC;
		}

	.color.steel {
		background: #F3F5F9;
	}
		.color.steel-dark {
			background: #D3D6D7;
		}
		.color.steel-light {
			background: #FFFFFF;
		}


/* =Visual Guide - Getting Ready
-------------------------------------------------------------- */
/* Intro */
.guide #intro {
	padding: 180px 0 100px;
	background-image: none;
}
	.guide #intro .wrap {
		max-width: 960px;
		text-align: center;
	}
	.guide #intro h1 {
		font-size: 3.375em;
		color: #fff;
		letter-spacing: -1px;
	}
	.guide #intro h2 {
		font-size: 1.75em;
		color: #ccc;
	}

/* Main Section */
.guide #main .wrap {
	max-width: 780px;
}
#codebase-guide.guide #main .wrap {
	margin-bottom: 4em;
}
.guide-section,
.guide-subsection {
	clear: both;
}
.guide-section {
	margin: 64px 0 128px;
	padding-bottom: 96px;
	border-bottom: 1px solid #d9d9d9;
}
	#codebase-guide .guide-section {
		margin: 64px 0;
		padding-bottom: 64px;
	}
	.guide-section header {
		margin: 0 0 84px;
		text-align: center;
	}
	.guide-section h1 {
		font-size: 3.375em;
	}
	.guide-section h2 {
		font-size: 2.125em;
		color: #68686f;
		letter-spacing: -1px;
	}
	.guide-section p {
		margin-bottom: 8px;
	}
	.guide-section:last-of-type {
		border: none;
	}

.guide-subsection {
	margin-bottom: 6em;
}
	.guide-subsection h2 {
		font-size: 2.625em;
		color: #3c3d45;
		letter-spacing: -1px;
	}
	.guide-subsection:last-of-type {
		margin-bottom: 0;
	}

.guide-subsection .illustration {
	position: relative;
	width: 360px;
	height: 220px;
}
#codebase-guide .guide-subsection .illustration {
	height: 312px;
}
	.guide-subsection .illustration img {
		position: absolute;
	}

	.guide-section header,
	.guide-subsection div {
		opacity: 0;
	}
		.guide-section.visible header,
		.guide-subsection.animated div {
			opacity: 1;
		}

.illustration-left .illustration {
	float: left;
}
.illustration-left .copy {
	float: right;
}
.illustration-right .illustration {
	float: right;
}
.illustration-right .copy {
	text-align: right;
	float: left;
}
.illustration-left .copy,
.illustration-right .copy {
	width: 360px;
}

.animated .slide-in,
.animated #developmenttools-03,
.animated #yourcode-02,
.animated #yourcode-03,
.animated #yourcode-04,
.animated #yourcode-05,
.animated #fullcodereview-02,
.animated #fullcodereview-03,
.animated #fullcodereview-04,
.animated #yourcontent-01,
.animated #yourcontent-02,
.animated #yourcontent-03,
.animated #prelaunchprep-02,
.animated #prelaunchprep-03,
.animated #prelaunchprep-04,
.animated #prelaunchprep-05,
.animated #liftoff-02 {
	opacity: 0;
}

.animated .slide-in {
	-webkit-animation: fadeInSlideLeft .6s ease forwards;
	-moz-animation:    fadeInSlideLeft .6s ease forwards;
	-ms-animation:     fadeInSlideLeft .6s ease forwards;
	animation:         fadeInSlideLeft .6s ease forwards;
}

/* Kickoff Call */
#kickoffcall-01 {
	width: 140px;
	right: 40px;
}
#kickoffcall-02 {
	width: 120px;
	bottom: 20px;
	right: 0;

	-webkit-animation: ringing 2.6s 1s ease infinite;
	-moz-animation:    ringing 2.6s 1s ease infinite;
	-ms-animation:     ringing 2.6s 1s ease infinite;
	animation:         ringing 2.6s 1s ease infinite;
	-webkit-transform-origin:	55% 55%;
	-moz-transform-origin:		55% 55%;
	-ms-transform-origin:		55% 55%;
	transform-origin:			55% 55%;
}

/* Dev Tools */
#developmenttools-03 {
	left: 45px;
	top: 40px;
	width: 260px;
}
	.animated #developmenttools-03 {
		-webkit-animation: fadeInSlideLeft 0.8s .8s ease forwards;
		-moz-animation:    fadeInSlideLeft 0.8s .8s ease forwards;
		-ms-animation:     fadeInSlideLeft 0.8s .8s ease forwards;
		animation:         fadeInSlideLeft 0.8s .8s ease forwards;
	}

#developmenttools-04,
#developmenttools-05 {
	width: 80px;
}
#developmenttools-04 {
	top: 100px;
	left: 90px;
}
	.animated #developmenttools-04 {
		-webkit-animation: rotatingLeft 3s ease infinite;
		-moz-animation:    rotatingLeft 3s ease infinite;
		-ms-animation:     rotatingLeft 3s ease infinite;
		animation:         rotatingLeft 3s ease infinite;
	}
#developmenttools-05 {
	top: 115px;
	left: 162px;
}
	.animated #developmenttools-05 {
		-webkit-animation: rotatingRight 3s ease infinite;
		-moz-animation:    rotatingRight 3s ease infinite;
		-ms-animation:     rotatingRight 3s ease infinite;
		animation:         rotatingRight 3s ease infinite;
	}

/* Your Code */
#yourcode-01 {
	left: 40px;
}
#yourcode-02 {
	top: 26px;
	left: 90px;
}
	.animated #yourcode-02 {
		-webkit-animation: fadeInSlideLeft .5s .4s ease 1 forwards;
		-moz-animation:    fadeInSlideLeft .5s .4s ease 1 forwards;
		-ms-animation:     fadeInSlideLeft .5s .4s ease 1 forwards;
		animation:         fadeInSlideLeft .5s .4s ease 1 forwards;
	}

#yourcode-03 {
	bottom: 10px;
	right: 66px;
}
	.animated #yourcode-03 {
		-webkit-animation: fadeInSlideDown .8s .8s ease 1 forwards;
		-moz-animation:    fadeInSlideDown .8s .8s ease 1 forwards;
		-ms-animation:     fadeInSlideDown .8s .8s ease 1 forwards;
		animation:         fadeInSlideDown .8s .8s ease 1 forwards;
	}

#yourcode-04 {
	bottom: 10px;
	right: 0;
}
	.animated #yourcode-04 {
		-webkit-animation: fadeInSlideDown .8s 1.3s ease 1 forwards;
		-moz-animation:    fadeInSlideDown .8s 1.3s ease 1 forwards;
		-ms-animation:     fadeInSlideDown .8s 1.3s ease 1 forwards;
		animation:         fadeInSlideDown .8s 1.3s ease 1 forwards;
	}

#yourcode-05 {
	bottom: 52px;
	right: 0;
}
	.animated #yourcode-05 {
		-webkit-animation: fadeInSlideDown .8s 1.8s ease 1 forwards;
		-moz-animation:    fadeInSlideDown .8s 1.8s ease 1 forwards;
		-ms-animation:     fadeInSlideDown .8s 1.8s ease 1 forwards;
		animation:         fadeInSlideDown .8s 1.8s ease 1 forwards;
	}

/* Full Code Review */
#fullcodereview-01 {
	width: 260px;
}
#fullcodereview-02 {
	top: 22px;
	left: 32px;
}
	.animated #fullcodereview-02 {
		-webkit-animation: fadeInSlideLeft .8s .5s ease 1 forwards;
		-moz-animation:    fadeInSlideLeft .8s .5s ease 1 forwards;
		-ms-animation:     fadeInSlideLeft .8s .5s ease 1 forwards;
		animation:         fadeInSlideLeft .8s .5s ease 1 forwards;
	}

#fullcodereview-03 {
	top: 124px;
	left: 65px;
}
	.animated #fullcodereview-03 {
		-webkit-animation: fadeInSlideDownSmall .8s 1s ease 1 forwards;
		-moz-animation:    fadeInSlideDownSmall .8s 1s ease 1 forwards;
		-ms-animation:     fadeInSlideDownSmall .8s 1s ease 1 forwards;
		animation:         fadeInSlideDownSmall .8s 1s ease 1 forwards;
	}

#fullcodereview-04 {
	top: 135px;
	left: 56px;
	width: 142px;
}
	.animated #fullcodereview-04 {
		-webkit-animation: fadeInSlideUpSmall .8s 1.3s ease 1 forwards;
		-moz-animation:    fadeInSlideUpSmall .8s 1.3s ease 1 forwards;
		-ms-animation:     fadeInSlideUpSmall .8s 1.3s ease 1 forwards;
		animation:         fadeInSlideUpSmall .8s 1.3s ease 1 forwards;
	}


#readyforproduction-01 {
	right: 62px;
}
	.animated #readyforproduction-01 {
		-webkit-animation: fadeInSlideRight 1s ease forwards;
		-moz-animation:    fadeInSlideRight 1s ease forwards;
		-ms-animation:     fadeInSlideRight 1s ease forwards;
		animation:         fadeInSlideRight 1s ease forwards;
	}

#readyforproduction-02 {
	bottom: 20px;
	right: 0px;
}
	.animated #readyforproduction-02 {
		-webkit-animation: rotatingLeft 3s ease infinite;
		-moz-animation:    rotatingLeft 3s ease infinite;
		-ms-animation:     rotatingLeft 3s ease infinite;
		animation:         rotatingLeft 3s ease infinite;
	}


#yourcontent-01 {
	bottom: 0;
	right: 80px;
}
	.animated #yourcontent-01 {
		-webkit-animation: fadeInSlideRight .8s ease forwards;
		-moz-animation:    fadeInSlideRight .8s ease forwards;
		-ms-animation:     fadeInSlideRight .8s ease forwards;
		animation:         fadeInSlideRight .8s ease forwards;
	}

#yourcontent-02 {
	bottom: 0;
	right: 140px;
}
	.animated #yourcontent-02 {
		-webkit-animation: fadeInSlideRight 0.8s .4s ease forwards;
		-moz-animation:    fadeInSlideRight 0.8s .4s ease forwards;
		-ms-animation:     fadeInSlideRight 0.8s .4s ease forwards;
		animation:         fadeInSlideRight 0.8s .4s ease forwards;
	}

#yourcontent-03 {
	bottom: 0;
	right: 0;
}
	.animated #yourcontent-03 {
		-webkit-animation: fadeInSlideRight 0.8s .7s ease forwards;
		-moz-animation:    fadeInSlideRight 0.8s .7s ease forwards;
		-ms-animation:     fadeInSlideRight 0.8s .7s ease forwards;
		animation:         fadeInSlideRight 0.8s .7s ease forwards;
	}

#prelaunchprep-02 {
	top: 32px;
	left: 35px;
}
	.animated #prelaunchprep-02 {
		-webkit-animation: fadeInSlideLeftSmall 0.8s ease forwards;
		-moz-animation:    fadeInSlideLeftSmall 0.8s ease forwards;
		-ms-animation:     fadeInSlideLeftSmall 0.8s ease forwards;
		animation:         fadeInSlideLeftSmall 0.8s ease forwards;
	}

#prelaunchprep-03 {
	top: 32px;
	left: 145px;
}
	.animated #prelaunchprep-03 {
		-webkit-animation: fadeInSlideLeftSmall 0.8s .4s ease forwards;
		-moz-animation:    fadeInSlideLeftSmall 0.8s .4s ease forwards;
		-ms-animation:     fadeInSlideLeftSmall 0.8s .4s ease forwards;
		animation:         fadeInSlideLeftSmall 0.8s .4s ease forwards;
	}

#prelaunchprep-04 {
	top: 140px;
	left: 35px;
}
	.animated #prelaunchprep-04 {
		-webkit-animation: fadeInSlideLeftSmall 0.8s .8s ease forwards;
		-moz-animation:    fadeInSlideLeftSmall 0.8s .8s ease forwards;
		-ms-animation:     fadeInSlideLeftSmall 0.8s .8s ease forwards;
		animation:         fadeInSlideLeftSmall 0.8s .8s ease forwards;
	}

#prelaunchprep-05 {
	top: 178px;
	left: 170px;
}
	.animated #prelaunchprep-05 {
		-webkit-animation: fadeInSlideLeftSmall 0.8s 1.2s ease forwards;
		-moz-animation:    fadeInSlideLeftSmall 0.8s 1.2s ease forwards;
		-ms-animation:     fadeInSlideLeftSmall 0.8s 1.2s ease forwards;
		animation:         fadeInSlideLeftSmall 0.8s 1.2s ease forwards;
	}

#postlaunch .illustration {
	height: 500px;
}
#postlaunch .copy h2:last-of-type {
	margin-top: 44px;
}
#liftoff.guide-section {
	margin-bottom: 84px;
	padding: 0;
}
#liftoff-01 {
	left: 72px;
}
	.animated #liftoff-01 {
		-webkit-animation: liftoff-rocket 1.2s ease forwards;
		-moz-animation:    liftoff-rocket 1.2s ease forwards;
		-ms-animation:     liftoff-rocket 1.2s ease forwards;
		animation:         liftoff-rocket 1.2s ease forwards;
	}

#liftoff-02 {
	top: 210px;
}
	.animated #liftoff-02 {
		-webkit-animation: liftoff-smoke .8s .4s ease forwards;
		-moz-animation:    liftoff-smoke .8s .4s ease forwards;
		-ms-animation:     liftoff-smoke .8s .4s ease forwards;
		animation:         liftoff-smoke .8s .4s ease forwards;
	}

.more-link {
	font-size: 11px;
	text-transform: uppercase;
}
.page-id-18544 #apply-now {
	position: relative;
	z-index: 3;
}

/* Promo Banner */
.vg-banner {
	position: relative;
	margin-bottom: 2em;
	padding: 20px;
	background-color: #fff;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}
	.vg-banner h2 {
		font-size: 1.75em;
	}
	.vg-banner p {
		margin-bottom: 0;
		font-size: .875em;
	}
	.vg-banner img {
		position: absolute;
		bottom: 20px;
		right: 20px;
		width: 115px;
	}
	.vg-banner p {
		color: #afafb1;
	}
		a:hover .vg-banner img {
			-webkit-transform: scale(1.075);
			-moz-transform: scale(1.075);
			transform: scale(1.075);
		}
		a:hover .vg-banner p {
			color: #278dbc;
		}

/* =Alignment
-------------------------------------------------------------- */
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}
.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto;
}

/* =Clearing
-------------------------------------------------------------- */
.clearthis {
	clear: both;
}
.clear-fix:before,
.clear-fix:after,
section:before,
section:after,
[class*="content"]:before,
[class*="content"]:after,
[class*="site"]:before,
[class*="site"]:after {
    content: "";
    display: table;
}
.clear-fix:after,
section:after,
[class*="content"]:after,
[class*="site"]:after {
    clear: both;
}
.clear-fix {
    zoom: 1;
}


/* =Screen Reader
-------------------------------------------------------------- */
.screen-reader-text,
.assistive-text {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px);
	clip: rect(1px, 1px, 1px, 1px);
}

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar */
}

/* =Media
-------------------------------------------------------------- */
embed,
iframe,
object {
	max-width: 100%;
}
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img,
.widget-area img,
#content img {
	max-width: 100%;
	height: auto;
}
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}
.wp-caption {
	border: 1px solid #ddd;
	background: #fff;
	margin-bottom: 1.5em;
	max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0 auto;
	max-width: 98%;
}
.wp-caption-text {
	font-size: 12px;
	font-size: .75em;
	text-align: center;
}
.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}
.site-content .gallery {
	margin-bottom: 1.5em;
}
.gallery-caption {
}
.site-content .gallery a img {
	border: none;
	height: auto;
	max-width: 90%;
}
.site-content .gallery dd {
	margin: 0;
}
.site-content .gallery-columns-4 .gallery-item {
}
.site-content .gallery-columns-4 .gallery-item img {
}

/* =Icons
----------------------------------------------- */
.icon {
	width: 36px;
	height: 36px;
	speak: none;
	float: left;
}
	.icon.medium {
		width: 54px;
		height: 54px;
	}
	.icon.large {
		width: 72px;
		height: 72px;
	}
.column .icon {
	float: none;
	margin-bottom: 1em;
}

/* =Syntax Highlighter
----------------------------------------------- */
.syntaxhighlighter table td.code {
	padding: 10px !important;
}
.syntaxhighlighter a, .syntaxhighlighter div, .syntaxhighlighter code, .syntaxhighlighter table, .syntaxhighlighter table td, .syntaxhighlighter table tr, .syntaxhighlighter table tbody, .syntaxhighlighter table thead, .syntaxhighlighter table caption, .syntaxhighlighter textarea {
	font-size: 14px !important;
	font-size: .875rem !important;
}

/* =Navigation
----------------------------------------------- */
#nav-below {
	margin-top: 24px;
	margin-top: 1.5rem;
}
.navigation-post {
	line-height: 1.1em;
}
.navigation-post a {
	font-size: 12px;
	font-size: .75rem;
}

.site-content [class*="navigation"] {
	margin: 0 0 1.5em;
	overflow: hidden;
}
[class*="navigation"] .nav-previous {
	float: left;
	width: 50%;
}
[class*="navigation"] .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

/* =Widgets
----------------------------------------------- */
.widget {
	margin: 0 0 1.5em;
}
.widget select {
	max-width: 100%;
}
.widget_search .submit {
	display: none;
}

/* =Infinite Scroll
----------------------------------------------- */
.infinite-scroll .navigation-paging,
.infinite-scroll.neverending .site-footer {
	display: none;
}
.infinity-end.neverending .site-footer {
	display: block;
}

/* =Overrides
-------------------------------------------------------------- */
.admin-bar #vip-header {
	top: 28px;
}
img#wpstats{
	position: absolute;
	top: 0;
	width: 0px;
	height: 0px;
	overflow: hidden;
}
:target {
   outline: none;
}

/* =Transitions
-------------------------------------------------------------- */
a,
#secondary .comments-link a:before,
#header-nav li ul,
.post-type-archive-vip_plugin .plugin-link-top,
.vg-banner img {
	-webkit-transition: all .1s ease;
	-moz-transition: 	all .1s ease;
	-ms-transition: 	all .1s ease;
	-o-transition: 		all .1s ease;
	transition: 		all .1s ease;
}
a.big-blue-button,
a.button {
	-webkit-transition: background-color .15s ease;
	-moz-transition: 	background-color .15s ease;
	-ms-transition: 	background-color .15s ease;
	-o-transition: 		background-color .15s ease;
	transition: 		background-color .15s ease;
}
.client-site-image .overlay,
.client-site-image img {
	-webkit-transition:	all .3s ease;
	-moz-transition:	all .3s ease;
	-ms-transition:		all .3s ease;
	-o-transition:		all .3s ease;
	transition:			all .3s ease;
}
.guide-section header,
.guide-subsection div {
	-webkit-transition: opacity .55s ease;
	-moz-transition: 	opacity .55s ease;
	-ms-transition: 	opacity .55s ease;
	-o-transition: 		opacity .55s ease;
	transition: 		opacity .55s ease;
}
#apply-now p,
.page-template-page-stats-php section {
	-webkit-transition: all .85s ease;
	-moz-transition: 	all .85s ease;
	-ms-transition: 	all .85s ease;
	-o-transition: 		all .85s ease;
	transition: 		all .85s ease;
}
#clients a.clients-logos {
	-webkit-transition: none;
	-moz-transition: 	none;
	-ms-transition: 	none;
	-o-transition: 		none;
	transition: 		none;
}

/* =Animations
-------------------------------------------------------------- */
@-webkit-keyframes fadeInSlideUpSmall{0%{opacity:0;-webkit-transform:translate(0,30px)}100%{opacity:1;-webkit-transform:translate(0,0)}}@-moz-keyframes fadeInSlideUpSmall{0%{opacity:0;-moz-transform:translate(0,30px)}100%{opacity:1;-moz-transform:translate(0,0)}}@keyframes fadeInSlideUpSmall{0%{opacity:0;transform:translate(0,30px)}100%{opacity:1;transform:translate(0,0)}}@-webkit-keyframes fadeInSlideRight{0%{opacity:0;-webkit-transform:translate(-50px,0)}100%{opacity:1;-webkit-transform:translate(0,0)}}@-moz-keyframes fadeInSlideRight{0%{opacity:0;-moz-transform:translate(-50px,0)}100%{opacity:1;-moz-transform:translate(0,0)}}@keyframes fadeInSlideRight{0%{opacity:0;transform:translate(-50px,0)}100%{opacity:1;transform:translate(0,0)}}@-webkit-keyframes fadeInSlideDown{0%{opacity:0;-webkit-transform:translate(0,-70px)}100%{opacity:1;-webkit-transform:translate(0,0)}}@-moz-keyframes fadeInSlideDown{0%{opacity:0;-moz-transform:translate(0,-70px)}100%{opacity:1;-moz-transform:translate(0,0)}}@keyframes fadeInSlideDown{0%{opacity:0;transform:translate(0,-70px)}100%{opacity:1;transform:translate(0,0)}}@-webkit-keyframes fadeInSlideDownSmall{0%{opacity:0;-webkit-transform:translate(0,-30px)}100%{opacity:1;-webkit-transform:translate(0,0)}}@-moz-keyframes fadeInSlideDownSmall{0%{opacity:0;-moz-transform:translate(0,-30px)}100%{opacity:1;-moz-transform:translate(0,0)}}@keyframes fadeInSlideDownSmall{0%{opacity:0;transform:translate(0,-30px)}100%{opacity:1;transform:translate(0,0)}}@-webkit-keyframes fadeInSlideLeft{0%{opacity:0;-webkit-transform:translate(50px,0)}100%{opacity:1;-webkit-transform:translate(0,0)}}@-moz-keyframes fadeInSlideLeft{0%{opacity:0;-moz-transform:translate(50px,0)}100%{opacity:1;-moz-transform:translate(0,0)}}@keyframes fadeInSlideLeft{0%{opacity:0;transform:translate(50px,0)}100%{opacity:1;transform:translate(0,0)}}@-webkit-keyframes fadeInSlideLeftSmall{0%{opacity:0;-webkit-transform:translate(30px,0)}100%{opacity:1;-webkit-transform:translate(0,0)}}@-moz-keyframes fadeInSlideLeftSmall{0%{opacity:0;-moz-transform:translate(30px,0)}100%{opacity:1;-moz-transform:translate(0,0)}}@keyframes fadeInSlideLeftSmall{0%{opacity:0;transform:translate(30px,0)}100%{opacity:1;transform:translate(0,0)}}@-webkit-keyframes rotatingLeft{0%{-webkit-transform:rotate(0deg)}20%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(-360deg)}}@-moz-keyframes rotatingLeft{0%{-moz-transform:rotate(0deg)}20%{-moz-transform:rotate(0deg)}100%{-moz-transform:rotate(-360deg)}}@keyframes rotatingLeft{0%{transform:rotate(0deg)}20%{transform:rotate(0deg)}100%{transform:rotate(-360deg)}}@-webkit-keyframes rotatingRight{0%{-webkit-transform:rotate(0deg)}20%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}@-moz-keyframes rotatingRight{0%{-moz-transform:rotate(0deg)}20%{-moz-transform:rotate(0deg)}100%{-moz-transform:rotate(360deg)}}@keyframes rotatingRight{0%{transform:rotate(0deg)}20%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@-webkit-keyframes ringing{0%{-webkit-transform:rotate(0deg)}5%{-webkit-transform:rotate(3deg)}10%{-webkit-transform:rotate(-3deg)}15%{-webkit-transform:rotate(3deg)}20%{-webkit-transform:rotate(-3deg)}25%{-webkit-transform:rotate(3deg)}30%{-webkit-transform:rotate(-3deg)}35%{-webkit-transform:rotate(3deg)}40%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(0deg)}}@-moz-keyframes ringing{0%{-moz-transform:rotate(0deg)}5%{-moz-transform:rotate(3deg)}10%{-moz-transform:rotate(-3deg)}15%{-moz-transform:rotate(3deg)}20%{-moz-transform:rotate(-3deg)}25%{-moz-transform:rotate(3deg)}30%{-moz-transform:rotate(-3deg)}35%{-moz-transform:rotate(3deg)}40%{-moz-transform:rotate(0deg)}100%{-moz-transform:rotate(0deg)}}@keyframes ringing{0%{transform:rotate(0deg)}5%{transform:rotate(3deg)}10%{transform:rotate(-3deg)}15%{transform:rotate(3deg)}20%{transform:rotate(-3deg)}25%{transform:rotate(3deg)}30%{transform:rotate(-3deg)}35%{transform:rotate(3deg)}40%{transform:rotate(0deg)}100%{transform:rotate(0deg)}}@-webkit-keyframes liftoff-rocket{0%{opacity:0;-webkit-transform:translate(0,300px)}100%{opacity:1;-webkit-transform:translate(0,0)}}@-moz-keyframes liftoff-rocket{0%{opacity:0;-moz-transform:translate(0,300px)}100%{opacity:1;-moz-transform:translate(0,0)}}@keyframes liftoff-rocket{0%{opacity:0;transform:translate(0,300px)}100%{opacity:1;transform:translate(0,0)}}@-webkit-keyframes liftoff-smoke{0%{opacity:0;-webkit-transform:translate(0,40px)}100%{opacity:1;-webkit-transform:translate(0,0)}}@-moz-keyframes liftoff-smoke{0%{opacity:0;-moz-transform:translate(0,40px)}100%{opacity:1;-moz-transform:translate(0,0)}}@keyframes liftoff-smoke{0%{opacity:0;transform:translate(0,40px)}100%{opacity:1;transform:translate(0,0)}}

/* =Media Queries
-------------------------------------------------------------- */
@media only screen and (max-width: 960px) {
	.wrap {
		padding: 0 2em;
	}
	.home .wrap {
		padding: 0;
	}
	#header-nav {
		right: 2em;
	}
	#managed-cloud-teaser {
		margin-left: 220px;
	}
	.comparison td {
		width: 280px;
	}
	.comparison td:first-child {
		width: 180px;
	}
	.comparison td:last-child {
		padding-right: 0;
	}
	#map {
		display: none;
	}
}
@media only screen and (max-width: 845px) {
	.home .wrap {
		padding: 0 2em;
	}
	.home #hero,
	#intro .screen,
	#intro .screen img {
		width: 100%;
	}
	#services .service-vip {
		width: 40%;
		padding-left: 2.75em;
	}
	#services .service-vip-hosting,
	#services .service-vip-support {
		background-position: 0 8px;
		background-size: 40px 40px;
	}
	#managed-cloud-teaser,
	#support-teaser {
		width: 280px;
	}
	#managed-cloud-teaser {
		margin-left: 160px;
	}
		.page-template-page-services-php #primary .big-blue-button {
			display: block;
			width: 82px;
			margin: 10px 0 0;
		}
	.comparison td {
		width: 260px;
	}
	.comparison td:first-child {
		width: 120px;
	}
	.color-group,
	.color.secondary {
		float: none;
		width: auto;
	}
	.color-group {
		margin: 0;
	}
	.color.secondary {
		margin: 0 0 4%;
	}

	.illustration-left .illustration,
	.illustration-left .copy,
	.illustration-right .illustration,
	.illustration-right .copy {
		float: none;
		margin: 0 auto;
	}
		.illustration-left .illustration,
		.illustration-right .illustration {
			max-width: 320px;
			margin-bottom: 2em;
		}
		.illustration-left .copy,
		.illustration-right .copy {
			width: 75%;
			text-align: left;
		}

		#kickoffcall .illustration {
			left: -50px;
		}
		#yourcode .illustration {
			left: -40px;
		}
		#fullcodereview .illustration,
		#prelaunchprep .illustration {
			left: 40px;
		}
		#postlaunch .illustration {
			height: 260px;
		}
			#liftoff-01 {
				left: 95px;
			}
			#liftoff-02 {
				display: none !important;
			}
}
@media only screen and (max-width: 782px) {
	.admin-bar #vip-header {
		top: auto;
	}
}
@media only screen and (max-width: 768px) {
	#primary {
		width: 100%;
	}
	#secondary {
		width: 100%;
		float: none;
		margin-top: 10px !important;
	}
	#header-nav {
		display: none;
		position: static;
	}
		#header-nav #menu-main-menu {
			margin: -10px 0 20px;
			text-align: right;
		}
		#header-nav #menu-main-menu li {
			display: block;
	        margin: 10px 0;
		}
		#header-nav #menu-main-menu a {
			padding: 0;
		}
		#header-nav #menu-item-2827 a {
			padding: 0.2em 0.4em;
		}
			#header-nav #menu-main-menu li ul {
				position: static;
				width: 100%;
				background: transparent;
				-webkit-box-shadow: none;
				-moz-box-shadow: none;
				box-shadow: none;
			}
			#header-nav #menu-main-menu li ul li {
				margin-right: 10px;
			}
			#header-nav #menu-main-menu li ul a {
				color: #999;
			}
			#header-nav #menu-main-menu li ul a:hover {
				color: #ccc;
			}
			#header-nav #menu-main-menu li ul:before {
				display: none;
			}
	#nav-trigger {
		display: inline-block;
	}
	#intro header {
		padding: 2em 0 0.5em;
	}
	#intro h1 {
		font-size: 42px;
		font-size: 2.625rem;
	}
	#services {
		padding: 6em 0 3em;
	}
		#services .service-vip-hosting,
		#services .service-vip-support {
			background-position: 0 8px;
			background-size: 30px 30px;
		}
		#services h2 {
			font-size: 36px;
			font-size: 2.25rem;
		}
		#services p {
			font-size: 16px;
			font-size: 1rem;
		}
		#services .learn-more {
			font-size: 14px;
			font-size: .875rem;
		}
	#clients {
		padding: 3em 0 1em;
	}
		#clients a.clients-logos {
			height: 62px;
		}

	#managed-cloud-teaser,
	#support-teaser {
		width: 48%;
		margin: 0 0 1em;
	}
	#managed-cloud-teaser {
		margin-right: 3%;
	}
		.page-template-page-services-php #primary .big-blue-button {
			display: inline-block;
			width: auto;
			margin: 0 0 0 14px;
			margin: 0 0 0 .875rem;
		}
	.comparison td,
	.comparison td:first-child,
	.comparison td:last-child {
		position: relative;
		display: block;
		width: auto;
		padding-left: 25%;
	}
		.comparison td:first-child {
			padding-left: 0;
			font-style: italic;
		}
	.comparison td:nth-of-type(2):before,
	.comparison td:nth-of-type(3):before {
		position: absolute;
		top: 12px;
		left: 6px;
		width: 45%;
		white-space: nowrap;
		font-weight: bold;
	}
	.comparison td:nth-of-type(2):before {
		content: "VIP Cloud Hosting";
	}
	.comparison td:nth-of-type(3):before {
		content: "VIP Support";
	}
	#services-content .hero-left {
		float: none;
		width: 100%;
		margin: 1em 0 4em;
	}
	#services-content .hero-right {
		float: none;
	}
	#hosting #one-time-setting {
		width: 48%;
	}
	#hosting #webhosting {
		width: 44%;
		padding: 0 0 0 7%;
	}
		#hosting #webhosting:after {
			top: auto;
			bottom: -45px;
			left: 13px;
		}
	#hosting #vip-support-passes {
		display: block;
		width: 100%;
		margin: 40px 0 0;
		padding: 0;
	}

	.post-type-archive-vip_plugin .plugins-list li {
		width: 100%;
		display: block;
		clear: both;
	}
	#featured-top p {
		width: 62%;
		margin-top: 0;
	}
	#featured-posts li {
		width: 100%;
		margin-bottom: 16px;
		margin-bottom: 1rem;
		margin-right: 0;
	}
	#featured-posts p {
		margin-bottom: 2px;
		margin-bottom: .125rem;
	}
	#vip-platform .content,
	#vip-platform .ctas {
		float: none;
		width: 100%;
	}
		#vip-platform .ctas {
			margin-top: 16px;
			margin-top: 1rem;
		}
	#every-industry #vip-clients li {
		width: 48%;
	}
		#every-industry #vip-clients li:nth-child(3n+0) {
			margin-right: 3%;
		}
		#every-industry #vip-clients li:nth-child(2n+0) {
			margin-right: 0;
		}

	#secure-scalable-optimized .features li {
		float: none;
		width: 100%;
		margin-right: 0;
	}
	#focus-on-publishing .content {
		width: 63%;
		margin-top: 1em;
	}
	#focus-on-publishing .diagram {
		margin-left: -15%;
	}
	.page-template-page-stats-php #content {
		width: 100%;
	}
	#partner-logo {
		display: none;
	}
	.featured-site-info,
	.featured-site-image {
		float: none;
		width: auto;
	}
	.featured-site-info {
		margin: 2em 0 3em;
	}
}
@media only screen and (max-width: 668px) {
	#featured-top h1,
	#featured-top p {
		float: none;
		width: 100%;
	}
	#services {
		padding: 6em 0 2em;
	}
		#services .service-vip {
			width: 94%;
			float: none;
			margin-bottom: 2em;
		}
		#services .service-vip:first-of-type {
			margin-right: 0;
		}
	#testimonials {
		padding: 3em 0 0;
	}
		#testimonials .testimonial-avatar {
			display: none;
		}
		#testimonials .testimonial,
		#testimonials .more-case-studies {
			display: block;
			width: 100%;
			float: none;
		}
		#testimonials .more-case-studies {
			margin: 2em 0;
		}
		#testimonials .testimonial-inner {
			margin-left: 0;
		}
		#testimonials .testimonial-inner:before {
			display: none;
		}
	#apply-now {
		padding: 3em 0;
	}
		#apply-now .big-blue-button {
			display: inline-block;
			margin: 1em 0 0;
		}

	#focus-on-publishing .content {
		width: 64%;
		margin-top: 0em;
	}
	#focus-on-publishing .diagram {
		margin-left: -105px;
	}
		#focus-on-publishing .diagram img {
			max-width: 90%;
		}

	.page-template-page-stats-php .intro h1 {
		font-size: 84px;
		font-size: 5.25rem;
	}
	.spotlight-site,
	.client-site {
		width: auto;
	}
}
@media screen and (max-width: 600px) {
	#vip-header,
	.admin-bar #vip-header {
		position: absolute;
		top: auto;
	}

	.page-template-page-stats-php .intro {
		padding: 140px 0 80px;
	}
		.page-template-page-stats-php .intro h1 {
			font-size: 68px;
			font-size: 4.25rem;
		}

	.page-template-page-stats-php .stats-content .stats h3 {
		font-size: 42px;
		font-size: 2.625rem;
	}
	#focus-on-publishing .content,
	.page-template-page-stats-php #world:after,
	.page-template-page-stats-php #publishers:after,
	.page-template-page-stats-php #code:after {
		width: 100%;
	}
	#focus-on-publishing .diagram {
		display: none;
	}
	#getting-started-guide {
		font-size: 80%;
	}
		#getting-started-guide #intro {
			padding: 120px 0 50px;
		}
	.vg-banner img {
		top: 20px;
		left: 20px;
		right: auto;
	}
	.vg-banner h2,
	.vg-banner p {
		margin-left: 140px;
	}
}
@media only screen and (max-width: 500px) {
	.page-template-page-stats-php #world,
	.page-template-page-stats-php #publishers,
	.page-template-page-stats-php #code,
	.page-template-page-stats-php #support {
		margin-bottom: 40px;
	}
		.page-template-page-stats-php #world:after,
		.page-template-page-stats-php #publishers:after,
		.page-template-page-stats-php #code:after {
			margin-top: 40px;
		}

	.page-template-page-stats-php .stats-content .narrative,
	.page-template-page-stats-php .stats-content .stats {
		float: none;
		width: 100%;
	}
	.page-template-page-stats-php .stats-content .narrative {
		padding: 0;
	}
		.page-template-page-stats-php .stats-content .narrative p {
			text-align: center;
		}

	.page-template-page-stats-php .stats-content .stats {
		padding: 0;
		border: none;
		text-align: center;
	}
		.page-template-page-stats-php .stats-content .stats:before,
		.page-template-page-stats-php .stats-content .stats:after {
			display: none;
		}

	#partners-form-mobile {
		display: block;
	}
	#partners-form-mobile #modal-close {
		display: none;
	}
	.modal-content {
		margin: 1em 0 0;
	}
	#partners-form .firstname,
	#partners-form .lastname,
	#partners-form .email,
	#partners-form .company {
		float: none;
		width: 100%;
		margin-bottom: 0;
	}
	#partners-form .firstname,
	#partners-form .email {
		border-right: 0;
	}
}
@media only screen and (max-width: 480px) {
	h1,
	#managed-cloud-teaser h1,
	#support-teaser h1,
	.blog .entry-title,
	.single .entry-title,
	.page-template-page-why-vip-php .section-title {
		font-size: 32px;
		font-size: 2rem;
	}
	h2 {
		font-size: 24px;
		font-size: 1.5rem;
	}
	h3 {
		font-size: 20px;
		font-size: 1.25rem;
	}
	ul, ol {
		margin: 0 0 1.5em 2em;
	}
	.wrap {
		padding: 0;
	}
	#vip-header .wrap,
	.page .wrap,
	.single-vip_documentation .wrap,
	.single-partners .wrap,
	.error404 .wrap {
		padding: 0 2em;
	}
	#nav-trigger {
		top: 20px;
	}
	#intro header {
		padding: 1em 0 0.5em;
	}
		#intro h1 {
			font-size: 32px;
			font-size: 2rem;
		}
	.home .wrap {
		padding: 0 1em;
	}
	.home #hero {
		height: 225px;
		margin: 1rem auto;
	}
		#intro .screen > img {
			height: 255px;
		}
		.home #hero .testimonial {
			width: 75%;
		}
	#clients a.clients-logos {
		height: 32px;
	}
	#services .service-vip {
		width: 84%;
	}
	#testimonials .testimonial-inner p {
		font-size: 18px;
		font-size: 1.125rem;
	}
	#testimonials .testimonial-inner .testimonial-author {
		font-size: 13px;
		font-size: .8125rem;
	}
	#hero-left,
	#hero-right,
	#hero-right img {
		float: none;
		width: 100%;
	}
	#hero-right small {
		margin: 0;
	}
	.grid article {
		width: 47%;
	}
	.vip-clients-list article {
		margin-bottom: 1.5em;
	}
		.vip-clients-list article h3 {
			display: block;
			margin-top: -0.5em;
		}
		.vip-clients-list article img {
			float: none;
		}
	.hero {
		padding: 1em 0 0;
	}
	#managed-cloud-teaser,
	#support-teaser {
		width: 100%;
		margin: 0 0 1em;
	}
		.page-template-page-services-php #primary .big-blue-button {
			display: block;
			width: 82px;
			margin: 10px 0 0;
		}
	.comparison td,
	.comparison td:first-child,
	.comparison td:last-child {
		padding-left: 6px;
		padding-right: 0;
		padding-top: 32px;
	}
		.comparison td:first-child {
			padding-left: 0;
		}
	#hosting .hero-left .section-title,
	#support .hero-left .section-title {
		text-indent: 45px;
		background-size: 32px 32px;
	}
	#hosting #one-time-setting,
	#hosting #webhosting,
	#hosting #vip-support-passes {
		width: 100%;
		margin: 0 0 3em;
		padding: 0;
	}
		#hosting .pricing li {
			display: block;
			margin: 2px 0 6px;
		}
		#hosting .pricing h3 small {
			display: none;
		}
		#hosting #vip-support-passes ul {
			width: 100%;
			margin: 0 0 1.5em;
		}
		#hosting #one-time-setting:after,
		#hosting #webhosting:after {
			top: auto;
			bottom: -36px;
			left: 0px;
		}

	.cell {
		display: block;
		margin: 0 auto 30px;
	}
	.tabs-menu {
		margin: -50px 0 0;
		margin: -3.125rem 0 0;
	}
		.tabs-menu li {
			line-height: 34px;
			line-height: 2.125rem;
		}
			.tabs-menu li a {
				padding: 0 12px;
				padding: 0 .75rem;
				font-size: 12px;
				font-size: .75rem;
			}
	.partners-intro {
		padding: 1em 0 0;
	}
		.partners-intro .partners-apply {
			display: none;
		}
		.partners-intro h2 {
			display: block;
		}
	.page .entry-header,
	.archive .entry-header,
	.search .entry-header,
	.error404 .entry-header {
		padding: 6em 0 2em;
	}
	.page-template-page-partners-php .entry-header {
		padding-bottom: 3em;
	}
	.blog #main,
	.single #main {
		padding-top: 4em;
	}
	.page #primary {
		margin-top: 1em;
	}
	#featured-top,
	.blog .entry-header,
	.single .entry-header,
	.page .entry-header .wrap,
	.site-content [class*="navigation"],
	#comments,
	#secondary {
		padding: 0 2em;
	}
	.single-vip_documentation .entry-header {
		padding: 0;
	}
	.single-partners .entry-header {
		padding: 6.5em 0 1em;
	}
	#secondary {
		width: 80%;
	}
	.single-partners #secondary {
		width: 100%;
		padding: 0;
	}
	.page-template-page-stats-php .intro {
		padding: 110px 0 80px;
	}
		.page-template-page-stats-php .intro h1 {
			font-size: 52px;
			font-size: 3.25rem;
		}
	.page-template-page-stats-php #content h2 {
		font-size: 30px;
	}
	.page-template-page-stats-php .stem {
		height: 80px;
		margin: -70px auto 30px;
	}
}
@media only screen and (max-width: 400px) {
	#services-content .hero-right {
		width: 100%;
	}
	.comment-list article {
		margin-left: 0;
	}
		.comment-list article:before {
			display: none;
		}
	.comment-footer .comment-author img {
		display: none;
	}
	.comment-footer .comment-meta {
		position: static;
		margin: -6px 0 8px;
	}
	#every-industry #vip-clients li {
		width: 100%;
		float: none;
	}
	#every-industry h3 {
		font-size: 16px;
	}
	#every-industry h4 {
		font-size: 11px;
	}
	a.big-blue-button,
	a.button {
		display: block;
	}
	#getting-started-guide {
		font-size: 68%;
	}
	.guide-section header,
	.guide-subsection div {
		opacity: 1;
	}
	.illustration {
		display: none;
	}
	.illustration-left .copy,
	.illustration-right .copy {
		width: 90%;
	}
	.vg-banner img {
		top: auto;
		bottom: 20px;
		left: auto;
		right: 20px;
		width: 70px;
	}
	.vg-banner h2,
	.vg-banner p {
		margin-left: 0;
	}
	.vg-banner p {
		max-width: 70%;
	}
}
@media only screen and (max-width: 320px) {
	#header-nav #menu-main-menu li {
		padding: 0 15px;
	}
	#intro header {
		width: 100%;
		padding: 0 0 0.5em;
	}
		#intro h1 {
			font-size: 26px;
			font-size: 1.625rem;
		}
	.home #hero .testimonial p {
		font-size: 13px;
		font-size: .8125rem;
	}
	.home #hero .testimonial p.testimonial-author {
		font-size: 11px;
		font-size: .6875rem;
	}
	#services h2 {
		font-size: 28px;
		font-size: 1.75rem;
	}
	#testimonials .testimonial-inner p {
		font-size: 14px;
		font-size: .875rem;
	}
	#testimonials .testimonial-inner .testimonial-author {
		font-size: 11px;
		font-size: .6875rem;
	}
	.tabs-menu li a {
		padding: 0 6px;
		padding: 0 .375rem;
		font-size: 10px;
		font-size: .625rem;
	}
	#hosting .hero-left .section-title,
	#support .hero-left .section-title {
		padding-left: 45px;
		text-indent: 0;
	}
	.hero-right-slider h1 {
		font-size: 22px;
		font-size: 1.375rem;
	}
		#pager-managed-cloud,
		#pager-support {
			top: 160px;
		}
	.grid article {
		width: 100%;
		margin-right: 0;
		margin-bottom: 2em;
	}
	#content {
		word-wrap: break-word;
	}
	#featured {
		margin: 0;
	}
		#featured-top,
		#vip-header .wrap {
			padding: 0 1em;
		}
	.entry-container {
		padding: 1em;
	}
	.blog .entry-header,
	.single .entry-header {
		padding: 0 1em;
	}
		.single-vip_documentation .entry-header {
			padding: 0;
		}
	#apply-now p {
		font-size: 14px;
		font-size: .875rem;
	}
	#apply-now .big-blue-button {
		display: block;
	}
	#vip-footer p {
		font-size: 0.8em;
	}
	img.size-auto,
	img.size-full,
	img.size-large,
	img.size-medium,
	.attachment img,
	.widget-area img,
	#content img,
	.alignright,
	.alignleft {
		margin: 0 auto 1em;
		display: block;
		float: none;
	}
	.page-template-page-stats-php .intro {
		padding: 100px 0 60px;
	}
	.page-template-page-stats-php .intro h1 {
		font-size: 40px;
	}
	.page-template-page-stats-php .intro h2 {
		font-size: 18px;
	}
	.page-template-page-stats-php .stem {
		height: 60px;
		margin: -60px auto 20px;
	}
	.page-template-page-stats-php #content h2 {
		font-size: 25px;
	}
	.page-template-page-stats-php .stats-content {
		margin-top: 28px;
	}
	#getting-started-guide {
		font-size: 60%;
	}
}

@media print {
	#primary {
		width: 100%;
		margin: 0;
	}
	#vip-header,
	#secondary,
	#apply-now,
	#vip-footer,
	#superadminbar {
		display: none;
	}
	.page .entry-header {
		padding: 1em 0 2em;
	}
	li {
		margin-bottom: 1em;
	}
}

/* Love CSS? Help us make the web more beautiful. http://automattic.com/work-with-us/ */