/* * Web Fonts from fontspring.com * * All OpenType features and all extended glyphs have been removed. * Fully installable fonts can be purchased at http://www.fontspring.com * * The fonts included in this stylesheet are subject to the End User License you purchased * from Fontspring. The fonts are protected under domestic and international trademark and * copyright law. You are prohibited from modifying, reverse engineering, duplicating, or * distributing this font software. * * (c) 2010-2011 Fontspring * * * * * The fonts included are copyrighted by the vendor listed below. * * Vendor: Mark Simonson Studio * License URL: http://www.fontspring.com/fflicense/mark-simonson-studio * * */
@font-face {
	font-family: 'proxima-nova-1';
	src: url("https://cdn.about.me/s3/h/fonts/e91ebfd9/ProximaNova-Reg-webfont.eot");
	src: url("https://cdn.about.me/s3/h/fonts/e91ebfd9/ProximaNova-Reg-webfont.eot?#iefix") format('embedded-opentype'), url("https://cdn.about.me/s3/h/fonts/4821b151/ProximaNova-Reg-webfont.woff") format('woff'), url("https://cdn.about.me/s3/h/fonts/c4a3b775/ProximaNova-Reg-webfont.ttf") format('truetype'), url("https://cdn.about.me/s3/h/z/e4936d1a.svg#ProximaNovaRegular") format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'proxima-nova-1';
	src: url("https://cdn.about.me/s3/h/fonts/afe3d0bf/ProximaNova-Bold-webfont.eot");
	src: url("https://cdn.about.me/s3/h/fonts/afe3d0bf/ProximaNova-Bold-webfont.eot?#iefix") format('embedded-opentype'), url("https://cdn.about.me/s3/h/fonts/d86b37d7/ProximaNova-Bold-webfont.woff") format('woff'), url("https://cdn.about.me/s3/h/fonts/4675217a/ProximaNova-Bold-webfont.ttf") format('truetype'), url("https://cdn.about.me/s3/h/z/1913f5eb.svg#ProximaNovaBold") format('svg');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'proxima-nova-1';
	src: url("https://cdn.about.me/s3/h/fonts/3949ef1e/ProximaNova-RegIt-webfont.eot");
	src: url("https://cdn.about.me/s3/h/fonts/3949ef1e/ProximaNova-RegIt-webfont.eot?#iefix") format('embedded-opentype'), url("https://cdn.about.me/s3/h/fonts/7e18bd38/ProximaNova-RegIt-webfont.woff") format('woff'), url("https://cdn.about.me/s3/h/fonts/0a545e4d/ProximaNova-RegIt-webfont.ttf") format('truetype'), url("https://cdn.about.me/s3/h/z/4962fa96.svg#ProximaNovaRegularItalic") format('svg');
	font-weight: normal;
	font-style: italic;
}

@font-face {
	font-family: 'proxima-nova-1';
	src: url("https://cdn.about.me/s3/h/fonts/1e157632/ProximaNova-BoldIt-webfont.eot");
	src: url("https://cdn.about.me/s3/h/fonts/1e157632/ProximaNova-BoldIt-webfont.eot?#iefix") format('embedded-opentype'), url("https://cdn.about.me/s3/h/fonts/ee36a161/ProximaNova-BoldIt-webfont.woff") format('woff'), url("https://cdn.about.me/s3/h/fonts/1911dc38/ProximaNova-BoldIt-webfont.ttf") format('truetype'), url("https://cdn.about.me/s3/h/z/7b018b14.svg#ProximaNovaBoldItalic") format('svg');
	font-weight: bold;
	font-style: italic;
}

/*condensed semibold*/
@font-face {
	font-family: 'proxima-nova-1';
	src: url("https://cdn.about.me/s3/h/fonts/9a2e69ca/proximanovacond-sbold-webfont.eot");
	src: url("https://cdn.about.me/s3/h/fonts/9a2e69ca/proximanovacond-sbold-webfont.eot?#iefix") format('embedded-opentype'), url("https://cdn.about.me/s3/h/fonts/2a6948d9/proximanovacond-sbold-webfont.woff") format('woff'), url("https://cdn.about.me/s3/h/fonts/5be22c02/proximanovacond-sbold-webfont.ttf") format('truetype'), url("https://cdn.about.me/s3/h/z/fafe5e36.svg#ProximaNovaRegular") format('svg');
	font-weight: 600;
	font-style: normal;
	font-stretch: condensed;
}

/*light*/
@font-face {
	font-family: 'proxima-nova-1';
	src: url("https://cdn.about.me/s3/h/fonts/b999fbd2/ProximaNova-Light-webfont.eot");
	src: url("https://cdn.about.me/s3/h/fonts/b999fbd2/ProximaNova-Light-webfont.eot?#iefix") format('embedded-opentype'), url("https://cdn.about.me/s3/h/fonts/b7f2ac1e/ProximaNova-Light-webfont.woff") format('woff'), url("https://cdn.about.me/s3/h/fonts/589c6356/ProximaNova-Light-webfont.ttf") format('truetype'), url("https://cdn.about.me/s3/h/z/285e6bec.svg#ProximaNovaRegular") format('svg');
	font-weight: 200;
	font-style: normal;
}

/* aboutme glyphs - fontello.com */
@font-face {
	font-family: 'aboutme-glyphs';
	src: url("https://cdn.about.me/s3/h/fonts/12cc1ffd/aboutme-glyphs.eot");
	src: url("https://cdn.about.me/s3/h/fonts/12cc1ffd/aboutme-glyphs.eot?#iefix") format('embedded-opentype'), url("https://cdn.about.me/s3/h/fonts/d09176b1/aboutme-glyphs.woff") format('woff'), url("https://cdn.about.me/s3/h/fonts/d04df430/aboutme-glyphs.ttf") format('truetype'), url("https://cdn.about.me/s3/h/z/809e2c34.svg#aboutme-glyphs") format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="glyph-"],
[class*=" glyph-"] {
	position: relative;
}

[class^="glyph-"]:before,
[class*=" glyph-"]:before,
[class^="glyph-"]:after,
[class*=" glyph-"]:after {
	font-family: "aboutme-glyphs";
	font-style: normal;
	font-weight: normal;
	speak: none;
	display: inline-block;
	text-decoration: inherit;
	text-align: center;
	line-height: 1em; /* For safety - reset parent styles, that can break glyph codes*/
	font-variant: normal;
	text-transform: none; /* Animation center compensation - margins should be symmetric */

	/* remove if not needed */ /* margin-left: .2em; */ /* you can be more comfortable with increased icons size */ /* font-size: 120%; */ /* Uncomment for 3D effect */ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ /* about.me modifications */ font-size: 120%;
	position: relative;
	top: 0.05em;
	width: 1em;
	xbackground-color: rgba(0, 0, 0, 0.1);
}

[class^="glyph-"]:before,
[class*=" glyph-"]:before {
	margin-right: 0.4em;
}

[class^="glyph-"]:after,
[class*=" glyph-"]:after {
	margin-left: 0.4em;
}

/* inline handling for svg glyphs */

/* usagemarionette view:var slack_icon=require('!!raw!module/icons/svg/slack.svg')templateHelpers:{slack_icon: slack_icon}template:<span class="glyph-svg">[[ data.slack_icon]]</span>*/ .glyph-svg svg {
	display: inline-block;
	text-decoration: inherit;
	text-align: center;
	position: relative;
	line-height: 1em; /*since won't respond to font-size:120%*/
	width: 1.2em;
	height: 1.2em;
	top: 0.05em;
}

/*The one main issue we have here is pickingup the text color automatically (not a font).For now, we're setting a default of white,and the usage instance will need to set its own color.*/
.glyph-svg svg path {
	fill: #fff;
}

/* special handling for pre-colored emailsig icon. we can embed this one since it doesn't need color changing.*/
.glyph-emailsig:before {
	content: '';
	background-repeat: no-repeat;
	background-position: center center;
	background-size: auto 100%;
	width: 1em;
	height: 1em;
	top: 0.2em;
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjIuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxMjggMTI4IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxMjggMTI4OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6IzJBOUU4NTt9Cgkuc3Qxe2ZpbGw6I0ZGRkZGRjt9Cjwvc3R5bGU+CjxyZWN0IHg9IjI0IiB5PSI4MCIgY2xhc3M9InN0MCIgd2lkdGg9IjgwIiBoZWlnaHQ9IjE2Ii8+CjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0xMjgsMzEuMVYxMTJjMCw4LjgtNy4yLDE2LTE2LDE2SDE2Yy04LjgsMC0xNi03LjItMTYtMTZWMTZDMCw3LjIsNy4yLDAsMTYsMGg4MC42bC0xNiwxNkgxNnY5Nmg5NlY0Ny4xCglMMTI4LDMxLjF6IE03MS42LDcySDU2VjU2LjJsNDEuNC00MS42bDE1LjgsMTUuOUw3MS42LDcyeiBNMTE5LjQsMjQuNGwtMTYtMTZsNy41LTcuNWMxLjEtMS4xLDIuOC0xLjEsMy45LDBsMTIsMTIKCWMxLjEsMS4xLDEuMSwyLjgsMCwzLjlMMTE5LjQsMjQuNHoiLz4KPC9zdmc+Cg==);
}

/* BEGIN when updating the glyph font, replace these rules with the new rules from aboutme-glyphs.css */
.glyph-address:before {
	content: 'E871';
}

/* '' */
.glyph-angle-down:before {
	content: 'E845';
}

/* '' */
.glyph-angle-left:before {
	content: 'E846';
}

/* '' */
.glyph-angle-right:before {
	content: 'E847';
}

/* '' */
.glyph-angle-up:before {
	content: 'E848';
}

/* '' */
.glyph-angle-thin-down:before {
	content: 'E893';
}

/* '' */
.glyph-angle-thin-left:before {
	content: 'E894';
}

/* '' */
.glyph-angle-thin-right:before {
	content: 'E895';
}

/* '' */
.glyph-angle-thin-up:before {
	content: 'E896';
}

/* '' */
.glyph-arrow-down:before {
	content: 'E84D';
}

/* '' */
.glyph-arrow-left:before {
	content: 'E84E';
}

/* '' */
.glyph-arrow-right:before {
	content: 'E84F';
}

/* '' */
.glyph-arrow-up:before {
	content: 'E850';
}

/* '' */
.glyph-article:before {
	content: 'E88F';
}

/* '' */
.glyph-award:before {
	content: 'E890';
}

/* '' */
.glyph-behance:before {
	content: 'E85F';
}

/* '' */
.glyph-behance-circle:before {
	content: 'E808';
}

/* '' */
.glyph-bitbucket:before {
	content: 'E860';
}

/* '' */
.glyph-bio:before {
	content: 'E800';
}

/* '' */
.glyph-block:before {
	content: 'E840';
}

/* '' */
.glyph-blogger:before {
	content: 'E89A';
}

/* '' */
.glyph-blogger-circle:before {
	content: 'E809';
}

/* '' */
.glyph-bold:before {
	content: 'E856';
}

/* '' */
.glyph-book:before {
	content: 'E872';
}

/* '' */
.glyph-brush:before {
	content: 'E88A';
}

/* '' */
.glyph-building:before {
	content: 'E85C';
}

/* '' */
.glyph-building-alt:before {
	content: 'E899';
}

/* '' */
.glyph-calendar:before {
	content: 'E83C';
}

/* '' */
.glyph-camera:before {
	content: 'E830';
}

/* '' */
.glyph-charity:before {
	content: 'E855';
}

/* '' */
.glyph-check:before {
	content: 'E86A';
}

/* '' */
.glyph-chevron-left:before {
	content: 'E849';
}

/* '' */
.glyph-chevron-right:before {
	content: 'E84A';
}

/* '' */
.glyph-chevron-up:before {
	content: 'E84B';
}

/* '' */
.glyph-chevron-down:before {
	content: 'E84C';
}

/* '' */
.glyph-clock:before {
	content: 'E874';
}

/* '' */
.glyph-close:before {
	content: 'E8A6';
}

/* '' */
.glyph-coffee:before {
	content: 'E85A';
}

/* '' */
.glyph-commercial-building:before {
	content: 'E898';
}

/* '' */
.glyph-contact:before {
	content: 'E892';
}

/* '' */
.glyph-cog:before {
	content: 'E888';
}

/* '' */
.glyph-create-sig:before {
	content: 'E827';
}

/* '' */
.glyph-credit-card:before {
	content: 'E859';
}

/* '' */
.glyph-date:before {
	content: 'E829';
}

/* '' */
.glyph-design:before {
	content: 'E806';
}

/* '' */
.glyph-doc:before {
	content: 'E8A1';
}

/* '' */
.glyph-download:before {
	content: 'E835';
}

/* '' */
.glyph-download-cloud:before {
	content: 'E836';
}

/* '' */
.glyph-dribbble:before {
	content: 'E861';
}

/* '' */
.glyph-dribbble-circle:before {
	content: 'E80A';
}

/* '' */
.glyph-edit:before {
	content: 'E838';
}

/* '' */
.glyph-education:before {
	content: 'E87A';
}

/* '' */
.glyph-ellipsis:before {
	content: 'E879';
}

/* '' */
.glyph-email:before {
	content: 'E88C';
}

/* '' */
.glyph-embed:before {
	content: 'E837';
}

/* '' */
.glyph-etsy:before {
	content: 'E804';
}

/* '' */
.glyph-etsy-circle:before {
	content: 'E80B';
}

/* '' */
.glyph-exchange:before {
	content: 'E889';
}

/* '' */
.glyph-eye:before {
	content: 'E887';
}

/* '' */
.glyph-eyedropper:before {
	content: 'E88B';
}

/* '' */
.glyph-facebook:before {
	content: 'E87E';
}

/* '' */
.glyph-facebook-circle:before {
	content: 'E80C';
}

/* '' */
.glyph-facebook-squared:before {
	content: 'E87F';
}

/* '' */
.glyph-fitbit-circle:before {
	content: 'E80D';
}

/* '' */
.glyph-flag:before {
	content: 'E86D';
}

/* '' */
.glyph-flickr:before {
	content: 'E87B';
}

/* '' */
.glyph-flickr-circle:before {
	content: 'E80E';
}

/* '' */
.glyph-food:before {
	content: 'E8A3';
}

/* '' */
.glyph-forward:before {
	content: 'E870';
}

/* '' */
.glyph-foursquare-circle:before {
	content: 'E80F';
}

/* '' */
.glyph-github:before {
	content: 'E862';
}

/* '' */
.glyph-github-circle:before {
	content: 'E810';
}

/* '' */
.glyph-glass:before {
	content: 'E82B';
}

/* '' */
.glyph-globe:before {
	content: 'E8A2';
}

/* '' */
.glyph-gmail:before {
	content: 'E89B';
}

/* '' */
.glyph-goodreads-circle:before {
	content: 'E825';
}

/* '' */
.glyph-google:before {
	content: 'E863';
}

/* '' */
.glyph-gplus:before {
	content: 'E880';
}

/* '' */
.glyph-gplus-circle:before {
	content: 'E811';
}

