﻿/* --------------------------------------------------------
Title:azuremagazine.com
Author:Normal Agency (http://www.normalagency.com/)
Date:June 2012
-------------------------------------------------------- */

/* --------------------------------------------------------
LEGEND

COLOUR REFERENCES
BODY BG:#FFF
BODY FONT:Helvetica - Fallback to Arial, Verdana
BODY COLOUR:#666
LINKS:#000 -- no default link colour
LINKS:HOVER:#fa1f00
HEADINGS & TITLES:#000, #333, #666, #999
	- Section Headings:Galaxy Polaris Heavy
	- Content Titles:Galaxy Polaris Bold
	- Additional Content Titles:Helvetica
-------------------------------------------------------- */

/* In this file:

	1.00 BASE
		1.10  Font Embed
		1.20  Browser setup / nomalize
			 1.2.1 html5 structure setup
		1.30  Document Setup
		1.40  Accessibility & Usability
		1.50  Clearfix
		1.60  General Typography
		1.70  Headings & Titles
			 1.7.1 Global setup
			 1.7.2 Specific Additions
		1.80  Links & Cursors
		1.90  Images, Media & Embedded content
		1.10 Global Forms Normalize
			1.10.1 General Form setup
		1.11 Lists
		1.12 Tables

	2.00 LAYOUT
		2.10 Common Layout
		2.20 Site Structure
		2.30 Header
		2.40 Navigation
		2.50 Content
		2.60 Common Modules
			2.6.1 Pagination
			2.6.2 Breadcrumb
			2.6.3 Social Media Toolbar
		2.70 Sidebar
		2.80 Footer
		2.90 Ads

	3.00 COMMON HELPER CLASSES


- DEVELOPMENT ONLY SETUP AND STYLING
	- dev sitemap
	- quick reference menu
	- development only structure
*/

/* possible harware acceleration on all items for web app
{ -webkit-transform:translateZ(0); }*/


/* 1. BASE
----------------------------------------------------------------------
---------------------------------------------------------------------- */

/* 1.1  Font Embed
---------------------------------------------------------------------- */
/* located in /assets/theme/resources/fonts.css

/* 1.2  Browser setup / nomalize
---------------------------------------------------------------------- */
	html, body, div, object, iframe, fieldset, form, legend, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, nav, section, summary{ margin:0; padding:0; }
	/* 1.2.1 Html5 structure
	------------------------*/
	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary{ display:block; }
	audio, canvas, video	{ display:inline-block; /* *display:inline; *zoom:1; --IE */ }
	audio:not([controls])	{ display:none; }
	[hidden]{ display:none; }


/* 1.3  Document setup
---------------------------------------------------------------------- */
	html{
		background-color:#fff;
		font-size:62.5%;
		overflow-y:scroll;
		-ms-text-size-adjust:100%;
		}
		@media (max-width:480px){
			html{
			-webkit-text-size-adjust:none;
			-webkit-overflow-scrolling:touch;
			-webkit-tap-highlight-color:rgba(0,0,0,0);
			}
    	}
	body{
		color:#666;
		font-family:'Helvetica Neue', 'Helvetica', Arial, Verdana, sans-serif;
		min-height:100%;
		-webkit-font-smoothing:antialiased;
		line-height:1.3;
		}
	a {
		color: #999999;
	}
	/*html.grid{ background :rgb(255,255,255) url(/assets/images/placeholder/grid.png) repeat-y 50% 0; }*/


/* DEVELOPMENT ONLY SETUP AND STYLING
---------------------------------------------------------------------- */
	/* dev sitemap
	------------------------*/
	body#Sitemap #header{ margin-top:-5em !important; }
	body#Sitemap #innerwrapper{ padding-top:2em !important; }

	#SiteMapList{ color:#222; margin-left:20px; font-size:12px; font-size:1.2rem; }
	#SiteMapList a{ color:#222; display:block; width:28em; border-bottom:1px dotted #dfcaef }
	#SiteMapList a.check, #SiteMapLegend a.check{ background:url(/assets/images/placeholder/progress/CheckMark_icon.gif) scroll no-repeat right 0; padding-right:20px; }
	#SiteMapList a.progress, #SiteMapLegend a.progress{ background:url(/assets/images/placeholder/progress/progress_icon.gif) scroll no-repeat right 0; padding-right:20px; }
	#SiteMapList a.stop, #SiteMapLegend a.stop{ background:url(/assets/images/placeholder/progress/stop_icon.gif) scroll no-repeat right 0; padding-right:20px; }
	#SiteMapList .mainheading{ color:#000; border-bottom:2px dotted #ddd; font-size:14px; font-size:1.4rem; font-weight:normal; margin:0 0 .5em; display:inline-block; width:600px; }
	#SiteMapList .subheading{ color:#666; font-weight:bold; font-size:11px; font-size:1.1rem; margin:0; }
	#SiteMapList .subsubheading{ color:#666; font-style:italic; }

	#SiteMapLegend{ color:#000; margin:0 0 1em 0; font-size:14px; font-size:1.4rem; }
	#SiteMapLegend li{ display:inline; float:left; list-style:none; margin-right:30px; }

	/* quick reference menu
	------------------------*/
	#devMenu{ /*position:fixed;*/ top:0; right:0; background-color:#eee; padding:10px; z-index:1111111111; color:#000; font-size:11px; border-left:1px solid #000; border-bottom:1px solid #000; opacity:.8; }
	#devMenu h4{ margin:.1em 0 .3em; }
	#floatMenu ul{ margin:0; padding-left:15px; }

	/* development only structure
	------------------------*/
	.frameworkPages #headerAdsWrapper	{ display:none; }
	.frameworkPages .headerWrapper		{ margin-top:0; }