/* '' */
.glyph-group:before {
	content: 'E89F';
}

/* '' */
.glyph-heart:before {
	content: 'E82C';
}

/* '' */
.glyph-hireme:before {
	content: 'E85E';
}

/* '' */
.glyph-home:before {
	content: 'E86B';
}

/* '' */
.glyph-instagram:before {
	content: 'E883';
}

/* '' */
.glyph-instagram-circle:before {
	content: 'E812';
}

/* '' */
.glyph-italic:before {
	content: 'E857';
}

/* '' */
.glyph-kickstarter:before {
	content: 'E805';
}

/* '' */
.glyph-kickstarter-circle:before {
	content: 'E813';
}

/* '' */
.glyph-lightbulb:before {
	content: 'E83F';
}

/* '' */
.glyph-lightning:before {
	content: 'E897';
}

/* '' */
.glyph-link:before {
	content: 'E86C';
}

/* '' */
.glyph-linkedin:before {
	content: 'E882';
}

/* '' */
.glyph-linkedin-circle:before {
	content: 'E814';
}

/* '' */
.glyph-list:before {
	content: 'E877';
}

/* '' */
.glyph-location:before {
	content: 'E839';
}

/* '' */
.glyph-lock:before {
	content: 'E832';
}

/* '' */
.glyph-login:before {
	content: 'E83D';
}

/* '' */
.glyph-medium:before {
	content: 'E826';
}

/* '' */
.glyph-medium-circle:before {
	content: 'E8A7';
}

/* '' */
.glyph-menu:before {
	content: 'E83B';
}

/* '' */
.glyph-minus:before {
	content: 'E886';
}

/* '' */
.glyph-mobile:before {
	content: 'E878';
}

/* '' */
.glyph-music:before {
	content: 'E865';
}

/* '' */
.glyph-pencil:before {
	content: 'E891';
}

/* '' */
.glyph-person:before {
	content: 'E867';
}

/* '' */
.glyph-phone:before {
	content: 'E83A';
}

/* '' */
.glyph-photo:before {
	content: 'E82F';
}

/* '' */
.glyph-picture:before {
	content: 'E869';
}

/* '' */
.glyph-pinterest:before {
	content: 'E881';
}

/* '' */
.glyph-pinterest-circle:before {
	content: 'E815';
}

/* '' */
.glyph-place:before {
	content: 'E88D';
}

/* '' */
.glyph-plus:before {
	content: 'E885';
}

/* '' */
.glyph-podcast:before {
	content: 'E8AD';
}

/* '' */
.glyph-portfolio:before {
	content: 'E858';
}

/* '' */
.glyph-power:before {
	content: 'E884';
}

/* '' */
.glyph-promoted:before {
	content: 'E803';
}

/* '' */
.glyph-puzzle:before {
	content: 'E8A8';
}

/* '' */
.glyph-px500:before {
	content: 'E802';
}

/* '' */
.glyph-px500-circle:before {
	content: 'E807';
}

/* '' */
.glyph-quora-circle:before {
	content: 'E816';
}

/* '' */
.glyph-reel:before {
	content: 'E82D';
}

/* '' */
.glyph-reload:before {
	content: 'E851';
}

/* '' */
.glyph-reply:before {
	content: 'E86F';
}

/* '' */
.glyph-restaurant:before {
	content: 'E85B';
}

/* '' */
.glyph-robot:before {
	content: 'E824';
}

/* '' */
.glyph-search:before {
	content: 'E866';
}

/* '' */
.glyph-share:before {
	content: 'E88E';
}

/* '' */
.glyph-shop:before {
	content: 'E8A4';
}

/* '' */
.glyph-shuffle:before {
	content: 'E875';
}

/* '' */
.glyph-smile:before {
	content: 'E85D';
}

/* '' */
.glyph-smiley:before {
	content: 'E828';
}

/* '' */
.glyph-soundcloud-circle:before {
	content: 'E817';
}

/* '' */
.glyph-speaker:before {
	content: 'E83E';
}

/* '' */
.glyph-spotify-circle:before {
	content: 'E822';
}

/* '' */
.glyph-star:before {
	content: 'E8A5';
}

/* '' */
.glyph-strava-circle:before {
	content: 'E818';
}

/* '' */
.glyph-sun:before {
	content: 'E853';
}

/* '' */
.glyph-sunglasses:before {
	content: 'E82A';
}

/* '' */
.glyph-tag:before {
	content: 'E833';
}

/* '' */
.glyph-tags:before {
	content: 'E834';
}

/* '' */
.glyph-target:before {
	content: 'E876';
}

/* '' */
.glyph-thumbnails:before {
	content: 'E831';
}

/* '' */
.glyph-thumbsup:before {
	content: 'E86E';
}

/* '' */
.glyph-tools:before {
	content: 'E873';
}

/* '' */
.glyph-triangle-down:before {
	content: 'E841';
}

/* '' */
.glyph-triangle-up:before {
	content: 'E842';
}

/* '' */
.glyph-triangle-left:before {
	content: 'E843';
}

/* '' */
.glyph-triangle-right:before {
	content: 'E844';
}

/* '' */
.glyph-trophy:before {
	content: 'E852';
}

/* '' */
.glyph-tumblr:before {
	content: 'E89D';
}

/* '' */
.glyph-tumblr-circle:before {
	content: 'E819';
}

/* '' */
.glyph-tumblr-no-box:before {
	content: 'E89C';
}

/* '' */
.glyph-twitter:before {
	content: 'E87D';
}

/* '' */
.glyph-twitter-circle:before {
	content: 'E81A';
}

/* '' */
.glyph-upload-cloud:before {
	content: 'E8A9';
}

/* '' */
.glyph-users:before {
	content: 'E868';
}

/* '' */
.glyph-video:before {
	content: 'E82E';
}

/* '' */
.glyph-vimeo:before {
	content: 'E87C';
}

/* '' */
.glyph-vimeo-circle:before {
	content: 'E81B';
}

/* '' */
.glyph-videocam:before {
	content: 'E8A0';
}

/* '' */
.glyph-vine-circle:before {
	content: 'E81C';
}

/* '' */
.glyph-vk-circle:before {
	content: 'E81D';
}

/* '' */
.glyph-weibo-circle:before {
	content: 'E81E';
}

/* '' */
.glyph-wikipedia-circle:before {
	content: 'E823';
}

/* '' */
.glyph-wordpress:before {
	content: 'E89E';
}

/* '' */
.glyph-wordpress-circle:before {
	content: 'E81F';
}

/* '' */
.glyph-workout:before {
	content: 'E854';
}

/* '' */
.glyph-wow:before {
	content: 'E801';
}

/* '' */
.glyph-yelp-circle:before {
	content: 'E820';
}

/* '' */
.glyph-youtube:before {
	content: 'E864';
}

/* '' */
.glyph-youtube-circle:before {
	content: 'E821';
}

/* '' */

/* END when updating the glyph font, replace these rules with the new rules from aboutme-glyphs.css */ /* BEGIN :after rules - duplicate the above and replace :before with -after:after */ .glyph-address-after:after {
	content: 'E871';
}

/* '' */
.glyph-angle-down-after:after {
	content: 'E845';
}

/* '' */
.glyph-angle-left-after:after {
	content: 'E846';
}

/* '' */
.glyph-angle-right-after:after {
	content: 'E847';
}

/* '' */
.glyph-angle-up-after:after {
	content: 'E848';
}

/* '' */
.glyph-angle-thin-down-after:after {
	content: 'E893';
}

/* '' */
.glyph-angle-thin-left-after:after {
	content: 'E894';
}

/* '' */
.glyph-angle-thin-right-after:after {
	content: 'E895';
}

/* '' */
.glyph-angle-thin-up-after:after {
	content: 'E896';
}

/* '' */
.glyph-arrow-down-after:after {
	content: 'E84D';
}

/* '' */
.glyph-arrow-left-after:after {
	content: 'E84E';
}

/* '' */
.glyph-arrow-right-after:after {
	content: 'E84F';
}

/* '' */
.glyph-arrow-up-after:after {
	content: 'E850';
}

/* '' */
.glyph-article-after:after {
	content: 'E88F';
}

/* '' */
.glyph-award-after:after {
	content: 'E890';
}

/* '' */
.glyph-behance-after:after {
	content: 'E85F';
}

/* '' */
.glyph-behance-circle-after:after {
	content: 'E808';
}

/* '' */
.glyph-bitbucket-after:after {
	content: 'E860';
}

/* '' */
.glyph-bio-after:after {
	content: 'E800';
}

/* '' */
.glyph-block-after:after {
	content: 'E840';
}

/* '' */
.glyph-blogger-after:after {
	content: 'E89A';
}

/* '' */
.glyph-blogger-circle-after:after {
	content: 'E809';
}

/* '' */
.glyph-bold-after:after {
	content: 'E856';
}

/* '' */
.glyph-book-after:after {
	content: 'E872';
}

/* '' */
.glyph-brush-after:after {
	content: 'E88A';
}

/* '' */
.glyph-building-after:after {
	content: 'E85C';
}

/* '' */
.glyph-building-alt-after:after {
	content: 'E899';
}

/* '' */
.glyph-calendar-after:after {
	content: 'E83C';
}

/* '' */
.glyph-camera-after:after {
	content: 'E830';
}

/* '' */
.glyph-charity-after:after {
	content: 'E855';
}

/* '' */
.glyph-check-after:after {
	content: 'E86A';
}

/* '' */
.glyph-chevron-left-after:after {
	content: 'E849';
}

/* '' */
.glyph-chevron-right-after:after {
	content: 'E84A';
}

/* '' */
.glyph-chevron-up-after:after {
	content: 'E84B';
}

/* '' */
.glyph-chevron-down-after:after {
	content: 'E84C';
}

/* '' */
.glyph-clock-after:after {
	content: 'E874';
}

/* '' */
.glyph-close-after:after {
	content: 'E8A6';
}

/* '' */
.glyph-coffee-after:after {
	content: 'E85A';
}

/* '' */
.glyph-commercial-building-after:after {
	content: 'E898';
}

/* '' */
.glyph-contact-after:after {
	content: 'E892';
}

/* '' */
.glyph-cog-after:after {
	content: 'E888';
}

/* '' */
.glyph-create-sig-after:after {
	content: 'E827';
}

/* '' */
.glyph-credit-card-after:after {
	content: 'E859';
}

/* '' */
.glyph-date-after:after {
	content: 'E829';
}

/* '' */
.glyph-design-after:after {
	content: 'E806';
}

/* '' */
.glyph-doc-after:after {
	content: 'E8A1';
}

/* '' */
.glyph-download-after:after {
	content: 'E835';
}

/* '' */
.glyph-download-cloud-after:after {
	content: 'E836';
}

/* '' */
.glyph-dribbble-after:after {
	content: 'E861';
}

/* '' */
.glyph-dribbble-circle-after:after {
	content: 'E80A';
}

/* '' */
.glyph-edit-after:after {
	content: 'E838';
}

/* '' */
.glyph-education-after:after {
	content: 'E87A';
}

/* '' */
.glyph-ellipsis-after:after {
	content: 'E879';
}

/* '' */
.glyph-email-after:after {
	content: 'E88C';
}

/* '' */
.glyph-embed-after:after {
	content: 'E837';
}

/* '' */
.glyph-etsy-after:after {
	content: 'E804';
}

/* '' */
.glyph-etsy-circle-after:after {
	content: 'E80B';
}

/* '' */
.glyph-exchange-after:after {
	content: 'E889';
}

/* '' */
.glyph-eye-after:after {
	content: 'E887';
}

/* '' */
.glyph-eyedropper-after:after {
	content: 'E88B';
}

/* '' */
.glyph-facebook-after:after {
	content: 'E87E';
}

/* '' */
.glyph-facebook-circle-after:after {
	content: 'E80C';
}

/* '' */
.glyph-facebook-squared-after:after {
	content: 'E87F';
}

/* '' */
.glyph-fitbit-circle-after:after {
	content: 'E80D';
}

/* '' */
.glyph-flag-after:after {
	content: 'E86D';
}

/* '' */
.glyph-flickr-after:after {
	content: 'E87B';
}

/* '' */
.glyph-flickr-circle-after:after {
	content: 'E80E';
}

/* '' */
.glyph-food-after:after {
	content: 'E8A3';
}

/* '' */
.glyph-forward-after:after {
	content: 'E870';
}

/* '' */
.glyph-foursquare-circle-after:after {
	content: 'E80F';
}

/* '' */
.glyph-github-after:after {
	content: 'E862';
}

/* '' */
.glyph-github-circle-after:after {
	content: 'E810';
}

/* '' */
.glyph-glass-after:after {
	content: 'E82B';
}

/* '' */
.glyph-globe-after:after {
	content: 'E8A2';
}

/* '' */
.glyph-gmail-after:after {
	content: 'E89B';
}

/* '' */
.glyph-goodreads-circle-after:after {
	content: 'E825';
}

/* '' */
.glyph-google-after:after {
	content: 'E863';
}

/* '' */
.glyph-gplus-after:after {
	content: 'E880';
}

/* '' */
.glyph-gplus-circle-after:after {
	content: 'E811';
}

/* '' */
.glyph-group-after:after {
	content: 'E89F';
}

/* '' */
.glyph-heart-after:after {
	content: 'E82C';
}

/* '' */
.glyph-hireme-after:after {
	content: 'E85E';
}

/* '' */
.glyph-home-after:after {
	content: 'E86B';
}

/* '' */
.glyph-instagram-after:after {
	content: 'E883';
}

/* '' */
.glyph-instagram-circle-after:after {
	content: 'E812';
}

/* '' */
.glyph-italic-after:after {
	content: 'E857';
}

/* '' */
.glyph-kickstarter-after:after {
	content: 'E805';
}

/* '' */
.glyph-kickstarter-circle-after:after {
	content: 'E813';
}

/* '' */
.glyph-lightbulb-after:after {
	content: 'E83F';
}

/* '' */
.glyph-lightning-after:after {
	content: 'E897';
}

/* '' */
.glyph-link-after:after {
	content: 'E86C';
}

/* '' */
.glyph-linkedin-after:after {
	content: 'E882';
}

/* '' */
.glyph-linkedin-circle-after:after {
	content: 'E814';
}

/* '' */
.glyph-list-after:after {
	content: 'E877';
}

/* '' */
.glyph-location-after:after {
	content: 'E839';
}

/* '' */
.glyph-lock-after:after {
	content: 'E832';
}

/* '' */
.glyph-login-after:after {
	content: 'E83D';
}

/* '' */
.glyph-medium-after:after {
	content: 'E826';
}

/* '' */
.glyph-medium-circle-after:after {
	content: 'E8A7';
}

/* '' */
.glyph-menu-after:after {
	content: 'E83B';
}

/* '' */
.glyph-minus-after:after {
	content: 'E886';
}

/* '' */
.glyph-mobile-after:after {
	content: 'E878';
}

/* '' */
.glyph-music-after:after {
	content: 'E865';
}

/* '' */
.glyph-pencil-after:after {
	content: 'E891';
}

/* '' */
.glyph-person-after:after {
	content: 'E867';
}

/* '' */
.glyph-phone-after:after {
	content: 'E83A';
}

/* '' */
.glyph-photo-after:after {
	content: 'E82F';
}

/* '' */
.glyph-picture-after:after {
	content: 'E869';
}

/* '' */
.glyph-pinterest-after:after {
	content: 'E881';
}

/* '' */
.glyph-pinterest-circle-after:after {
	content: 'E815';
}

/* '' */
.glyph-place-after:after {
	content: 'E88D';
}

/* '' */
.glyph-plus-after:after {
	content: 'E885';
}

/* '' */
.glyph-podcast-after:after {
	content: 'E8AD';
}

/* '' */
.glyph-portfolio-after:after {
	content: 'E858';
}

/* '' */
.glyph-power-after:after {
	content: 'E884';
}

/* '' */
.glyph-promoted-after:after {
	content: 'E803';
}

/* '' */
.glyph-puzzle-after:after {
	content: 'E8A8';
}

/* '' */
.glyph-px500-after:after {
	content: 'E802';
}

/* '' */
.glyph-px500-circle-after:after {
	content: 'E807';
}

/* '' */
.glyph-quora-circle-after:after {
	content: 'E816';
}

/* '' */
.glyph-reel-after:after {
	content: 'E82D';
}

/* '' */
.glyph-reload-after:after {
	content: 'E851';
}

/* '' */
.glyph-reply-after:after {
	content: 'E86F';
}

/* '' */
.glyph-restaurant-after:after {
	content: 'E85B';
}

/* '' */
.glyph-robot-after:after {
	content: 'E824';
}

/* '' */
.glyph-search-after:after {
	content: 'E866';
}

/* '' */
.glyph-share-after:after {
	content: 'E88E';
}

/* '' */
.glyph-shop-after:after {
	content: 'E8A4';
}

/* '' */
.glyph-shuffle-after:after {
	content: 'E875';
}

/* '' */
.glyph-smile-after:after {
	content: 'E85D';
}

/* '' */
.glyph-smiley-after:after {
	content: 'E828';
}

/* '' */
.glyph-soundcloud-circle-after:after {
	content: 'E817';
}

/* '' */
.glyph-speaker-after:after {
	content: 'E83E';
}

/* '' */
.glyph-spotify-circle-after:after {
	content: 'E822';
}

/* '' */
.glyph-star-after:after {
	content: 'E8A5';
}

/* '' */
.glyph-strava-circle-after:after {
	content: 'E818';
}

/* '' */
.glyph-sun-after:after {
	content: 'E853';
}

/* '' */
.glyph-sunglasses-after:after {
	content: 'E82A';
}

/* '' */
.glyph-tag-after:after {
	content: 'E833';
}

/* '' */
.glyph-tags-after:after {
	content: 'E834';
}

/* '' */
.glyph-target-after:after {
	content: 'E876';
}

/* '' */
.glyph-thumbnails-after:after {
	content: 'E831';
}

/* '' */
.glyph-thumbsup-after:after {
	content: 'E86E';
}

/* '' */
.glyph-tools-after:after {
	content: 'E873';
}

/* '' */
.glyph-triangle-down-after:after {
	content: 'E841';
}

/* '' */
.glyph-triangle-up-after:after {
	content: 'E842';
}

/* '' */
.glyph-triangle-left-after:after {
	content: 'E843';
}

/* '' */
.glyph-triangle-right-after:after {
	content: 'E844';
}

/* '' */
.glyph-trophy-after:after {
	content: 'E852';
}

/* '' */
.glyph-tumblr-after:after {
	content: 'E89D';
}

/* '' */
.glyph-tumblr-circle-after:after {
	content: 'E819';
}

/* '' */
.glyph-tumblr-no-box-after:after {
	content: 'E89C';
}

/* '' */
.glyph-twitter-after:after {
	content: 'E87D';
}

/* '' */
.glyph-twitter-circle-after:after {
	content: 'E81A';
}

/* '' */
.glyph-upload-cloud-after:after {
	content: 'E8A9';
}

/* '' */
.glyph-users-after:after {
	content: 'E868';
}

/* '' */
.glyph-video-after:after {
	content: 'E82E';
}

/* '' */
.glyph-vimeo-after:after {
	content: 'E87C';
}

/* '' */
.glyph-vimeo-circle-after:after {
	content: 'E81B';
}

/* '' */
.glyph-videocam-after:after {
	content: 'E8A0';
}

/* '' */
.glyph-vine-circle-after:after {
	content: 'E81C';
}

/* '' */
.glyph-vk-circle-after:after {
	content: 'E81D';
}

/* '' */
.glyph-weibo-circle-after:after {
	content: 'E81E';
}

/* '' */
.glyph-wikipedia-circle-after:after {
	content: 'E823';
}

/* '' */
.glyph-wordpress-after:after {
	content: 'E89E';
}

/* '' */
.glyph-wordpress-circle-after:after {
	content: 'E81F';
}

/* '' */
.glyph-workout-after:after {
	content: 'E854';
}

/* '' */
.glyph-wow-after:after {
	content: 'E801';
}

/* '' */
.glyph-yelp-circle-after:after {
	content: 'E820';
}

/* '' */
.glyph-youtube-after:after {
	content: 'E864';
}

/* '' */
.glyph-youtube-circle-after:after {
	content: 'E821';
}

/* '' */

/* END :after rules */ /* proxima glyphs */ /* have to *define* proxima, otherwise .glyph- classes use glyph font */ .glyph-exclamation:before {
	content: "!";
	font-weight: bold;
	font-family: inherit;
}

.glyph-question:before {
	content: "?";
	font-family: inherit;
}

/* this supplemental class can be used to center a glyph in a dom node (usually for icon buttons with no text) */

/* for vertical-centering to work, the line-height of the node must match the height */ .glyph-center {
	position: relative;
}

.glyph-center:before {
	position: absolute !important;
	width: 100%;
	height: 100%;
	line-height: inherit;
	margin: 0 !important;
	padding: 0 !important;
	left: 0;
	top: 0;
}

/* this class removes positioning and just renders an inline glyph */
.glyph-text:before {
	margin: 0 !important;
}

.glyph-flip:before {
	-moz-transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	transform: scaleX(-1);
	-ms-filter: fliph; /*IE*/
	filter: fliph; /*IE*/
}

/* BEGIN width adjustments for each glyph - double-check these if you replace any existing glyphs */
.button[class^="glyph-"]:before,
.button[class*=" glyph-"]:before {
	margin-left: -0.2em;
}

.button[class^="glyph-"]:after,
.button[class*=" glyph-"]:after {
	margin-right: -0.2em;
}

.button.glyph-twitter:before {
	font-size: 140%;
	top: 0.15em;
	margin-left: -0.3em;
}

.button.glyph-facebook:before {
	font-size: 130%;
	top: 0.12em;
	margin-left: -0.3em;
	margin-right: 0.3em;
}

.button.glyph-linkedin:before {
	top: 0.05em;
}

.button.glyph-instagram:before {
	font-size: 125%;
	top: 0.1em;
}

.button.glyph-email:before {
	font-size: 130%;
	top: 0.15em;
}

.button.glyph-share:before {
	font-size: 130%;
	top: 1px;
}

.button.glyph-angle-left:before,
.button.glyph-angle-right:before {
	top: 1px;
	font-size: 100%;
}

.glyph-link:before {
	font-size: 120%;
}

.glyph-list:before {
	font-size: 150%;
	top: 0.12em;
}

.glyph-pencil.glyph-center:before {
	font-size: 100%;
	top: 0.09em;
}

.glyph-close.glyph-center:before {
	top: 0.05em;
	font-size: 80%;
}

.glyph-plus:before {
	font-size: 100%;
}

.glyph-minus:before {
	font-size: 100%;
}

.glyph-eye:before {
	top: 0.1em;
	font-size: 135%;
}

.glyph-lightbulb:before {
	top: 0.1em;
	font-size: 140%;
}

.glyph-px500:before {
	top: 0.15em;
	font-size: 135%;
}

.glyph-medium:before,
.glyph-medium-after:after {
	font-size: 90%;
}

.glyph-etsy:before,
.glyph-etsy-after:after {
	font-size: 100%;
}

.glyph-dribbble:before,
.glyph-dribbble-after:after {
	font-size: 135%;
}

/* END width adjustments for each glyph - double-check these if you replace any existing glyphs */

/*// reset.less// contains 'reset' CSS rules which normalize all commonly used// dom elements, to eliminate browser differences*/ 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,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
li {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

body {
	line-height: 1;
	color: #000;
	background: white;
}

ol,
ul {
	list-style: none;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}

caption,
th,
td {
	text-align: left;
	font-weight: normal;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote,
q {
	quotes: "" "";
}

em {
	font-style: italic;
}

button {
	margin: 0;
	padding: 0;
	border: none;
	background-color: transparent;
	cursor: pointer;
	overflow: visible;
}

/*// contains the CSS that ships with jquery UI, although it has been// heavily modified to make jquery UI widgets match our design*/

/* BEGIN jQuery UI 1.7.2 CSS */ .ui-helper-hidden {
	display: none;
}

.ui-helper-hidden-accessible {
	position: absolute;
	left: -99999999px;
}

.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}

.ui-helper-clearfix {
	zoom: 1;
}

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

.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter: alpha(opacity=0);
}

.ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}

.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
	background-color: #666;
	opacity: 0;
	-webkit-transition: opacity 100ms ease-out;
	-moz-transition: opacity 100ms ease-out;
	transition: opacity 100ms ease-out;
	-webkit-user-select: none; /* Chrome all / Safari all */
	-moz-user-select: none; /* Firefox all */
	-ms-user-select: none; /* IE 10+ */
	-o-user-select: none;
	user-select: none;
}

.ui-widget-overlay.active {
	opacity: 0.8;
}

/* Dialog----------------------------------*/
.ui-dialog {

	/* can't apply background color here, to allow for dark titlebar variant */ position: absolute;
	margin: 0;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
	border-radius: 3px;
	opacity: 0;
	-webkit-transition: opacity 100ms ease-out;
	-moz-transition: opacity 100ms ease-out;
	transition: opacity 100ms ease-out;
}

.ui-dialog.active {
	opacity: 1;
}

.ui-dialog .ui-widget-content {
	background-color: #fff;
	color: #333;
}

.ui-dialog .ui-widget-content:last-child {
	border-radius: 0 0 3px 3px;
}

.ui-dialog .ui-dialog-titlebar {
	background-color: #fff;
	padding: 0;
	padding-left: 20px;
	position: relative;
	border-radius: 3px 3px 0px 0px;
	line-height: 50px;
	height: 50px;
	font-size: 18px;
	border-bottom: 1px solid #eee;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.ui-dialog .ui-dialog-title {
	display: block;
	font-weight: bold;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-right: 60px;
}

.ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	right: 0px;
	top: 0;
	width: 50px;
	margin: 0;
	padding: 0;
	color: #333;
	filter: alpha(opacity=30);
	opacity: 0.3;
	line-height: inherit;
	font-size: inherit;
	outline: none;
}

.ui-dialog .ui-dialog-titlebar-close:before {
	font-size: 95%;
}

.no-touchevents .ui-dialog .ui-dialog-titlebar-close:hover {
	color: #333;
	filter: alpha(opacity=100);
	opacity: 1;
}

.ui-dialog .ui-dialog-content {
	border: 0;
	padding: 20px;
	zoom: 1;
}

.ui-dialog .ui-dialog-buttonpane {
	text-align: left;
	padding: 20px;
	padding-top: 0;
}

.ui-dialog .ui-resizable-se {
	width: 14px;
	height: 14px;
	right: 3px;
	bottom: 3px;
}

.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}

/* dark titlebar variant */
.ui-dialog.dark .ui-dialog-titlebar {
	background-color: #333;
	color: #fff;
	border-bottom: none;
}

.ui-dialog.dark .ui-dialog-titlebar .ui-dialog-titlebar-close {
	color: #fff;
}

/* small titlebar variant */
.ui-dialog.small .ui-dialog-titlebar {
	line-height: 30px;
	height: 30px;
	font-size: 13px;
	padding-left: 15px;
}

.ui-dialog.small .ui-dialog-titlebar .ui-dialog-titlebar-close {
	width: 35px;
}

.ui-dialog.small .ui-dialog-titlebar .ui-dialog-titlebar-close:before {
	top: 0;
}

/* unruled variant - used when the title is empty */
.ui-dialog.unruled .ui-dialog-titlebar {
	border-bottom: none;
}

.ui-dialog.unruled .ui-dialog-content {
	padding-top: 0;
}

/* Forms */
.ui-progressbar {
	height: 2em;
	text-align: left;
}

.ui-progressbar .ui-progressbar-value {
	margin: -1px;
	height: 100%;
}

.ui-resizable {
	position: relative;
}

.ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	display: block;
}

.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
	display: none;
}

.ui-resizable-n {
	cursor: n-resize;
	height: 7px;
	width: 100%;
	top: -5px;
	left: 0px;
}

.ui-resizable-s {
	cursor: s-resize;
	height: 7px;
	width: 100%;
	bottom: -5px;
	left: 0px;
}

.ui-resizable-e {
	cursor: e-resize;
	width: 7px;
	right: -5px;
	top: 0px;
	height: 100%;
}

.ui-resizable-w {
	cursor: w-resize;
	width: 7px;
	left: -5px;
	top: 0px;
	height: 100%;
}

.ui-resizable-se {
	cursor: se-resize;
	width: 12px;
	height: 12px;
	right: 1px;
	bottom: 1px;
}

.ui-resizable-sw {
	cursor: sw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	bottom: -5px;
}

.ui-resizable-nw {
	cursor: nw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	top: -5px;
}

.ui-resizable-ne {
	cursor: ne-resize;
	width: 9px;
	height: 9px;
	right: -5px;
	top: -5px;
}

.ui-slider {
	position: relative;
	text-align: left;
	margin-top: 0;
	background-color: #ddd;
	height: 8px;
	border-radius: 10px;
}

.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 9px;
	height: 23px;
	cursor: pointer;
	border: 1px solid #888;
	border: 1px solid rgba(0, 0, 0, 0.4);
	background-color: #dfdfdf;
	border-radius: 10px;
	box-shadow: inset -1px -1px 2px rgba(0, 0, 0, 0.3), inset -1px 1px 2px rgba(0, 0, 0, 0.1), inset 1px 2px 2px rgba(255, 255, 255, 0.5), inset 1px -2px 2px rgba(255, 255, 255, 0.2), 0 0 1px 0px rgba(0, 0, 0, 0.7);
}

.ui-slider .ui-slider-handle.ui-state-hover {
	background-color: #f0f0f0;
	background-color: #edf0f2;
}

.ui-slider .ui-slider-handle.ui-state-active {
	background-color: #fff;
	background-color: #CDE2F0;
}

.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	display: block;
	border: 0;
	background-color: #9BACB2;
	height: 8px;
	border-radius: 10px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
}