/* 1.4  Accessibility & Usability
---------------------------------------------------------------------- */
	.screenreader{ position:absolute; clip:rect(0, 0, 0, 0); }

	/* Hide only visually, but have it available for screenreaders:by Jon Neal.
	  www.webaim.org/techniques/css/invisiblecontent/  &  j.mp/visuallyhidden */
	.visuallyhidden{ border:0; clip:rect(0 0 0 0); height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; width:1px; }
	/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard:drupal.org/node/897638 */
	.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus{ clip:auto; height:auto; margin:0; overflow:visible; position:static; width:auto; }

	::-moz-selection	{ background:#eee; color:#000; text-shadow:none; } /* style selected text */
	::selection			{ background:#eee; color:#000; text-shadow:none; } /* style selected text */

	:target			{ background-color:#fff; } /* style the target of */
	:target .header	{ background-color:#fff; } /* style the target of */

	/* global top of page link */
	#topOfPage	{ position:fixed; bottom:150px; right:0; margin:0; z-index:20000; }
	.toTop		{ background-color:red; color:#fff; }

	.more-link:after{ content:" »"; }


/* 1.6  General Typography
---------------------------------------------------------------------- */
	/* shared type styles */
	address, caption, cite, code, var			{ font-style:normal; font-weight:normal; font-size:12px; font-size:1.2rem; text-transform:none; vertical-align:middle; }
	del											{ text-decoration:line-through; }
	small, sup, sub								{ font-size:80%; }
	abbr, acronym								{ font-size:85%; text-transform:uppercase; letter-spacing:.1em; }
	abbr[title], acronym[title], dfn[title]		{ border-bottom:1px dotted black; cursor:help; }
	sup, sub									{ line-height:0; }
	sup											{ vertical-align:super; }
	sub											{ vertical-align:sub; }
	caption, cite, dfn, em, i					{ font-style:italic; }
	b, strong, th, thead, dt, legend			{ font-weight:bold; }
	p											{ margin:0 0 .7em; word-spacing:0.125em; word-wrap: break-word; }
	p small 									{ font-size:11px; font-size:1.1rem; color:#bfbfbf; }

	p.intro:first-line	{ font-variant:small-caps; }/* Styles introductory paragraph. Assign to first paragraph */
	p.drop:first-letter	{ float:left; font-size:3em; margin:-.05em 1px -.5em 0; }/* Styles a drop cap on each paragraph */

	/* blockquotes */
	blockquote{
		color:#000;
		font-size:15px; font-size:1.5rem;
		line-height:1.6667;
		padding:0 0 .3em 60px;
		background-image: url(data:image/gif;base64,R0lGODlhKAAhAMQAACMfIP///1pXWJGPjzEtLtbV1fHx8XZzdD87PLq5uUxJSqyrq4SBgsjHx2hlZp6dnePj4wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAAAAAAALAAAAAAoACEAAAXeYCCO5FgMAjCULHumaysaAwLcqszSNh7vAwLOpxvRhMMcK4FMKnVM5+03OkiJOuv1KdJuqSXvlSp2Kh4QWTl5TosGW0GjCL/KS4UrIVEM5KV7LSlOBAV9AYNJhS0NgIZ9jYSPLA5SC4cBlU6XLQZSCJieTqAyCZaYpps6DFIGmKxOrjKJOAqYiGZFPUMCt7s4vTqAAsTFxQwkw8bGsFtOwSLOUrTSN9AB1UnU1dfZvN7AyeAA29Ld4+XO5+DpceLs4+Tv3u1289n10/fc8ev0/fvMARzRb2A0dAaxoQsBADs=);
		background-image:url(/assets/images/icons/content/icon-blockquote.gif);
		background-position:0 5px;
		background-repeat:no-repeat;
		margin:0;
		}
		/*
		Mark up the source of a quote with .source:
		<blockquote>
			<p>Lorem ipsum dolor sit amet. <b class=source>Joe Bloggs</b></p>
		</blockquote>
		*/
	.source{
		display:block;
		text-indent:0;
		margin-top:-24px;
		margin-top:-1.5rem;
		}
		.source:before{ content:"—"; }


	/* web font replacements */
	.featureHeading, .featureHeading-alt, .webFontBold, .moreFeatures, .mainMenu, .mainSubMenu, blockquote{ font-family:'GalaxiePolaris-Bold', Helvetica, Arial, Verdana, sans-serif; }
	.sectionHeading, .webFontHeavy{ font-family:'GalaxiePolaris-Heavy', Helvetica, Arial, Verdana, sans-serif; }


/* 1.7  Headings & Titles
---------------------------------------------------------------------- */
	/* 1.7.1 Global setup
	------------------------*/
	h1, h2, h3, h4, h5, h6{ margin:0 0 0 0; line-height:normal; font-weight:normal; }
	h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{ color:#bfbfbf; }

	/* heading = galaxy polaris heavy = top and bottom borders */
	.sectionHeading{ border-bottom:1px solid #e0e0e0; border-top:5px solid #000; color:#000; margin-bottom:.3em; text-transform:uppercase; }

	.section-XLG{ font-size: 42px; font-size:4.2em; line-height:1.1; margin-right:20px; padding-bottom:8px; }
	.section-LG{ font-size:36px; font-size:3.6rem; line-height:1.1; padding-bottom:10px; }
	.section-M{ font-size:21px; font-size:2.1rem; line-height:1.6; padding-bottom:3px; margin-bottom:0.7em; }
	.section-S{ font-size:18px; font-size:1.8rem; line-height:.8; padding-bottom:10px; }
	.section-SM{ font-size:14px; font-size:1.4rem; line-height:.7; padding-bottom:10px; }
	.section-XSM{ font-size:12px; font-size:1.2rem; line-height:.7; padding-bottom:10px; }

	/* heading = galaxy polaris bold = headings for content */
	.featureHeading{ color:#333; font-weight:normal; }
	.featureHeading-alt{ color:#000; font-weight:normal; border-top:5px solid #000; border-bottom:1px solid #e0e0e0; padding:.05em 0 .25em; }
	.featureHeading-comments{    color: #333333;font-weight: normal;margin: 0 0 0.2em;padding-bottom: 8px;}
	.feature-XLG{ font-size:4.2em; line-height:1.1; }
	.feature-LG{ font-size:36px; font-size:2.8rem; line-height:1.15; margin-bottom:.1em; }
	.feature-M{ font-size:20px; font-size:2rem; line-height:1.1; margin:-3px 0 .5em; }
	.feature-S{ font-size:14px; font-size:1.4rem; line-height:1.4; }
	.feature-SM{ font-size:13px; font-size:1.3rem; line-height:1.2; }
	.feature-XSM{ font-size:11px; font-size:1.1rem; line-height:1; }

	.hel {font-family: 'Helvetica Neue', 'Helvetica', Arial, Verdana, sans-serif;}
	.advertise-header {width: 30.5em !important;margin-bottom: 0.4em !important;border-bottom: 1px solid #E0E0E0 !important;}
	.title, .title-UC{ color:#333; font-weight:bold; }
	.title-UC{ text-transform:uppercase; }

	/* heading = helvetica, default body copy = headings for content */
	.title-XLG{ font-size:42px; font-size:4.2em; line-height:1.1; }
	.title-LG{ font-size:36px; font-size:3.6em; line-height:1; margin-bottom:.35em; }
	.title-M{ font-size:20px; font-size:2rem; line-height:1.1; margin:-3px 0 .6em; }
	.title-S{ font-size:14px; font-size:1.4rem; line-height:1.4; }
	.title-SM{ font-size:12px; font-size:1.2rem; line-height:1.2; margin-bottom:0.2em; margin-top: 0.2em; }
	.title-XSM{ font-size:11px; font-size:1.1rem; line-height:1; }

	.dg-header {
	border-bottom: 1px solid #CCCCCC !important;
    border-top: 5px solid #000000;
    font-family: 'GalaxiePolaris-Heavy', Helvetica, Arial, Verdana, sans-serif !important;
    line-height: 1.6;
    padding: 0 !important;
    text-transform: uppercase;
    margin: 0 0 0.7em !important;
    clear: both;
    width: 30.5em !important;
    }

	/* heading = helvetica, default body copy = headings for content +++ Uppercase */
	/*.title-XLG-UC{ font-size:42px; font-size:4.2em; line-height:1.1; }
	.title-LG-UC{ font-size:36px; font-size:3.6em; line-height:1; margin-bottom:.35em; }
	.title-M-UC{ font-size:20px; font-size:2rem; line-height:1.1; margin:-3px 0 .6em; }
	.title-S-UC{ font-size:14px; font-size:1.4rem; line-height:1.4; }
	.title-SM-UC{ font-size:12px; font-size:1.2rem; line-height:1.3; margin:-2px 0 0; }
	.title-XSM-UC{ font-size:11px; font-size:1.1rem; line-height:1; }*/

	/* 1.7.2 Specific Tweaks
	------------------------*/
	.mediaListing .section-M{  margin-right:20px; }
	.inlineItem .title-SM{ margin-top:0px; }
	#aside .section-M{ margin-bottom:.4em; }

	.footerContent .feature-XSM{ color:#fff; text-transform:uppercase; margin-bottom:1.3em; }
	.feature-byline{ font-weight:bold; }
	.mediaItem .keywords a {
		color: #999999;
	}



/* 1.8  Links & Cursors
---------------------------------------------------------------------- */
	/* cursor */
	a, input[type=submit], label, select, .pointer, button, .button, #submit, .submit{ cursor:pointer; }

	/* links */
	a:link		{ text-decoration:none; }
	a:visited	{ color:inherit; text-decoration:none; }
	a:hover, a:focus, a:visited:hover, .tagsTable a:hover, .recent-comments-title a:hover, .breadcrumb a:hover, .keywords a:hover{ color:#fa1f00; }
	a:focus		{ outline:1px dotted #999; }

	/* Improve readability when focused and hovered in all browsers:people.opera.com/patrickl/experiments/keyboard/test */
	a:hover, a:active{ outline:none; }

	h1 a:link, h2 a:link, h3 a:link, h4 a:link, h5 a:link, h6 a:link{ color:#333; text-decoration:none; }
	h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover{ color:#fa1f00; }


/* 1.9  Images, Media & Embedded content
---------------------------------------------------------------------- */
	img{
		border:0;
		color:#c00; /* Give it some text styles to offset alt text */
		-ms-interpolation-mode:bicubic;
		vertical-align:middle;
		/*height:auto;
		max-width:100%;*/

		/*height: auto;
		max-height: 100%;
		max-width: 100%;
		width: auto;*/
		}
	figure img{ width:100%; }

	svg:not(:root){ overflow:hidden; } /* Correct overflow displayed oddly in IE9 */

	figure		{ margin-bottom:1.2em; }
	figure img	{ margin-bottom:0.375em; }
	figcaption{
		display:block;
		font-weight:normal;
		font-size:12px;
		font-size:1.2rem;
		font-family: 'Helvetica Neue','Helvetica',Arial,Verdana,sans-serif;

		/*color:#808080;*/
	}
	figure strong	{ color:#333; }
	object, embed, video{ max-width:100%; } /* flash & video */

	/*.video {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
		}

	.video iframe,
	.video object,
	.video embed {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		}*/



/* 1.10  Global Forms Normalize
---------------------------------------------------------------------- */
	fieldset, input	{ border:0; }
	form br			{ display:none; }

	input, button, select, textarea{ font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; color:#333; font-size:100%; margin:0; vertical-align:baseline; }
	select{ padding:initial; }

	/* Consistent box sizing and appearance */
	input, button, select, textarea, input[type="search"], input[type="checkbox"], input[type="radio"], input[type="image"], input[type="file"]{
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		-ms-box-sizing:border-box;
		box-sizing:border-box;
		}
	input[type="search"]{ -webkit-appearance:textfield; }
	input[type="search"]::-webkit-search-decoration{ -webkit-appearance:none; }
	input[type="hidden"]{ display:none; }

	input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus, select:focus,input[type="search"]:focus{
		-webkit-box-shadow:none;
		-moz-box-shadow:none;
		box-shadow:none;
		}
	::-webkit-input-placeholder{ font-size:14px; font-size:1.4rem; }
	input:-moz-placeholder{ font-size:14px; font-size:1.4rem; }

	input[type=submit].button{ -webkit-appearance:none; padding:0 .2em; }
	button, input{ line-height:normal; /* *overflow:visible; ie */ }

	label {
	    color: #404040;
	    cursor: pointer;
	    display: block;
	    font-weight: bold;
	    margin-bottom: 0.5em;
	}
	label a {
		color: #FA1F00;
	}
	/* Remove inner padding and border in FF3/4:h5bp.com/l */
	button::-moz-focus-inner, input::-moz-focus-inner{ border:0; padding:0; }

	/* 1. Remove default vertical scrollbar in IE6/7/8/9 -- 2. Allow only vertical resizing */
	textarea{ overflow:auto; vertical-align:top; resize:vertical; height:auto; vertical-align:top; }

	/* Colors for form validity */
	input:valid, textarea:valid{ }
	input:invalid, textarea:invalid{ background-color:#f0dddd; }

	/* 1.10.1 General Form setup
	------------------------*/
	#itemComments {
		display:none;
	}
	.azure-form {
	    background-color: #E6E6E6;
	    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	    font-size: 12px;
	    font-weight: 300;
	    padding: 20px 0 20px 15px;
	}
	.azure-form .required-star {
		color: #EB2B00;
	}
	.azure-form .form-fields {
		font-size: 1.2rem;
		list-style: none outside none;
		margin: 0;
	}
	.azure-form .form-fields li {
	    float: left;
	    height: 45px;
	    position: relative;
	    margin: 0 10px 13px 2px;
	    width: 300px;
	}
	.azure-form .form-fields li label {
		margin: 0 0 5px;
	}
	.azure-form .instruction {
	    color: #979797;
	    font-weight: normal;
	}
	.azure-form .instruction strong {
		color: #404040;
	}
	.azure-form .form-fields li input {
	    height: 23px;
	    width: 290px;
	}
	.azure-form .form-fields li input[type="checkbox"]{

	}
	.azure-form .form-fields li select {
	    width: 290px;
	}
	.azure-form .image-caption {
	    height: 8em;
	    padding: 0.5em;
	    width: 51em;
	}
	.azure-form .overview {
	    height: 22em;
	    margin: 0 0 1.5em;
	    padding: 0.5em;
	    width: 51em;
	}
	.azure-form .wrapper {
		margin: 0 0 1.0em;
	}
	.azure-form .required-field-callout {
	    border-bottom: 1px dotted #CDCDCD;
	    color: #313131;
	    clear: both;
	    display: block;
	    font-size: 85%;
	    font-weight: bold;
	    margin: 1.5em 0 2em;
	    padding: 0 0 1.5em;
	}
	.siteContent .azure-form .submit {
	    clear: both;
	    display: block;
	    margin: 1em 0 0;
	    text-align: left;
	    width: 12.1em;
	}
/* 1.11 Lists
---------------------------------------------------------------------- */
	ul, ol, dl		{ margin-top:0; margin-bottom:1em; }
	ul				{ padding:0; margin-left:20px; list-style-type:disc; }
	ul li			{ margin-bottom:.3em; }
	ol				{ padding:0; margin-left:25px; list-style-type:decimal; list-style-position:outside; }
	ol li			{ margin-bottom:.3em; }

	/* nested lists */
	ul ul, ul ol, ol ol, ol ul{ margin-bottom:0; padding-left:25px; }
	li > ul li, li > ol li	{ margin-bottom:.3em; }

	/*definition lists*/
	dl dd			{ margin:0 0 0.8em; }
	dialog dd		{ margin-bottom:.8em; line-height:normal; }
	ul dl, ol dl	{ margin:0 0 0 1em; }

	/* list specifics */
	.noBullet		{ list-style:none; list-style-image:none; margin-left:0 !important; }	/* gets rid of bullets */
	.noBullet li ul.noBullet{ margin-left:0 !important; padding-left:10px; } 				/* gets rid of bullets on child ul */
	.inlineList	  	{ margin:0; overflow:hidden; }											/* display list inline - remove margin, fix boxmodel */
	.inlineList li	{ display:inline; float:left; margin:0; list-style:none outside none; }				/* display list inline */
	.inlineList a	{ display:block; float:left; }				/* display list inline */
	.alphaList		{ list-style-type:lower-alpha; } 			/* display ol list as letters a, b, c */
	.romanList		{ list-style-type:lower-roman; } 			/* display ol list as roman i, ii, iii */

	/* Create a list of keywords by adding a single class of keywords to a <ul>:*/
	.keyword, .keywords	{ font-size:12px; font-size:1.2rem; color:#999; line-height:1.2;  }
	.keyword			{ margin-bottom: 0.2em; margin-top: 0.3em;}
	.keywords			{ padding-bottom:1em; vertical-align:baseline; }

	/*.keywordList	{ font-size:12px; font-size:1.2rem; color:#999; line-height:1.2; padding-bottom:1em; vertical-align:baseline; }*/

	.keyword a, .keywords a, .keywordList a{ color:#999; }
	 { color: #FA1F00 ; }


/* 1.12  Tables
---------------------------------------------------------------------- */
table, thead, tbody, tr, td{ margin:0; padding:0; border-collapse:collapse; }

.standard-table{ margin-bottom:1em; margin-top:1em; font-size:12px; font-size:1.2rem; font-weight:bold; width:100%; }
th{ padding:0; }
.tableHeader{ padding-bottom: 0.3em;padding-right: 2em;width: 12em; text-align: left;}
.tableHeading{ color:#999; font-size:12px; font-size:1.2rem; font-weight:bold; text-align: left;}
.td-content{ color:#333; }
.td-content td{ padding:0 1em .7em 0; }
.jobs .td-content td:nth-child(3) {
	width: 20em;
}
.td-content td:nth-child(1) {
	width: 12.8em;
}
.competitions .td-content td:nth-child(1) {
	width: 12.2em;
}
.td-content td:nth-child(3) {
	width: 23em;
}
.singleListing tbody tr{ border-bottom:1px solid #e0e0e0; padding-bottom:.5em; }

.pushHeader{ width:12.8em; }


/*  2. LAYOUT
----------------------------------------------------------------------
---------------------------------------------------------------------- */

/* 2.1 Common Layout
---------------------------------------------------------------------- */
	div				{ overflow:hidden; position:relative; }

	.wrapper		{ width:100%; }
	.region			{ margin-bottom:2em; width:100%; }
	.respondWrapper	{ width:98em; }
	.respondContent	{ width:64em; }




/* 2.2 Site Structure
---------------------------------------------------------------------- */
	.headerWrapper	{ margin:100px 0 0; min-height:101px; }
	.header			{ margin:0 auto; padding:10px 1em; }

	#mainMenuWrapper{ background-color:#fa1f00; z-index:6000; }

	.siteContent	{ margin:0 auto 0; padding:2em 1em; }


/* 2.3 Header
---------------------------------------------------------------------- */
	/* 2.3.1 site logos
	------------------------*/
	.logo{ background-image: url("/assets/images/global/logos/master-logo-sprite.png?v=3.4.2");
    background-repeat: no-repeat;
    background-position: 0 -292px;
    float: left;
    height: 9.3em;
    position: relative;
    text-indent: -99999px;
    width: 35.7em;
    z-index: 9; }
	.footerLogo{ background-image:url('/assets/images/global/logos/master-logo-sprite.png?v=3.4.2'); display:block; height:3em; margin-bottom:4.4em; width:11.5em; }
	.footerLogo{ background-position:0 0; background-repeat:no-repeat; text-indent:-9999px; }

	.footerLogo:after{ content:"__"; display:block; }

	/* 2.3.2 utility menu
	------------------------*/
	#utilityReveal	{ float:right; width:61em; } /* wrapper to display onclick */
	#utilityWrapper	{ float:right; width:60em; z-index:99; }
	.utilityMenu	{ color:#e0e0e0; float:right; font-size:11px; font-size:1.2rem; line-height:1.1; margin-bottom:4em; }
	.utilityMenu a	{ color: #999;padding: 0 .4em 0em;text-decoration: none;font-size: 1.3rem;height: 1.2em;}
	.utilityMenu a:hover, .utilityMenu a.selected{ color:#fa1f00; }

	/* 2.3.4 site search
	------------------------*/
	.siteSearch{ background-color: #E6E6E6; float:right; width:20em; }
	#mainMenuWrapper .siteSearch {
		display: none;
	}
	.searchField		{ float:left; }
	.searchField		{ background-color:#e6e6e6; color:#999999; font-size:12px; font-size:1.2em; padding:.7em 10px; width:13em; }
	.searchField:focus	{ outline:none; /*box-shadow: inset 0px 0px 3px 1px rgba(0, 0, 0, .3);*/ }

	.searchSubmit, #searchTrigger{ background-position:10px -851px; }
	.searchSubmit:hover, .searchSubmit:focus, #searchTrigger:hover, #searchTrigger:focus { background-position:10px -886px }

	.searchSubmit	{ float:right; overflow:hidden; text-indent:-9999px; height:30px; width:35px; }
	#searchTrigger	{ display:none; float:right; text-indent:-10000px; height:3.3em; padding:0; width:3.0em; }

	.searchSubmit:active{ background-color:#A7A7A7; outline:1px dotted #bbb; }
	#searchTrigger:active{ background-color:#DD1E01; outline:1px dotted #cc0000; }


/* 2.4 Navigation
---------------------------------------------------------------------- */
	/* 2.4.1 main menu
	------------------------*/
	.nav-anchors	{ display:none; }
	a.toggle-menu	{ background-color:#fa1f00; font-size:1.4em; font-weight:bold; clear:both; color:#fff; display:none; padding:.6em .6em; }
	a.toggle-menu:hover, a.toggle-menu:focus, a.toggle-menu:active{ background-color:#DD1E01; }

	.mainNavigation		{ margin:0 auto; }
	.mainNavigation a	{ background-color:#fa1f00; line-height:normal; text-decoration:none;
		/*-webkit-transition: background-color 0.3s ease-in;
		-moz-transition: background-color 0.3s ease-in;
		-o-transition: background-color 0.3s ease-in;
		transition: background-color 0.3s ease-in;*/
		}
	/*.mainNavigation a:hover, .mainNavigation a:focus{ background-color:#DD1E01; }*/
	.lt-ie9 #nav{height:auto; display: block;}

	.mainMenu, .mainSubMenu		{ font-size:1.3em; text-transform:uppercase; float:left; }
	.menu-item-24706, .menu-item-24725, .menu-item-24726, .menu-item-24758, .menu-item-24759 {display:none !important;}
	.menu-item-40761, .menu-item-46866, .menu-item-46867, .menu-item-40762, .menu-item-40764 {display:none !important;}
	.mainMenu a					{ padding:.5em 8px .4em; }
	.mainMenu li:first-child a	{ padding-left:0; }
	.mainSubMenu a				{ padding:.5em .45em .4em; }

	/* 2.4.2 colors
	------------------------*/
	.mainMenu .default a { color:#fff; }
	.mainMenu .default a:hover, .mainMenu .default a:focus { color:#000; }


	.mainMenu a { color:#000; }
	.mainMenu a:hover, .mainMenu a:focus{ color:#FFF; }
	.mainMenu .current-menu-item a		{ color:#FFF; }




	.mainSubMenu a{ color:#000000; }
	.mainSubMenu a:hover, .mainSubMenu a:focus	{ color:#fff; }
	.mainSubMenu .current-menu-item a			{ color:#fff; }


	/* 2.4.3 sticky menu
	------------------------*/
	#mainMenuWrapper.fixed, #utilityReveal.fixed{ position:fixed !important; }
	#mainMenuWrapper.fixed{ top:0; }
	#utilityReveal.fixed{ background-color:#fff; float:none; left:0; top:33px; width:100%; z-index:99999;
		-webkit-box-shadow:0px 1px 3px 1px rgba(0, 0, 0, .5);
		-moz-box-shadow:0px 1px 3px 1px rgba(0, 0, 0, .5);
		box-shadow:0px 1px 3px 1px rgba(0, 0, 0, .5);
		}
	.fixed #utilityWrapper	{ float:none; margin:0 auto; width:98em; }

	.fixed .utilityMenu		{ float:left; margin:0; padding-top:.6em; }
	.fixed .utilityMenu a	{ padding:.1em .4em .5em; }
	.fixed .utilityMenu a.utility-login{ padding-left:25px !important; }

	.fixed #search		{ clear:none; width:32.1em; }
	.fixed .searchField	{ width:24em; }
	.fixed .searchSubmit{ background:none; display: none; }


/* 2.5 Content Structure
---------------------------------------------------------------------- */
	#mainContentWrapper{}
	.mainContent{ border-right:1px solid #e0e0e0; float:left; width:66em; }


	/* 2.5.1 Rotator
	------------------------*/
	#RotatorFrame {width:100%; overflow: hidden;}
	#mainRotator{position: relative;overflow: hidden;height: 37em;background-color: #F8F8F8; }

	.siteRotator		{ margin:0 auto; width: 64em; float: left; display: none; }
	.siteRotator img { opacity: 0.5;}
	.siteRotator.active img { opacity: 1;}
	.rotatorImage		{ display:block; float:left; height:auto; width:64em; }
	.rotatorImage img	{ float: left;max-width: 100%;opacity: 0.4;width: 100%;}

	.rotatorContent		{ background-color:#1e1e1e; padding:20px 0 0 2em; width:31.5em; display: none; }
	.rotatorContent .featureHeading a		{    color: #FFFFFF;display: block;margin: 0 0 0.5em;}
	.rotatorContent .featureHeading a:hover	{ color:#fa1f00; }
	.rotatorContent	.mediaExcerpt			{ color:#999; }
	a.rotatorFeatureTag	{color: #FFFFFF;display: block;font-size: 0.9em;font-weight: bold;letter-spacing: 0.2px;line-height: 1.4;margin-bottom: 0.5em;text-transform: uppercase;}
	a.rotatorFeatureTag:hover	{color: red;}
	/*a.rotatorFeatureTag:after	{ content:"___"; display:block; }*/

	.rotatorContent .author, .rotatorContent .photographer{ color:#fff; font-size:12px; font-size:1.2rem; font-weight:bold; margin:0; }

.slide-detail {
    background-color: #1E1E1E;
    height: 37em;
    position: absolute;
    right: 27px;
    width: 34em;
    z-index: 99;
}
.slide-detail p {
	padding: 0 1.5em 0 0;
}
.controls {
    height: 370px;
    left: 50%;
    margin-left: -49em;
    overflow: visible;
    padding: 0;
    position: absolute;
    width: 100.7em;
}
.rotator-slide {
	background-color:#1e1e1e;
}
.rotator-slide img {
	opacity: 1;
	width:640px;
	height:371px;
}
.left-arrow {
    background: url("../../images/global/slider/arrows.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    display: none;
    height: 50px;
    left: -27px;
    opacity: 1;
    position: absolute;
    top: 45%;
    width: 50px;
    z-index: 5999;
}
.left-arrow:hover {
    background: url("../../images/global/slider/arrows.png") no-repeat scroll -50px 0 transparent;
}
.right-arrow {
    background: url("../../images/global/slider/arrows.png") no-repeat scroll 0 -69px transparent;
    cursor: pointer;
    height: 50px;
    position: absolute;
    right: 0;
    top: 45%;
    width: 50px;
    z-index: 5999;
    opacity:1;
}
.right-arrow:hover {
    background: url("../../images/global/slider/arrows.png") no-repeat scroll -50px -69px transparent;

}

/* Small Rotator */
/*
	Slideshow
*/
#SlideHolder {
	background-color: #F8F8F8;
    height: 422px;
    margin: 0 0 10px;
    position: relative;
    width: 640px;
    z-index: 99;
}

#slides {
	position:absolute;
	z-index:100;
}

/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/
.slides_container {
	width:640px;
	overflow:hidden;
	position:relative;
	display:none;
}

.size-full {
	max-width: 100%;
	height: auto;
}
/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/
.slides_container div.slide {
	background-color: #F8F8F8;
	width:640px;
	height: 429px;
	display:block;
}


/*
	Next/prev buttons
*/
.mobile .slides_container div.slide img {
	width: 320px;
	height: 215px;
}
.mobile .slides_container div.slide {
	background-color: #F8F8F8;
	width: 320px;
	height: 266px;
	display:block;
}
#SlideHolder.mobile {
	background-color: #F8F8F8;
    height: 270px;
    margin: 0 0 25px;
    position: relative;
    width: 320px;
    z-index: 99;
}
.mobile .slide .caption {
	z-index:500;
	position:absolute;
	bottom: 0 !important;
	left:0;
	height: 50px;
	background:#FFF;
	width: 320px;
	font-size: 0.8em;
	font-family: 'Helvetica Neue','Helvetica',Arial,Verdana,sans-serif;
	line-height:1.33;
	color:#999999;
	border-top:1px solid #000;
	text-shadow:none;
}
.mobile .slides_container {
	width: 320px;
	overflow:hidden;
	position:relative;
	display:none;
}
.mobile .count {
    bottom: 2em;
    color: #CCCCCC;
    font-size: 0.8em;
    position: absolute;
    right: 100px;
    z-index: 999999;
}
#slides .next, #slides .prev {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
	width:46px;
	height:46px;
	display: none;
	outline: none;
	z-index:101;
}
#slides .prev {
	left: 18px;
	display: none;
}
#slides .next {
	right: 18px;
}
.count {
    bottom: 3.4em;
    color: #222;
    font-family: 'Helvetica Neue','Helvetica',Arial,Verdana,sans-serif;
    font-size: 0.8em;
    position: absolute;
    right: 0;
    z-index: 999999;
}
/*
	Pagination
*/

.pagination {
    bottom: 1.8em;
    display: none;
    margin: 26px auto 0;
    position: absolute;
    right: 15px;
    width: auto;
    z-index: 999999;
}

.pagination li {
	float:left;
	margin:0 1px;
	list-style:none;
}

.pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
    background: url("../../images/global/slider/pagination.png") no-repeat scroll 0 0 transparent;
	background-position:0 0;
	float:left;
	overflow:hidden;
}

.pagination li.current a {
	background-position:0 -12px;
}

/*
	Caption
*/

.slide .caption {
	z-index:500;
	position:absolute;
	bottom: 7px !important;
	left:0;
	height: 53px;
	background:#FFF;
	width:640px;
	font-size: 0.8em;
	font-family: 'Helvetica Neue','Helvetica',Arial,Verdana,sans-serif;
	line-height:1.33;
	color:#999999;
	border-top:1px solid #FFF;
	border-bottom:1px solid #FFF;
	text-shadow:none;
}

.filterOption {
   	font-size: 1.1em;
    margin: 0 0 0 1px;
    width: 13.1em;
}
.filterOption option:first-child {
	text-transform: uppercase;
}


	/* 2.5.2 Media Listing
	------------------------*/
	.mediaListing{ margin-bottom:2.5em; width:100%; }
	#aside .mediaListing{ margin-bottom:0; }

	.mediaItem			{ border-bottom:1px dotted #e0e0e0; margin:0 2em 2em 0; }
	.mediaItem a		{ position: relative; color: #333; }
	.mediaItem a:hover {color: red;}
	.mediaItem .keyword a {color: #999999;}
	.mediaItem .keyword a:hover {color: red;}
	.mediaItem a .icon-video {right: 20px;
top: 3px;}
	#aside .mediaItem	{ margin:0; padding:.7em 0 .7em; }
	.inlineItem			{ float:left; width:30.9em; }
	.blockItem			{ float:left; margin:0 2em .5em 0; padding-bottom:1em; width:14.4em; }
	.blockItemWide		{ float: left;height: 32em;margin: 0 2em 2em 0;padding-bottom: 0;width: 30.9em;}
	.blockItemWide-special {float: left;height: 12em;margin: 0 1.0em 1em 0;padding-bottom: 0;width: 21em;	font-family: 'Helvetica Neue','Helvetica',Arial,Verdana,sans-serif;}
	.blockItemWide-special {width: 20em\0/;}
	.blockItemWide-contact {float: left;height: 4em;margin: 0 1.0em 0.5em 0;padding-bottom: 0;width: 21em;border-bottom: 1px dotted #E0E0E0;}
	.blockItemWide-contact-tall {float: left;height: 6.5em;margin: 0 1.0em 0.5em 0;padding-bottom: 0;width: 21em;border-bottom: 1px dotted #E0E0E0;}
	.blockItemWide-contact-subscription {float: left;height: 12.0em;margin: 0 1.0em 0.5em 0;padding-bottom: 0;width: 21em;border-bottom: 1px dotted #E0E0E0;}

	.blockItemWide-contact a.email {color: #999; font-weight: normal;}
	.blockItemWide-special a {display: block;font-size: 12px;font-size: 1.2rem;font-weight: bold;color: #FA1F00;margin-bottom: .2em;}
	.blockItemWide-special a.title-S{ font-size:14px; font-size:1.4rem; line-height:1.4; }


	.product-listing	{ }
	.product-item		{ float:left; margin:0 2em .5em 0; width:20em;height: 38em; }

	.mediaImg{ display:inline; float:left; height:auto; margin:3px 2em 2em 0; }
	/*.blockItemWide .blockImg{ display:block; float:none; overflow:hidden; }*/
	.blockItemWide .blockImg img{ width:100%; }

	/* weird workaround for 1 line titles that don't wrap in webkit, yuck */
	.mediaItem .feature-M	{ display:inline; }
	.mediaItem .feature-M a	{ display:block; padding-bottom:.5em; }

	.featureImg		{ width:31em; }
	.promoImg		{ width:14.5em; }
	.blockImg		{ display:block; height:auto; margin:0 0 1.5em 0; max-width:100%; width:100%; }
	.product-img	{ border: 1px solid #CED0CF;margin-top: 0.5em; width: 99%; }
	#aside .promoImg{ margin:0 1em 0 0; width:8em; }

	.mediaContent h3 a {color: #333;}
	.mediaContent h3 a:hover {color: red;}
	.mediaExcerpt, .mediaExcerpt-SM, .mediaExcerpt-content { font-family: Georgia,"Times New Roman",Times,serif; word-spacing:-.5px; }
	.mediaExcerpt a, .mediaExcerpt-SM a{ color:red; }

	.mediaExcerpt	{ font-size:1.5em; line-height:1.4;  }
	.mediaExcerpt-content { font-size:1.5em; line-height:1.4; margin-right: 1.3em;}
	.mediaExcerpt-SM{ color:#333; font-size:1.3em; margin-bottom:.2em; }

	/* overrides and specifics */
	.recent-comments-title { color:#999; font-size:1.2em; line-height:1.6; margin-bottom:0; }
	.recent-comments-title a{ color:#333; font-weight:bold; }


	/* 2.5.3 Media Promo Block
	------------------------*/


/* 2.6 Common Modules
---------------------------------------------------------------------- */
	/* 2.6.1 Pagination
	------------------------*/
	.paging{ margin:0 auto; display:inline-block; }
    ul.page-numbers		{ font-size:12px; font-size:1.2rem; margin:0;}
    .page-numbers li	{ float:left; margin:0; list-style:none outside none; }
    .page-numbers a, .page-numbers .current{ display:block; margin-left:.5em; padding:.3em .5em; font-weight:bold; }
	.page-numbers li:first-child a	{ margin-left:0; }
	.page-numbers .dots{ display:block; padding-top:.3em; }

	.page-numbers a			{ color:#000; }
	.page-numbers a:hover	{ color:#fa1f00; }
	.page-numbers .current	{ color:#999; }


	/* 2.6.2 Breadcrumb
	------------------------*/
	.breadcrumb{ color:#999; font-size:12px; font-size:1.2rem; font-weight:bold; margin-bottom:1em; }
	.breadcrumb a				{ color:#999; padding:0 0 1em; }
	/*.breadcrumb a:before, .breadcrumb .current:before			{ content:"/"; }*/
	.breadcrumb .icon-home	 	{ float:left; padding-left:0; padding-right:.4em; }
	.breadcrumb .current		{ color:#999; padding:0 0 1em; }


	/* 2.6.3 Tabs
	------------------------*/
	.tabs { margin-top:-8px; width:100%; }
	.tabs .moreLink { margin-top:.5em; }

	.tabTriggers				{ float:left; margin-bottom:1em; overflow:visible; width:100%; }
	.tabTriggers .jobs			{ width:25%; }
	.tabTriggers .competitions	{ width:40%; }
	.tabTriggers .events		{ width:35%; }

	.tabTriggers .popular		{ width:49.9%; }
	.tabTriggers .commented		{ width:49.9%; }

	.tabTriggers a{ font-weight:bold; font-size: 13px; padding:.55em 0; position:relative; text-align:center; text-transform:uppercase; outline: none; }

	.tabTriggers a{ background-color:#fff; border-bottom:1px dotted #999; color:#999; width:100%; }
	.tabTriggers a:hover, .tabTriggers a:focus{ color:#fa1f00; }
	.tabTriggers a.selected{ background-color:#fa1f00; border-bottom:1px solid #fa1f00; color:#fff; }

	.tabArrow{
		/*background-color:#fa1f00;*/
		background-image: url(data:image/gif;base64,R0lGODlhCwAGAIAAAPofAP///yH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOkY4NzM3MEZCMkIyMDY4MTE5N0E1REQ1Rjg1NTU1REM4IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjJBMDA3NzNFQTA1QTExRTFCRDU5OUMxQUEwNTA5QkREIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjJBMDA3NzNEQTA1QTExRTFCRDU5OUMxQUEwNTA5QkREIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzUgTWFjaW50b3NoIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDE4MDExNzQwNzIwNjgxMTg3MUY5MzlBN0Q5RjQyOUIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6Rjg3MzcwRkIyQjIwNjgxMTk3QTVERDVGODU1NTVEQzgiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQAAAAAACwAAAAACwAGAAACDYSPEInhrNxrUp6KoywAOw==);
		background-repeat:no-repeat; background-color:transparent;
		height: 6px; left: 43%; position: absolute; top: 31px; width: 11px; z-index: 99; }
	.tabTriggers a .tabArrow{ display:none; }
	.tabTriggers .selected .tabArrow{ display:block; }

	.tabs .callout{ display:block; font-size:12px; font-size:1.2rem; font-weight:bold; color:#fa1f00; margin-bottom:.2em; }
	.tabs .callout:hover, .tabs .callout:focus{ color:#333; }


	/* 2.6.4 Article
	------------------------*/
	.articleWrapper{}
	.article-details a, .article-content a{ color:#fa1f00; }
	.article-content a:hover, .article-content a:focus, .article-details a:hover, .article-details a:focus{ color:#000; }

	.toolbar{ border-bottom:1px solid #e0e0e0; margin-bottom:.3em; padding:0 0 0.5em; width:100%; }
	.toolbar-dotted { border-bottom: 1px dotted #e0e0e0;margin-bottom: 1.5em;padding: 0.6em 0 1em;width: 100%; }

	.article-meta{}
	.article-meta .icons{ font-size:12px; font-size:1.2rem; font-weight:bold; }
	.article-meta .keywords{ margin: 0.5em 0 0; padding:0; float:left; }
	.article-meta .keyword strong { float: none; }
	.article-details{float: left;line-height: 1;margin-right: 1em;margin-top: 1em;}
	.article-details li{     border-left: 1px solid #E0E0E0;
    border-right: medium none;
    height: 1.4em;
    padding: 0 1em; }
	.article-details li span { display: inline; float: none; padding: 0.1em;}
	.article-details li:first-child{ padding-left:0;border-left:none  }

	/* article headings debug */
	.article-content h1, .article-content h4, .article-content h5, .article-content h6{font-size:14px !important; }
	.article-content{ font-family:Georgia, "Times New Roman", Times, serif; word-spacing:-.5px; font-size:15px; font-size:1.5rem; }
	.article-content p{ line-height:1.4; margin-bottom:1.4em; word-spacing:0; }

	.article-content h2 {
	    border-bottom: 1px dotted #CCCCCC;
	    color: #000000;
	    font-family: 'GalaxiePolaris-Bold',Helvetica,Arial,Verdana,sans-serif;
	    font-size: 2.1rem;
	    margin: 0 0 1em;
	    padding: 0 0 0.5em;
	    width: 29em;
	}

	.article-content ul{ list-style-type: circle; }
	.article-content img { width: 100% !important; height: auto;}
	.advertise .article-content h2 {
		border-bottom: 1px dotted #CCC;
		color: black;
	    font-family: 'GalaxiePolaris-Heavy',Helvetica,Arial,Verdana,sans-serif;
	    font-size: 2.1rem;
	    font-weight: normal;
		margin: 0 0 1em;
		padding: 0 0 0.5em;
		width: 13em;
	}
	.bundle-content {
	    float: left;
	    margin: 0 0 2em;
	    width: 18em;
	}
	.bundle-content ul {
		list-style: outside;
	}
	.bundle-content ul li {
		margin:0 0 1em;
	}
	.bundle-content h3 {
		font-family: "GalaxiePolaris-Heavy",Helvetica,Arial,Verdana,sans-serif;
		font-size:20px;
		color:#000;
		text-transform: uppercase;
		margin-bottom: 1em;
		font-weight: normal;
	}
	.bundle-content h3 span {
		color:red;
	}
  .bundle-content .provider .split-column {
    float:left;
    width:50%;
  }
  .bundle-content .provider.first {
    border-top:none;
  }
  .bundle-content .provider {
    border-top:1px dotted #b7b7b7;
    padding-bottom: 30px;
    padding-top:30px;
  }

  .siteContent .provider .split-column .listing-button {
    background-position: right -1025px;
    font-size: 1rem;
    width: 89%;
    margin-top:20px;
  }
  .siteContent .provider .split-column p {
    padding-left:30px;
  }
	/* 2.6.4 Social Media Toolbar
	------------------------*/
	.article-tools{ }
	.tags {margin: 1em 0 0 0; height: 1.5em; }
	.tags a {color: #999999;display: inline;float: none;line-height: 1;margin: 0.2em 0 0 5px;}
	.tags a:hover {color: #FA1F00;}
	.tags li:first-child{ padding-left:0; padding-top: 0; }
	#Socials {
	    height: 26px;
	    padding: 4px 0 0;
	}
	#Socials .facebook {
		background: url("../../images/icons/socialMedia/Social-Facebook.png") no-repeat scroll 0 0 transparent;
		display: block;
		float: left;
		height: 25px;
		margin: 0 0 0 1px;
		width: 62px;
		text-indent: -9999px;
	}
	#Socials .twitter {
		background: url("../../images/icons/socialMedia/Social-Twitter.png") no-repeat scroll 0 0 transparent;
		display: block;
		float: left;
		height: 25px;
		margin: 0 0 0 1px;
		text-indent: -9999px;
		width: 62px;
	}
	#Socials .pinterest {
		background: url("../../images/icons/socialMedia/Social-Pinterest.png") no-repeat scroll 0 0 transparent;
		display: block;
		float: left;
		text-indent: -9999px;
		height: 25px;
		margin: 0 0 0 1px;
		width: 62px;
	}
	#Socials a {
		margin: 0 0 0 5px;
		outline: none;
	}
	/* list table */
	.listTable		{ font-size:12px; font-size:1.2rem; margin-bottom:.35em; overflow:hidden; padding-bottom:.7em; text-transform:uppercase; }
	.listTable li	{ float:left; width:49%; color: #999999; }
	#TopTags .listTable li:nth-child(even) a { padding-left: 20px;}
	.listTable li a	{ color:#333; font-weight:bold; }
	.listTable li a:hover { color: #FA1F00;}


	/* 2.6.4 Filtering
	------------------------*/
	.filtersWrapper{ border-bottom:1px solid #e0e0e0; display:inline-block; overflow:visible;  padding-bottom: 0.625em; width:96.7%; z-index:99; clear:both; margin: 0 0 0.5em; }
	.filter{ margin-right:1.9em; float:left; overflow:visible; }
	.magazine .filter {margin-bottom: 0.5em;}
	.filterTrigger{ text-transform:uppercase; width:12.4em; }
	.filterTrigger a {display:block; padding:.7em 1em; font-size:10px; font-size:1rem; }
	.filterTrigger a:hover, .filterTrigger a:hover span{ background-color:#fa1f00; color:#fff !important; }
	/*.filterTrigger a:focus{ background-color:#fa1f00; color:#fff }*/
	.magazine .filterTrigger { text-transform:uppercase; width:17.2em;}


	.filter .filterTrigger span{ color:#333; font-size:12px; font-size:1.2rem; font-weight:bold; display:block; }
	/*.filterTrigger a:focus span{ color:#fff }*/
	.filterContent{ background-color:#e6e6e6; font-size:12px; font-size:1.2rem; left:0; position:absolute; top:43px; display:none; width:100%; }
	.filterList{ padding:0.5em 1em; font-weight:bold; text-transform:uppercase; }
	.filterContent a{ color:#333; display:block; }
	.filterContent a:hover, .filterContent a:focus{ color:#fa1f00; }


	/* product list */
	.productList{ float:left; font-size:12px; font-size:1.2rem; font-weight:bold; line-height:normal; width:50%; }
	.productList li{ margin-bottom:.3em; }
	.productList a{ color:#fa1f00; line-height:normal; }
	.productList a:hover{ color:#000; }


	.submitWrapper {
		border-bottom:1px dotted #e0e0e0; display:inline-block; overflow:visible; margin-bottom:1em; padding-bottom:1em; width:96.7%; z-index:99; clear:both;
	}


	/*button classes */
	.siteContent .listing-button {
		background-color: red;
	    background-image: url("/assets/images/icons/content/master-sprite.png");
	    background-position: 125px -1026px;
	    color: #FFFFFF;
	    display: block;
	    font-size: 1.2rem;
	    font-weight: bold;
	    margin: -5px 0 0;
	    padding: 10px 1.5em 10px 0.8em;
	    text-transform: uppercase;
	    width: 9.8em;
      font-family: 'Helvetica Neue', 'Helvetica', Arial, Verdana, sans-serif;
	}
	.siteContent .listing-button:hover {
		background-color: black;
		color: #FFFFFF;
		background-position: 125px -1026px;
	}
	.siteContent .listing-button-mag {
		background-color: red;
	    background-image: url("/assets/images/icons/content/master-sprite.png");
	    background-position: 172px -1026px;
	    color: #FFFFFF;
	    display: block;
	    font-size: 1.2rem;
	    font-weight: bold;
	    margin: 0 0 0;
	    padding: 0.5em 1.5em;
	    text-transform: uppercase;
	    width: 13.7em;
	}
	.siteContent .listing-button-mag:hover {
		background-color: black;
		color: #FFFFFF;
		background-position: 172px -1026px;
	}
	/* 2.6.4 Icons - anchors
	------------------------*/
	.icons{ background-image: url("/assets/images/icons/content/master-sprites.png"); background-repeat:no-repeat; background-color:transparent; }
	.people { background-image:url("/assets/images/icons/content/company-icons.png"); }
	.company { background-image:url("/assets/images/icons/content/company-icons.png"); }

	.icon-video{ background-image:url("/assets/images/icons/content/icons-video.png"); background-repeat:no-repeat; background-color:transparent; position:absolute; top:0; right:0; text-indent:-10000px; overflow:hidden; background-position: 0 0;width: 14px;}

	.azure-video{background-position: 8px -35px;width:36px;}
	.standard-video{ background-position:0 0; height:13px; width:13px; }

	.icon-sponsored{ background: url('/assets/images/icons/content/feature.png'); background-repeat: no-repeat; position:absolute; top:0; right:0; text-indent:-10000px; overflow:hidden; height:13px; width:13px; }
	.icon-sponsored-school { background: url('/assets/images/icons/content/feature.png'); background-repeat: no-repeat; position:absolute; top:0; text-indent:-10000px; overflow:hidden; height:13px; width:13px; z-index: 99; right:0; }

	.utilityMenu .utility-login	{ padding-left:25px; }
	.utility-login				{ background-position:6px 0; }
	.utility-login:hover		{ background-position:6px -60px; }

	.utility-facebook		{ background-position:3px -420px; text-indent:-9999px; width:14px; }
	.utility-facebook:hover	{ background-position:3px -450px; }
	.utility-instagram		{ background-image: url("/assets/images/icons/instagram-icon.png"); background-repeat:no-repeat; background-color:transparent; background-position:4px -1px; text-indent:-9999px; width:14px;  }
	.utility-instagram:hover	{ background-position: 4px -36px; }
	.footer-facebook		{ background-position:0 -420px; padding-left:25px; }
	.footer-facebook:hover	{ background-position:0 -450px; }

	/* Newsletter */
	.newsletter-facebook 	{ background-image: url("/assets/images/icons/Newsletter-Sprite.png"); background-repeat:no-repeat; background-color:transparent; background-position:center 0; text-indent:-9999px; width:40px; height: 35px; display: inline-block;  }
	.newsletter-insta 		{ background-position: center -78px; background-image: url("/assets/images/icons/Newsletter-Sprite.png"); background-repeat:no-repeat; background-color:transparent;  text-indent:-9999px; width:40px; height: 35px; display: inline-block; }
	.newsletter-pin			{ background-position: center -160px; background-image: url("/assets/images/icons/Newsletter-Sprite.png"); background-repeat:no-repeat; background-color:transparent;  text-indent:-9999px; width:40px; height: 35px; display: inline-block; }
	.newsletter-twitter		{ background-position: center -235px; background-image: url("/assets/images/icons/Newsletter-Sprite.png"); background-repeat:no-repeat; background-color:transparent;  text-indent:-9999px; width:40px; height: 35px; display: inline-block;  }

	.newsletter-facebook:hover { background-position:center -40px; }
	.newsletter-insta:hover    { background-position:center -118px; }
	.newsletter-pin:hover 	   { background-position:center -200px; }
	.newsletter-twitter:hover  { background-position:center -275px; }
	

	.utility-twitter		{ background-position:6px -480px; text-indent:-9999px; width:18px; }
	.utility-twitter:hover	{ background-position:6px -510px; }
	.footer-twitter			{ background-position:0 -480px; padding-left:25px; }
	.footer-twitter:hover	{ background-position:0 -510px; }

	.footer-flickr			{ background-position:0 -537px; padding-left:25px; }
	.footer-flickr:hover	{ background-position:0 -567px; }

	.footer-linkedIn		{ background-position:0 -600px; padding-left:25px; }
	.footer-linkedIn:hover	{ background-position:0 -630px; }

	.footer-vimeo			{ background-position:0 -660px; padding-left:25px; }
	.footer-vimeo:hover		{ background-position:0 -690px; }

	.footer-youtube			{ background-position: 0 -720px;padding-bottom: 5px;padding-left: 25px; }
	.footer-youtube:hover	{ background-position:0 -755px; }

	.utility-pinterest		{ background-position:3px -790px; text-indent:-9999px; width:14px; }
	.utility-pinterest:hover	{ background-position:3px -825px; }
	.footer-pinterest		{ background-position:0 -790px; padding-left:25px; padding-bottom:5px;}
	.footer-pinterest:hover	{ background-position:0 -825px; }

	.footer-instagram		{ background-position:0 0; padding-left:25px; background-image: url("/assets/images/icons/instagram-icon.png"); background-repeat:no-repeat; background-color:transparent; padding-bottom: 3px;}
	.footer-instagram:hover	{ background-position:0 -35px; }

	.icon-more-arrow		{ background-position:right -356px; padding-right:25px; }
	.icon-more-arrow:hover	{ background-position:right -386px; color: red; }


	.icon-home				{ background-position:0 -89px; text-indent:-9999px; width:14px; }
	.icon-home:hover		{ background-position:0 -119px; }

	a[class ~= 'author'],a[class ~= 'photographer'], a[class ~= 'partnership-with'] { padding-left:20px;color: #000000; }
	a[class ~= 'people'],a[class ~= 'company'] { padding-left: 32px;color: #000000; }
	a[class ~= 'people']:hover,a[class ~= 'company']:hover { color: red; }
	.article-meta a[class ~= 'author']	{ background-position:0 -210px; color: #000 }
	a[class ~= 'author']				{ background-position:0 -180px; color: #000 }
	a[class ~= 'author']:hover			{ background-position:0 -240px; color:red;}

	.article-meta a[class ~= 'photographer']{ background-position:0 -297px; }
	a[class ~= 'photographer']				{ background-position:0 -269px; }
	a[class ~= 'photographer']:hover		{ background-position:0 -327px; color:red;}
	.article-meta a[class~="company"] {
		background-position: 0 -70px;
	}
	.article-meta a[class~="company"]:hover {
		background-position: 0 -105px;
	}
	.article-meta a[class~="people"] {
		background-position: 0 0;
	}
	.article-meta a[class~="people"]:hover {
		background-position: 0 -35px;
	}
	.article-meta a[class~="partnership-with"] {
		background-position: 0 -946px;
	}
	.article-meta a[class~="partnership-with"]:hover {
		background-position: 0 -946px;
	}
	/*
	login - 0px 30px 60px    ===	Home - 90px 120px 150px
	Pencil - 180px 210px 240px    ===	Camera - 270px 300px 330px
	Arrow - 360px 390px    ===	facebook - 420px 450px
	twitter - 480px 510px    ===	flickr - 540px 570px
	linkedIn - 600px 630px    ===	vimeo - 660px 690px
	youtube - 720px youtube hover - 755px    ===	pinterest - 790px 825px
	search - 860px 895px
	*/

	.legend-sponsored{background: url("/assets/images/icons/content/feature.png") no-repeat scroll right 1px #00AEEF;color: #FFFFFF;padding: 0 1.5em 0 0.3em;text-transform: uppercase;margin: 0;}
	.legend-sponsored span { display: block;float: right;font-size: 1.1rem;margin: 0 0 0 4px;}
	.borderTop{ border-top:1px dotted #e0e0e0; float:left; overflow:hidden; height:1px; padding-bottom:.5em; width:63.7em; }
	.onlyPhone{ display:none; }

	/* more features links */
	.moreFeatures, .moreFeatures a{ color:#000; overflow:hidden; }
	.moreLink, .auxMoreLink{ text-align:right; font-size:12px; font-size:1.2rem; text-transform:uppercase; }
	.moreLink{ clear:both; margin:-1em 1em 0 0;  }
	.auxMoreLink{ position:absolute; right:15px; top:23px; }

	/*.moreFeatures{ clear:both; text-align:right; margin:-1em 1em 0 0; font-size:14px; font-size:1.4rem; text-transform:uppercase; }*/
	#aside .moreLink{ margin-right:-7px; }


/* 2.7 Sidebar
---------------------------------------------------------------------- */
	#aside{ float:right; width:30em; }

	.auxContent		{ margin-bottom:2em; width:100%; }
	.auxContent img	{ display:block; }


	/* 2.7.1 feature tags table aside override
	------------------------*/
	/* #aside .listTable{ border-bottom:1px dotted #e0e0e0; } */


/* 2.8 Footer
---------------------------------------------------------------------- */
	.footer			{ background-color:#000; color:#999; padding:3em 0 1em; }
	.footerWrapper	{ margin:0 auto; padding:0 1em; }
	.footerContent	{ float:left; margin-left:2em; }

	.footer .footerContent:first-child{ margin-left:0; }

	.footerList{ font-size:12px; font-size:1.2rem; }
	.footerList:after{ color:#fff; content:"__"; display:block; padding:.6em 0; }
	.footerList:nth-child(3):after, .footerConnect .footerList:after{ content:" "; padding:0; }

	.footerContact{ font-size:12px; font-size:1.2rem; margin-bottom:3.1em; }

	.footerList li{ margin:0; }
	.footerConnect .footerList li{ margin-bottom:1.2em; }

	.footerList a		{ color:#999; text-decoration:none; }
	.footerList a:hover	{ color:#fa1f00; }

	.footerCopyright	{ width:31.63265%; }
	.footerSections		{ width:14.79591%; }
	.footerMore			{ width:16.83673%; }
	.footerConnect		{ width:14.28571%; }
	.footerContact		{ width:13.28571%; }

	.footerContact p		{ line-height:1.5; margin-bottom:0; }
	.footerContact .break	{ margin-bottom:.7em; }
	.footerContact a		{ color:#999; cursor:pointer; }
	.footerContact a:hover { color: #FA1F00;}
	.footerCopyright p{ font-size:12px; font-size:1.2rem; margin:0; }


/* 2.9 Ads
---------------------------------------------------------------------- */
	.headerAdsWrapper, .adMobList{ background:url(data:image/gif;base64,R0lGODlhHAAcAIAAAP///8zMzCH5BAAAAAAALAAAAAAcABwAAAJCRICXaKy9oHzUWRbn1bFmz4HipowfiZ0qB5ms58arnKGzTb/33tp6zaPlTEOcL3dMdpS/osrJYgqlxmD1h6XuoJUCADs=) repeat 0 0 #fff; }
	.headerAdsWrapper{ position:absolute; top:0; right:0; left:0; }
	.headerAdvertisements{ color:#000; margin:0 auto; padding:5px 1em; min-height:90px; width:98em; }

	.bigBoxWrapper, .adMob{ background:url(data:image/gif;base64,R0lGODlhVQAOALMAAObm5rm5uTMzM2BgYI6Ojtvb21VVVcTExD4+PtDQ0HZ2dklJSaOjo4KCgq6urmtrayH5BAAAAAAALAAAAABVAA4AAAT/EMhJq7046827/2AojmRpXkUwJUFbAMkhxUDbyrZa5+kbEIQXy1ZgJQApnA13rKV4mYbAISEgBgbEwYGQPBoAgVgwCBsGC0NhMBCcD4IfgoAtEMbxuwLAIIfHZW4ScWxuAzIYaXsAdFUGAAgqAjJxFJUFlWE6hGCMCY0TBAsLAA0LgTqDCAyag6kXB1pdjGU1AgAKDQGzhgOsAgoECmqurncICqxWbGV0CwUGCoFnvmEMz5mZGNIBU7QS3XwGDYvAQJLBWBPZKgcEBgIMokAEtA/XjeYEkgHB7BoIzizYA+rBAyRuqLRapyJcMU0N6gEwAKRWlQHvHuR7FSfBgn8YTBzcAsCF0ZUsiB7M+iMGlS2GrrgYmGkHz49DAiqy9FPpzqZXFWiAK0JkBaIdN5wMXar0yQweNAIUUZJUKhKrSk9o3cq1q9evYMOGiAAAOw==) no-repeat 0 0 #e6e6e6; margin-bottom:2.1em; padding-top:14px; }

	.bigBox-long { width: 640px; height: 180px; margin:0 auto 13px;}
	.bigBox-long img { margin: auto; display: block; }
	.bigBox{background: url("../../images/global/backgrounds/BG-ads.gif") repeat scroll 0 0 transparent;width: 300px; height: 250px;margin:auto;}
	.bigBox-4x4 {background: url("../../images/global/backgrounds/BG-ads.gif") repeat scroll 0 0 transparent;height:auto; padding: 10px; text-align: left;}
	.bigBox-4x4 img { margin: 0 12px 0 7px; float: left;}
	.bigBox-4x4 span { margin: 0 4px;}
	.bigBox-4x4 td { padding: 10px;}
	.leaderBoard{ float:left; height:90px; width:728px; }
	.buttonAd{ float:right; height:90px; width:160px; }
	.customButtonAd{ float:right; height:90px; width:24.2em; }
	.customButtonAd img{ display:block; margin:0 auto; }
	.adMobList{ padding:1.7em 0 0 1.7em; }
	.adMobList img{ float:left; margin:0 1.6em 1.7em 0; }

	#subscribeCallout{ background: url('../../images/global/backgrounds/BG-ads.gif'); height: 235px; }
	#subscribeCallout h3 {color: #000000;font-size: 20px;margin: 15px 0 0 15px;width: 125px;line-height: 20px;}
	#subscribeCallout .offer-color {font-size: 20px; margin: 0 0 20px 15px; width: 125px; line-height:20px;}
	#subscribeCallout .icon-more-arrow { color: #000000;font-size: 15px;margin: 0 0 0 15px;text-transform: uppercase;}
	#subscribeCallout .icon-more-arrow:hover { color: #FA1F00; background-position: right -386px; }
	#subscribeCallout .link-list {bottom: 0;color: #FFFFFF;margin: 0;padding: 10px 15px;position: absolute; font-size: 10px;}
	#subscribeCallout .link-list a {color: #000000;font-size: 1.2em;font-weight: bold;text-transform: uppercase;}
	#subscribeCallout .icon-more-arrow {background-position: right -356px;}
	#subscribeCallout .link-list a:hover {color: #fff;}
	#subscribeCallout .link-list a:after {content: " / ";}
	#subscribeCallout .link-list a:last-child:after {content: none;}

	#subscribeCallout #Magazine {border: 1px solid #D1D1D1;height: 158px;position: absolute;right: 10px;top: 10px;width: 123px;}

/* 3.0 Commenting */
.comments {
	font-family: Georgia,"Times New Roman",Times,serif;
    font-size: 1.5rem;
}
.comments p {
    margin-bottom: 1.4em;
    word-spacing: 0;
	line-height: 1.4;
    margin-bottom: 1.4em;
    word-spacing: 0;
}
.commentlist {
	list-style: none;
	margin: 0;
	padding: 0;
}
.comment-author {
    font-style: italic;
    margin: 0 0 0.5em;
}
.comment-author time {
	color: #333;
}
.comment-author .fn {
	color: #333;
}
.commentlist li {
	border-top: 1px dotted #E0E0E0;
	margin: 0;
	padding: 1em 0 0;
	width: 42.5em;
}
.comments p a {
	color: red;
}
.comments p a:hover {
	color: #666666;
}
#commentform {
	background-color: #E6E6E6;
	padding: 15px;
	width: 40.5em;
}
#commentform h2 {
	border-bottom: 1px dotted #CCCCCC;
    color: #000000;
    font-family: 'GalaxiePolaris-Bold',Helvetica,Arial,Verdana,sans-serif;
    font-size: 2.1rem;
    margin: 0 0 1em;
    padding: 0 0 0.5em;
    width: 29em;
}
#commentform textarea {
	border: medium none;
    height: 270px;
    padding: 15px;
    resize: none;
    width: 610px;
}
#commentform .form-submit {
    border-top: 1px dotted #CCCCCC;
    margin: 20px 0 0;
    width: 611px;
}
#commentform .submit-button {
    background-color: red;
    background-image: url("/assets/images/icons/content/master-sprite.png");
    background-position: 125px -1027px;
    background-repeat: no-repeat;
    color: #FFFFFF;
    display: block;
    font-size: 1.2rem;
    font-weight: bold;
    margin: 20px 0 0;
    padding: 0.5em 1.5em 0.5em 0.8em;
    text-align: left;
    text-transform: uppercase;
    width: 12.1em;
}
#commentform .submit-button:hover {
	background-color: black;
    background-position: 125px -1027px;
    color: #FFFFFF;
}
/* 3. COMMON HELPER CLASSES
== due for cleanup. rwd and OO making these classes obsolete
---------------------------------------------------------------------- */
	br, .clear 	{ clear:both; } 								/*clears floats*/
	.floatLeft 	{ display:inline; float:left; } 				/*floats left*/
	.floatRight	{ display:inline; float:right; } 	/*floats right*/
	.visible, .show { display:block !important; } 				/*displays as block, turns ON*/
	.hidden		{ display:none !important; } 					/*displays as hidden, turns OFF*/
	.noBg		{ background:0px none !important; }				/*Removes Background*/
	.noBorder	{ border:0px none !important; }					/*Removes Border*/
	.noPrint	{}
	.printHead	{}
	.printFoot	{}
	.buffertop-sm {margin-top: 0.7em;}
	.buffertop {margin-top: 1.5em;}
	.bufferright {margin-right:1.0em;}
	.bufferleft {margin-left: 0.4em !important;}
	.imgCentre{ display:block; margin:0px auto; }
	.imgLeft  { display:inline; float:left; margin:0 7px 0 0; }	/* Float image LEFT and give it some margin */
	.imgRight { display:inline; float:right; margin:0 0 0 10px; }	/* Float image to the RIGHT and give it some margin */
	.inline {display: inline !important;}
	.height-auto {height: auto !important;}
	.block {display: block !important;}

	/*fonts*/
	.textLeft 	{ text-align:left; } 			/*aligns text left*/
	.textRight	{ text-align:right; } 			/*aligns text right*/
	.textCenter	{ text-align:center; } 			/*aligns text centre*/
	.bold     	{ font-weight:bold; } 			/*text bold*/
	.italic   	{ font-style:italic; } 			/*text italic*/
	.underline	{ border-bottom:1px solid; } 	/*text underline*/
	.highlight	{ background:#ffc; } 			/*text highlight*/
	.caption  	{ list-style:none; font-style:normal;  font-size:11px; font-size:1.1rem; line-height:normal; } /*text captions*/
	.wp-caption-text { font-size: 0.8em;font-family: 'Helvetica Neue','Helvetica',Arial,Verdana,sans-serif;line-height:1.33;color:#999999;text-shadow:none; padding: 0.5em 0.5em 0 0;}
	.wp-caption img { height: auto; max-width: 100% !important;}
	.wp-caption { height: auto; max-width: 100% !important;}

	.dark {color:#000;}
	/*margins-paddings*/
	.margin1	{ margin-bottom:.5em; }	        	/* give some margin bottom */
	.margin2	{ margin-bottom:1em; }				/* give more margin bottom */
	.noMargin	{ margin:0 0 0 0 !important; } 		/* gets rid of indent */
	.paddingTop	{ padding-top:1em; }
	.noPadding	{ padding:0 !important;} 						/* gets rid of padding */
	.noIndent	{ margin-left:0; padding-left:0; } 	/* gets rid of indent */
	.clearfix:before,
	.clearfix:after {
	    content: " "; /* 1 */
	    display: table; /* 2 */
	}

	.clearfix:after {
	    clear: both;
	}

	/*
	 * For IE 6/7 only
	 * Include this rule to trigger hasLayout and contain floats.
	 */

	.clearfix {
	    *zoom: 1;
	}
/* 4 Retina */
@media all and (-webkit-min-device-pixel-ratio: 2) {
	.tabArrow {
		top:31px;
	}
	.icon-home {
	    background-position: 0 -87px;
    }
	.icon-home:hover {
		background-position: 0 -117px;
	}

	.siteContent .listing-button {
		background-image: url("/assets/images/icons/content/master-sprites@2x.png");
		background-position: 125px -1023px;
		background-size: 20px 1108px;
	}
	.siteContent .listing-button:hover {
		background-position: 125px -1023px;
	}
	.logo		{ background-image: url("/assets/images/global/logos/master-logo-sprite@2x.png?v=3.4.2"); background-size: 451px 582px;}
	.footerLogo { background-image: url("/assets/images/global/logos/master-logo-sprite@2x.png?v=3.4.2"); background-size: 451px 582px; background-position: 0 0;}
	.icons { background-image:url("/assets/images/icons/content/master-sprites@2x.png?v=3.4.2"); background-size: 20px 994px; }
	.utility-instagram, .footer-instagram { background-image:url("/assets/images/icons/instagram-icon@2x.png"); background-size: 20px 55px; }
	.people { background-image:url("/assets/images/icons/content/company-icons@2x.png"); background-size: 25px 117px; }
	.company { background-image:url("/assets/images/icons/content/company-icons@2x.png"); background-size: 25px 117px; }
	.icon-video{ background-image:url("/assets/images/icons/content/icons-video@2x.png"); background-repeat:no-repeat; background-color:transparent; position:absolute; top:0; right:0; text-indent:-10000px; overflow:hidden; background-position: 0 0;width: 14px;background-size: 28px 48px; }

		/* Newsletter */
	.newsletter-facebook, .newsletter-insta, .newsletter-pin, .newsletter-twitter { background-image: url("/assets/images/icons/Newsletter-Sprite@2x.png"); background-size: 50px 315px; }


	.azure-video{background-position: 8px -35px;width:36px;}
	.standard-video{ background-position:0 0; height:13px; width:13px; }
	.utilityMenu .utility-login {
		background-position: 6px 0;
	}
	.utilityMenu .utility-login:hover {
		background-position: 6px -60px;
	}
	.article-meta a[class~="author"] {
		background-position: 0 -212px;
	}
	.article-meta a[class~="author"]:hover {
		background-position: 0 -242px;
	}
	.article-meta a[class~="photographer"] {
		background-position: 0 -297px;
	}
	.article-meta a[class~="photographer"]:hover {
		background-position: 0 -327px;
	}
	.article-meta a[class~="company"] {
		background-position: 0 -70px;
	}
	.article-meta a[class~="company"]:hover {
		background-position: 0 -105px;
	}
	}
	.article-meta a[class~="people"] {
		background-position: 0 0;
	}
	.article-meta a[class~="people"]:hover {
		background-position: 0 -35px;
	}
	.article-meta a[class~="partnership-with"] {
		background-position: 0 -948px;
	}
	.article-meta a[class~="partnership-with"]:hover {
		background-position: 0 -948px;
	}
	.left-arrow {
	    background: url("../../images/global/slider/arrows@2x.png") no-repeat scroll 0 0 transparent;
	    background-size:100px 119px;
	    cursor: pointer;
	    display: none;
	    height: 50px;
	    left: -27px;
	    opacity: 1;
	    position: absolute;
	    top: 45%;
	    width: 50px;
	    z-index: 5999;
    }
    .left-arrow:hover {
    	background: url("../../images/global/slider/arrows@2x.png") no-repeat scroll -50px 0 transparent;
	    background-size:100px 119px;
    }
    .right-arrow {
	    background: url("../../images/global/slider/arrows@2x.png") no-repeat scroll 0 -69px transparent;
	    background-size:100px 119px;
	    cursor: pointer;
	    height: 50px;
	    position: absolute;
	    right: 0;
	    top: 45%;
	    width: 50px;
	    z-index: 5999;
	    opacity:1;
    }
	.right-arrow:hover {
	    background: url("../../images/global/slider/arrows@2x.png") no-repeat scroll -50px -69px transparent;
	    background-size:100px 119px;

	}

}
/*5 Buttons */
button.share {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #050505;
	padding: 3px 10px 2px;
	background: -moz-linear-gradient(
		top,
		#fcfcfc 0%,
		#ebebeb 50%,
		#dbdbdb 66%,
		#b5b5b5);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#fcfcfc),
		color-stop(0.50, #ebebeb),
		color-stop(0.66, #dbdbdb),
		to(#b5b5b5));
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #949494;
	-moz-box-shadow:
		inset 0px 0px 2px rgba(255,255,255,1);
	-webkit-box-shadow:
		inset 0px 0px 2px rgba(255,255,255,1);
	box-shadow:
		inset 0px 0px 2px rgba(255,255,255,1);
}
#Sponsored {
	margin: 0.1em 0 0.1em;
}
/* Bubbles */

label.error {
    background: none repeat scroll 0 0 #EB2B00;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
    padding: 10px 5px;
    position: absolute;
    right: 10px;
    top: 14px;
    width: 118px;}
label.error:after, label.error:before { right: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
label.error:after { 	border-color: rgba(235, 43, 0, 0); border-right-color: #EB2B00; border-width: 10px; top: 50%; margin-top: -10px; }
label.error:before { 	border-color: rgba(0, 0, 0, 0); border-width: 16px; top: 50%; margin-top: -16px; }
.video-player iframe {

}
.logo-print {
	display: none;
}
.azure-form .product-submission {
	display: none;
	margin: 25px 0;
}
.product-submission input[type="file"] {
	margin: 8px 0;
}
/* Advertise Page */
.advertise h2 {
	border-bottom: 1px solid #E0E0E0;
	border-top: 5px solid black;
	color: black;
	margin-bottom: .8em;
	font-weight: bold;
	padding: 0.2em 0 0.3em 0;
	width: 100%;
}
.body-copy {
	margin-right: 25px;
}
.select-your {
	text-transform:none !important;
	font-size:26px !important;
	font-family: "GalaxiePolaris-Bold",Helvetica,Arial,Verdana,sans-serif !important;
	margin:0 !important;
}

/* Ad Blocker Modal */
.adblock-modal-container .fancybox-skin {
    background-color: #1e1e1e;
    border: 15px solid #fa1f01;
    padding: 0 !important;
}
.adblock-modal-container .fancybox-inner {
	width: 100% !important;
}
.adblock-modal-container .fancybox-close {
	top: -30px;
    right: -30px;
}
.adblock-modal {
	background-color: #1e1e1e;
	color: #FFF;
	text-align: center;
}
.adblock-modal .modal-title {
    color: #fff;
    font-size: 34px;
    text-transform: uppercase;
    padding: 50px 140px 0;
    margin: 0 0 15px;
}
.adblock-modal .modal-sub-title {
	text-transform: uppercase;
    font-size: 20px;
}
.adblock-modal .hel {
    font-size: 16px;
    padding: 0 80px;
}


/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
 .hamburger{font:inherit;display:inline-block;overflow:visible;margin:0;padding:15px;cursor:pointer;transition-timing-function:linear;transition-duration:.15s;transition-property:opacity,filter;text-transform:none;color:inherit;border:0;background-color:transparent}.hamburger:hover{opacity:.7}.hamburger-box{position:relative;display:inline-block;width:40px;height:24px}.hamburger-inner{top:50%;display:block;margin-top:-2px}.hamburger-inner,.hamburger-inner:after,.hamburger-inner:before{position:absolute;width:40px;height:4px;transition-timing-function:ease;transition-duration:.15s;transition-property:transform;border-radius:4px;background-color:#000}.hamburger-inner:after,.hamburger-inner:before{display:block;content:''}.hamburger-inner:before{top:-10px}.hamburger-inner:after{bottom:-10px}.hamburger--3dx .hamburger-box{perspective:80px}.hamburger--3dx .hamburger-inner{transition:transform .2s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dx .hamburger-inner:after,.hamburger--3dx .hamburger-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dx.is-active .hamburger-inner{transform:rotateY(180deg);background-color:transparent}.hamburger--3dx.is-active .hamburger-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dx.is-active .hamburger-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dx-r .hamburger-box{perspective:80px}.hamburger--3dx-r .hamburger-inner{transition:transform .2s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dx-r .hamburger-inner:after,.hamburger--3dx-r .hamburger-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dx-r.is-active .hamburger-inner{transform:rotateY(-180deg);background-color:transparent}.hamburger--3dx-r.is-active .hamburger-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dx-r.is-active .hamburger-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dy .hamburger-box{perspective:80px}.hamburger--3dy .hamburger-inner{transition:transform .2s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dy .hamburger-inner:after,.hamburger--3dy .hamburger-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dy.is-active .hamburger-inner{transform:rotateX(-180deg);background-color:transparent}.hamburger--3dy.is-active .hamburger-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dy.is-active .hamburger-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dy-r .hamburger-box{perspective:80px}.hamburger--3dy-r .hamburger-inner{transition:transform .2s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dy-r .hamburger-inner:after,.hamburger--3dy-r .hamburger-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dy-r.is-active .hamburger-inner{transform:rotateX(180deg);background-color:transparent}.hamburger--3dy-r.is-active .hamburger-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dy-r.is-active .hamburger-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--arrow.is-active .hamburger-inner:before{transform:translate3d(-8px,0,0) rotate(-45deg) scaleX(.7)}.hamburger--arrow.is-active .hamburger-inner:after{transform:translate3d(-8px,0,0) rotate(45deg) scaleX(.7)}.hamburger--arrow-r.is-active .hamburger-inner:before{transform:translate3d(8px,0,0) rotate(45deg) scaleX(.7)}.hamburger--arrow-r.is-active .hamburger-inner:after{transform:translate3d(8px,0,0) rotate(-45deg) scaleX(.7)}.hamburger--arrowalt .hamburger-inner:before{transition:top .1s ease .15s,transform .15s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt .hamburger-inner:after{transition:bottom .1s ease .15s,transform .15s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt.is-active .hamburger-inner:before{top:0;transition:top .1s ease,transform .15s cubic-bezier(.895,.03,.685,.22) .1s;transform:translate3d(-8px,-10px,0) rotate(-45deg) scaleX(.7)}.hamburger--arrowalt.is-active .hamburger-inner:after{bottom:0;transition:bottom .1s ease,transform .15s cubic-bezier(.895,.03,.685,.22) .1s;transform:translate3d(-8px,10px,0) rotate(45deg) scaleX(.7)}.hamburger--arrowalt-r .hamburger-inner:before{transition:top .1s ease .15s,transform .15s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt-r .hamburger-inner:after{transition:bottom .1s ease .15s,transform .15s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt-r.is-active .hamburger-inner:before{top:0;transition:top .1s ease,transform .15s cubic-bezier(.895,.03,.685,.22) .1s;transform:translate3d(8px,-10px,0) rotate(45deg) scaleX(.7)}.hamburger--arrowalt-r.is-active .hamburger-inner:after{bottom:0;transition:bottom .1s ease,transform .15s cubic-bezier(.895,.03,.685,.22) .1s;transform:translate3d(8px,10px,0) rotate(-45deg) scaleX(.7)}.hamburger--boring .hamburger-inner,.hamburger--boring .hamburger-inner:after,.hamburger--boring .hamburger-inner:before{transition-property:none}.hamburger--boring.is-active .hamburger-inner{transform:rotate(45deg)}.hamburger--boring.is-active .hamburger-inner:before{top:0;opacity:0}.hamburger--boring.is-active .hamburger-inner:after{bottom:0;transform:rotate(-90deg)}.hamburger--collapse .hamburger-inner{top:auto;bottom:0;transition-delay:.15s;transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.15s}.hamburger--collapse .hamburger-inner:after{top:-20px;transition:top .3s cubic-bezier(.33333,.66667,.66667,1) .3s,opacity .1s linear}.hamburger--collapse .hamburger-inner:before{transition:top .12s cubic-bezier(.33333,.66667,.66667,1) .3s,transform .15s cubic-bezier(.55,.055,.675,.19)}.hamburger--collapse.is-active .hamburger-inner{transition-delay:.32s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--collapse.is-active .hamburger-inner:after{top:0;transition:top .3s cubic-bezier(.33333,0,.66667,.33333),opacity .1s linear .27s;opacity:0}.hamburger--collapse.is-active .hamburger-inner:before{top:0;transition:top .12s cubic-bezier(.33333,0,.66667,.33333) .18s,transform .15s cubic-bezier(.215,.61,.355,1) .42s;transform:rotate(-90deg)}.hamburger--collapse-r .hamburger-inner{top:auto;bottom:0;transition-delay:.15s;transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.15s}.hamburger--collapse-r .hamburger-inner:after{top:-20px;transition:top .3s cubic-bezier(.33333,.66667,.66667,1) .3s,opacity .1s linear}.hamburger--collapse-r .hamburger-inner:before{transition:top .12s cubic-bezier(.33333,.66667,.66667,1) .3s,transform .15s cubic-bezier(.55,.055,.675,.19)}.hamburger--collapse-r.is-active .hamburger-inner{transition-delay:.32s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:translate3d(0,-10px,0) rotate(45deg)}.hamburger--collapse-r.is-active .hamburger-inner:after{top:0;transition:top .3s cubic-bezier(.33333,0,.66667,.33333),opacity .1s linear .27s;opacity:0}.hamburger--collapse-r.is-active .hamburger-inner:before{top:0;transition:top .12s cubic-bezier(.33333,0,.66667,.33333) .18s,transform .15s cubic-bezier(.215,.61,.355,1) .42s;transform:rotate(90deg)}.hamburger--elastic .hamburger-inner{top:2px;transition-timing-function:cubic-bezier(.68,-.55,.265,1.55);transition-duration:.4s}.hamburger--elastic .hamburger-inner:before{top:10px;transition:opacity .15s ease .4s}.hamburger--elastic .hamburger-inner:after{top:20px;transition:transform .4s cubic-bezier(.68,-.55,.265,1.55)}.hamburger--elastic.is-active .hamburger-inner{transition-delay:.1s;transform:translate3d(0,10px,0) rotate(135deg)}.hamburger--elastic.is-active .hamburger-inner:before{transition-delay:0s;opacity:0}.hamburger--elastic.is-active .hamburger-inner:after{transition-delay:.1s;transform:translate3d(0,-20px,0) rotate(-270deg)}.hamburger--elastic-r .hamburger-inner{top:2px;transition-timing-function:cubic-bezier(.68,-.55,.265,1.55);transition-duration:.4s}.hamburger--elastic-r .hamburger-inner:before{top:10px;transition:opacity .15s ease .4s}.hamburger--elastic-r .hamburger-inner:after{top:20px;transition:transform .4s cubic-bezier(.68,-.55,.265,1.55)}.hamburger--elastic-r.is-active .hamburger-inner{transition-delay:.1s;transform:translate3d(0,10px,0) rotate(-135deg)}.hamburger--elastic-r.is-active .hamburger-inner:before{transition-delay:0s;opacity:0}.hamburger--elastic-r.is-active .hamburger-inner:after{transition-delay:.1s;transform:translate3d(0,-20px,0) rotate(270deg)}.hamburger--emphatic{overflow:hidden}.hamburger--emphatic .hamburger-inner{transition:background-color .2s ease-in .25s}.hamburger--emphatic .hamburger-inner:before{left:0;transition:transform .2s cubic-bezier(.6,.04,.98,.335),top .05s linear .2s,left .2s ease-in .25s}.hamburger--emphatic .hamburger-inner:after{top:10px;right:0;transition:transform .2s cubic-bezier(.6,.04,.98,.335),top .05s linear .2s,right .2s ease-in .25s}.hamburger--emphatic.is-active .hamburger-inner{transition-delay:0s;transition-timing-function:ease-out;background-color:transparent}.hamburger--emphatic.is-active .hamburger-inner:before{top:-80px;left:-80px;transition:left .2s ease-out,top .05s linear .2s,transform .2s cubic-bezier(.075,.82,.165,1) .25s;transform:translate3d(80px,80px,0) rotate(45deg)}.hamburger--emphatic.is-active .hamburger-inner:after{top:-80px;right:-80px;transition:right .2s ease-out,top .05s linear .2s,transform .2s cubic-bezier(.075,.82,.165,1) .25s;transform:translate3d(-80px,80px,0) rotate(-45deg)}.hamburger--emphatic-r{overflow:hidden}.hamburger--emphatic-r .hamburger-inner{transition:background-color .2s ease-in .25s}.hamburger--emphatic-r .hamburger-inner:before{left:0;transition:transform .2s cubic-bezier(.6,.04,.98,.335),top .05s linear .2s,left .2s ease-in .25s}.hamburger--emphatic-r .hamburger-inner:after{top:10px;right:0;transition:transform .2s cubic-bezier(.6,.04,.98,.335),top .05s linear .2s,right .2s ease-in .25s}.hamburger--emphatic-r.is-active .hamburger-inner{transition-delay:0s;transition-timing-function:ease-out;background-color:transparent}.hamburger--emphatic-r.is-active .hamburger-inner:before{top:80px;left:-80px;transition:left .2s ease-out,top .05s linear .2s,transform .2s cubic-bezier(.075,.82,.165,1) .25s;transform:translate3d(80px,-80px,0) rotate(-45deg)}.hamburger--emphatic-r.is-active .hamburger-inner:after{top:80px;right:-80px;transition:right .2s ease-out,top .05s linear .2s,transform .2s cubic-bezier(.075,.82,.165,1) .25s;transform:translate3d(-80px,-80px,0) rotate(45deg)}.hamburger--slider .hamburger-inner{top:2px}.hamburger--slider .hamburger-inner:before{top:10px;transition-timing-function:ease;transition-duration:.2s;transition-property:transform,opacity}.hamburger--slider .hamburger-inner:after{top:20px}.hamburger--slider.is-active .hamburger-inner{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--slider.is-active .hamburger-inner:before{transform:rotate(-45deg) translate3d(-5.71429px,-6px,0);opacity:0}.hamburger--slider.is-active .hamburger-inner:after{transform:translate3d(0,-20px,0) rotate(-90deg)}.hamburger--slider-r .hamburger-inner{top:2px}.hamburger--slider-r .hamburger-inner:before{top:10px;transition-timing-function:ease;transition-duration:.2s;transition-property:transform,opacity}.hamburger--slider-r .hamburger-inner:after{top:20px}.hamburger--slider-r.is-active .hamburger-inner{transform:translate3d(0,10px,0) rotate(-45deg)}.hamburger--slider-r.is-active .hamburger-inner:before{transform:rotate(45deg) translate3d(5.71429px,-6px,0);opacity:0}.hamburger--slider-r.is-active .hamburger-inner:after{transform:translate3d(0,-20px,0) rotate(90deg)}.hamburger--spring .hamburger-inner{top:2px;transition:background-color 0s linear .15s}.hamburger--spring .hamburger-inner:before{top:10px;transition:top .12s cubic-bezier(.33333,.66667,.66667,1) .3s,transform .15s cubic-bezier(.55,.055,.675,.19)}.hamburger--spring .hamburger-inner:after{top:20px;transition:top .3s cubic-bezier(.33333,.66667,.66667,1) .3s,transform .15s cubic-bezier(.55,.055,.675,.19)}.hamburger--spring.is-active .hamburger-inner{transition-delay:.32s;background-color:transparent}.hamburger--spring.is-active .hamburger-inner:before{top:0;transition:top .12s cubic-bezier(.33333,0,.66667,.33333) .18s,transform .15s cubic-bezier(.215,.61,.355,1) .32s;transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--spring.is-active .hamburger-inner:after{top:0;transition:top .3s cubic-bezier(.33333,0,.66667,.33333),transform .15s cubic-bezier(.215,.61,.355,1) .32s;transform:translate3d(0,10px,0) rotate(-45deg)}.hamburger--spring-r .hamburger-inner{top:auto;bottom:0;transition-delay:0s;transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.15s}.hamburger--spring-r .hamburger-inner:after{top:-20px;transition:top .3s cubic-bezier(.33333,.66667,.66667,1) .3s,opacity 0s linear}.hamburger--spring-r .hamburger-inner:before{transition:top .12s cubic-bezier(.33333,.66667,.66667,1) .3s,transform .15s cubic-bezier(.55,.055,.675,.19)}.hamburger--spring-r.is-active .hamburger-inner{transition-delay:.32s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--spring-r.is-active .hamburger-inner:after{top:0;transition:top .3s cubic-bezier(.33333,0,.66667,.33333),opacity 0s linear .32s;opacity:0}.hamburger--spring-r.is-active .hamburger-inner:before{top:0;transition:top .12s cubic-bezier(.33333,0,.66667,.33333) .18s,transform .15s cubic-bezier(.215,.61,.355,1) .32s;transform:rotate(90deg)}.hamburger--stand .hamburger-inner{transition:transform .1s cubic-bezier(.55,.055,.675,.19) .22s,background-color 0s linear .1s}.hamburger--stand .hamburger-inner:before{transition:top .1s ease-in .1s,transform .1s cubic-bezier(.55,.055,.675,.19) 0s}.hamburger--stand .hamburger-inner:after{transition:bottom .1s ease-in .1s,transform .1s cubic-bezier(.55,.055,.675,.19) 0s}.hamburger--stand.is-active .hamburger-inner{transition:transform .1s cubic-bezier(.215,.61,.355,1) 0s,background-color 0s linear .22s;transform:rotate(90deg);background-color:transparent}.hamburger--stand.is-active .hamburger-inner:before{top:0;transition:top .1s ease-out .12s,transform .1s cubic-bezier(.215,.61,.355,1) .22s;transform:rotate(-45deg)}.hamburger--stand.is-active .hamburger-inner:after{bottom:0;transition:bottom .1s ease-out .12s,transform .1s cubic-bezier(.215,.61,.355,1) .22s;transform:rotate(45deg)}.hamburger--stand-r .hamburger-inner{transition:transform .1s cubic-bezier(.55,.055,.675,.19) .22s,background-color 0s linear .1s}.hamburger--stand-r .hamburger-inner:before{transition:top .1s ease-in .1s,transform .1s cubic-bezier(.55,.055,.675,.19) 0s}.hamburger--stand-r .hamburger-inner:after{transition:bottom .1s ease-in .1s,transform .1s cubic-bezier(.55,.055,.675,.19) 0s}.hamburger--stand-r.is-active .hamburger-inner{transition:transform .1s cubic-bezier(.215,.61,.355,1) 0s,background-color 0s linear .22s;transform:rotate(-90deg);background-color:transparent}.hamburger--stand-r.is-active .hamburger-inner:before{top:0;transition:top .1s ease-out .12s,transform .1s cubic-bezier(.215,.61,.355,1) .22s;transform:rotate(-45deg)}.hamburger--stand-r.is-active .hamburger-inner:after{bottom:0;transition:bottom .1s ease-out .12s,transform .1s cubic-bezier(.215,.61,.355,1) .22s;transform:rotate(45deg)}.hamburger--spin .hamburger-inner{transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.3s}.hamburger--spin .hamburger-inner:before{transition:top .1s ease-in .34s,opacity .1s ease-in}.hamburger--spin .hamburger-inner:after{transition:bottom .1s ease-in .34s,transform .3s cubic-bezier(.55,.055,.675,.19)}.hamburger--spin.is-active .hamburger-inner{transition-delay:.14s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:rotate(225deg)}.hamburger--spin.is-active .hamburger-inner:before{top:0;transition:top .1s ease-out,opacity .1s ease-out .14s;opacity:0}.hamburger--spin.is-active .hamburger-inner:after{bottom:0;transition:bottom .1s ease-out,transform .3s cubic-bezier(.215,.61,.355,1) .14s;transform:rotate(-90deg)}.hamburger--spin-r .hamburger-inner{transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.3s}.hamburger--spin-r .hamburger-inner:before{transition:top .1s ease-in .34s,opacity .1s ease-in}.hamburger--spin-r .hamburger-inner:after{transition:bottom .1s ease-in .34s,transform .3s cubic-bezier(.55,.055,.675,.19)}.hamburger--spin-r.is-active .hamburger-inner{transition-delay:.14s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:rotate(-225deg)}.hamburger--spin-r.is-active .hamburger-inner:before{top:0;transition:top .1s ease-out,opacity .1s ease-out .14s;opacity:0}.hamburger--spin-r.is-active .hamburger-inner:after{bottom:0;transition:bottom .1s ease-out,transform .3s cubic-bezier(.215,.61,.355,1) .14s;transform:rotate(90deg)}.hamburger--squeeze .hamburger-inner{transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.1s}.hamburger--squeeze .hamburger-inner:before{transition:top .1s ease .14s,opacity .1s ease}.hamburger--squeeze .hamburger-inner:after{transition:bottom .1s ease .14s,transform .1s cubic-bezier(.55,.055,.675,.19)}.hamburger--squeeze.is-active .hamburger-inner{transition-delay:.14s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:rotate(45deg)}.hamburger--squeeze.is-active .hamburger-inner:before{top:0;transition:top .1s ease,opacity .1s ease .14s;opacity:0}.hamburger--squeeze.is-active .hamburger-inner:after{bottom:0;transition:bottom .1s ease,transform .1s cubic-bezier(.215,.61,.355,1) .14s;transform:rotate(-90deg)}.hamburger--vortex .hamburger-inner{transition-timing-function:cubic-bezier(.19,1,.22,1);transition-duration:.3s}.hamburger--vortex .hamburger-inner:after,.hamburger--vortex .hamburger-inner:before{transition-delay:.1s;transition-timing-function:linear;transition-duration:0s}.hamburger--vortex .hamburger-inner:before{transition-property:top,opacity}.hamburger--vortex .hamburger-inner:after{transition-property:bottom,transform}.hamburger--vortex.is-active .hamburger-inner{transition-timing-function:cubic-bezier(.19,1,.22,1);transform:rotate(765deg)}.hamburger--vortex.is-active .hamburger-inner:after,.hamburger--vortex.is-active .hamburger-inner:before{transition-delay:0s}.hamburger--vortex.is-active .hamburger-inner:before{top:0;opacity:0}.hamburger--vortex.is-active .hamburger-inner:after{bottom:0;transform:rotate(90deg)}.hamburger--vortex-r .hamburger-inner{transition-timing-function:cubic-bezier(.19,1,.22,1);transition-duration:.3s}.hamburger--vortex-r .hamburger-inner:after,.hamburger--vortex-r .hamburger-inner:before{transition-delay:.1s;transition-timing-function:linear;transition-duration:0s}.hamburger--vortex-r .hamburger-inner:before{transition-property:top,opacity}.hamburger--vortex-r .hamburger-inner:after{transition-property:bottom,transform}.hamburger--vortex-r.is-active .hamburger-inner{transition-timing-function:cubic-bezier(.19,1,.22,1);transform:rotate(-765deg)}.hamburger--vortex-r.is-active .hamburger-inner:after,.hamburger--vortex-r.is-active .hamburger-inner:before{transition-delay:0s}.hamburger--vortex-r.is-active .hamburger-inner:before{top:0;opacity:0}.hamburger--vortex-r.is-active .hamburger-inner:after{bottom:0;transform:rotate(-90deg)}
	.hamburger {
		display: none;
		padding:0;
		position: absolute;
		right: 0;
		top: 23px;
	}