.ui-slider-horizontal {
	border: 1px solid #999;
	border: 1px solid rgba(0, 0, 0, 0.3);
	box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0 1px 0px 0px rgba(255, 255, 255, 0.5);
	height: 7px;
}

.ui-slider-horizontal .ui-slider-handle {
	top: -9px;
	margin-left: -5px;
}

.ui-slider-horizontal .ui-slider-range {
	top: -1px;
	border: 1px solid #666;
	border: 1px solid rgba(0, 0, 0, 0.3);
	box-shadow: inset 0 1px 3px rgba(255, 255, 255, 0.5);
	height: 7px;
}

.ui-slider-horizontal .ui-slider-range-min {
	left: -1px;
}

.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}

/* END jQuery UI 1.7.2 CSS */
@media only screen and (max-width:640px) {
	.ui-dialog .ui-dialog-content {
		padding: 10px;
	}

	.ui-dialog .ui-dialog-buttonpane {
		padding-left: 10px;
		padding-right: 10px;
	}

	.ui-dialog .ui-dialog-buttonpane .button {
		margin-bottom: 10px;
	}

	.ui-dialog .ui-dialog-buttonpane .button:last-child {
		margin-bottom: 0;
	}

}

/*// global.less// contains global CSS rules that are used by the about.me site,// but not available to third-party apps*/
body {
	font-family: "proxima-nova-1", "proxima-nova-2", Tahoma, Helvetica, Verdana, sans-serif;
	font-size: 14px;
	line-height: 1.3;
	color: #333; /* This rule prevents the 'feature' where orientation changes will enlarge some text proportionately, ignoring its inherited font-size rule. This results in seemingly random jumps in font-size on seemingly random elements. An example was the footer .copyright went from ~16px in portrait to ~24px in landscape on an iPhone 6, because this rule was only applied to < 640px. It's safe to leave it applied to everything. */
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

/* mobile font stack */
@media only screen and (max-width:640px) {
	body {
		font-family: "proxima-nova-1", "proxima-nova-2", TrebuchetMS, "Droid Sans", sans-serif !important;
	}

}

a {
	color: #2b82ad;
	text-decoration: none;
}

.no-touchevents a:hover {
	color: #3aa9e9;
	text-decoration: none;
}

hr {
	background-color: #999;
	border: 0px;
	margin: 0.75em 0;
}

hr.separator {
	height: 4px;
	background-color: #333;
}

hr.rule {
	height: 1px;
}

/* BEGIN general classes - avoid using these */
.right {
	float: right;
}

.left {
	float: left;
}

.clear {
	clear: both;
}

.middle {
	vertical-align: middle;
}

.block {
	display: block;
}

.inline {
	display: inline;
}

.invisible {
	display: none !important;
}

.clickable {
	cursor: pointer;
}

/* END general classes - avoid using these */

/* this rule applies global color transitions */ /* :hover is the main example of when this is applied. */ /* (box-shadow is included because the only times it would change would be on such a :hover effect) */ * {
	transition: background-color 150ms ease-out, color 150ms ease-out, border-color 150ms ease-out, box-shadow 150ms ease-out;
}

ul.inline {
	display: inline-block;
}

ul.inline > li {
	display: inline-block;
	vertical-align: baseline;
}

.fullwidth,
input.fullwidth,
textarea.fullwidth,
select.fullwidth,
.button.fullwidth,
.button.fullwidth span.button-content {
	box-sizing: border-box;
	width: 100%;
}

.truncate {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 362px;
}

.clearfix {
	zoom: 1;
}

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

div.pane {
	display: none;
}

div.pane.active {
	display: block;
}

/* text-related CSS from core.css */
h1,
h2,
h3,
h4,
h5,
h6 {
	margin-bottom: 0.5em;
}

h1 {
	font-size: 36px;
}

h2 {
	font-size: 24px;
}

h3 {
	font-size: 18px;
}

h4 {
	font-size: 14px;
}

h5 {
	font-size: 12px;
}

h6 {
	font-size: 10px;
}

p {
	margin-bottom: 0.75em;
}

p:last-child {
	margin-bottom: 0;
}

/* END elements */
ul.bulleted {
	padding-left: 1.3em;
	list-style-type: disc;
}

ul.bulleted ul.bulleted {
	list-style-type: circle;
}

ul.bulleted li {
	margin: 0.75em 0;
}

ol.numbered {
	padding-left: 1.3em;
	list-style-type: decimal;
}

ol.numbered li {
	margin: 0.75em 0;
}

/* end text-related CSS from core.css */
h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 16px;
	font-weight: normal;
	margin: 0;
	margin-bottom: 10px;
}

.nowrap {
	white-space: nowrap;
}

.text.small {
	font-size: 12px !important;
}

.text.italic {
	font-style: italic;
}

.text.white {
	color: #ffffff;
}

.text.black {
	color: #000000;
}

.text.gray {
	color: #999999;
}

.text.yellow {
	color: #ffcc33;
}

.no-touchevents a.text.yellow:hover {
	color: #FFE7A2;
}

.text.orange {
	color: #e37f1c;
}

/* use this for simulating link behavior on a span */
.text.link {
	color: #2b82ad;
	text-decoration: none;
	cursor: pointer;
	user-select: none;
}

.no-touchevents .text.link:hover {
	color: #3aa9e9 !important; /* so you can use a non-blue color for the rest state and still get blue hover */
	text-decoration: none;
}

/* text ellipsis */
.text.ellipsis {
	overflow: hidden;
	text-overflow: ellipsis;
}

/* BEGIN columns */

/* columns should go in a .row container */ .row {
	clear: both;
	margin-right: -20px;
	zoom: 1;
}

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

.row .column {
	float: left;
	padding-right: 20px;
	box-sizing: border-box;
}

.row .column.gutter-left {
	padding-left: 20px;
}

.row .column.row {

	/* remove margin/padding from a column that contains other columns */ padding-right: 0px;
	margin-right: 0px;
	clear: none;
}

.columns-1 > .column {
	width: 100%;
}

.columns-2 > .column {
	width: 50%;
}

.columns-2 > .column.colspan-2 {
	width: 100%;
}

.columns-3 > .column {
	width: 33.3333%;
}

.columns-3 > .column.colspan-2 {
	width: 66.6666%;
}

.columns-3 > .column.colspan-3 {
	width: 100%;
}

.columns-4 > .column {
	width: 25%;
}

.columns-4 > .column.colspan-2 {
	width: 50%;
}

.columns-4 > .column.colspan-3 {
	width: 75%;
}

.columns-4 > .column.colspan-4 {
	width: 100%;
}

.columns-5 > .column {
	width: 20%;
}

.columns-5 > .column.colspan-2 {
	width: 40%;
}

.columns-5 > .column.colspan-3 {
	width: 60%;
}

.columns-5 > .column.colspan-4 {
	width: 80%;
}

.columns-5 > .column.colspan-5 {
	width: 100%;
}

.columns-6 > .column {
	width: 16.6666%;
}

.columns-6 > .column.colspan-2 {
	width: 33.3333%;
}

.columns-6 > .column.colspan-3 {
	width: 50%;
}

.columns-6 > .column.colspan-4 {
	width: 66.6666%;
}

.columns-6 > .column.colspan-5 {
	width: 83.3333%;
}

.columns-6 > .column.colspan-6 {
	width: 100%;
}

.columns-7 > .column {
	width: 14.2857%;
}

.columns-7 > .column.colspan-2 {
	width: 28.5714%;
}

.columns-7 > .column.colspan-3 {
	width: 42.8571%;
}

.columns-7 > .column.colspan-4 {
	width: 57.1428%;
}

.columns-7 > .column.colspan-5 {
	width: 71.4285%;
}

.columns-7 > .column.colspan-6 {
	width: 85.7142%;
}

.columns-7 > .column.colspan-7 {
	width: 100%;
}

.columns-8 > .column {
	width: 12.5%;
}

.columns-8 > .column.colspan-2 {
	width: 25%;
}

.columns-8 > .column.colspan-3 {
	width: 37.5%;
}

.columns-8 > .column.colspan-4 {
	width: 50%;
}

.columns-8 > .column.colspan-5 {
	width: 62.5%;
}

.columns-8 > .column.colspan-6 {
	width: 75%;
}

.columns-8 > .column.colspan-7 {
	width: 87.5%;
}

.columns-8 > .column.colspan-8 {
	width: 100%;
}

.columns-9 > .column {
	width: 11.1111%;
}

.columns-9 > .column.colspan-2 {
	width: 22.2222%;
}

.columns-9 > .column.colspan-3 {
	width: 33.3333%;
}

.columns-9 > .column.colspan-4 {
	width: 44.4444%;
}

.columns-9 > .column.colspan-5 {
	width: 55.5555%;
}

.columns-9 > .column.colspan-6 {
	width: 66.6666%;
}

.columns-9 > .column.colspan-7 {
	width: 77.7777%;
}

.columns-9 > .column.colspan-8 {
	width: 88.8888%;
}

.columns-9 > .column.colspan-9 {
	width: 100%;
}

.columns-10 > .column {
	width: 10%;
}

.columns-10 > .column.colspan-2 {
	width: 20%;
}

.columns-10 > .column.colspan-3 {
	width: 30%;
}

.columns-10 > .column.colspan-4 {
	width: 40%;
}

.columns-10 > .column.colspan-5 {
	width: 50%;
}

.columns-10 > .column.colspan-6 {
	width: 60%;
}

.columns-10 > .column.colspan-7 {
	width: 70%;
}

.columns-10 > .column.colspan-8 {
	width: 80%;
}

.columns-10 > .column.colspan-9 {
	width: 90%;
}

.columns-10 > .column.colspan-10 {
	width: 100%;
}

.columns-11 > .column {
	width: 9.0909%;
}

.columns-11 > .column.colspan-2 {
	width: 18.1818%;
}

.columns-11 > .column.colspan-3 {
	width: 27.2727%;
}

.columns-11 > .column.colspan-4 {
	width: 36.3636%;
}

.columns-11 > .column.colspan-5 {
	width: 45.4545%;
}

.columns-11 > .column.colspan-6 {
	width: 54.5454%;
}

.columns-11 > .column.colspan-7 {
	width: 63.6363%;
}

.columns-11 > .column.colspan-8 {
	width: 72.7272%;
}

.columns-11 > .column.colspan-9 {
	width: 81.8181%;
}

.columns-11 > .column.colspan-10 {
	width: 90.909%;
}

.columns-11 > .column.colspan-11 {
	width: 100%;
}

.columns-12 > .column {
	width: 8.3333%;
}

.columns-12 > .column.colspan-2 {
	width: 16.6666%;
}

.columns-12 > .column.colspan-3 {
	width: 25%;
}

.columns-12 > .column.colspan-4 {
	width: 33.3333%;
}

.columns-12 > .column.colspan-5 {
	width: 41.6666%;
}

.columns-12 > .column.colspan-6 {
	width: 50%;
}

.columns-12 > .column.colspan-7 {
	width: 58.3333%;
}

.columns-12 > .column.colspan-8 {
	width: 66.6666%;
}

.columns-12 > .column.colspan-9 {
	width: 75%;
}

.columns-12 > .column.colspan-10 {
	width: 83.3333%;
}

.columns-12 > .column.colspan-11 {
	width: 91.6666%;
}

.columns-12 > .column.colspan-12 {
	width: 100%;
}

.row.gutter-10 {
	margin-right: -10px;
}

.row.gutter-10 .column {
	padding-right: 10px;
}

.row.gutter-15 {
	margin-right: -15px;
}

.row.gutter-15 .column {
	padding-right: 15px;
}

@media only screen and (max-width:640px) {
	.row {
		margin: 0;
	}

	.column {
		width: 100% !important;
		box-sizing: border-box;
	}

	.row .column {
		padding-right: 0;
	}

}

/* END columns */

/* misc CSS from core.css, need to audit these for removal */ /*CAROUSELS*/ /* base classes for jcarousel 0.3 */ .jcarousel {
	position: relative;
	overflow: hidden; /* jcarousel height should be set dynamically in create.jcarousel event handler */
}

.jcarousel > ul {

	/* jcarousel ul height should be set dynamically in create.jcarousel event handler */ position: absolute;
	list-style: none;
	margin: 0;
	padding: 0;
}

.jcarousel > ul > li {
	float: left;
}

/*****Carousel style pagination*****/
.carousel {
	position: relative;
	z-index: 0;
}

.carousel .no-image {
	color: #888888;
	margin: 0;
	padding: 0;
	text-align: center;
	font-size: 12px;
	line-height: 1.3;
}

/*global for all carousels: ensures overflow:hidden which disappeared from jcarousel 0.2.8 */
.jcarousel {
	overflow: hidden;
}

/*buttons*/
.carousel .valign {
	border-collapse: collapse;
}

.carousel .valign .valign-inside {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

.carousel .nav.buttonbar {

	/*margin-bottom: 10px;*/ position: absolute;
	right: 0;
	margin-top: -32px;
	z-index: 1;
	text-align: right;
}

/*image/video next/prev buttons*/
.carousel .button.main-button {
	display: none;
	position: absolute;
	z-index: 1010;
	top: 50%;
	margin: 0;
	margin-top: -20px;
	border-radius: 0;
}

.carousel.video-carousel .button.main-button {
	top: 190px;
}

.no-touchevents .carousel .button.main-button:hover {
	background-color: #555;
}

.carousel .button.main-button.inactive {
	display: none !important;
}

.carousel .button.main-button-left {

	/* left:18px; */ left: 0;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	border-left: none;
}

.carousel .button.main-button-left:before {
	font-size: 100%;
}

.carousel .button.main-button-right {

	/* right:18px; */ right: 0;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
	border-right: none;
}

.carousel .button.main-button-right:after {
	font-size: 100%;
}

/*default*/
.carousel .carousel-button {
	padding: 0;
	width: 18px;
	line-height: inherit;
}

.carousel .carousel-button.prev {
	float: left;
	display: block;
}

.carousel .carousel-button.next {
	float: right;
	display: block;
}

.carousel li.carousel-item {
	float: left;
	background-color: #ffffff;
	text-align: center;
}

.carousel .img-container {
	overflow: hidden;
	border: 2px solid #eeeeee;
}

.carousel .img-container:after {

	/*this ensures the inline image picks up vertical-align: middle inside the img-container (not needed in IE!) [need content:"" (vs. ".") to make it work in safari]*/ display: inline;
	content: "";
	visibility: hidden;
	vertical-align: middle;
	font-size: 0;
}

.carousel li img {
	max-width: 100%; /*vertical-align:middle;*/
}

.carousel li.active .img-container,
.no-touchevents .carousel .img-container:hover {
	border-color: #2B82AD;
}

.no-touchevents .carousel .img-container:hover {
	cursor: pointer;
}

.carousel .carousel_main_photo {
	min-height: 364px;
}

.carousel .carousel_main_photo li.carousel-item {
	margin-top: 10px;
}

.carousel .carousel_main_photo img {
	max-height: 364px;
	max-width: 580px;
}

/** start sizes **/

/*size1*/ .carousel.size1 {
	position: relative;
	z-index: 0;
}

.carousel.size1 .jcarousel {
	display: block;
}

.carousel.size1 li.carousel-item {
	width: 580px;
	border: none;
}

.carousel.size1 .valign {
	height: 364px;
	width: 580px;
}

.carousel.size1 .loading {
	min-height: 100px;
}

/*size3*/
.carousel.size3 .jcarousel {
	width: 492px;
}

.carousel.size3 .loading {
	background-position: 50% 50px;
}

.carousel.size3 li {
	margin: 0 7px 15px 0;
	width: 159px;
	text-align: left;
	font-size: 12px;
	line-height: 1.3;
	border: none;
}

.carousel.size3 li img {
	width: 155px;
}

/*size4*/
.carousel.size4 .jcarousel {
	width: 490px;
}

.carousel.size4 li {
	margin-right: 10px;
	width: 115px;
}

.carousel.size4 li img {
	width: 111px;
}

/*size6*/
.carousel.size6 .jcarousel {
	width: 490px;
}

.carousel.size6 li {
	margin: 0 8px 10px 0;
	width: 75px;
}

.carousel.size6 li img {
	width: 71px;
}

/*size8*/
.carousel.size8 .jcarousel {
	width: 488px;
}

.carousel.size8 li {
	margin: 0 12px 0 0;
	width: 50px;
}

.carousel.size8 li img {
	width: 46px;
}

/*end sizes*/

/***end carousel***/ /*internal tabs*/ .me-tabbar li {
	display: block;
	float: left;
	cursor: pointer;
}

.me-tabbar li.active {
	cursor: default;
}

.me-tabbar li a {
	font-size: 12px;
}

.me-tabbar li.active a {
	color: #333333;
}

.me-tabpane {
	display: none;
}

.me-tabpane.active {
	display: block;
}

/***end internal tabs***/

/** MOBILE **/ /* BEGIN Buttons----------------------------------------------------------------------------------------------------*/ .button {
	display: inline-block;
	text-align: center;
	border-radius: 5px;
	font-size: 13px;
	line-height: 28px;
	padding: 0 15px;
	background-color: #fff;
	color: #444;
	cursor: pointer; /* first shadow rule creates a subtle outer glow on the button this helps the buttons to pop off of dark backgrounds this rule should be the same for all hover and active states for all .button selectors the second shadow rule is used to vary the hover and active appearance of each .button */
	box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0px 0px 0px 100px rgba(0, 0, 0, 0.02);
	border: 1px solid rgba(0, 0, 0, 0.15);
	box-sizing: border-box;
	white-space: nowrap;
	-webkit-user-select: none; /* Chrome all / Safari all */
	-moz-user-select: none; /* Firefox all */
	-ms-user-select: none; /* IE 10+ */
	-o-user-select: none;
	user-select: none;
}

.no-touchevents .button:hover {
	color: #444;
	box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.05);
}

.button:active,
.no-touchevents .button:active {
	transition: box-shadow 100ms ease-out;
	box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 0 0 1px rgba(255, 255, 255, 0.5), inset 0px 40px 40px -40px rgba(0, 0, 0, 0.1);
}

/* node-based overrides */
button.button {
	font-family: inherit; /* text-rendering: optimizeLegibility; */
}

button.button::-moz-focus-inner {

	/* needed for firefox */ border: 0;
	padding: 0;
}

a.button {
	text-decoration: none !important;
}

/* size variations */
.button.xlarge {
	font-size: 18px;
	line-height: 48px;
	padding: 0 30px;
	font-weight: 100;
}

.button.large {
	font-size: 16px;
	line-height: 38px;
	padding: 0 15px;
}

.button.small {
	font-size: 12px;
	line-height: 23px;
	padding: 0 12px;
}

.button.xsmall {
	font-size: 10px;
	line-height: 18px;
	padding: 0 9px;
}

/* color variations */
.button.light.white {
	background-color: #fff;
}

.button.light.grey {
	background-color: #eee;
}

.button.light.seafoam {
	background-color: #fff;
	border: 1px solid hsla(166, 50%, 60%, 1);
	color: hsla(166, 50%, 50%, 1);
}

.button.dark {
	color: #fff;
	background-color: #777;
}

.button.dark.transparent {
	background-color: rgba(0, 0, 0, 0.2);
}

.no-touchevents .button.dark:hover {
	color: #fff;
}

.button.dark.grey {
	background-color: #777;
}

.button.dark.blue {
	background-color: #0077b3;
}

.button.dark.red {
	background-color: #cc0000;
}

.button.dark.orange {
	background-color: #FBB829;
}

.button.dark.seafoam {
	background-color: hsla(166, 60%, 45%, 1);
	border-color: rgba(0, 0, 0, 0.1);
}

.no-touchevents .button.dark.seafoam:hover {
	border-color: transparent;
}

.menu-content .button.light.white {
	background-color: #f8f8f8;
}

.no-touchevents .menu-content .button.light.white:hover {
	background-color: #fff;
}

.menu-content .button.light.grey {
	background-color: #e7e7e7;
}

.no-touchevents .menu-content .button.light.grey:hover {
	background-color: #eee;
}

/* outlined variation */
.button.outlined,
.button.dark.outlined,
.button.light.outlined {
	background-color: transparent;
	box-shadow: none;
	transition: border-color 100ms ease-out, background-color 100ms ease-out;
}

/*light goes on dark bg*/
.button.light.outlined {
	color: #fff;
	border-color: rgba(255, 255, 255, 0.7);
}

.no-touchevents .button.light.outlined:hover {
	box-shadow: none;
	border-color: rgba(255, 255, 255, 1);
	background-color: rgba(255, 255, 255, 0.1);
}

/*dark goes on light bg*/
.button.dark.outlined {
	color: #555;
	border-color: #888;
}

.no-touchevents .button.dark.outlined:hover {
	color: #333;
	border-color: #999;
	box-shadow: none;
	background-color: rgba(30, 30, 30, 0.1);
}

/* branded color variations */

/* http://www.quora.com/What-is-the-HEX-color-that-LinkedIn-uses-for-blue Facebook #3B5998 Flickr #FE0883 Foursquare #8FD400 Google+ #C63D2D Instagram #4E433C Linkedin #4875B4 Tumblr #2B4964 Twitter #33CCFF - we use #2ca9e1 Vimeo #86B32D Youtube #FF3333 */ .button.dark.branded.facebook {
	background-color: #3b5998;
}

.button.dark.branded.google {
	background-color: #4285f4;
}

.button.dark.branded.twitter {
	background-color: #2ca9e1;
}

.button.dark.branded.linkedin {
	background-color: #4875B4;
}

.button.dark.branded.instagram {
	background-color: #517fa4;
}

.button.dark.branded.tumblr {
	background-color: #456f99;
}

.button.dark.branded.pinterest {
	background-color: #bd081c;
}

/* dark button shadows and borders */
.button.dark {
	box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0px 0px 0px 100px rgba(0, 0, 0, 0.1);
	border: 1px solid rgba(0, 0, 0, 0.1);
}

.no-touchevents .button.dark:hover {
	box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.05);
}

.button.dark:active,
.no-touchevents .button.dark:active {
	box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0px 0px 0px 100px rgba(0, 0, 0, 0.3);
}

/* disabled variations */
.button.disabled,
.button.disabled:hover,
.no-touchevents .button.disabled:hover,
.button.disabled:active {
	opacity: 0.4;
	transition: box-shadow 0ms;
	box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1);
	cursor: default;
}

.button.dark.disabled,
.button.dark.disabled:hover,
.button.dark.disabled:active {
	opacity: 0.2;
}

.button.light.seafoam.disabled,
.button.light.seafoam.disabled:hover,
.button.light.seafoam.disabled:active {
	opacity: 0.5;
	border: 1px solid hsla(166, 50%, 60%, 0.7);
}

.button.dark.seafoam.disabled,
.button.dark.seafoam.disabled:hover,
.button.dark.seafoam.disabled:active {
	opacity: 0.4;
}

.button .hover-text {
	display: none;
}

.button.button-hover.button-hovered .hover-text,
.no-touchevents .button.button-hover:hover .hover-text {
	display: inline;
}

.button.button-hover.button-hovered .default-text,
.no-touchevents .button.button-hover:hover .default-text {
	display: none;
}

/* button groups */
.buttons {
	line-height: 30px;
	zoom: 1;
}

.buttons.large {
	line-height: 40px;
}

.buttons.small {
	line-height: 25px;
}

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

.buttons .button {
	float: left;
	margin-right: 15px;
	margin-bottom: 10px;
}

.buttons .button.small {
	margin-right: 8px;
}

.buttons .button:last-child {
	margin-right: 0px;
}

.buttons:last-child .button,
.buttons.last .button {
	margin-bottom: 0px;
}

.buttons.center {
	text-align: center;
}

.buttons.center .button {
	float: none;
	margin: 0 8px 0 7px;
}

/* buttonbars - groups of directly abutting buttons - e.g. next/prev */
.buttonbar {
	zoom: 1;
	clear: left;
}

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

.buttonbar > .button {
	float: left;
	margin-right: -1px;
	position: relative;
	border-radius: 0px;
	white-space: nowrap;
}

.no-touchevents .buttonbar > .button:hover {
	z-index: 1;
}

.buttonbar > .button.active,
.no-touchevents .buttonbar > .button.active:hover {
	background-color: #d5e6ef;
	z-index: 2;
	border-color: #A5B6C0;
	border-color: rgba(0, 0, 0, 0.15);
	box-shadow: none;
	cursor: default;
}

.buttonbar > .button:first-child,
.buttonbar > .button.first {
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}

.buttonbar > .button:last-child,
.buttonbar .button.last {
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	margin-right: 0;
}

.buttonbar .buttonbar {
	clear: none;
	float: left;
}

.buttonbar .buttonbar > .button:first-child,
.buttonbar .buttonbar > .button.first,
.buttonbar .buttonbar > .button:last-child,
.buttonbar .buttonbar .button.last {
	border-radius: 0px;
}

/* button-related CSS from core.css */

/* buttons with loading state */ /* apply 'loading' class to form buttons during ajax submission (probably along with 'disabled' class) */ .button .loading-text {
	display: none;
}

.button.loading .default-text {
	display: none;
}

.button.loading .loading-text {
	display: inline-block;
	position: relative;
	padding-left: calc(1em + 5px);
}

.button.loading .loading-text:before {
	content: "";
	display: block;
	position: absolute;
	left: -0.4em;
	top: 50%;
	margin-top: -0.65em;
	width: 1.2em;
	height: 1.2em;
	animation: fullrotation 1s infinite linear;
	border-left: 0.2em solid rgba(0, 0, 0, .3);
	border-right: 0.2em solid rgba(0, 0, 0, .6);
	border-bottom: 0.2em solid rgba(0, 0, 0, .6);
	border-top: 0.2em solid rgba(0, 0, 0, .6);
	box-sizing: border-box;
	border-radius: 50%;
	margin-right: 1em;
}

.button.light.seafoam.loading .loading-text:before {
	border-left: 0.2em solid hsla(166, 50%, 60%, .3);
	border-right: 0.2em solid hsla(166, 50%, 60%, .6);
	border-bottom: 0.2em solid hsla(166, 50%, 60%, .6);
	border-top: 0.2em solid hsla(166, 50%, 60%, .6);
}

@keyframes fullrotation {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}

}

.button.dark.loading .loading-text:before {
	border-left: 0.2em solid rgba(255, 255, 255, .3);
	border-right: 0.2em solid rgba(255, 255, 255, .8);
	border-bottom: 0.2em solid rgba(255, 255, 255, .8);
	border-top: 0.2em solid rgba(255, 255, 255, .8);
}

/* form-related CSS from core.css file */
input[type="search"],
input[type="url"],
input[type="text"],
input[type="password"],
input[type="email"] {
	display: block;
	margin: 0;
	margin-bottom: 5px;
	-webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0px 20px 20px -20px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0px 20px 20px -20px rgba(0, 0, 0, 0.1);
	font-size: 16px;
	line-height: 1.5;
	font-family: inherit; /* text-rendering: optimizeLegibility; */
	padding: 4px;
	vertical-align: baseline;
	border: 1px solid #ccc;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

input.input {
	font-size: 13px;
	line-height: 28px;
	height: 30px; /* firefox won't work with just line-height */
	padding: 0 6px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

input.input.large {
	font-size: 16px;
	line-height: 38px;
	height: 40px;
	padding: 0 10px;
}

input.input.xlarge {
	font-size: 18px;
	line-height: 48px;
	height: 50px;
	padding: 0 15px;
}

input.input.inline {
	display: inline-block;
	margin-right: 3px;
	vertical-align: top;
}

input.input.uppercase {
	text-transform: uppercase;
}

input.input.uppercase::-webkit-input-placeholder {
	text-transform: none;
}

input.input.uppercase::-moz-placeholder {
	text-transform: none;
}

input.input.uppercase:-ms-input-placeholder {
	text-transform: none;
}

input.input.uppercase::placeholder {
	text-transform: none;
}

textarea {
	display: block;
	font-size: 16px;
	line-height: 1.3;
	font-family: inherit; /* text-rendering: optimizeLegibility; */
	padding: 4px;
	margin: 0px;
	margin-bottom: 5px;
	-webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0px 20px 20px -20px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0px 20px 20px -20px rgba(0, 0, 0, 0.1);
	border: 1px solid #ccc;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	resize: vertical;
}

textarea.input {
	font-size: 13px;
	padding: 6px;
}

textarea.input.large {
	font-size: 16px;
	padding: 10px;
}

input.hint,
textarea.hint {
	color: #999;
}

select {
	margin-bottom: 5px;
	line-height: 24px;
	font-size: 12px;
	border: 1px solid #ccc;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

label {
	display: block;
	margin-bottom: 5px;
	font-size: 14px;
}

label.label {
	font-weight: bold;
}

label.inline {
	display: inline-block;
	margin-right: 10px;
}

label.note {
	font-size: 12px;
	color: #999;
	font-style: italic;
}

label.minilabel {
	font-weight: bold;
	font-size: 11px;
	text-transform: uppercase;
}

label.alarum {
	color: red;
	font-size: 13px;
	font-style: italic;
}

fieldset {
	margin-bottom: 15px;
}

fieldset.last,
fieldset:last-child {
	margin-bottom: 0px;
}

/* end form-related CSS from core.css file */

/* BEGIN jQuery form validatorneed to include with apps v1todo: audit usage and refactor*/ input[type="file"] {
	height: 100%;
}

/* refactor this .alarum stuff too */
span.alarum,
div.alarum,
label.alarum,
p.alarum {
	clear: both;
	display: block;
	color: red;
	font-size: 13px;
	font-style: italic;
	margin-top: 5px;
}

span.alarum.confirmed,
label.alarum.confirmed {
	color: green;
}

input.input.alarum_field,
input.text.alarum_field,
input.input.alarum,
input.text.alarum {
	border: 1px solid red;
}

label.alarum span.alarum {

	/* temporary fix until we can spend time auditing the use of .alarum sitewide */ /* we should let validator do the work for us, don't put span.alarum in the error message */ clear: inherit;
	display: inline;
	color: inherit;
	font-size: inherit;
	line-height: inherit;
	font-style: inherit;
	padding: 0;
}

label.error {
	color: #d66;
	margin-top: 10px;
}

/* underlined input variant */
textarea.input.underline,
input.input.underline {
	-webkit-box-shadow: none;
	box-shadow: none;
	outline: none;
	-webkit-border-radius: 0;
	border-radius: 0; /*why leave a transparent border? changing to none because google places, for instance, gets wrong visual width -nf*/
	border: none;
	border-bottom: 1px solid #ccc;
	padding-left: 0;
	padding-right: 0;
	resize: none;
}

.element-error input.underline {
	border-bottom: 1px solid #c66;
}

/*use large input with small button for underline buttonfields*/
.buttonfield .input.underline.large + .button.small {

	/*original buttonfields square left corners*/ -webkit-border-radius: 5px;
	border-radius: 5px;
	margin-top: 6px;
}

/*with a glyph*/
fieldset.glyphinput:before {
	position: absolute;
	margin: 0;
	left: 5px;
	top: 0;
	line-height: 40px;
	font-size: 140%;
	color: #999;
}

fieldset.glyphinput.seafoam:before {
	color: #2eb897;
}

fieldset.glyphinput input.input {
	padding-left: 2em;
}

.radio {
	display: inline;
	margin-bottom: 12px;
	margin-top: 12px;
}

label.checkbox,
label.radio {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

input.ui-state-error-custom {
	border: 1px solid #cd0a0a; /*color: #ffffff;*/
}

div.ui-state-error-custom {
	color: #ff9900;
	font-size: 14px;
}

div.ui-state-error-custom-edit {
	color: #ffb73d;
	position: relative;
	font-size: 14px;
}

.buttonfield {
	position: relative;
}

.buttonfield input.input {
	width: 100%;
}

.buttonfield .button {
	position: absolute;
	top: 0;
	right: 0;
	-webkit-border-top-left-radius: 0;
	border-top-left-radius: 0;
	-webkit-border-bottom-left-radius: 0;
	border-bottom-left-radius: 0;
}

.buttonfield .button.light {
	border-top: none;
	border-right: none;
	border-bottom: none;
	top: 1px;
	right: 1px;
}

.buttonfield.copyfield .button {
	display: none;
}

html.flash .buttonfield.copyfield .button {
	display: inherit;
}

/* END jQuery form validator */

/* restyled select menus */ /* derived from http://jsfiddle.net/sstur/fm5Jt/ */ /* .select as a class name is used for fake multiple select(see below) that uses checkboxes to get a matching css-only multi-select.We may want to think about expanding the idea to single selects using radios,to get completely consistent display. For now, the new version is admin-only. -nf */ .select.input,
select.input {
	-webkit-appearance: none;
	-moz-appearance: none;
	border: 1px solid #ccc;
	border: 1px solid rgba(0, 0, 0, 0.2);
	height: 30px;
	margin: 0;
	padding: 0px;
	background: transparent none no-repeat;
	-webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 0 0 1px rgba(255, 255, 255, 0.3), inset 0px -60px 40px -40px rgba(0, 0, 0, 0.05);
	box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 0 0 1px rgba(255, 255, 255, 0.3), inset 0px -60px 40px -40px rgba(0, 0, 0, 0.05);
	cursor: pointer;
	color: #333;
	font-family: inherit;
	font-size: 13px;
	line-height: 28px;
	display: inline-block;
	padding-left: 10px;
	padding-right: 40px;
}

.select.input,
select.input {
	-webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 0 0 1px rgba(255, 255, 255, 0.3), inset 0px 60px 40px -40px rgba(0, 0, 0, 0.05);
	box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 0 0 1px rgba(255, 255, 255, 0.3), inset 0px 60px 40px -40px rgba(0, 0, 0, 0.05);
}

.select.input.inline,
select.input.inline {
	vertical-align: top;
	margin-right: 3px;
	padding-left: 7px;
}

.select.input.large,
select.input.large {
	font-size: 16px;
	height: 40px;
	line-height: 38px;
	padding-left: 10px;
}

/*fake (multiple) selects only*/
.select.input[multiple] {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
	z-index: 1000;
	counter-reset: selected;
	padding-right: 30px;
}

.select.input[multiple] > span:after {
	height: 28px;
	line-height: 28px;
	min-width: 20px;
	border-left: 1px solid rgba(0, 0, 0, 0.1);
	text-align: center;
	display: inline-block;
	margin-left: 5px;
	content: counter(selected);
}

.select.input[multiple] * {
	line-height: 1;
}

.select.input[multiple] .options {
	background-color: rgba(255, 255, 255, 0.85);
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
	top: 0px;
	left: -10px;
	position: absolute;
	margin-left: -9999px;
	padding: 5px 0;
	z-index: 1; /*large min-width is to ensure options cover parent view. css-only technique depends on this.*/
	min-width: -webkit-calc(120%);
	min-width: calc(120%);
}

.select.input[multiple] .options input {
	display: block;
	position: absolute;
	margin-left: -9999px;
}

.select.input[multiple] .options label {
	text-align: left;
	padding: 3px 20px 3px 20px;
	margin: 0;
}

.select.input[multiple] .options input + label:hover {
	color: #fff;
	background-color: #2883f0;
	cursor: pointer;
}

.select.input[multiple] .options input:checked + label {
	color: #fff;
	background-color: #555;
	counter-increment: selected;
}

.select.input[multiple]:not([disabled]) .options:hover,
.select.input[multiple]:not([disabled]):active .options {
	margin-left: 0;
}

/* end fake (multiple) select */
@media screen and (min-width:0) {

	/* for relatively modern browsers including IE 8+ */
	.select.input,
	select.input {
		-webkit-border-radius: 3px;
		border-radius: 3px;
		background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAyCAYAAACgadDsAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAH9JREFUeNrs1t0KgCAMhuFv0VV0tbvabsMKOogIc+BP0CsMmQc+6IZokpaU0qqOY9KAAQoKCgoKCgraCDWza/g173FSv83NUX/Jq6MeXH8uU+Tfm6vdvse3u3eudL2hKx5S0yHdq7ORVBI5rHSPI0Ldy4MPCgoKCgoK+hN0E2AAlRpVSfyaTcsAAAAASUVORK5CYII=);
		background-position: right center;
	}

	.select.input.dark,
	select.input.dark {
		background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAyCAYAAACgadDsAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MEIyODI3NUZFNkVGMTFFM0I4QTZDRkRDMUMxM0IxRDEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MEIyODI3NjBFNkVGMTFFM0I4QTZDRkRDMUMxM0IxRDEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowQjI4Mjc1REU2RUYxMUUzQjhBNkNGREMxQzEzQjFEMSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowQjI4Mjc1RUU2RUYxMUUzQjhBNkNGREMxQzEzQjFEMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PmQ6+rEAAACPSURBVHja7NZRCoAgDAbgLTpF5/CAO6Beo2tYQoX4IM5cBf2DIfrgh3OITERLjHGlB2OiFwIoUKBAgQIFCtQIZeYrQwiSz81P6r2XfDQvbwn1wNMdsBdmzb+3dnf7Ht/u3nlEeY8Qk5M650SzPqy8JaAFz0iNRC1ZK3XrHilV3YsHHyhQoECBAgX6E3QTYADlyW09Tlxg5gAAAABJRU5ErkJggg==);
	}

}

/* for Firefox */

/* hides the dotted outline on focus in FF (See SO#3773430) */ .select.input:-moz-focusring,
select.input:-moz-focusring {
	color: transparent;
	text-shadow: 0 0 0 #000;
}

@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none) {

	/* for IE10+ */
	.select.input::-ms-expand,
	select.input::-ms-expand {
		display: none;
	}

}

/*RETINA ALL SIZES - this is just graphics swapping stuff*/
@media only screen and (-webkit-min-device-pixel-ratio:1.25), only screen and (-webkit-min-device-pixel-ratio:120), only screen and (min-resolution:120dppx) {
	.select.input,
	select.input {
		background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADoAAABkCAYAAADXPyOvAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAN1JREFUeNrs2lEOgyAMANCy7BQ7bU+7a+i+3QdZBirwSIxRIfiiaYuxRMRr27Z3TN4esUgDBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUdHVpKqW1Z6zPDE83DfspXNyvHU0Dzx/NDQvPP60NAs3G/W0Kzc/9bQPPkcZdA8+Lx37k9Ovyv2yLhf+5JCQgKGvG8aTBqHpCWibryqMpIrWv1stR6dKkvDEdcnjlpl6JeCQgKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCrpG2wUYANg8IXKvJCa2AAAAAElFTkSuQmCC);
		-webkit-background-size: 29px 50px;
		background-size: 29px 50px;
	}

	.select.input.dark,
	select.input.dark {
		background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADoAAABkCAYAAADXPyOvAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QjE3NDhCNUIxNEVDMTFFNDkzNEFEODBEQzJBQzE1ODUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QjE3NDhCNUMxNEVDMTFFNDkzNEFEODBEQzJBQzE1ODUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCMTc0OEI1OTE0RUMxMUU0OTM0QUQ4MERDMkFDMTU4NSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCMTc0OEI1QTE0RUMxMUU0OTM0QUQ4MERDMkFDMTU4NSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgQ/SAUAAADkSURBVHja7NjbCYMwGAZQKZ2ia2TBf0Cdyb70SShWau4nEERNhEPUfMmyrutr3/dl9PpYJimgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKAFyzPHQ7dtO2sSn/q1pJS6H9E4HId8dePkfAhoXLzeJTT+vN8FNG5u1yQ0MrdvAhqF+1WBRuX+ZQJD6TlSBAQV6qt8o9HDiDb31zWPSkayrtXLVOvRqXYYjriieThLYPhhB6946Jd1QUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFB7y9vAQYARKnEOzhJepsAAAAASUVORK5CYII=);
	}

}

/* end restyled select menus */
@media only screen and (max-width:640px) {
	textarea[contenteditable] {
		-webkit-appearance: none;
	}

	input[type=url],
	input[type=text],
	input.input,
	textarea {
		background-image: none;
		-webkit-box-shadow: none;
		box-shadow: none;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		font-size: 16px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

}

/*radio inputs<input class="input" type="radio" id="foo"><label for="foo">input must have class 'input' to opt-ininput must have an `id` attributeinput must be followed by a labellabel must have a `for` attribute matching the radio `id`size is relative to label font-size.myfeature input.input[type=radio] + label{font-size: 16px;}*/
input.input[type=radio] {
	display: none;
}

input.input[type=radio] + label {
	position: relative;
	padding-left: 1.8em;
	text-align: left;
	display: block;
	margin-bottom: 0.5em;
	font-size: 16px;
	cursor: pointer;
}

input.input.large[type=radio] + label {
	font-size: 18px;
}

input.input[type=radio] + label:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0.025em;
	width: 1em;
	height: 1em;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	border: 0.125em solid rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: inset 0 0 0 0.4em #fff;
	box-shadow: inset 0 0 0 0.4em #fff;
	background-color: #fff; /* global transition rules don't affect pseudo-elements apparently */
	-webkit-transition: all 150ms ease-out;
	transition: all 150ms ease-out;
}

input.input[type=radio]:checked + label:before {
	border: 0.125em solid #29a387;
	background-color: #2eb897;
	-webkit-box-shadow: inset 0 0 0 0.225em #fff;
	box-shadow: inset 0 0 0 0.225em #fff;
}

/*(turn on soft-wrap to read these docs)=================================RESERVED NOUN CLASSESthese nouns are reserved for certain visual/functional node types which are used across the site. if you use them, please use them in the same manner as existing instances. e.g. don't use .menu for something that isn't like our existing menus. please add to this list as needed.structural elements: .structure, .topnav, .subnav, .content, footer .head, .body - these are used within .nonprofile pages to mark the head and body sections of the content area.badge - number badges (e.g. the dashboard notification badge in the top nav).banner.button, .buttons, .buttonbar, .buttonfield.captcha.carousel.column.expandable - expandable content nodes - see module/expandable/expandable.js.input - apply to form elements to use update form appearance eventually all form elements should have this class (at which point we might consider removing it).lightswitch.menu, .menu-toggle, .menu-arrow. see class/menu.js.menubar - to mix buttons and button menus in a single bar (e.g. the actions bar on profiles).modal.note - used for dashboard notifications.pagethumb - see class/pagethumb.js.pane - hidden by default. use groups of panes in a parent div to selectively reveal mutually-exclusive parts of a UI in javascript e.g. .pane.success, .pane.error.progressbar.row - container for columns - see related rules for more info.section - used to mark sections in a page, with spacing between.tab - hidden node used by class/tabs.js.text - used for text nodes that you want to apply adjectives to, e.g. p.text.yellow.tickslider - a slider with tickmarks below it.token, .tokenbox.tooltip--- add nouns above this line ---=================================RESERVED ADJECTIVE CLASSESthese adjectives should generally be used in conjuction with some sort of noun, either from the global list above, or some noun that is specific to your feature. i.e. don't use .yellow as a class name by itself - use .noun.yellow or .myfeature.yellowsizes: xsmall, small, medium, large, xlargestyles: light, dark - mostly used on buttons, but available for use on other nouns - planning to migrate .menu to use .menu.light and .menu.darkcolors: black, white, blue, red, orange, yellow, grey/gray (need to standardize our spelling on that one)states: .disabled, .loading, .invisible, .error, .success, .active, .inactive, .selected.fullwidth - used for forcing certain nodes to fill their container e.g. input.fullwidth or .button.fullwidth--- add adjectives above this line ---*/

/* defining a default size .page-container, used by lib/disablescroll */ .page-container {
	width: 100%;
	height: 100%;
	overflow: visible;
}

.page-content {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	min-height: 100vh;
}

main {
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
}

footer {
	-webkit-box-flex: 0;
	-webkit-flex-grow: 0;
	-ms-flex-positive: 0;
	flex-grow: 0;
	-webkit-flex-shrink: 1;
	-ms-flex-negative: 1;
	flex-shrink: 1;
}

.structure {
	max-width: 1260px;
	margin-left: auto;
	margin-right: auto;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding-left: 5vw;
	padding-right: 5vw;
}

/* ----- new bundle ------ */
body {
	background-color: #333;
}

._1zgKVzoNm1tXWoLQbAC7_K main {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: stretch;
	-webkit-align-items: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
}

._1zgKVzoNm1tXWoLQbAC7_K .profile-column {
	width: 100%;
	position: relative;
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	-webkit-flex-shrink: 1;
	-ms-flex-negative: 1;
	flex-shrink: 1;
}

.edit-open ._1zgKVzoNm1tXWoLQbAC7_K .profile-column {
	overflow-y: auto;
	height: 100vh;
}

._1zgKVzoNm1tXWoLQbAC7_K .edit-column {
	position: relative;
	background-color: #333;
	width: 0;
	-webkit-transition: width 250ms ease-in-out;
	transition: width 250ms ease-in-out;
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	z-index: 1;
}

.edit-open ._1zgKVzoNm1tXWoLQbAC7_K .edit-column {
	width: 400px;
}

._1zgKVzoNm1tXWoLQbAC7_K .hide-scrollbar {
	-ms-overflow-style: none;
}

._1zgKVzoNm1tXWoLQbAC7_K .hide-scrollbar::-webkit-scrollbar {
	display: none;
}

@media only screen and (max-width:720px) {
	._1zgKVzoNm1tXWoLQbAC7_K main {
		position: relative;
		overflow-x: hidden;
	}

	._1zgKVzoNm1tXWoLQbAC7_K .edit-column {
		width: 100vw;
		height: 100vh;
		position: absolute;
		left: 100%;
		top: 0;
		z-index: 100;
		-webkit-transition: left 200ms ease-in-out;
		transition: left 200ms ease-in-out;
	}

	.edit-open ._1zgKVzoNm1tXWoLQbAC7_K .edit-column {
		left: 0;
		width: 100vw;
	}

}

/* ----- new bundle ------ */
nav.topnav {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 311;
	-webkit-transform: translateZ(0); /* force into its own compositing layer */
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	height: 50px;
	line-height: 50px;
	background-color: transparent; /*this transition should be a bit longer than 150ms, needs to be smooooth and not draw attention to itself*/
	-webkit-transition: background-color 500ms ease-out;
	transition: background-color 500ms ease-out;
	padding: 0 15px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between; /* topnav buttons */

	/* white stroke and text by default */ /* dark stroke and text when scrolled */
}

nav.topnav.scrolled {
	background-color: rgba(255, 255, 255, 0.95);
	color: #888;
}

nav.topnav .logo-container {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	height: 50px;
}

nav.topnav .logo {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 11px;
	width: 88px;
	height: 28px;
}

nav.topnav .logo svg {
	width: 100%;
	height: auto;
}

nav.topnav.seafoam .logo svg path {
	fill: #2eb897;
}

nav.topnav.scrolled .logo svg path {
	fill: #2eb897;
}

nav.topnav > ul {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
}

nav.topnav > ul.applinks {
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	-ms-grid-row-align: flex-start;
	align-items: flex-start;
}

nav.topnav > ul.userlinks {
	-webkit-box-align: end;
	-webkit-align-items: flex-end;
	-ms-flex-align: end;
	-ms-grid-row-align: flex-end;
	align-items: flex-end;
}

nav.topnav .button {
	border-color: rgba(255, 255, 255, 0.5);
	color: #ffffff;
	margin: 0;
	margin-left: 15px; /* white hover by default */
}

.no-touchevents nav.topnav .button:hover {
	color: #ffffff;
	background-color: rgba(255, 255, 255, 0.1);
}

.no-touchevents .edit-open nav.topnav .button:hover {
	color: #ffffff;
}

nav.topnav.seafoam .button,
nav.topnav.scrolled .button {
	border-color: rgba(0, 0, 0, 0.3);
	color: #666666; /* dark hover when scrolled */
}

nav.topnav.seafoam .button:hover,
nav.topnav.scrolled .button:hover {
	color: #666666;
	background-color: rgba(0, 0, 0, 0.05);
}

/* put a shield behind the logo on large templates */
@media only screen and (max-width:800px) {

	/* only show the shield on mobile when edit panel isn't open */
	body:not(.edit-open) nav.topnav.template-large:not(.scrolled) .logo {
		background-color: rgba(0, 0, 0, 0.2);
	}

}

@media only screen and (min-width:801px) {
	nav.topnav.template-large:not(.scrolled) .logo {
		background-color: rgba(0, 0, 0, 0.2);
	}

	.no-touchevents nav.topnav.template-large:not(.scrolled) a.logo:hover {
		background-color: rgba(0, 0, 0, 0.5);
	}

}

@media only screen and (max-width:800px) {
	body:not(.edit-open) nav.topnav.template-large:not(.scrolled) .button {
		background-color: rgba(0, 0, 0, 0.2);
	}

	.no-touchevents body:not(.edit-open) nav.topnav.template-large:not(.scrolled) .button:hover {
		background-color: rgba(0, 0, 0, 0.5);
	}

}

@media only screen and (min-width:801px) {
	body:not(.edit-open) nav.topnav.template-large .button {
		border-color: rgba(0, 0, 0, 0.3);
		color: #666666;
	}

	.no-touchevents body:not(.edit-open) nav.topnav.template-large .button:hover {
		color: #666666;
		background-color: rgba(0, 0, 0, 0.05);
	}

}

/* end topnav buttons */

/* ----- new bundle ------ */ .profile._1tM5oMIAL8KGQcXAphjAk {
	line-height: 1.4;
	padding: 10px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	min-width: 320px;
	position: relative;
	padding-top: 50px;
	padding-bottom: 50px;
}

.profile._1tM5oMIAL8KGQcXAphjAk.no-brand {
	padding-top: 20px;
}

.profile._1tM5oMIAL8KGQcXAphjAk.nested {
	overflow: hidden;
	padding-top: 25px;
	padding-bottom: 25px;
}

.profile._1tM5oMIAL8KGQcXAphjAk.preview {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	pointer-events: none;
}

.profile._1tM5oMIAL8KGQcXAphjAk:not(.nested) {
	min-height: 100vh;
}

.profile._1tM5oMIAL8KGQcXAphjAk .profile-content {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: #666;
}

.profile._1tM5oMIAL8KGQcXAphjAk .profile-content .head {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.profile._1tM5oMIAL8KGQcXAphjAk .profile-content .body {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	padding: 20px;
}

.profile._1tM5oMIAL8KGQcXAphjAk .profile-content section + section:not(:empty) {
	margin-top: 20px;
}

.profile._1tM5oMIAL8KGQcXAphjAk .profile-content .name-headline section + section:not(:empty) {
	margin-top: 5px;
}

.profile._1tM5oMIAL8KGQcXAphjAk .profile-content .image {
	background-color: #eee;
}

.profile._1tM5oMIAL8KGQcXAphjAk .profile-content .name {
	font-size: 20px;
	line-height: 1.2;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-weight: bold;
	margin: 0;
	color: #333;
}

.profile._1tM5oMIAL8KGQcXAphjAk .profile-content .headline {
	font-size: 16px;
	line-height: 1.2;
	margin: 0;
}

.profile._1tM5oMIAL8KGQcXAphjAk .profile-content .headline .role {
	display: inline-block;
	text-transform: capitalize;
}

.profile._1tM5oMIAL8KGQcXAphjAk .profile-content .headline .roles,
.profile._1tM5oMIAL8KGQcXAphjAk .profile-content .headline .location {
	white-space: nowrap;
}

.profile._1tM5oMIAL8KGQcXAphjAk .profile-content .portfolio ul {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-flow: row nowrap;
	-ms-flex-flow: row nowrap;
	flex-flow: row nowrap;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.profile._1tM5oMIAL8KGQcXAphjAk .profile-content .portfolio ul .portfolio-item {
	display: block;
	opacity: 0.9;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: inset 0 0 1px 0 rgba(0, 0, 0, 0.5);
	box-shadow: inset 0 0 1px 0 rgba(0, 0, 0, 0.5);
}

.profile._1tM5oMIAL8KGQcXAphjAk .profile-content .portfolio ul .portfolio-item::before {
	display: block;
	content: "";
	padding-bottom: 100%;
}

.no-touchevents .profile._1tM5oMIAL8KGQcXAphjAk .profile-content .portfolio ul .portfolio-item:hover {
	cursor: pointer;
	opacity: 1;
}

.profile._1tM5oMIAL8KGQcXAphjAk .profile-content .portfolio ul .portfolio-item + .portfolio-item {
	margin-left: 12px;
}

.profile._1tM5oMIAL8KGQcXAphjAk .profile-content .spotlight {
	font-weight: bold;
	color: #fff;
}

.profile._1tM5oMIAL8KGQcXAphjAk .profile-content .bio {
	font-size: 16px;
	max-width: 100%;
	margin: 0 auto;
	text-align: left;
}

.profile._1tM5oMIAL8KGQcXAphjAk .profile-content .bio.short-bio {
	text-align: center;
}

.profile._1tM5oMIAL8KGQcXAphjAk .profile-content .bio a {
	color: #666;
	position: relative;
	text-decoration: underline;
}

.no-touchevents .profile._1tM5oMIAL8KGQcXAphjAk .profile-content .bio a:hover {
	color: #aaa;
}

.profile._1tM5oMIAL8KGQcXAphjAk .profile-content ul.inline {
	padding: 0;
	margin: 0;
	list-style: none;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.profile._1tM5oMIAL8KGQcXAphjAk .profile-content ul.inline li.interest {
	padding: 0;
	margin: 5px;
}

.profile._1tM5oMIAL8KGQcXAphjAk .profile-content ul.inline li.interest a {
	color: #9f9f9f;
}

.no-touchevents .profile._1tM5oMIAL8KGQcXAphjAk .profile-content ul.inline li.interest a:hover {
	color: #888;
}

.profile._1tM5oMIAL8KGQcXAphjAk .profile-content ul.inline li.interest .curate {
	font-size: 12px;
	color: #dddddd;
	position: absolute;
	margin-top: -15px;
	margin-left: 5px;
	opacity: 0;
	-webkit-transition: all 200ms ease-out;
	transition: all 200ms ease-out;
	cursor: pointer;
}

.no-touchevents .profile._1tM5oMIAL8KGQcXAphjAk .profile-content ul.inline li.interest .curate:hover {
	color: #aaaaaa;
}

.no-touchevents .profile._1tM5oMIAL8KGQcXAphjAk .profile-content ul.inline li.interest:hover .curate {
	opacity: 1.0;
}

.profile._1tM5oMIAL8KGQcXAphjAk .profile-content ul.inline li a.social-link {
	padding: 0;
	margin: 10px;
	width: 36px;
	height: 36px;
	font-size: 30px;
	line-height: 36px;
	cursor: pointer;
	display: block;
	-webkit-font-smoothing: antialiased;
	color: rgba(54, 71, 78, 0.7);
}

.profile._1tM5oMIAL8KGQcXAphjAk .profile-content ul.inline li a.social-link svg {
	fill: rgba(54, 71, 78, 0.7);
	height: 100%;
	width: 100%;
}

.no-touchevents .profile._1tM5oMIAL8KGQcXAphjAk .profile-content ul.inline li a.social-link:hover {
	color: #36474e;
}

.profile._1tM5oMIAL8KGQcXAphjAk .profile-content ul.meta-sections {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	max-width: 400px;
	margin: 0 auto;
	font-size: 14px; /* this rule only applies when there are 2 or more meta sections */
}

.profile._1tM5oMIAL8KGQcXAphjAk .profile-content ul.meta-sections .meta-section:nth-last-child(n+2),
.profile._1tM5oMIAL8KGQcXAphjAk .profile-content ul.meta-sections .meta-section:nth-last-child(n+2) ~ .meta-section {
	width: 50%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 5px;
}

.profile._1tM5oMIAL8KGQcXAphjAk .profile-content ul.meta-sections .meta-header {
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
}

.profile._1tM5oMIAL8KGQcXAphjAk.small .profile-content {
	width: 620px;
	max-width: -webkit-calc(100vw - 10px);
	max-width: calc(100vw - 10px);
	text-align: center;
	background-color: #ffffff;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	margin-top: 60px;
}

.profile._1tM5oMIAL8KGQcXAphjAk.small .head .image {
	-webkit-box-shadow: inset 0 0 10px 0 rgba(0, 0, 0, 0.2), 0 0 2px 0 rgba(0, 0, 0, 0.1);
	box-shadow: inset 0 0 10px 0 rgba(0, 0, 0, 0.2), 0 0 2px 0 rgba(0, 0, 0, 0.1);
	-webkit-border-radius: 50%;
	border-radius: 50%;
	margin: 0 auto;
	margin-top: -60px;
	margin-bottom: 20px;
	width: 120px;
	height: 120px;
}

.profile._1tM5oMIAL8KGQcXAphjAk.small .name-headline {
	padding-left: 20px;
	padding-right: 20px;
}

.profile._1tM5oMIAL8KGQcXAphjAk.medium .profile-content {
	width: 620px;
	max-width: -webkit-calc(100vw - 10px);
	max-width: calc(100vw - 10px);
	text-align: center;
}

.profile._1tM5oMIAL8KGQcXAphjAk.medium .head {
	overflow: hidden;
	position: relative;
	-webkit-border-top-left-radius: 4px;
	border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	border-top-right-radius: 4px;
}

.profile._1tM5oMIAL8KGQcXAphjAk.medium .head .image {
	background-color: rgba(255, 255, 255, 0.1);
	-webkit-box-shadow: inset 0 -130px 200px -50px rgba(0, 0, 0, 0.5);
	box-shadow: inset 0 -130px 200px -50px rgba(0, 0, 0, 0.5);
}

.profile._1tM5oMIAL8KGQcXAphjAk.medium .head .name-headline {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	position: absolute;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 20px;
	bottom: 0;
	left: 0;
	width: 100%;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7);
}

.profile._1tM5oMIAL8KGQcXAphjAk.medium .head .name-headline .name {
	color: #ffffff;
}

.profile._1tM5oMIAL8KGQcXAphjAk.medium .head .name-headline .headline {
	color: #ffffff;
}

.profile._1tM5oMIAL8KGQcXAphjAk.medium .body {
	background-color: #ffffff;
	-webkit-border-bottom-left-radius: 4px;
	border-bottom-left-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	border-bottom-right-radius: 4px;
}

.profile._1tM5oMIAL8KGQcXAphjAk.large {
	padding: 0;
	background-color: #fff;
}

@media (max-width:800px) {
	.profile._1tM5oMIAL8KGQcXAphjAk.large:not([min-width="801px"]) {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-pack: start;
		-webkit-justify-content: flex-start;
		-ms-flex-pack: start;
		justify-content: flex-start;
	}

	.profile._1tM5oMIAL8KGQcXAphjAk.large:not([min-width="801px"]) .profile-content {
		width: 100%;
		text-align: center;
	}

	.profile._1tM5oMIAL8KGQcXAphjAk.large:not([min-width="801px"]) .head {
		position: relative;
		max-height: 80vh;
		overflow: hidden;
	}

	.profile._1tM5oMIAL8KGQcXAphjAk.large:not([min-width="801px"]) .head .image {
		-webkit-box-shadow: inset 0 -130px 200px -50px rgba(0, 0, 0, 0.5);
		box-shadow: inset 0 -130px 200px -50px rgba(0, 0, 0, 0.5);
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	.profile._1tM5oMIAL8KGQcXAphjAk.large:not([min-width="801px"]) .head .name-headline {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-pack: end;
		-webkit-justify-content: flex-end;
		-ms-flex-pack: end;
		justify-content: flex-end;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		padding: 25px 20px 5px 20px;
		bottom: 0;
		left: 0;
		width: 100%;
	}

	.profile._1tM5oMIAL8KGQcXAphjAk.large:not([min-width="801px"]) .head .name-headline .name {
		color: #333;
	}

	.profile._1tM5oMIAL8KGQcXAphjAk.large:not([min-width="801px"]) .head .name-headline .headline {
		color: #333;
	}

	.profile._1tM5oMIAL8KGQcXAphjAk.large:not([min-width="801px"]) .body {
		padding-top: 0;
	}

	.profile._1tM5oMIAL8KGQcXAphjAk.large:not([min-width="801px"]) .body .name-headline {
		display: none;
	}

}

.profile._1tM5oMIAL8KGQcXAphjAk.large[max-width="800px"] {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

.profile._1tM5oMIAL8KGQcXAphjAk.large[max-width="800px"] .profile-content {
	width: 100%;
	text-align: center;
}

.profile._1tM5oMIAL8KGQcXAphjAk.large[max-width="800px"] .head {
	position: relative;
	max-height: 80vh;
	overflow: hidden;
}

.profile._1tM5oMIAL8KGQcXAphjAk.large[max-width="800px"] .head .image {
	-webkit-box-shadow: inset 0 -130px 200px -50px rgba(0, 0, 0, 0.5);
	box-shadow: inset 0 -130px 200px -50px rgba(0, 0, 0, 0.5);
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.profile._1tM5oMIAL8KGQcXAphjAk.large[max-width="800px"] .head .name-headline {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	position: absolute;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 20px;
	bottom: 0;
	left: 0;
	width: 100%;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7);
}

.profile._1tM5oMIAL8KGQcXAphjAk.large[max-width="800px"] .head .name-headline .name {
	color: #ffffff;
}

.profile._1tM5oMIAL8KGQcXAphjAk.large[max-width="800px"] .head .name-headline .headline {
	color: #ffffff;
}

.profile._1tM5oMIAL8KGQcXAphjAk.large[max-width="800px"] .body {
	padding-top: 0;
}

.profile._1tM5oMIAL8KGQcXAphjAk.large[max-width="800px"] .body .name-headline {
	display: none;
}

@media (min-width:801px) {
	.profile._1tM5oMIAL8KGQcXAphjAk.large:not([max-width="800px"]) {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-webkit-flex-direction: row;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-box-align: stretch;
		-webkit-align-items: stretch;
		-ms-flex-align: stretch;
		-ms-grid-row-align: stretch;
		align-items: stretch;
	}

	.profile._1tM5oMIAL8KGQcXAphjAk.large:not([max-width="800px"]) .profile-content {
		width: 100%;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-webkit-flex-direction: row;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-flex-wrap: nowrap;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
		-webkit-box-align: stretch;
		-webkit-align-items: stretch;
		-ms-flex-align: stretch;
		align-items: stretch;
	}

	.profile._1tM5oMIAL8KGQcXAphjAk.large:not([max-width="800px"]) .profile-content .head {
		width: 50%;
		-webkit-box-flex: 1;
		-webkit-flex-grow: 1;
		-ms-flex-positive: 1;
		flex-grow: 1;
		-webkit-flex-shrink: 1;
		-ms-flex-negative: 1;
		flex-shrink: 1;
	}

	.profile._1tM5oMIAL8KGQcXAphjAk.large:not([max-width="800px"]) .profile-content .head .image {
		background-color: #eee;
		position: fixed;
		width: inherit;
		min-height: 100%;
		padding-bottom: 0 !important;
	}

	.profile._1tM5oMIAL8KGQcXAphjAk.large:not([max-width="800px"]) .profile-content .head .name-headline {
		display: none;
	}

	.profile._1tM5oMIAL8KGQcXAphjAk.large:not([max-width="800px"]) .profile-content .body {
		width: 50%;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		-webkit-box-flex: 1;
		-webkit-flex-grow: 1;
		-ms-flex-positive: 1;
		flex-grow: 1;
		-webkit-flex-shrink: 1;
		-ms-flex-negative: 1;
		flex-shrink: 1;
		text-align: left;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
		padding-left: 60px;
		padding-right: 60px;
		padding-top: 60px;
		padding-bottom: 60px;
	}

	.profile._1tM5oMIAL8KGQcXAphjAk.large:not([max-width="800px"]) .profile-content .headline .roles,
	.profile._1tM5oMIAL8KGQcXAphjAk.large:not([max-width="800px"]) .profile-content .headline .location {
		white-space: normal;
	}

	.profile._1tM5oMIAL8KGQcXAphjAk.large:not([max-width="800px"]) .profile-content .portfolio ul {
		-webkit-box-pack: start;
		-webkit-justify-content: flex-start;
		-ms-flex-pack: start;
		justify-content: flex-start;
	}

	.profile._1tM5oMIAL8KGQcXAphjAk.large:not([max-width="800px"]) .profile-content .bio {
		margin-left: 0;
		margin-right: 0;
	}

	.profile._1tM5oMIAL8KGQcXAphjAk.large:not([max-width="800px"]) .profile-content .bio.short-bio {
		text-align: left;
	}

	.profile._1tM5oMIAL8KGQcXAphjAk.large:not([max-width="800px"]) .profile-content ul.inline {
		-webkit-box-pack: start;
		-webkit-justify-content: flex-start;
		-ms-flex-pack: start;
		justify-content: flex-start;
	}

	.profile._1tM5oMIAL8KGQcXAphjAk.large:not([max-width="800px"]) .profile-content ul.inline li.interest {
		margin-left: 0;
		margin-right: 10px;
	}

	.profile._1tM5oMIAL8KGQcXAphjAk.large:not([max-width="800px"]) .profile-content ul.inline li a.social-link {
		margin-left: 0;
		margin-right: 20px;
	}

	.profile._1tM5oMIAL8KGQcXAphjAk.large:not([max-width="800px"]) .profile-content ul.meta-sections {
		-webkit-box-pack: start;
		-webkit-justify-content: flex-start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		max-width: inherit;
		margin: 0;
	}

	.profile._1tM5oMIAL8KGQcXAphjAk.large:not([max-width="800px"]) .profile-content ul.meta-sections .meta-section:nth-last-child(n+2),
	.profile._1tM5oMIAL8KGQcXAphjAk.large:not([max-width="800px"]) .profile-content ul.meta-sections .meta-section:nth-last-child(n+2) ~ .meta-section {
		padding: 0;
		width: 50%;
	}

	.profile._1tM5oMIAL8KGQcXAphjAk.large:not([max-width="800px"]) .profile-content ul.meta-sections .meta-section:nth-last-child(n+2) ~ .meta-section {
		margin-left: 40px;
	}

	.profile._1tM5oMIAL8KGQcXAphjAk.large:not([max-width="800px"]).nested .profile-content .head .image {
		min-height: 0;
		padding-bottom: 66.6667% !important;
	}

}

.profile._1tM5oMIAL8KGQcXAphjAk.large[min-width="801px"] {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-align: stretch;
	-webkit-align-items: stretch;
	-ms-flex-align: stretch;
	-ms-grid-row-align: stretch;
	align-items: stretch;
}

.profile._1tM5oMIAL8KGQcXAphjAk.large[min-width="801px"] .profile-content {
	width: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-align: stretch;
	-webkit-align-items: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
}

.profile._1tM5oMIAL8KGQcXAphjAk.large[min-width="801px"] .profile-content .head {
	width: 66.6667%;
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	-webkit-flex-shrink: 1;
	-ms-flex-negative: 1;
	flex-shrink: 1;
}

.profile._1tM5oMIAL8KGQcXAphjAk.large[min-width="801px"] .profile-content .head .image {
	background-color: #eee;
	position: fixed;
	width: inherit;
	min-height: 100%;
	padding-bottom: 0 !important;
}

.profile._1tM5oMIAL8KGQcXAphjAk.large[min-width="801px"] .profile-content .head .name-headline {
	display: none;
}

.profile._1tM5oMIAL8KGQcXAphjAk.large[min-width="801px"] .profile-content .body {
	width: 33.3333%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	-webkit-flex-shrink: 1;
	-ms-flex-negative: 1;
	flex-shrink: 1;
	text-align: left;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding-left: 60px;
	padding-right: 60px;
	padding-top: 100px;
	padding-bottom: 100px;
}

.profile._1tM5oMIAL8KGQcXAphjAk.large[min-width="801px"] .profile-content .headline .roles,
.profile._1tM5oMIAL8KGQcXAphjAk.large[min-width="801px"] .profile-content .headline .location {
	white-space: normal;
}

.profile._1tM5oMIAL8KGQcXAphjAk.large[min-width="801px"] .profile-content .portfolio ul {
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

.profile._1tM5oMIAL8KGQcXAphjAk.large[min-width="801px"] .profile-content .bio {
	margin-left: 0;
	margin-right: 0;
}

.profile._1tM5oMIAL8KGQcXAphjAk.large[min-width="801px"] .profile-content .bio.short-bio {
	text-align: left;
}

.profile._1tM5oMIAL8KGQcXAphjAk.large[min-width="801px"] .profile-content ul.inline {
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

.profile._1tM5oMIAL8KGQcXAphjAk.large[min-width="801px"] .profile-content ul.inline li.interest {
	margin-left: 0;
	margin-right: 10px;
}

.profile._1tM5oMIAL8KGQcXAphjAk.large[min-width="801px"] .profile-content ul.inline li a.social-link {
	margin-left: 0;
	margin-right: 20px;
}

.profile._1tM5oMIAL8KGQcXAphjAk.large[min-width="801px"] .profile-content ul.meta-sections {
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	max-width: inherit;
	margin: 0;
}

.profile._1tM5oMIAL8KGQcXAphjAk.large[min-width="801px"] .profile-content ul.meta-sections .meta-section:nth-last-child(n+2),
.profile._1tM5oMIAL8KGQcXAphjAk.large[min-width="801px"] .profile-content ul.meta-sections .meta-section:nth-last-child(n+2) ~ .meta-section {
	padding: 0;
	width: 50%;
}

.profile._1tM5oMIAL8KGQcXAphjAk.large[min-width="801px"] .profile-content ul.meta-sections .meta-section:nth-last-child(n+2) ~ .meta-section {
	margin-left: 40px;
}

.profile._1tM5oMIAL8KGQcXAphjAk.large[min-width="801px"].nested .profile-content .head .image {
	min-height: 0;
	padding-bottom: 66.6667% !important;
}

/* custom */
.hidesocial {
	display: none !important;
}

</style><style type="text/css">
@font-face {
	font-weight: 400;
	font-style: normal;
	font-family: 'Inter-Loom';
	src: url('https://cdn.loom.com/assets/fonts/inter/Inter-UI-Regular.woff2') format('woff2');
}

@font-face {
	font-weight: 400;
	font-style: italic;
	font-family: 'Inter-Loom';
	src: url('https://cdn.loom.com/assets/fonts/inter/Inter-UI-Italic.woff2') format('woff2');
}

@font-face {
	font-weight: 500;
	font-style: normal;
	font-family: 'Inter-Loom';
	src: url('https://cdn.loom.com/assets/fonts/inter/Inter-UI-Medium.woff2') format('woff2');
}

@font-face {
	font-weight: 500;
	font-style: italic;
	font-family: 'Inter-Loom';
	src: url('https://cdn.loom.com/assets/fonts/inter/Inter-UI-MediumItalic.woff2') format('woff2');
}

@font-face {
	font-weight: 700;
	font-style: normal;
	font-family: 'Inter-Loom';
	src: url('https://cdn.loom.com/assets/fonts/inter/Inter-UI-Bold.woff2') format('woff2');
}

@font-face {
	font-weight: 700;
	font-style: italic;
	font-family: 'Inter-Loom';
	src: url('https://cdn.loom.com/assets/fonts/inter/Inter-UI-BoldItalic.woff2') format('woff2');
}

@font-face {
	font-weight: 900;
	font-style: normal;
	font-family: 'Inter-Loom';
	src: url('https://cdn.loom.com/assets/fonts/inter/Inter-UI-Black.woff2') format('woff2');
}

@font-face {
	font-weight: 900;
	font-style: italic;
	font-family: 'Inter-Loom';
	src: url('https://cdn.loom.com/assets/fonts/inter/Inter-UI-BlackItalic.woff2') format('woff2');
}

.media-social a img {
	width: 35px;
	height: auto;
}

.media-social ul {
	display: block !important;
	text-align: center
}

.media-social li:last-child a {
	margin-right: 0 !important;
}

.addtoany_list a:first-child {
	padding-left: 0
}

.addtoany_list a.addtoany_share {
	display: none;
}

.addtoany_share_save_container {
	display: none;
}

.addtoany_shortcode {
	margin: 8px 0 5px 0
}

p.share-title {
	margin: 20px 0 0 0
}

.bio.testimonials .image-thumb {
	text-align: center;
}

.bio.testimonials .image-thumb img {
	width: 50%;
	height: auto;
	margin: auto;
}

.fa {
	padding: 15px;
	font-size: 15px;
	text-align: center;
	text-decoration: none;
	border-radius: 50%;
}

.fa:hover {
	opacity: 0.7;
}

.fa-facebook {
	background: #3B5998;
	color: white;
}

.fa-phone {
	background: #3B5998;
	color: white;
}

.fa-whatsapp {
	background: #25D366;
	color: white;
}

.fa-twitter {
	background: #55ACEE;
	color: white;
}

.fa-google {
	background: #dd4b39;
	color: white;
}

.fa-linkedin {
	background: #007bb5;
	color: white;
}

.fa-youtube {
	background: #bb0000;
	color: white;
}

.fa-instagram {
	background: #8134AF;
	color: white;
}

.fa-pinterest {
	background: #cb2027;
	color: white;
}

.fa-snapchat-ghost {
	background: #fffc00;
	color: white;
	text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

.fa-skype {
	background: #00aff0;
	color: white;
}

.fa-envelope {
	background: #00aff0;
	color: white;
}

.fa-android {
	background: #a4c639;
	color: white;
}

.fa-dribbble {
	background: #ea4c89;
	color: white;
}

.fa-vimeo {
	background: #45bbff;
	color: white;
}

.fa-tumblr {
	background: #2c4762;
	color: white;
}

.fa-vine {
	background: #00b489;
	color: white;
}

.fa-foursquare {
	background: #45bbff;
	color: white;
}

.fa-stumbleupon {
	background: #eb4924;
	color: white;
}

.fa-flickr {
	background: #f40083;
	color: white;
}

.fa-yahoo {
	background: #430297;
	color: white;
}

.fa-soundcloud {
	background: #ff5500;
	color: white;
}

.fa-reddit {
	background: #ff5700;
	color: white;
}

.fa-rss {
	background: #ff6600;
	color: white;
}

.profile .logo-image img {
	width: 200px;
	height: auto;
	margin-bottom: 20px;
}

.profile .logo-image.mobile img {
	margin-bottom: 0;
}

.profile .logo-image.mobile {
	display: none;
}

@media only screen and (max-width:800px) {
	.profile .logo-image.desktop {
		display: none;
	}

	.profile .logo-image.mobile {
		display: block;
		text-align: left;
		padding: 15px;
	}
}

@media only screen and (max-width:479px) {
	.bio.testimonials .image-thumb img {
		width: 100%;
	}

}