/*
Theme Name: Fitness 1.0
Theme URI: http://lucianniculescu.ro
Description: Trainerize Custom Blog Theme
Version: 1.0
Author: Lucian Niculescu
Author URI: http://www.lucianniculescu.ro
*/

/*************************************************************************************************/
/* Trainerize BLOG / CSS     *********************************************************************/
/*************************************************************************************************/
/****************************************/
/***** RESETS ***************************/
/****************************************/
	* 	 { margin: 0; padding:0 } 
	A 	 { outline:none }
	HTML { overflow:auto; overflow-x:hidden; font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100% }
	BODY { font-size:1em; line-height:1 }
	BODY, DIV, DL, DT, DD, UL, OL, LI, H1, H2, H3, H4, H5, H6, PRE, FORM, FIELDSET, INPUT, TEXTAREA, P, BLOCKQUOTE, TH, TD, ARTICLE, ASIDE, DETAILS, FIGCAPTION, FIGURE, FOOTER, HEADER, HGROUP, NAV, SECTION, AUDIO, CANVAS, VIDEO, BUTTON, A, SPAN, SMALL, I { margin:0; padding:0;  box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box }
	NAV UL, NAV OL { list-style:none; list-style-image:none; margin:0; padding:0 }
	TABLE { border-collapse:collapse; border-spacing:0 }
	TD { vertical-align: top }
	FIELDSET, IMG { border:0 }
	ADDRESS, CAPTION, CITE, CODE, DFN, EM, STRONG, TH, VAR { font-style:normal; font-weight:normal }
	OL, UL { list-style:none }
	CAPTION, TH { text-align:left }
	H1, H2, H3, H4, H5, H6 { font-size:100%; font-weight:normal }
	BLOCKQOUTE, Q { quotes:none }
	BLOCKQOUTE:before, BLOCKQOUTE:after, Q:before, Q:after { content:''; content:none }
	ABBR, ACRONYM { border:0 }
	:focus { outline:0 }
	INS { text-decoration:none }
	DEL { text-decoration:line-through }
	PRE { white-space: pre; white-space: pre-wrap; word-wrap: break-word }
	LABEL { cursor: pointer }
	LEGEND { border: 0; margin:0; padding:0; white-space:normal }
	IMG { border:0; -ms-interpolation-mode:bicubic; vertical-align:middle }
	svg:not(:root) { overflow: hidden }
	BUTTON::-moz-focus-inner, INPUT::-moz-focus-inner { border: 0; padding: 0 }
	INPUT[type="search"]::-webkit-search-decoration, INPUT[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none }
	BUTTON[disabled], INPUT[disabled] { cursor: default }
	BUTTON, INPUT, SELECT, TEXTAREA { font-size: 100%; vertical-align: baseline; *vertical-align: middle }
	BUTTON, INPUT { line-height: normal }
	BUTTON, INPUT[type="button"], INPUT[type="reset"], INPUT[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible }
	INPUT[type="checkbox"], INPUT[type="radio"] { cursor: pointer; box-sizing: border-box; padding: 0; *width: 13px; *height: 13px }
	INPUT[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box }
	TEXTAREA { overflow:auto; vertical-align:top; resize:vertical }
	INPUT:valid, TEXTAREA:valid {  }
	INPUT:invalid, TEXTAREA:invalid {  }
	.chromeframe { margin:0; padding:0; background:#ccc; color:black }
	ARTICLE, ASIDE, DETAILS, FIGCAPTION, FIGURE, FOOTER, HEADER, HGROUP, NAV, SECTION { display: block }
	AUDIO, CANVAS, VIDEO { display: inline-block; *display: inline; *zoom: 1 }
	AUDIO:not([controls]) { display: none }
	[hidden] { display: none }
	
	
/****************************************/
/***** GLOBAL          ******************/
/****************************************/
	BODY						{ font-size:100%; line-height:1.4; font-family:"Open Sans", "Helvetica Neue", Helvetica, sans-serif; text-rendering:optimizelegibility; color:#242424 }
	A							{ color:#FF9933; text-decoration:none }
	A:hover						{ color:#EC7529 }
	H1, H2, H3, H4, H5, H6		{ font-weight:normal; text-rendering:auto }
	H1							{ font-size:2em }
	H2							{ font-size:1.8em }
	H3							{ font-size:1.6em }
	H4							{ font-size:1.4em }
	H5							{ font-size:1.2em }
	H6							{ font-size:1em }
	I							{ font-style:normal }
	ABBR[title] 				{ border-bottom: 1px dotted }
	B, STRONG 					{ font-weight:700 }
	EM							{ font-style:italic }
	EM STRONG,
	STRONG EM					{ font-weight:700; font-style:italic }
	CITE						{ font-variant:small-caps }
	DFN 						{ font-style:italic }
	HR 							{ display:block; height:1px; border:0; border-top:1px solid #000; margin:1em 0; padding:0 }
	MARK 						{ background:#ff0; padding-left:4px; padding-right:4px; color:#000 }
	PRE, CODE, KBD, SAMP,VAR 	{ font-family:monospace, serif; _font-family:'Courier new', Monospace; font-size:1em }
	SMALL 						{ font-size:100% }
	SUB, SUP 					{ font-size:75%; line-height:0; position:relative; vertical-align:baseline }
	SUP 						{ top:-0.5em }
	SUB 						{ bottom:-0.25em }
	::-moz-selection 			{ background:#000; color:#fff; text-shadow:none }
	::selection 				{ background:#000; color:#fff; text-shadow:none }
	
	::-webkit-input-placeholder,
	:-moz-placeholder,
	::-moz-placeholder,
	:-ms-input-placeholder 			{ line-height:1.2  }
	
	/* ANIMATIONS */
	A								{ transition:0.2s ease-in-out; -webkit-transition:0.2s ease-in-out; -moz-transition:0.2s ease-in-out;  -o-transition:0.2s ease-in-out; -ms-transition:0.2s ease-in-out }
	
	/* Forms */
	FORM							{ overflow:hidden }
	INPUT, SELECT					{ font-size:0.875rem }
	LABEL							{ font-size:0.75rem; font-weight:700; text-transform:uppercase }
	TEXTAREA						{ line-height:1.6 }
	INPUT, SELECT, LABEL, TEXTAREA 	{ font-family:"Open Sans", "Helvetica Neue", Helvetica, sans-serif }
	
	SELECT,
	TEXTAREA,
	INPUT[type="url"],
	INPUT[type="tel"],
	INPUT[type="text"],
	INPUT[type="email"],
	INPUT[type="number"],
	INPUT[type="password"],
	INPUT[type="search"]			{ font-size:0.875rem; border:solid 1px #CCC; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s; background-color:#F9F9F9 }
	
	INPUT[type="url"],
	INPUT[type="tel"],
	INPUT[type="text"],
	INPUT[type="email"],
	INPUT[type="number"],
	INPUT[type="password"],
	INPUT[type="search"]			{ min-width:240px; padding:10px 12px 10px 14px  }
	
	INPUT[type="url"]:hover,
	INPUT[type="tel"]:hover,
	INPUT[type="text"]:hover,
	INPUT[type="email"]:hover,
	INPUT[type="number"]:hover,
	INPUT[type="password"]:hover,
	INPUT[type="search"]:hover		{ border:solid 1px #b3b3b3; -moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.2); -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.2); box-shadow: inset 0 1px 1px rgba(0,0,0,0.2); color:#000; background-color:#F5F5F5 }
	
	INPUT[type="url"]:focus,
	INPUT[type="tel"]:focus,
	INPUT[type="text"]:focus,
	INPUT[type="email"]:focus,
	INPUT[type="number"]:focus,
	INPUT[type="password"]:focus,
	INPUT[type="search"]:foces		{ border:solid 1px #b3b3b3; -moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.2); -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.2); box-shadow: inset 0 1px 1px rgba(0,0,0,0.2); color:#000; background-color:#F5F5F5 }
	
	INPUT[type="date"], 
	INPUT[type="month"], 
	INPUT[type="time"], 
	INPUT[type="week"], 
	INPUT[type="color"],
	INPUT[type="datetime"], 
	INPUT[type="datetime-local"]	{ font-size:0.875em; line-height:1; border:solid 1px #CCC; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s; -moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.1); -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.1); box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); background-color:#F9F9F9 }
	
	INPUT[type="date"], 
	INPUT[type="month"], 
	INPUT[type="time"], 
	INPUT[type="week"], 
	INPUT[type="color"],
	INPUT[type="datetime"], 
	INPUT[type="datetime-local"]	{ min-width:300px; padding: 8px 12px 8px 14px }
	
	
	INPUT[type="date"]:hover,  
	INPUT[type="month"]:hover,
	INPUT[type="time"]:hover,  
	INPUT[type="week"]:hover,  
	INPUT[type="color"]:hover, 
	INPUT[type="datetime"]:hover,  
	INPUT[type="datetime-local"]:hover 	{ border:solid 1px #b3b3b3; -moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.2); -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.2); box-shadow: inset 0 1px 1px rgba(0,0,0,0.2); color:#000; background-color:#F5F5F5 }
	 
	INPUT[type="date"]:focus,
	INPUT[type="month"]:focus, 
	INPUT[type="time"]:focus,  
	INPUT[type="week"]:focus,  
	INPUT[type="color"]:focus, 
	INPUT[type="datetime"]:focus, 
	INPUT[type="datetime-local"]:focus 	{ border:solid 1px #b3b3b3; -moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.2); -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.2); box-shadow: inset 0 1px 1px rgba(0,0,0,0.2); color:#000; background-color:#F5F5F5 }
	INPUT:disabled:hover			{ border:none; box-shadow:none }
	
	SELECT							{ padding: 7px 14px 7px 10px }
	
	TEXTAREA						{  display:block; min-width:260px; padding:12px }
	TEXTAREA.resize		 			{ resize:vertical; min-height:140px }
	TEXTAREA.expand 				{ height:80px; -webkit-transition: height 0.5s; -moz-transition: height 0.5s; -o-transition: height 0.5s; -ms-transition: height 0.5s; transition: height 0.5s }
	TEXTAREA.expand:focus 			{ height:150px; overflow:auto }
	TEXTAREA:hover,
	TEXTAREA:focus					{ border:solid 1px #b3b3b3; -moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.2); -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.2); box-shadow: inset 0 1px 1px rgba(0,0,0,0.2); color:#000; background-color:#F5F5F5 }
	::-webkit-input-placeholder,
	:-moz-placeholder,
	::-moz-placeholder,
	:-ms-input-placeholder 			{ line-height:1.2  }
	/* BUTTONS */
	
	/* Type */
	.btn, BUTTON, INPUT[type="submit"]			{ margin-bottom:2px; padding:0.625rem 1.25rem; font-size:0.75rem; font-weight:normal; font-family:"Open Sans", "Helvetica Neue", Helvetica, sans-serif; letter-spacing:1px; text-align:center; box-shadow:1px 2px 2px -2px rgba(0, 0, 0, 0.40);  min-width:100px; max-width:300px; border-radius:3px; cursor:pointer }
	.btn-txt,			
	.btn-more				{ margin-bottom:0; padding:0; font-size:0.875rem; text-align:left; box-shadow:none;  min-width:inherit; max-width:inherit; cursor:pointer;  border-radius:0 }
	.btn-txt				{ display:inline-block; *display:inline; *zoom:1 }
	.btn-more				{ font-weight:700 }
	.btn-block				{ display:inline-block; *display:inline; *zoom:1; width:50%; min-width:inherit; max-width:400px; padding:0.625rem 2.5rem }
	
	/* Style */
	.btn-standard		{ font-size:0.875rem; letter-spacing:1px; text-transform:uppercase }
	.btn-action			{ padding:0.5rem 2.5rem;  font-size:1rem; font-weight:700; line-height:2; text-transform:uppercase }
	.btn-block			{ font-size:0.875rem }
	
	/* Colors */
	.btn, BUTTON, INPUT[type="submit"]							{ color:#4C4C4C; background:#F5F5F5; background:linear-gradient(#FFF,#F5F5F5); border:1px solid #CCC }
	.btn:hover,BUTTON:hover, INPUT[type="submit"]:hover			{ opacity:0.9 }
	.btn-primary					{ color:#FFF; border:none; background:#FF9933; background:linear-gradient(#FF9933,#FF9933); border:1px solid #FF9933 }
	.btn-primary:hover				{ color:#FFF; opacity:0.9 }
	.btn-primary-del,
	.btn-del:hover					{ border:1px solid #da0231; color:#FFF; background:#FF0338}
	.btn-primary-del:hover			{ color:#FFF; background:#D90230 }
	.btn-primary-ok,
	.btn-ok:hover					{ border:1px solid #0DB179; color:#FFF; background:#0CA36f }
 	.btn-primary-ok:hover			{ color:#FFF; background:#0a9465 }
	.btn-txt,
	.btn-more						{ color:#113F8C; background:none; border:0 }
	.btn-txt:hover,
	.btn-more:hover					{ color:#0E8FB3; background:none }
	
	/* Other settings */
	A, BUTTON						{ transition:0.2s all ease-in-out }
	
	BUTTON .ic, .btn .ic			{ display:inline-block; *display:inline; *zoom:1; vertical-align:middle }	
	BUTTON SPAN, .btn SPAN			{ display:inline-block; *display:inline; *zoom:1; vertical-align:middle }
	BUTTON SMALL, .btn SMALL		{ display:inline-block; *display:inline; *zoom:1; vertical-align:middle; padding-left:0.375rem; font-size:90%; color:#999 }
	
	.btn svg.ic, 
	BUTTON svg.ic, 
	INPUT[type="submit"] svg.ic	 	{ width:18px; height:18px; padding-right:6px }
	.btn-action	svg.ic				{ width:20px; height:20px; padding-right:8px }
	.btn-primary svg.ic				{ fill:#FFF; opacity:0.9 }
	.btn-primary:hover svg.ic		{ fill:#FFF; opacity:1 }
	BUTTON.default, .btn.default	{ display:block; margin-bottom:0; padding:auto; font-size:inherit; font-weight: inherit; text-align:inherit; box-shadow:none;  min-width:initial; border-radius:0; cursor:pointer; color:#000; background:initial; border:none }
	
	/* Miscellaneous */
	.align-left						{ float:left }
	.align-right					{ float:right }
	.align-center 					{ display:inline-block; text-align:center }
	.spacer 						{ margin-top:40px }
	
	/* Layout */
	.cols					{ display:table; table-layout:fixed; width:100% }
	.cols .col					{ display:table-cell; width:auto; vertical-align:top }
	.cols ASIDE.col				{ width:300px }
	.cols .col-main				{ padding-right:40px }
	.cols .col-main.side-off	{ display:block; margin-left:auto; margin-right:auto; padding-right:0; max-width:720px }
	
	.shade							{ background: -moz-linear-gradient(top,  rgba(0,0,0,0.2) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */ 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.2)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */ 
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.2) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top,  rgba(0,0,0,0.2) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */ 
background: -ms-linear-gradient(top,  rgba(0,0,0,0.2) 0%,rgba(255,255,255,0) 100%); /* IE10+ */ 
background: linear-gradient(to bottom,  rgba(0,0,0,0.2) 0%,rgba(255,255,255,0) 100%); /* W3C */ 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66000000', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */ }
	
	.shade-invert					{ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+10,0.5+100 */
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 10%, rgba(0,0,0,0.5) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(10%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.5))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 10%,rgba(0,0,0,0.5) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 10%,rgba(0,0,0,0.5) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 10%,rgba(0,0,0,0.5) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 10%,rgba(0,0,0,0.5) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#80000000',GradientType=0 ); /* IE6-9 */
 }
		 
/****************************************/
/***** STRUCTURE       ******************/
/****************************************/
	BODY					{ position:relative; z-index:1 }
	#global					{ position:relative; overflow:hidden }
	.wrap					{ overflow:hidden; min-width:280px; width:100%; max-width:1220px; margin-left:auto; margin-right:auto; padding-left:4%; padding-right:4% }
	#main					{ overflow:hidden; width:100%; min-height:540px }
	
/****************************************/
/***** ADDITION	       ******************/
/****************************************/	
	.mainbar				{ position:relative; overflow:hidden; width:100%; background-color:#212121; border-bottom:1px solid #080808 }
		.mainbar .wrap			{ display:table; padding-left:41px; padding-right:37px; max-width:1200px; height:66px }
		.mainbar .wrap .col		{ display:table-cell; vertical-align:middle }
		.mainbar .group.cols	{ height:100% }
		.mainbar .logo			{ padding:12px 24px 12px 0; height:100%; width:203px }
		.mainbar UL.menu		{ overflow:hidden }
		.mainbar UL.menu LI		{ float:left }
		.mainbar UL.menu LI	A	{ display:block; padding:15px; font-size:17px; font-weight:700; line-height:20px; text-transform:uppercase; color:#9D9D9D }
		.mainbar UL.menu LI	A:hover		{ color:#FFF }
		.mainbar .actions				{ width:380px; text-align:right }
		.mainbar .actions .btn			{ display:inline-block; *display:inline; *zoom:1; margin:1px 0 0 1px;  padding:12px 27px; min-width:none; max-width:none; font-size:15px; letter-spacing:0; line-height:1.42857; border-radius:3px; border:none; opacity:0.95; text-align:center }
		.mainbar .actions .btn-border	{ width:auto; padding:10px 8px; background:transparent; color:#FFF; border:2px solid #FFF }
		.mainbar .actions .btn:hover 	{ opacity:0.9 }
		.mainbar .actions .btn-txt		{ padding-left:10px; padding-right:10px; font-size:15px; font-weight:bold; text-transform:uppercase; color:#FFF }
		.mainbar .btn-primary:hover		{ color:#FFF }
		.mainbar .btn-signin	{ color:#212121; background-color:#F5F5F5 }
		.mainbar .info			{ padding-top:3px; width:160px; text-align:right }
		.mainbar .info .phone,
		.mainbar .info .tagline	{ display:block; color:#FFF }
		.mainbar .info .phone	{ font-size:17px; font-weight:bold; line-height:1.2 }
		.mainbar .info .phone SPAN	{ line-height:1.2 }
		.mainbar .info .tagline { font-size:10px }
		.mainbar .info svg.ic	{ margin-right:4px; width:14px; height:14px; vertical-align:inherit; fill:#FFF }
		.mainbar .btn-menu 		{ display:none; overflow:hidden; float:right; margin-top:14px; margin-right:10px; padding:4px 8px 8px 8px; font-size:0.875em; border-radius:3px; color:#FFF; border:1px solid #333 }
		.mainbar .btn-menu svg.ic			{ padding-right:0; width:18px; fill:#FFF }
		.mainbar .btn-menu .icon,
		.mainbar .btn-menu .label			{ display:inline-block; vertical-align:middle }
		.mainbar .btn-menu .label			{ display:none; text-indent:-9999em }
		.mainbar .btn-menu:hover 			{ background-color:#333 }
	
/****************************************/
/***** CONSTRUCT       ******************/
/****************************************/
	.logo-primary .shape			{ display:inline-block; *display:inline; *zoom:1; vertical-align:middle; background-repeat:no-repeat }
	.logo-primary .shape-sym			{ margin-right:6px; width:37px; height:40px; background-image:url("../svg/symtrainerize.svg"); background-size:37px 40px }
	.logo-primary .shape-txt			{ width:131px; height:16px; background-image:url("../svg/txttrainerize.svg"); background-size:131px 16px }
	.logo-primary .name					{ position:absolute; left:-9999px }
	
	HEADER#brand					{ position:relative; width:100%; background-position:center center; background-size:cover; background-repeat:no-repeat; background-color:#000 }
		HEADER#brand .flex-bar			{ position:relative; width:100%; background-color:rgba(0,0,0,0.2) }
		HEADER#brand HGROUP				{ padding-top:30px; padding-bottom:30px }
		HEADER#brand .blog-title		{ font-size:2.5em; font-weight:300; color:#FFF; color:rgba(255,255,255,0.5); text-align:center }
		HEADER#brand .blog-title A		{ color:#FFF; color:rgba(255,255,255,0.5) }
		HEADER#brand .tagline			{ position:absolute; left:-9999px }
		HEADER#brand A.btn-menu 		{ display:none; overflow:hidden; float:right; margin-top:3px; padding:8px 12px; font-size:0.875em; color:#FFF }
		HEADER#brand A.btn-menu svg.ic		{ width:25px; fill:#FFF }
		HEADER#brand A.btn-menu .label		{ display:none; text-indent:-9999em }
		HEADER#brand A.btn-menu .icon,
		HEADER#brand A.btn-menu .label		{ display:inline-block; vertical-align:middle }
		HEADER#brand A.btn-menu:hover 		{  }
		
	NAV#access						{ position:relative; margin-top:10px; background-color:rgba(0,0,0,0.4) }
		NAV#access UL LI				{ font-size:0.875em; font-weight:700; letter-spacing:1px; text-transform:uppercase }
		NAV#access LI LI				{ font-size:90%; font-weight:normal }
		NAV#access .wrap				{ overflow:visible; clear:both; display:table; vertical-align:middle }
		NAV#access .sf-menu				{ display: flex;
    justify-content: space-between; text-align:left }
		NAV#access .btn-search			{ display:inline-block; *display:inline; *zoom:1; fill:#FFF }
		NAV#access .btn-search SPAN		{ display:none }
		NAV#access .btn-search svg.ic	{ padding:0; width:23px; height:23px }
		NAV#access .btn-close			{ display:none; *display:inline; *zoom:1; fill:#000 }
		NAV#access .btn-close svg.ic	{ padding:0; width:23px; height:23px }
		NAV#access .btn-close			{ display:none; *display:inline; *zoom:1; fill:#FFF }
		NAV#access .nav-box,
		NAV#access .btns-search,
		NAV#access .btn-menu			{ display:table-cell; vertical-align:middle }
		NAV#access .nav-box						{ padding-right:40px }
		NAV#access.flex-active:hover			{ background-color:rgba(0,0,0,0.9); transition:background-color 0.4s; -moz-transition:background-color 0.4s; -webkit-transition:background-color 0.4s; -o-transition:background-color 0.4s; -ms-transition:background-color 0.4s }
		
		.sf-menu LI 					{ position:relative }
		.sf-menu UL						{ position:absolute; display:none; top:100%; left:0; z-index:99; background-color:#FFF }
		.sf-menu > LI 					{ display:inline-block; *display:inline; *zoom:1 }
		.sf-menu LI > UL				{ display:none; padding:10px 0 }
		.sf-menu A 						{ display:block; position:relative }
		.sf-menu UL UL 					{ top:0; left:100% }
		.sf-menu LI LI A				{ color:#000 } 
		
		.sf-menu UL 					{ box-shadow: 2px 2px 6px rgba(0, 0, 0, .2); min-width: 12em; /* allow long menu items to determine submenu width */  *width: 12em; /* no auto sub width for IE7, see white-space comment below */ }
		.sf-menu A 						{ padding:12px 16px; text-decoration:none; zoom:1; /* IE7 */ color:#FFF }
		.sf-menu A:hover				{ color:#FF9933 }
		.sf-menu LI 					{ white-space: nowrap; /* no need for Supersubs plugin */  *white-space: normal; /* ...unless you support IE7 (let it wrap) */ -webkit-transition: background .2s; transition: background .2s }
		.sf-menu LI:hover, 
		.sf-menu LI.sfHover 			{ -webkit-transition: none; transition: none; }
		/*** arrows (for all except IE7) **/
		.sf-arrows .sf-with-ul 			{ padding-right: 2.5em;  *padding-right: 1em; /* no CSS arrows for IE7 (lack pseudo-elements) */
		}
		/* styling for both css and generated arrows */
		.sf-arrows .sf-with-ul:after 	{ content: ''; position: absolute; top: 50%; right: 1em; margin-top: -3px; height: 0; width: 0; /* order of following 3 rules important for fallbacks to work */ border: 5px solid transparent; border-top-color: #808080; /* edit this to suit design (no rgba in IE8) */ border-top-color: rgba(128, 128, 128, 0.5); }
		.sf-arrows > LI > .sf-with-ul:focus:after, .sf-arrows > LI:hover > .sf-with-ul:after, .sf-arrows > .sfHover > .sf-with-ul:after 						{ border-top-color: black; /* IE8 fallback colour */ border-top-color: rgba(128, 128, 128, 0.9) }
		/* styling for right-facing arrows */
		.sf-arrows UL .sf-with-ul:after { margin-top: -5px; margin-right: -3px; border-color: transparent; border-left-color: #808080; /* edit this to suit design (no rgba in IE8) */ border-left-color: rgba(128, 128, 128, 0.5); }
		.sf-arrows UL LI > .sf-with-ul:focus:after, .sf-arrows UL LI:hover > .sf-with-ul:after, .sf-arrows UL .sfHover > .sf-with-ul:after 			{ border-top-color: grey; /* IE8 fallback colour */ border-top-color: rgba(128, 128, 128, 0.9) }
		
	/* search */
	.top-search-panel		{ display:none; overflow:hidden; padding-top:30px; padding-bottom:30px; width:100%; height:auto; transition:all 0s; -moz-transition:all 0s; -webkit-transition:all 0s; -o-transition:all 0s; -ms-transition:all 0s; background-color:rgba(0, 0, 0, 0.8) }
		.top-search-panel INPUT[type="search"]		{ width:80%; padding-left:0; padding-right:0; font-size:1.25em; font-weight:300; font-family:"Open Sans", sans-serif; color:#FFF; background-color:transparent; border:none; box-shadow:none }
		.top-search-panel BUTTON[type="submit"]		{ float:right; min-width:auto; margin-top:8px; padding:0; font-size:1rem; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; background:transparent; border:none }
		.top-search-panel svg.ic-search				{ width:32px; height:32px; fill:#FFF }
		.top-search-panel BUTTON[type="submit"]:hover svg.ic-search	{ fill:#FF9933 }
		.top-search-panel .search-form				{ overflow:hidden; padding-left:12px; padding-right:12px }	
		
	FOOTER#colophon						{ overflow:hidden; width:100%; padding-bottom:40px; color:#FFF; background-color:#212121 }
		FOOTER#colophon .wrap					{ max-width:100% }
		FOOTER#colophon DIV.copyright				{ width:100%; margin-top:40px; opacity:0.6 }
		FOOTER#colophon DIV.copyright P				{ font-size:0.75em }
		FOOTER#colophon DIV.copyright P.disclaimer	{ text-align:center }
		FOOTER#colophon UL.social					{ margin-top:40px; text-align:center }
		FOOTER#colophon UL.social LI A svg.ic		{ width:24px; height:24px }
		FOOTER#colophon UL.social LI A.rss svg.ic	{ width:20px; height:20px }
		FOOTER#colophon .performance				{ font-size:0.875em; text-align:center; color:#ff9800 }
	
	/*** ELEMENTS ***/
	
	/*** SECTIONS ***/	
		
	SECTION.s-base					{ overflow:hidden; position:relative; padding-bottom:60px; width:100% }
		SECTION.s-base HEADER 			{ overflow:hidden }
		SECTION.s-base H1,
		SECTION.s-base H1.cat-title		{ display:block; width:100%; margin-top:40px; vertical-align:middle; font-size:1.75em;  letter-spacing:4px; line-height:1.1; text-transform:uppercase; text-align:center }
		SECTION.s-base H2 				{ width:100%; vertical-align:middle; font-size:1.5em; text-align:center; color:#808080 }
		SECTION.s-base H2.cat-descr		{ position:absolute; top:-9999px; left:-9999px; display:block; padding-top:8px; padding-left:10px; font-size:1.25em;  text-align:left; color:#333 }
		SECTION.s-base .main			{ overflow:hidden }
		SECTION.s-base .leads 					{ overflow:hidden }
		SECTION.s-base .leads.col.two			{ overflow:hidden }
		SECTION.s-base .leads.col.two .lead		{ padding: 20px 10px 0 }
		SECTION.s-base .leads.col.two .lead.txt		{ padding:40px 0 0 10px }
		SECTION.s-base .leads.col.two .lead.square,
		SECTION.s-base .leads.col.two .lead.card	{ width:50% }
		SECTION.s-base .leads.col.two H1.cat-title	{ padding-left:10px; text-align:left }
		SECTION.s-base .leads.cols					{ margin-top:20px }
		SECTION.s-base .leads.cols.three			{ overflow:hidden }
		SECTION.s-base .leads.cols.three .lead		{ padding: 20px 10px 0 }
		SECTION.s-base .leads.cols.three .lead.txt		{ padding:40px 0 0 10px }
		SECTION.s-base .leads.cols.three .lead.square,
		SECTION.s-base .leads.cols.three .lead.card		{ width:33.3% }
		SECTION.s-base FOOTER			{ width:100%; text-align:center }
		SECTION.s-base .btn-block			{ margin-top:40px }
		SECTION.s-base DIV.pager			{ padding-top:30px }
		.homepage SECTION.s-base HEADER		{ position:absolute; top:-9999em; left:-9999em }
		.category SECTION.s-base HEADER		{ padding-bottom:10px }
		
	SECTION.s-guides > .wrap > .cover 		{ margin-top:60px; margin-left:10px; margin-right:10px; background-position:center; background-size:cover; background-repeat:none; -webkit-animation: fadein 2s; -moz-animation: fadein 2s; -ms-animation: fadein 2s; -o-animation: fadein 2s; animation: fadein 2s }
		SECTION.s-guides > .wrap > .cover > .group		{ padding:100px 40px; /*background-color: rgba(0, 0, 0, 0.4)*/ }
		SECTION.s-guides > .wrap > .cover > .group > .cat-title	{ margin-top:0; color:#FFF }
		SECTION.s-guides > .wrap > .cover > .group > .excerpt	{ margin-top:10px; color:#DDD; font-size:0.875em }
		
	.home .s-notes					{ margin-top:40px }
	
	SECTION.s-related				{ border-top:1px solid #DDD }
	SECTION.s-stories				{ border-top:1px solid #DDD }
	SECTION.s-search .search-mark	{ margin-top:20px; text-align:center }
		
	/*** ASIDES ***/
	ASIDE.side						{ overflow:hidden }
		ASIDE.side > UL						{ margin-bottom:20px }
	ASIDE.single-side				{ padding-top:60px }
	ASIDE.cat-side					{ padding-top:60px }
	.widget							{ margin-top:40px }
		.widget-title							{ font-size:1em; font-weight:700; text-transform:uppercase }
		
	.widget_text					{ overflow:hidden }
		.widget_text .textwidget				{ overflow:hidden; margin-top:20px }
		.widget_text IMG						{ width:100%; max-width:100%; height:auto; width:auto\9 }
		
	.widget_recent_entries			{ overflow:hidden }
		.widget_recent_entries LI				{ margin-top:14px; padding-top:14px; font-size:0.875em; line-height:1.4;  border-top:1px solid #DDD }
		.widget_recent_entries LI A				{ color:#242424 }
		.widget_recent_entries LI A:hover		{ color:#FF9933 }
		
	.widget_categories				{ overflow:hidden }
		.widget_categories LI					{ margin-top:10px; font-size:0.75rem; font-style:italic; line-height:1.4; color:#808080 }
		.widget_categories LI:first-child		{ margin-top:10px }
		.widget_categories LI A					{ font-size:0.875rem; font-style:normal; color:#242424 }
		.widget_categories LI A:hover			{ color:#FF9933 }	
		.widget_categories LI UL.children		{ margin-left:0 }
		
	.widget_tag_cloud .tagcloud		{ margin-top:5px }
		.widget_tag_cloud .tagcloud A 			{ display:inline-block;*display:inline; *zoom:1; margin-top:5px; padding:4px 12px; background-color:#808080; font-size:0.875em; color:#FFF; opacity:0.6 }
		.widget_tag_cloud .tagcloud A:hover 	{ background-color:#FF9933; opacity:1 }
	
	.widget_webinars				{ overflow:hidden }
		.widget_webinars .box			{ background-color:#999 }
		.widget_webinars A				{ position:relative; display:block; padding:80px 30px 30px 30px; width:100%; color:#FFF;  text-align:center }
		.widget_webinars SPAN			{ display:block }
		.widget_webinars svg.ic			{ margin-bottom:10px; width:60px; height:60px; fill:#FFF }
		.widget_webinars .title			{ font-size:1.25em; font-weight:700; text-transform:uppercase }
		.widget_webinars .descr			{ margin-top:6px; font-size:0.875em; font-weight:300 }
		.widget_webinars .btn			{ display:inline-block; margin-top:80px; padding-top:6px; padding-bottom:6px; font-size:0.875rem; text-align:center }
		.widget_webinars .cover 		{ background-position:center center; background-size:cover; background-repeat:no-repeat }
		.widget_webinars .cover .title	{ text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2) }
		.widget_webinars .cover .descr	{ text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2) }
		.widget_webinars .cover A		{ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+10,0.5+100 */
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 10%, rgba(0,0,0,0.5) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(10%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.5))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 10%,rgba(0,0,0,0.5) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 10%,rgba(0,0,0,0.5) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 10%,rgba(0,0,0,0.5) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 10%,rgba(0,0,0,0.5) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#80000000',GradientType=0 ); /* IE6-9 */ }
		
	.widget_subscribeto 			{ overflow:hidden }
		.widget_subscribeto .box				{ padding:30px; border:1px solid #DDD }
		.widget_subscribeto LABEL				{ display:none; margin-bottom:6px; font-size:0.875em; font-weight:normal }
		.widget_subscribeto INPUT[type="text"],
		.widget_subscribeto INPUT[type="email"]	{ margin:2px; padding-top:8px; padding-bottom:8px; width:98%; min-width:180px }
		.widget_subscribeto INPUT[type="submit"]{ margin-top:20px; padding-top:6px; padding-bottom:6px }
		.widget_subscribeto DIV.field-group		{ overflow:hidden; margin-top:8px }
		.widget_subscribeto .actions			{ text-align:center }
		.widget_subscribeto A					{ display:block; font-style:italic; text-align:center; font-size:0.875em }
		.widget_subscribeto .cover 				{ background-position:center center; background-size:cover; background-repeat:no-repeat }
		.widget_subscribeto .cover LABEL		{ color:#FFF; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2) }
		.widget_subscribeto .cover .widget-title	{ padding-bottom:16px; color:#FFF; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2) }
		
	.widget_latest_posts				{ overflow:hidden }
		.widget_latest_posts UL LI				{ margin-top:14px; padding-top:14px; font-size:0.875em;  line-height:1.4; border-top:1px solid #DDD }
		.widget_latest_posts UL LI A			{ overflow:hidden; display:block; color:#242424 }		
		.widget_latest_posts A SPAN				{ display:block }	
		.widget_latest_posts A IMG				{ float:left; margin-right:10px }
		.widget_latest_posts A .title			{ padding-top:6px }
		.widget_latest_posts A .date			{ padding-top:4px; font-size:0.75rem; font-style:italic; color:#808080 }
		.widget_latest_posts A:hover			{ color:#FF9933 }
	
	ASIDE.try-bar					{ overflow:hidden; width:100%; text-align:center; background-position:center center; background-size:cover; background-repeat:no-repeat; background-attachment:fixed; background-color:#F4F4F4; border-top:1px solid #DDD }
		ASIDE.try-bar .wrap					{ padding-bottom:60px; max-width:none } 
		ASIDE.try-bar .title				{ margin-top:60px; font-size:1.75em; font-weight:300; color:#000 }
		ASIDE.try-bar .title SPAN			{ font-weight:700 }
		ASIDE.try-bar .btn-try				{ margin-top:20px }
		ASIDE.try-bar .foot-note			{ margin-top:10px; font-size:0.75em; color:#AEAEAE }
		ASIDE.try-bar.cover .wrap			{ padding-bottom:80px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0.2+100;Neutral+Density */
background: -moz-linear-gradient(top,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0.2) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.65)), color-stop(100%,rgba(0,0,0,0.2))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.2) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.2) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.2) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.2) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#33000000',GradientType=0 ); /* IE6-9 */
 }
		ASIDE.try-bar.cover .title			{ margin-top:80px; color:#FFF }
	
	/*** LEADS ***/
	
	.lead							{ overflow:hidden; position:relative }
		.lead A								{ position:relative; display:block; width:100%; color:#242424 }
		.lead .box							{ overflow:hidden; display:block; padding: 24px 24px; border:1px solid #DDD; border-top:none }	
		.lead .date							{ display:block; margin-top:4px; font-size:0.75em; font-style:italic; color:#808080 }
		.lead .title						{ display:block; font-size:1em; font-weight:700; line-height:1.25; transition:0.2s ease-in-out; -webkit-transition:0.2s ease-in-out; -moz-transition:0.2s ease-in-out;  -o-transition:0.2s ease-in-out; -ms-transition:0.2s ease-in-out }
		.lead .cat							{ display:block; font-size:0.875em; font-weight:700; line-height:1.25; text-transform:uppercase }
		.lead .excerpt						{ display:block; margin-top:10px; font-size:0.875em; color:#505050 }
		.lead IMG							{ max-width:100%; height:auto; width:auto\9 }
		.lead .thumb						{ overflow:hidden; display:block; width:100%; height:240px; background-size:cover; background-position:center center; background-repeat:no-repeat; background-color:#F2F2F2 }
		.lead .more							{ display:block; margin-top:10px; font-size:0.75em; letter-spacing:1px; text-transform:uppercase; color:#FF9933 }
		.lead .more:hover					{ color:#F26A22 }
		.lead A:hover .title				{ color:#FF9933 }
		.lead .cover						{ background-size:cover; background-position:center center; back	ground-repeat:no-repeat; background-color:#CCC }
		.lead .cover A						{ background-color: rgba(0, 0, 0, 0.2) }
		.lead .cover .box					{ position:absolute; bottom:0; left:0; z-index:1; padding:50px 40px 24px 40px; width:100%; border:none }
		.lead .cover .title					{ font-size:1.5em; font-weight:300 }
		.lead .cover .cat,
		.lead .cover .title,
		.lead .cover .date,
		.lead .cover .excerpt,
		.lead .cover .more					{ color:#FFF }
		.lead .cover A:hover				{ background-color:rgba(0,0,0,0.2) }
		
		
	.lead.cinematic						{ width:100% }
		.lead.cinematic A					{ height:500px }
		.lead.cinematic .box				{ padding-top:50px; padding-bottom:40px; text-align:center }
		.lead.cinematic .date				{ margin-left:10px }
		.lead.cinematic .title				{ font-size:1.75em; font-weight:300; letter-spacing:2px; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2) }
		.lead.cinematic .date,
		.lead.cinematic .cat				{ display:inline-block; *display:inline; *zoom:1 }
		
	.lead.square						{ width:100% }
		.lead.square .box					{ min-height:200px }
		.lead.square .more					{ text-align:right }
		.lead.square .cover A				{ min-height:320px }
	
	.lead.rectangle						{ width:100%; text-align:center }				
		.lead.rectangle .thumb 				{ height:260px }
		.lead.rectangle .cover A			{ min-height:340px }
		
	.lead.tower							{ width:100% }
		.lead.tower .box					{ min-height:200px }
		.lead.tower	.thumb					{ height:600px }
		.lead.tower .cover A				{ min-height:600px }
	
	.lead.card							{ width:100% }
		.lead.card .box						{ min-height:200px }
		.lead.card .thumb					{ height:400px }
		.lead.card .cover A					{ min-height:400px }
		
	.lead.txt 							{ width:100% }
		.lead.txt A							{ display:table }
		.lead.txt .thumb					{ display:table-cell; width:320px; height:200px }
		.lead.txt .box						{ display:table-cell; padding:10px 0 0 30px; border:none; vertical-align:top }
		.lead.txt .title					{ font-size:1.25em }
		
	/*** GRID ***/
	
	.grid								{ position:relative; margin-left:0; vertical-align:top }
		.grid .grid-sizer					{ width:33.3% }
		.grid .lead							{ padding:20px 10px 0 10px }
		.grid .lead.cinematic				{ width:100% }
		.grid .lead.rectangle				{ width:66.66% }
		.grid .lead.tower					{ width:33.33% }
		.grid .lead.card					{ width:33.33% }
		.grid .lead.square					{ width:33.33% }
	
	/*** ARTICLES ***/
	/* Article content format - single */
	
	ARTICLE.base .entry-txt				{ overflow:hidden; width:100%; clear:both }
		ARTICLE.base .entry-txt A				{ color:#FF9933; border-bottom:3px solid #FF9933 }
		ARTICLE.base .entry-txt A:hover			{ color:#F26A22; border-bottom:3px solid #F26A22 }
		ARTICLE.base .entry-txt P				{ padding-top:40px; font-size:1em; line-height:1.6 }
		ARTICLE.base .entry-txt P.nospace		{ padding-top:0 }
		ARTICLE.base .entry-txt P IMG,
		ARTICLE.base .entry-txt P A IMG			{ padding-top:0!important }
		ARTICLE.base .entry-txt B,
		ARTICLE.base .entry-txt STRONG			{ font-weight:700 }
		ARTICLE.base .entry-txt I,
		ARTICLE.base .entry-txt EM				{ font-style:italic }
		ARTICLE.base .entry-txt STRONG EM,
		ARTICLE.base .entry-txt EM STRONG		{ font-weight:700; font-style:italic }
		ARTICLE.base .entry-txt UL				{ padding-top:40px; padding-left:40px; list-style-type:disc; list-style-position:inside }
		ARTICLE.base .entry-txt UL LI				{ padding-top:4px }
		ARTICLE.base .entry-txt UL LI:first-child	{ padding-top:0 }
		ARTICLE.base .entry-txt OL				{ padding-top:40px; padding-left:40px; list-style-type:decimal }
		ARTICLE.base .entry-txt OL LI				{ padding-top:4px }
		ARTICLE.base .entry-txt OL LI:first-child	{ padding-top:0 }
		ARTICLE.base .entry-txt ADDRESS			{ overflow:hidden; padding-top:40px; font-size:1em; font-variant:small-caps; color:#808080 }
		ARTICLE.base .entry-txt H1				{ padding-top:40px; font-size:2em; font-weight:700; line-height:1.25 }
		ARTICLE.base .entry-txt H2				{ padding-top:40px; font-size:1.75em; font-weight:700; line-height:1.25 }
		ARTICLE.base .entry-txt H3				{ padding-top:40px; font-size:1.5em; font-weight:700; line-height:1.25 }
		ARTICLE.base .entry-txt H4				{ padding-top:40px; font-size:1.25em; font-weight:700; line-height:1.4 }
		ARTICLE.base .entry-txt H5				{ padding-top:40px; font-size:1em; font-style:italic }
		ARTICLE.base .entry-txt H6				{ padding-top:40px; font-size:1em; font-weight:700; line-height:1.25; text-transform:uppercase }
		ARTICLE.base .entry-txt Q					{ display:block; margin-left:auto; margin-right:auto; width:50%; quotes:inherit; font-style:italic; text-indent:-18px }
		ARTICLE.base .entry-txt Q:before 			{ content: '�'; content: open-quote; font-size:300%; font-weight:400; line-height:0 }
		ARTICLE.base .entry-txt Q:after 			{ content: '�'; content: close-quote; font-size:100%; font-weight:400 }
		ARTICLE.base .entry-txt P.quote				{ padding-top:0 }
		ARTICLE.base .entry-txt P.quote Q			{ display:block; font-size:2em; line-height:1.2; font-style:italic }
		ARTICLE.base .entry-txt P.quote CITE		{ display:block; padding-left:8px; padding-top:8px; font-style:italic; text-align:right; color:#808080; white-space:nowrap }
		ARTICLE.base .entry-txt P.quote CITE A		{ font-style:italic; color:#808080; text-decoration:underline }
		ARTICLE.base .entry-txt P.quote CITE A:hover		{ color:#FF9933; text-decoration:none }
		
		ARTICLE.base .entry-txt BLOCKQUOTE			{ float:left; overflow:hidden; margin:40px 40px 40px 0; padding:40px 20px; max-width:220px; font-size:1em; text-transform:uppercase; text-align:center; background:#BBB; color:#fff }
		ARTICLE.base .entry-txt BLOCKQUOTE:hover	{ background-color:#FFF; color:#000 }
		ARTICLE.base .entry-txt BLOCKQUOTE:hover A	{ color:#FF9933 }
		ARTICLE.base .entry-txt BLOCKQUOTE A		{ color:#FFF }
		ARTICLE.base .entry-txt BLOCKQUOTE P, 
		ARTICLE.base .entry-txt BLOCKQUOTE H2, 
		ARTICLE.base .entry-txt BLOCKQUOTE H3,
		ARTICLE.base .entry-txt BLOCKQUOTE H4, 
		ARTICLE.base .entry-txt BLOCKQUOTE H5, 
		ARTICLE.base .entry-txt BLOCKQUOTE H6		{ word-wrap:break-word; vertical-align:middle; padding-top:0; font-size:1em!important }
			
		ARTICLE.base .entry-txt IMG					{ max-width:100%; height:auto; width:auto\9 }
		ARTICLE.base .entry-txt IMG.bnone 			{ border:none }
		
		ARTICLE.base .entry-txt .aligncenter,
		ARTICLE.base .entry-txt IMG.centered,
		ARTICLE.base .entry-txt DIV.aligncenter		{ display:block; margin-left:auto; margin-right:auto; text-align:center }
		
		ARTICLE.base .entry-txt .alignleft			{ float:left }
		
		ARTICLE.base .entry-txt .alignleft,
		ARTICLE.base .entry-txt IMG.alignleft,
		ARTICLE.base .entry-txt DIV.alignleft		{ padding:40px 40px 40px 0; display:inline }
		ARTICLE.base .entry-txt IMG.alignleft		{ padding-bottom:40px }
		
		ARTICLE.base .entry-txt .alignright			{ float:right }
		
		ARTICLE.base .entry-txt .alignright,
		ARTICLE.base .entry-txt IMG.alignright,
		ARTICLE.base .entry-txt DIV.alignright		{ padding:40px 0 0 40px; display: inline }
		ARTICLE.base .entry-txt IMG.alignright		{ padding-bottom:40px }
		
		ARTICLE.base .entry-txt .alignnone,
		ARTICLE.base .entry-txt IMG.alignnone,
		ARTICLE.base .entry-txt DIV.alignnone		{ padding:40px 0 0 0; display:block }
		
		ARTICLE.base .entry-txt DIV.left			{ float:left; display:inline }
		ARTICLE.base .entry-txt DIV.right			{ float:right; display:inline }
		ARTICLE.base .entry-txt DIV.reset			{ clear:both; display:block; width:100%; height:1px }
		
		ARTICLE.base .entry-txt .cell.alignleft		{ float:left; padding-left:40px }
		ARTICLE.base .entry-txt .cell.alignright	{ float:right; padding-right:40px }
		
		ARTICLE.base .entry-txt .wp-caption			{ overflow:hidden; position:relative }
		ARTICLE.base .entry-txt .wp-caption A		{ border:inherit }
		
		ARTICLE.base .entry-txt P.wp-caption-text 	{ padding:8px 10px; font-size:0.875em; font-family:sans-serif; font-style:italic }
		ARTICLE.base .entry-txt DIV.aligncenter P.wp-caption-text 	{ text-align:center; pointer-events:none }
		ARTICLE.base .entry-txt HR					{ display:block; margin-top:40px; margin-bottom:0; border-style:dashed }
		ARTICLE.base ADDRESS.credits				{ padding-top:40px; font-size:0.75em; font-variant:normal; text-align:right  }
		ARTICLE.base ADDRESS.credits P				{ display:inline-block; *display:inline; *zoom:1; margin:0; padding:0 }
		ARTICLE.base .video-embed,
		ARTICLE.base .player						{ overflow:hidden; position:relative; clear:both; margin-top:40px; padding-bottom: 56.25%; width:100%; height:0; line-height:1; background-color:#F2F2F2 }
		ARTICLE.base .video-embed IFRAME,
		ARTICLE.base .video-embed OBJECT,
		ARTICLE.base .video-embed EMBED 			{ position:absolute; top:0; left:0; width:100%; height:100% }
		ARTICLE.base .tag-links,
		ARTICLE.base UL.sharer						{ padding-top:40px }
		ARTICLE.base .author-info					{ margin-top:40px }
		
		/* Article custom styles - single */
		
		ARTICLE.base .entry-txt P SPAN.emphasize-title	{ display:block; padding-bottom:10px; font-size:1.6em; font-style:italic }
		ARTICLE.base .entry-txt P.dots					{ padding-left:70px; font-style:italic; background: url("../index-31.html") 0 44px no-repeat }
		ARTICLE.base .entry-txt .negative				{ display:inline; padding:6px 10px; line-height:2.1; background-color:#BBB; color:#FFF }
		ARTICLE.base .entry-txt .letters-space			{ letter-spacing:6px }
		ARTICLE.base .entry-txt .atena-column			{ overflow:hidden; float:left; margin:50px 40px 40px 0; padding:10px 0 0 140px; width:480px; text-align:left; border-top:4px solid #000 }
		ARTICLE.base .entry-txt .atena-column:first-line	{ float:left; text-transform:uppercase; font-size:200%; padding:10px 10px 10px 0; line-height:1.2  }
		ARTICLE.base .entry-txt .frame-column			{ float:left; max-width:240px; margin:40px 40px 40px 0; padding:30px 20px; font-size:1em; font-weight:700;  border:4px solid #000 }
		ARTICLE.base .entry-txt .frame-column .title	{ display:block; margin-bottom:10px; padding-bottom:10px; font-style:normal; font-weight:700; text-transform:uppercase; border-bottom:4px solid #000; }
		ARTICLE.base .entry-txt .frame-column A			{ font-weight:700; border-bottom:3px solid #EC008C; color:#EC008C; text-decoration:none; white-space:nowrap }
		ARTICLE.base .entry-txt .frame-column A:hover	{ color:#006DAC; border-bottom-color:currentColor }
		ARTICLE.base .entry-txt .pump-up				{ padding-top:40px; font-size:2.2em; font-weight:300; line-height:1.4; font-variant:small-caps }
		ARTICLE.base .entry-txt .circle-type1			{ display:table; margin:40px auto 0 auto; padding:20px; width:200px; height:200px; border-radius:100%; border:4px solid #FF9933 }
		ARTICLE.base .entry-txt .circle-type1 P			{ display:table-cell; padding:0; line-height:1.4; vertical-align:middle }
		ARTICLE.base .entry-txt .circle-type2			{ display:table; margin:40px auto 0 auto; padding:20px; width:200px; height:200px; border-radius:100%; background-color:#FF9933 }
		ARTICLE.base .entry-txt .circle-type2 P			{ display:table-cell; padding:0; line-height:1.4; vertical-align:middle; color:#FFF }
		ARTICLE.base .entry-txt .circle-type2 A			{ color:#FFF; border-bottom-color:#FFF }
		ARTICLE.base .entry-txt .circle-type2 A:hover	{ border-bottom-color:#F26A22 }
		ARTICLE.base .entry-txt A.btn					{ display:inline-block; *display:inline; *zoom:1; font-size:0.75em; border-bottom:inherit; color:#242424 }
		ARTICLE.base .entry-txt A.btn-primary			{ color:#FFF }
		ARTICLE.base .entry-txt DIV.poster-one			{ position:relative; margin-top:40px; padding:40px 200px 100px 40px; font-size:1.75em; font-weight:300; text-transform:uppercase; border:4px solid #000 }
		ARTICLE.base .entry-txt DIV.poster-one STRONG	{ display:block; font-size:110%; text-transform:uppercase }
		ARTICLE.base .entry-txt DIV.poster.poster-sym			{ margin-top:40px; padding:40px 40px 40px 140px; font-size: 1.5em; font-weight:300; background-position:40px center; background-repeat:no-repeat; background-size:60px 60px; background-color:#FFF; color:#242424 }
		ARTICLE.base .entry-txt DIV.poster-sym STRONG	{ display:block; font-size:110%; text-align:justify; text-transform:uppercase }
		ARTICLE.base .entry-txt DIV.poster-two			{ background-image:url("../svg/icheart.svg") }
		ARTICLE.base .entry-txt DIV.poster-three		{ background-image:url("../svg/ictrainerize.svg") }
		ARTICLE.base .entry-txt DIV.poster-sym.poster-three		{ background-size:70px 70px; }
		ARTICLE.base .entry-txt DIV.full,
		ARTICLE.base .entry-txt DIV.full A,
		ARTICLE.base .entry-txt DIV.full .wp-caption	{ display:block; width:100%; clear:both; border:none }
		ARTICLE.base .entry-txt DIV.full IMG			{ width:100% }
		ARTICLE.base .entry-txt DIV.sec-head			{ position:relative; margin-top:40px; padding:20px 40px 40px 0; font-size:1.5em; font-weight:300; border-top:4px solid #000 }
		ARTICLE.base .entry-txt DIV.sec-head STRONG		{ display:block; font-size:110%; text-transform:uppercase }
		ARTICLE.base .entry-txt .row					{ overflow:hidden; position:relative; display:block; clear:both }
		ARTICLE.base .entry-txt .cell					{ overflow:hidden; display:table-cell; min-width:192px; vertical-align:top }
		ARTICLE.base .entry-txt DIV.sec-block			{ overflow:hidden; margin-top:40px; padding-top:40px; padding-bottom:80px; width:100% }
		ARTICLE.base .entry-txt DIV.sec-gold			{ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fae6c7+1,fae6c7+100&0.65+0,0+100 */
background: -moz-linear-gradient(top,  rgba(250,230,199,0.65) 0%, rgba(250,230,199,0.64) 1%, rgba(250,230,199,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(250,230,199,0.65)), color-stop(1%,rgba(250,230,199,0.64)), color-stop(100%,rgba(250,230,199,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(250,230,199,0.65) 0%,rgba(250,230,199,0.64) 1%,rgba(250,230,199,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(250,230,199,0.65) 0%,rgba(250,230,199,0.64) 1%,rgba(250,230,199,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(250,230,199,0.65) 0%,rgba(250,230,199,0.64) 1%,rgba(250,230,199,0) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(250,230,199,0.65) 0%,rgba(250,230,199,0.64) 1%,rgba(250,230,199,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6fae6c7', endColorstr='#00fae6c7',GradientType=0 ); /* IE6-9 */
 }
 		ARTICLE.base .entry-txt DIV.sec-silver			{ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e5e5e5+0,e5e5e5+100&0.65+0,0+100 */
background: -moz-linear-gradient(top,  rgba(229,229,229,0.65) 0%, rgba(229,229,229,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(229,229,229,0.65)), color-stop(100%,rgba(229,229,229,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(229,229,229,0.65) 0%,rgba(229,229,229,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(229,229,229,0.65) 0%,rgba(229,229,229,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(229,229,229,0.65) 0%,rgba(229,229,229,0) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(229,229,229,0.65) 0%,rgba(229,229,229,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6e5e5e5', endColorstr='#00e5e5e5',GradientType=0 ); /* IE6-9 */
 }
 		ARTICLE.base .entry-txt DIV.sec-bronze			{ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f6c294+0,f6c294+100&0.65+0,0+100 */
background: -moz-linear-gradient(top,  rgba(246,194,148,0.65) 0%, rgba(246,194,148,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(246,194,148,0.65)), color-stop(100%,rgba(246,194,148,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(246,194,148,0.65) 0%,rgba(246,194,148,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(246,194,148,0.65) 0%,rgba(246,194,148,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(246,194,148,0.65) 0%,rgba(246,194,148,0) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(246,194,148,0.65) 0%,rgba(246,194,148,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6f6c294', endColorstr='#00f6c294',GradientType=0 ); /* IE6-9 */
 }
		
		/* Article types */
	
	ARTICLE.single						{ overflow:hidden; margin:0 auto; padding-bottom:40px; max-width:100% }
		ARTICLE.single .entry-title			{ display:block; margin-top:60px; font-size:2.5em; font-weight:300; line-height:1.15; text-align:center }
		ARTICLE.single .entry-meta			{ margin:12px auto 0 auto; text-align:center }
		ARTICLE.single .cat-title			{ display:block; padding-bottom:10px; font-size:0.875rem; font-weight:normal; text-transform:uppercase; color:#CCC }
		ARTICLE.single .cat-title A			{ padding:0 4px }
		ARTICLE.single .date				{ display:inline-block; *display:inline; *zoom:1; font-size:0.875em; line-height:normal; font-style:italic; text-align:center; vertical-align:middle; color:#808080 }
		ARTICLE.single .author				{ margin-left:16px }
		ARTICLE.single .tag-links			{ padding-right:40px; font-size:0.875em; text-transform:capitalize; line-height:1.6; text-align:left }
		ARTICLE.single .tag-links A 		{ display:inline-block;*display:inline; *zoom:1; margin-top:4px; padding:4px 12px; background-color:#808080; color:#FFF; opacity:0.6 }
		ARTICLE.single .tag-links A:hover 	{ background-color:#FF9933; opacity:1 }
		ARTICLE.single UL.sharer			{ width:250px }
		ARTICLE.single FOOTER				{ overflow:hidden }
		ARTICLE.single FOOTER .actions		{ overflow:hidden; display:table; vertical-align:top; width:100% }
		ARTICLE.single FOOTER .tag-links,
		ARTICLE.single FOOTER UL.sharer		{ display:table-cell; overflow:hidden }
		ARTICLE.single .edit-article,
		DIV.single-photo .edit-article			{ display:block; margin-top:40px; height:24px; text-align:center }	
		ARTICLE.single .edit-article A,
		DIV.single-photo .edit-article A		{ padding:4px 6px; font-size:0.875em; font-variant:small-caps; color:#FFF; background-color:#CCC }
		ARTICLE.single .group					{ overflow:hidden }
		ARTICLE.single .edit-article A:hover,
		DIV.single-photo .edit-article A:hover	{ background-color:#111 }
		.side-off ARTICLE.single .entry-title	{ font-size:2.75em }
		.side-off ARTICLE.single .cat-title		{ font-size:1rem }
		
	ARTICLE.story						{ overflow:hidden; margin:0 auto; padding-bottom:60px; max-width:100% }
		ARTICLE.story HEADER				{ display:table; width:100%; height:600px; background-position:center center; background-size:cover; background-repeat:no-repeat; background-attachment:fixed; background-color:#fae6c7 }
		ARTICLE.story HEADER.cover .entry-title,
		ARTICLE.story HEADER.cover .entry-subtitle,
		ARTICLE.story HEADER.cover .entry-descr,
		ARTICLE.story HEADER.cover .date	{ color:#FFF }	
		ARTICLE.story HEADER .group			{ display:table-cell; padding:10% 4%; width:100%; vertical-align:middle; text-align:center; color:#000; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+49,ffffff+100&0+0,1+100 */
background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.49) 49%, rgba(255,255,255,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(49%,rgba(255,255,255,0.49)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.49) 49%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.49) 49%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.49) 49%,rgba(255,255,255,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.49) 49%,rgba(255,255,255,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
 }
 		ARTICLE.story HEADER.cover .group	{ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.2+1,0.65+100 */
background: -moz-linear-gradient(top,  rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.2) 1%, rgba(0,0,0,0.65) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.2)), color-stop(1%,rgba(0,0,0,0.2)), color-stop(100%,rgba(0,0,0,0.65))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.2) 1%,rgba(0,0,0,0.65) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.2) 1%,rgba(0,0,0,0.65) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.2) 1%,rgba(0,0,0,0.65) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.2) 1%,rgba(0,0,0,0.65) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
 }
		ARTICLE.story .date					{ display:inline-block; *display:inline; *zoom:1; font-size:0.875em; line-height:normal; font-style:italic; text-align:center; vertical-align:middle }
		ARTICLE.story .author				{ margin-left:16px }
		ARTICLE.story .entry-title			{ margin-top:10px; font-size:3.25em; font-weight:700; line-height:1.25 }
		ARTICLE.story .entry-subtitle		{ font-size:2em; font-weight:300; line-height:1.25 }
		ARTICLE.story .entry-descr			{ margin:20px auto 0 auto; max-width:70%; line-height:1.6 }
		ARTICLE.story .entry-meta			{ margin:20px auto 0 auto; text-align:center }
		ARTICLE.story .entry-txt P,
		ARTICLE.story .entry-txt H1,
		ARTICLE.story .entry-txt H2,
		ARTICLE.story .entry-txt H3,
		ARTICLE.story .entry-txt H4,
		ARTICLE.story .entry-txt H5,
		ARTICLE.story .entry-txt H6,
		ARTICLE.story .entry-txt UL,
		ARTICLE.story .entry-txt OL,
		ARTICLE.story .entry-txt DIV.poster,
		ARTICLE.story .author-info,
		ARTICLE.story DIV.sec-head,
		ARTICLE.story .video-player			{ margin-left:auto; margin-right:auto; padding-left:4%; padding-right:4%; max-width:960px }
		ARTICLE.story .entry-txt H2			{ font-size:2em; font-weight:300; line-height:1.4 }
		ARTICLE.story .entry-txt P			{ font-size:1.25em; font-weight:300 }
		ARTICLE.story .entry-txt .frame-column			{ margin:40px 40px 40px 4% } 
		ARTICLE.story UL.sharer LI.head					{ display:block; padding-bottom:10px; text-transform:uppercase }
		ARTICLE.story .entry-txt .wp-caption .wp-caption-text	{ position:absolute; bottom:0; left:50%; z-index:0; width:100%; max-width:480px; transform:translate(-50%, 0); -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); margin:20px; padding:14px 20px; font-size:1.25em; font-family:"Open Sans"; font-weight:300; font-style:inherit; line-height:1.4; text-align:center; color:#000; background-color:rgba(255,255,255,0.9) }
		ARTICLE.story .entry-txt BLOCKQUOTE				{margin-left:40px; max-width:400px; font-size:1em; text-transform:uppercase; text-align:center; background:#BBB; color:#fff }
		
	ARTICLE.guide						{ overflow:hidden; margin:0 auto; padding-bottom:40px; max-width:100% }
		ARTICLE.guide .cover 				{ margin-top:60px; background-position:center; background-size:cover; background-repeat:none; -webkit-animation: fadein 2s; -moz-animation: fadein 2s; -ms-animation: fadein 2s; -o-animation: fadein 2s; animation: fadein 2s }
		ARTICLE.guide .cover .group			{ padding:100px 40px; background-color: rgba(0, 0, 0, 0.4) }
		ARTICLE.guide .cover .entry-title	{ margin-top:0; font-size:2em; line-height:1.25; color:#FFF }
		ARTICLE.guide .cover .date			{ color:#DDD }
		ARTICLE.guide .cover .excerpt		{ margin:10px auto 0 auto; font-size:0.875em; text-align:center; color:#DDD }
		ARTICLE.guide .entry-title			{ display:block; margin-top:60px; font-size:2.5em; font-weight:300; line-height:1.15; text-align:center }
		ARTICLE.guide .entry-meta			{ margin:12px auto 0 auto; text-align:center }
		ARTICLE.guide .parent-title			{ display:block; padding-bottom:10px; font-size:0.875rem; font-weight:normal; text-transform:uppercase }
		ARTICLE.guide .date					{ display:inline-block; *display:inline; *zoom:1; font-size:0.875em; line-height:normal; font-style:italic; text-align:center; vertical-align:middle; color:#808080 }
		ARTICLE.guide UL.chapters			{ margin:40px auto 0 auto; max-width:720px }
		ARTICLE.guide .chapter:first-child	{ padding-top:0; border-top:none }
		
	ARTICLE.guide.single				{ max-width:720px }
	ARTICLE.guide.single UL.chapters		{ margin-top:60px } 
	ARTICLE.guide.single .chapter			{ padding-top:14px; padding-bottom:14px }
			
	/*** CONSTRUCT ***/
		
	DIV.navigate				{ margin-top:40px; overflow:hidden; vertical-align:middle; text-align:center }
		DIV.navigate A				{ display:inline-block; *display:inline; *zoom:1; vertical-align:middle; margin: 0 4px; padding:6px; font-size:2em; color:#B3B3B3 }
		DIV.navigate A:hover		{ color:#FF9933 }
	
	DIV.pager					{ overflow:hidden; position:relative; clear:both; width:100%; text-align:center }
		DIV.pager A					{ display:inline-block; *display:inline; *zoom:1; margin-top:10px; margin-left:10px; color:#000 }
		DIV.pager A.no				{ width:2.5rem; height:2.5rem; border-radius:2.5rem; border:1px solid #e5e5e5 }
		DIV.pager A.label			{ margin-left:0; padding-left:20px; padding-right:20px }
		DIV.pager A SPAN			{ display:block; font-size:1em; font-weight:700; line-height:2.3; transition:none }
		DIV.pager A.no:hover,	
		DIV.pager A.no.selected,
		DIV.pager A.no.selected:hover	{ background-color:#FF9933; border:1px solid #FF9933; color:#FFF }
		DIV.pager A.no.selected			{ cursor:auto }
		DIV.pager A.label:hover			{ color:#FF9933 }
	
	UL.social							{ overflow:hidden }
		UL.social LI						{ display:inline-block; *diplay:inline; *zoom:1; margin-left:8px; width:auto; vertical-align:middle; font-size:0.875em }
		UL.social LI A						{ display:block; padding:6px }
		UL.social LI A SPAN					{ position:absolute; top:-9999em; left:-9999em }
		UL.social LI A svg.ic				{ display:block; width:20px; height:20px; fill:#FFF }
		UL.social LI A.rss					{ padding:8px; border-radius:50%; background-color:#f66d23 }
		UL.social LI A.rss svg.ic			{ width:16px; height:16px; fill:#FFF }
		UL.social LI A:hover svg.ic			{ fill:#FFF }
		UL.social LI A.fb:hover				{ background-color:#3864a3 }
		UL.social LI A.in:hover				{ background-color:#406e95 }
		UL.social LI A.tw:hover				{ background-color:#33ccff }
		UL.social LI A.gp:hover				{ background-color:#d85131 }
		UL.social LI A.li:hover				{ background-color:#0077b5 }
		UL.social LI A.yt:hover				{ background-color:#e50000 }
		UL.social LI A.site:hover			{ background-color:#F26A22 }
		UL.social LI A.rss:hover			{ opacity:0.9 }
	
	UL.sharer							{ overflow:hidden; text-align:center }
		UL.sharer LI.head					{ text-transform:uppercase }
		UL.sharer LI						{ display:inline-block; *diplay:inline; *zoom:1; margin-left:4px; vertical-align:middle; font-size:0.875em }
		UL.sharer LI A						{ display:block; opacity:0.6 }
		UL.sharer LI A SPAN					{ display:none }
		UL.sharer LI A svg.ic				{ display:block; width:2.25rem; height:2.25rem; fill:#808080 }
		UL.sharer LI A:hover				{ display:block; opacity:1 }
		UL.sharer LI A.fbO:hover svg.ic			{ fill:#3864a3 }
		UL.sharer LI A.twO:hover svg.ic			{ fill:#33ccff }
		UL.sharer LI A.gpO:hover svg.ic			{ fill:#d85131 }
		UL.sharer LI A.mlO:hover svg.ic			{ fill:#e50000 }
		
	UL.chapters							{ overflow:hidden }
		UL.chapters > .head						{ display:block; padding-bottom:14px; width:100%; font-size: 1.25em; letter-spacing:1px; line-height:1.2; text-transform:uppercase; vertical-align:middle }
		UL.chapters > .chapter					{ overflow:hidden; padding-top:20px; padding-bottom:20px; border-top:1px solid #DDD }
		UL.chapters > .chapter > .link					{ display:block }
		UL.chapters > .chapter > .link > .thumb			{ float:left; margin:0 20px 20px 0; width:80px; height:80px; border-radius:100px;  background-size:cover }
		UL.chapters > .chapter > .link > .title			{ display:block; font-size:1em; font-weight:700; color:#000 }
		UL.chapters > .chapter > .link > .descr			{ display:block; margin-top:10px; color:#505050 }
		UL.chapters > .chapter:hover > .link > .title	{ color:#EC7529 }
		UL.chapters > .chapter > .link.active			{ cursor:default }
		UL.chapters > .chapter > .link.active > .title	{ color:#808080 }
		
		
		
		.lead.txt A							{ display:table }
		.lead.txt .thumb					{ display:table-cell; width:320px; height:200px }
		.lead.txt .box						{ display:table-cell; padding:10px 0 0 30px; border:none; vertical-align:top }
		.lead.txt .title					{ font-size:1.25em }
		
		
		
	.author					{ overflow:hidden }
		.author .avatar-box			{ display:inline-block; overflow:hidden; width:40px; height:40px; border-radius:50%; vertical-align:middle }
		.author	IMG					{ max-width:100%; height:auto; width:auto\9; vertical-align:top }
		.author .name				{ padding-left:6px; font-size:1rem; vertical-align:middle }
		.author:hover .name			{ color:#FF9933 }
		
	.author-info			{ overflow:hidden }
		.author-info .avatar-box			{ display:inline-block; overflow:hidden; width:80px; height:80px; border-radius:50%; vertical-align:middle }
		.author-info IMG					{ max-width:100%; width:80px; height:auto; width:auto\9; vertical-align:top }
		.author-info .author-image			{ float:left; margin-right:20px }
		.author-info .author-bcard .name			{ font-size:1.25em; font-weight:300; color:#6A6A6A }
		.author-info .author-bcard .bio				{ padding-top:10px; font-size:0.875em; line-height:1.6; color:#6A6A6A }
		.author-info .author-bcard .url				{ display:inline-block; *display:inline; *zoom:1; text-align:left }
		.author-info .group							{ overflow:hidden }
		.author-info .name							{ float:left; margin-right:10px }
		.author-info UL.social LI					{ margin-left:0 }
		.author-info UL.social LI A svg.ic			{ width:18px; height:18px; fill:#6a6a6a }
		.author-info UL.social LI A:hover svg.ic	{ fill:#FFF }
		
	DIV.comm-block					{ overflow:hidden; position:relative; padding-bottom:40px; width:100% }
		DIV.comm-block .actions				{ text-align:center; border-top:1px solid #DDD }
		DIV.comm-block .btn-block			{ margin-top:40px; display:inline-block }	
		
	.edit-post							{ position:fixed; bottom:0; left:0; z-index:9999 }
	.edit-post A						{ display:block; padding:6px 20px; font-size:0.75rem; text-transform:uppercase; text-align:center; color:#FFF; background-color:#999; opacity:0.6 }
	.edit-post A:hover					{ background-color:#FF9933; opacity:1 }
	.no-content, 
	.no-results							{ padding-top:60px; padding-bottom:60px; font-size:1.25em; text-align:center; color:#808080 }
	#scrollToTop 						{ position:fixed; right:20px; bottom:20px; z-index:999; width:36px; height:36px; text-indent:-9999px; cursor: pointer; background-color:rgba(255,153,51,0.6); border:none }
	#scrollToTop:hover					{  background-color:rgba(255,153,51,0.9) }
	#scrollToTop SPAN:before			{ content:''; display:block; width:0; height:0; position:absolute; border-bottom:8px solid #FFF; border-left:8px solid transparent; border-right:8px solid transparent; left:10px; top:14px }
	BODY.rtl #scrollToTop 				{ left:20px }
	.cinematic-cover 					{ position:absolute; top:0; left:0; z-index:-1; width:100%; height:100%; background-position:center; background-size:cover; background-repeat:none; -webkit-animation: fadein 2s; -moz-animation: fadein 2s; -ms-animation: fadein 2s; -o-animation: fadein 2s; animation: fadein 2s; }
		.cinematic-cover .shader				{ display:block; width:100%; height:100%; background-color:rgba(0,0,0,0.3) }
	/* Lazy Load XT */
	.lazy-hidden								{ -webkit-animation: fadein 0.6s; -moz-animation: fadein 0.6s; -ms-animation: fadein 0.6s; -o-animation: fadein 0.6s; animation: fadein 0.6s }	
		
	@keyframes fadein { from { opacity: 0; } to { opacity: 1; } }
	/* Firefox < 16 */
	@-moz-keyframes fadein { from { opacity: 0; } to { opacity: 1; }}
	/* Safari, Chrome and Opera > 12.1 */
	@-webkit-keyframes fadein { from { opacity: 0; } to { opacity: 1; }}
	/* Internet Explorer */
	@-ms-keyframes fadein { from { opacity: 0; } to { opacity: 1; }}
	/* Opera < 12.1 */
	@-o-keyframes fadein { from { opacity: 0; } to { opacity: 1; }}
	
	/*** DISCUSSION STYLE ***/
	.discussion								{ overflow:hidden; margin-top:60px }
	/*#comments								{ display:none; float:left; padding-bottom:40px; width:560px; font-size:24px; color:#222;  border-bottom:1px solid #000 }
	#comments SPAN							{ display:block; color:#A3A3A3; margin-top:3px; font-size:16px; font-style:italic; font-weight:normal; line-height:16px }*/
	p#commentNotification { /* text style for notification message that is displayed when post is pass protected or comments are closed */ display:block; padding:10px; background:#f9f9f9; text-align:center }
	P#noComment 							{ font-size:0.875em; font-weight:700; background:#efefef; padding:4px 4px 4px 10px }
	DIV.comms-title							{ display:block; padding-top:40px; width:100%; vertical-align:middle; font-size:1.5em; letter-spacing:4px; text-transform:uppercase; text-align:center; color:#000; border-top:1px solid #DDD }
	
	OL.comm-list					{ margin-top:20px; padding-bottom:60px; overflow:hidden; position:relative }
		OL.comm-list LI 					{ overflow:hidden; position:relative; font-size:1rem; border-top:1px solid #CCC }
		OL.comm-list LI:first-child			{ border-top:0 }
		OL.comm-list LI.bypostauthor		{ border-left:3px solid #FF9933; padding:0 20px 0 20px;  background-color:#FFF }
		.depth-2 LI.bypostauthor,
		.depth-3 LI.bypostauthor			{ margin-bottom:40px }
		OL.comm-list LI.bypostauthor .comm-title	{ color:#FF9933 }
		OL.comm-list LI A 					{ color:#FF9933 }
		OL.comm-list LI A:HOVER 			{ color:#CC181F }
		OL.comm-list LI DIV.comm-box		{ overflow:hidden; padding:20px 0 20px 0 }
		OL.comm-list LI DIV.comm-meta 		{ display:inline-block; *display:inline; *zoom:1; width:25%; min-width:160px; max-width:240px; padding-right:40px; text-transform:uppercase; color:#222; vertical-align:top }
		OL.comm-list LI DIV.comm-meta A 		{ color:#222; text-decoration:none }
		OL.comm-list LI DIV.comm-meta A:after	{ content:" +" }
		OL.comm-list LI DIV.comm-meta A:HOVER 	{ color:#FF9933 }
		OL.comm-list LI DIV.comm-meta .comm-title 		{ display:block; font-size:1em; font-weight:400 }
		OL.comm-list LI DIV.comm-meta .comm-date 		{ display:block; font-size:0.75rem; color:#808080 }
		OL.comm-list LI DIV.comm-meta .comm-order		{ display:block; font-size:2.25rem; color:#CCC }
		OL.comm-list LI DIV.comm-meta A.comment-edit-link	{ display:block; padding-top:4px; font-size:0.75rem; color:#FF9933 }
		
		OL.comm-list LI DIV.comm-txt		{ display:inline-block; *display:inline; *zoom:1; width:74% }
		OL.comm-list LI DIV.comm-txt P				{ padding-top:20px; font-size:0.875em }
		OL.comm-list LI DIV.comm-txt P:nth-of-type(1)	{ padding-top:0 }
		OL.comm-list LI DIV.comm-txt .moderation	{ display:inline-block; padding:2px 12px!important; font-size:0.95rem; color:#FFF; background-color:#00a99d; font-variant:small-caps }
		
		OL.comm-list LI DIV.pingback-box		{ overflow:hidden; padding:40px 0; border-bottom:1px dotted #DDD }
		OL.comm-list LI DIV.pingback-txt		{ overflow:hidden; margin-bottom:20px; font-size:12px; color:#4c4c4c }
		OL.comm-list LI DIV.pingback-meta 		{display:inline-block; *display:inline; *zoom:1; width:25%; min-width:160px; max-width:240px; padding-right:40px; text-transform:uppercase; color:#222; vertical-align:top }
		OL.comm-list LI DIV.pingback-meta SPAN 	{ display:block; font-size:11px; font-weight:normal; color:#B3B3B3 }
		OL.comm-list LI DIV.pingback-meta A 			{ color:#222 }
		OL.comm-list LI DIV.pingback-meta A:after		{ content:" +" }
		OL.comm-list LI DIV.pingback-meta A:HOVER 		{ color:#FF355E }
		OL.comm-list LI.bypostauthor DIV.comm-meta	{ color:#000 }
		OL.comm-list LI P 						{ margin:0; line-height:1.6 }
		
		OL.comm-list LI DIV.comm-reply			{ display:block; padding-top:20px; text-align:right }
		OL.comm-list LI A.comment-reply-link	{ display:inline-block; padding:6px 20px; font-size:0.75rem; text-transform:uppercase; text-align:right; color:#999  }
		OL.comm-list LI A.comment-reply-link:hover 		{  background-color:#FF9933; color:#FFF }
		
		OL.comm-list LI UL LI					{ padding:0 }
		OL.comm-list LI UL.children 			{ overflow:hidden; width:100% }
		OL.comm-list LI UL.children LI.depth-2 	{ margin-left:20px }
		OL.comm-list LI UL.children LI.depth-3 	{ margin-left:40px }
		OL.comm-list LI UL.children LI.depth-4 	{ margin-left:60px }
		OL.comm-list LI.even 					{  }
		OL.comm-list LI.odd 					{  }
	
	OL.comm-list .respond					{ float:right; margin:0 }
		OL.comm-list .respond #leaveComm		{ display:none }
	
	.nav-comm								{ float:left; margin:-40px 40px 60px 0; width:560px; text-align:center }
		.nav-comm A		 						{ display:inline-block; width:30px; height:30px; margin:2px auto; text-indent:-9999px;  background:url('../png/ic.png') no-repeat }
		.nav-comm A.previous-link				{ background-position: -260px -60px }
		.nav-comm A.next-link 					{ background-position: -260px -30px }
	
	
	#respondArea							{ display:none }
	.respond 								{ overflow:hidden; min-width:240px; max-width:480px; margin:40px auto 0 auto }
	.respond .title							{ display:block; font-size:1.5em; letter-spacing:4px; text-transform:uppercase; text-align:center }
	.respond P								{ margin:0; padding:0 }
	.respond .cancel-comm-reply				{ text-align:right }
	.respond .cancel-comm-reply A			{ display:inline-block; margin-top:10px; padding:6px 20px; color:#DDD; background-color:#000 }
	.respond .cancel-comm-reply A:HOVER		{ color:#FFF }
	
	.respond .comm-admin					{ display:block; margin-top:20px; font-size:0.875em; text-transform:uppercase; text-align:left; color:#4d4d4d }
	.respond .comm-admin A					{ color:#FF9933 }
	.respond .comm-admin A:HOVER			{ text-decoration:underline }
	.respond FORM							{ width:100%; margin-top:20px; text-align:center }
	.respond FORM INPUT,
	.respond FORM TEXTAREA					{ margin-top:10px; width:100% }
	.respond FORM INPUT:hover,
	.respond FORM TEXTAREA:hover,
	.respond FORM INPUT:focus,
	.respond FORM TEXTAREA:focus			{ background-color:#FFF }
	.respond FORM .btn						{ margin-top:30px }
	
	/*** MEDIA ***/
	
	.gl-base DIV, .gl-base A, .gl-base SPAN, .gl-base SMALL,
	.gl-base I, .gl-base IMG, .gl-base HEADER	{ transition:all 0s; -moz-transition:all 0s; -webkit-transition:all 0s; -o-transition:all 0s; -ms-transition:all 0s  }
	
	.gl-base FIGCAPTION,
	.gl-base.gl-touch .rsGCaption				{ position:absolute; bottom:6px; left:6px; z-index:10; padding:5px 8px; font-size:0.875rem; color:#FFF; background:rgba(0,0,0,1); box-sizing:border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; border-radius:0; opacity:0.8 }
		.gl-base FIGCAPTION SPAN 				{ display:block }
		.gl-base FIGURE:hover FIGCAPTION,
		.gl-base FIGURE	A:hover FIGCAPTION 		{ opacity:1 }	
		
	/* GALLERY FULL */
	
	.gl-full 				{ overflow:hidden; margin:0px auto 0px auto; padding-top:40px; max-width:1200px; text-align:center }
		.gl-full FIGURE				{ position:relative; margin-bottom:10px }
		.gl-full IMG 				{ display:block; max-width:100%!important; height:auto!important; width:auto\9!important; /* ie8 */ margin:0 auto }
		.gl-full FIGCAPTION 		{ width:100%; color:#FFF; background-color:transparent }
		
		.gl-full .ngg-navigation A.page-numbers, 
		.gl-full .ngg-navigation A.next, 
		.gl-full .ngg-navigation A.prev, 
		.gl-full .ngg-navigation SPAN.page-numbers, 
		.gl-full .ngg-navigation SPAN.next, 
		.gl-full .ngg-navigation SPAN.prev,
		.gl-full .ngg-navigation SPAN.more,
		.gl-full .ngg-navigation SPAN.current { display:inline-block; vertical-align:middle; margin:0 6px 0 6px; padding:0 6px; border:0; font-size:3em; font-weight:700; line-height:1; color:#000 }
		
		.gl-full .ngg-navigation A.page-numbers:hover, 
		.gl-full .ngg-navigation A.next:hover, 
		.gl-full .ngg-navigation A.prev:hover		{ background-color:transparent; color:#f94540!important }
		
		.gl-full .ngg-navigation					{ margin-top:40px; padding:0 }
		.gl-full .ngg-navigation SPAN.current 			{ color:#f94540 }
		.gl-full .ngg-navigation SPAN.more 			{  }
		.gl-full .ngg-navigation A.page-numbers 		{  }
		
		.gl-full .ngg-navigation A.prev, 				
		.gl-full .ngg-navigation A.next 				{ margin:0; padding:0; width:40px; height:40px; text-indent:-9999px; opacity:0.8;  background:url('../png/ic.png') no-repeat 1024px 1024px }
		.gl-full .ngg-navigation A.prev 				{ margin-top:4px; margin-right:6px; background-position:-200px -180px }
		.gl-full .ngg-navigation A.prev:hover 			{ background-position:-250px -180px }
		.gl-full .ngg-navigation A.next 				{ margin-top:4px; margin-left:6px; background-position:-200px -230px }
		.gl-full .ngg-navigation A.next:hover 			{ background-position:-250px -230px }
		.gl-full .ngg-navigation A.prev:hover, 				
		.gl-full .ngg-navigation A.next:hover 			{ opacity:1 }
		
	/* WALL GALLERY */
	
	.gl-wall					{ overflow:hidden; margin:40px auto 0 auto }
		.gl-wall FIGURE							{ position:relative }
		.gl-wall FIGURE	A						{ float:left; overflow:hidden; position:relative }
		.gl-wall FIGURE IMG						{ position:absolute; z-index:1; border:none; outline:none }
		.gl-wall .gw-holder						{ overflow:hidden }
		
		.gl-wall .ngg-navigation A.page-numbers, 
		.gl-wall .ngg-navigation A.next, 
		.gl-wall .ngg-navigation A.prev, 
		.gl-wall .ngg-navigation SPAN.page-numbers, 
		.gl-wall .ngg-navigation SPAN.next, 
		.gl-wall .ngg-navigation SPAN.prev,
		.gl-wall .ngg-navigation SPAN.more,
		.gl-wall .ngg-navigation SPAN.current 			{ display:inline-block; vertical-align:middle; margin:0 6px 0 6px; padding:0 6px; border:0; font-size:3em; font-weight:700; line-height:1; color:#000 }
		
		.gl-wall .ngg-navigation A.page-numbers:hover, 
		.gl-wall .ngg-navigation A.next:hover, 
		.gl-wall .ngg-navigation A.prev:hover			{ background-color:transparent; color:#f94540!important }
		
		.gl-wall .ngg-navigation						{ margin-top:40px; padding:0 }
		.gl-wall .ngg-navigation SPAN.current 			{ color:#f94540 }
		.gl-wall .ngg-navigation SPAN.more 				{  }
		.gl-wall .ngg-navigation A.page-numbers 		{  }
		
		.gl-wall .ngg-navigation A.prev, 				
		.gl-wall .ngg-navigation A.next 				{ margin:0; padding:0; width:40px; height:40px; text-indent:-9999px; opacity:0.8;  background:url('../png/ic.png') no-repeat 1024px 1024px }
		.gl-wall .ngg-navigation A.prev 				{ margin-top:4px; margin-right:6px; background-position:-200px -180px }
		.gl-wall .ngg-navigation A.prev:hover 			{ background-position:-250px -180px }
		.gl-wall .ngg-navigation A.next 				{ margin-top:4px; margin-left:6px; background-position:-200px -230px }
		.gl-wall .ngg-navigation A.next:hover 			{ background-position:-250px -230px }
		.gl-wall .ngg-navigation A.prev:hover, 				
		.gl-wall .ngg-navigation A.next:hover 			{ opacity:1 }
	.pgHome .gl-wall									{ margin:0 }
	
	
	/* VIDEO CINEMATIC */
	.video-cinematic			{ overflow:hidden; position:relative; margin-top:40px; padding-bottom:56.25%; height:0; width:100%; text-align:center; background-color:#101010 }
	.video-cinematic iframe,
	.video-cinematic object,
	.video-cinematic embed 						{ position:absolute; top:0; left:0; width:100%; height:100% }
		
	/* POST GALLERY */
		
	.gallery 									{ overflow:hidden; /*margin: -0.33% 0 0 -0.33%;*/ padding:40px 0 0 0!important; width:100%; clear:both; font-size:0 }
		.gallery IMG 									{ max-width:100%; height:auto; width:auto\9 }
		.gallery A IMG									{ padding:0!important }
		.gallery .gallery-item 							{ overflow:hidden; position:relative; display:inline-block; *display:inline; *zoom:1; margin: 0.33% 0 0 0.33%; font-size:0; vertical-align:top }
		.gallery .gallery-item .gallery-icon 			{  }
		.gallery .gallery-item .gallery-icon IMG 		{ display:block }
		.gallery .gallery-item .gallery-caption 		{ position:absolute; bottom:6px; left:6px; z-index:10; padding:5px 8px; font-size:0.875rem; color:#FFF; background:rgba(0,0,0,1); box-sizing:border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; opacity:0.8 }
		.gallery .gallery-item:hover .gallery-caption	{ opacity:1 }
	
	.gallery-columns-1 .gallery-item 					{ display:block; margin:2% auto 0; width:auto!important;  height:auto!important }
		.gallery-columns-1 .gallery-item:first-child		{ margin-top:0 }
		.gallery-columns-1 IMG 								{ margin: 0 auto; width:auto!important }
		
	.gallery-columns-2 .gallery-item 					{ width:49% }
	.gallery-columns-3 .gallery-item 					{ width:33% }
	.gallery-columns-4 .gallery-item 					{ width:24% }
	.gallery-columns-5 .gallery-item 					{ width:19% }
	.gallery-columns-6 .gallery-item 					{ width:16% }
	.gallery-columns-7 .gallery-item 					{ width:14% }
	.gallery-columns-8 .gallery-item 					{ width:12% }
	.gallery-columns-9 .gallery-item 					{ width:10% }
	
	/* Page slide */
	#pageslide { /* These styles MUST be included. Do not change. */ display:none; position:fixed; top:0; z-index:999999; width:230px; height:100%; padding:20px 20px; background-color:#000; background-color:rgba(0, 0, 0, 0.9); color:#FFF; box-shadow:0 0 10px -6px rgba(0, 0, 0, 1); -webkit-box-shadow:0 0 10px -6px rgba(0, 0, 0, 1); -moz-box-shadow:0 0 10px -6px rgba(0, 0, 0, 1) }
		#pageslide #navTop		{ overflow:hidden; position:relative; top:auto; left:auto; background:none; padding-bottom:20px }
		#pageslide UL LI					{ font-size:0.875em }
		#pageslide UL LI A					{ padding:6px 0 6px 0 }
		#pageslide LI LI					{ font-size:90%; font-weight:normal }
		#pageslide UL.sub-menu				{ margin-left:20px }
		#pageslide .sf-menu > LI			{ display:block; margin-top:10px }
		#pageslide .sf-menu > LI:first-child	{ margin-top:0 }
		#pageslide .sf-menu > LI > A		{ font-weight:700; text-transform:uppercase }
		#pageslide .sf-menu UL				{ display:block; position:relative; background:none; box-shadow:none }
		#pageslide .sf-menu LI LI A			{ color:#FFF }
		#pageslide .sf-vertical UL			{ top:auto; left:auto }
		#pageslide .sf-menu LI > UL			{ padding-top:0; padding-bottom:4px }
		#pageslide .sf-menu A:hover			{ color:#FF9933 }
		#pageslide .close-menu 				{ position:absolute; top:-6px; right:10px; fill:#FFF }
		#pageslide .close-menu svg.ic 		{ width:18px; height:18px }
		#pageslide .close-menu:hover		{ fill:#FF9933 }
	
		
	/*** SHAPES ***/
	svg.ic 							{ width:1.5rem; height:1.5rem; vertical-align:middle }
	
/****************************************/
/***** RESPONSIVE      ******************/
/****************************************/

/* main bar fluid */
	@media only screen and (max-width: 1200px) { 
		.mainbar .wrap 								{ padding-left:26px; padding-right:22px; width:970px }
	}
	@media only screen and (max-width: 992px) { 
		.mainbar .wrap 								{ width:750px; padding-left:10px; padding-right:7px }
		.mainbar .wrap UL.menu						{ display:none }
		.mainbar .btn-menu							{ display:block }
		.mainbar .actions							{ width:208px }
		.mainbar .cols								{ width:90% }
		
	}
	@media only screen and (max-width: 768px) { 
		.mainbar .wrap 								{ width:100% }
		.mainbar .group.cols						{ display:none; clear:both; padding-bottom:20px; border-top:1px solid #383838 }
		.mainbar .logo								{ float:left }
		.mainbar .wrap								{ display:block; height:auto }
		.mainbar .wrap .col,							
		.mainbar .btn-menu							{ display:block }
		.mainbar .wrap UL.menu						{ display:block; padding-left:14px }
		.mainbar UL.menu LI							{ float:none; display:block }
		.mainbar .actions,
		.mainbar .info								{ margin-top:20px; text-align:left }
		.mainbar .actions							{ width:100% }
		.mainbar .actions .btn						{ width:100%; margin-top:20px }
		.mainbar .actions .btn-action				{  }
		.cols										{ width:100% }
		
	}

/* styles for browsers smaller than 1040px; */
	@media only screen and (max-width:1040px){
		.lead.txt .thumb							{ margin-right:30px; width:240px }
		.cols ASIDE.col								{ width:260px }
	}
	@media only screen and (max-width:980px){
		/*.mainbar .group.cols						{ display:none; clear:both; padding-bottom:20px; border-top:1px solid #383838 }
		.mainbar .logo								{ float:left }
		.mainbar .wrap								{ display:block; height:auto }
		.mainbar .wrap .col,							
		.mainbar .btn-menu							{ display:block }		
		.mainbar UL.menu LI							{ float:none; display:block }
		.mainbar .actions,
		.mainbar .info								{ margin-top:20px; text-align:left }
		.mainbar .actions							{ width:100% }
		.mainbar .actions .btn						{ width:48% }*/
	}
	
/* styles for browsers smaller than 860px; */
	@media only screen and (max-width:860px){
		NAV#access .nav-box							{ display:none }
		HEADER#brand A.btn-menu,
		NAV#access .btns-search						{ display:block }
		.cols .col-main								{ padding-right:0 }
		.cols .col									{ display:block }
		.cols ASIDE.col								{ width:100%; border-top:1px solid #DDD; margin-top:40px; padding-top:0 }
		.lead.txt .thumb							{ height:160px }
		SECTION.s-base .leads.col.two .lead.txt		{ padding-left:0 }
		SECTION.s-base .leads.col.two H1.cat-title	{ padding-left:0; text-align:center }
		ARTICLE.story .entry-title					{ font-size:2.5em }
		ARTICLE.story .entry-subtitle				{ font-size:2em }
		ARTICLE.story .date							{ display:block }
		ARTICLE.story .author						{ display:block; margin-top:10px }
		ARTICLE.story .entry-txt P					{ font-size:1em }
		ARTICLE.story .entry-txt .wp-caption .wp-caption-text		{ font-size:1.25em }
		.author-info .name							{ float:none }
		ASIDE.try-bar .title						{ font-size:1.5em }
		ARTICLE.base .entry-txt .circle-type1,
		ARTICLE.base .entry-txt .circle-type2		{ width:180px; height:180px }
	}
	
/* styles for browsers smaller than 800px; */
	@media only screen and (max-width:800px){
		.grid .grid-sizer,
		.grid .lead.card							{ width:50% }
		.btn-block									{ width:100% }
		.home .s-notes								{ margin-top:10px }
		SECTION.s-base .leads.cols.three .lead.square			{ display:table; width:100%; padding-left:0; padding-right:0 }
		SECTION.s-base .leads.cols.three .lead.card				{ width:50% }
		SECTION.s-base .leads.cols.three .lead.square .thumb	{ display:table-cell; margin-right:0; width:240px; height:160px }
		SECTION.s-base .leads.cols.three .lead.square .box		{ display:table-cell; min-height:inherit; padding:0 0 0 30px; border:none; vertical-align:top }
		ARTICLE.base .entry-txt DIV.poster-one		{ padding:40px }
		ARTICLE.guide .cover .excerpt				{ width:60% }
	}

/* styles for browsers smaller than 600px; */
	@media only screen and (max-width:600px){
		.grid .grid-sizer,
		.grid .lead.square,
		.grid .lead.tower,
		.grid .lead.rectangle						{ width:50% }
		.grid .lead.card							{ width:100% }
		.lead.tower .thumb							{ height:240px }
		.lead.cinematic A							{ height:400px }
		SECTION.s-base .leads.cols					{ margin-top:0 }
		SECTION.s-base .leads.col.two .lead.txt,
		SECTION.s-base .leads.cols.three .lead.txt					{ padding-top:20px }
		.lead.txt .thumb,
		SECTION.s-base .leads.cols.three .lead.square .thumb		{ display:block; margin-right:0; width:100%; height:240px }
		.lead.txt .box,
		SECTION.s-base .leads.cols.three .lead.square .box			{ display:block; padding:24px; border:1px solid #DDD; border-top:none }
		SECTION.s-search .search-mark				{ margin-top:10px }
		ARTICLE.single FOOTER .tag-links, 
		ARTICLE.single FOOTER UL.sharer				{ display:block; width:100%; text-align:center }
		ARTICLE.single .tag-links					{ padding-right:0; font-size:0.75em }
		.gallery-columns-2 .gallery-item,
		.gallery-columns-3 .gallery-item,
		.gallery-columns-4 .gallery-item,
		.gallery-columns-5 .gallery-item,
		.gallery-columns-6 .gallery-item,
		.gallery-columns-7 .gallery-item,
		.gallery-columns-8 .gallery-item,
		.gallery-columns-9 .gallery-item 			{ margin:2% 0 0 0; width:100% }
		.gallery .gallery-item .gallery-icon IMG	{ margin-left:auto; margin-right:auto }
		.gallery .gallery-item .gallery-caption		{ left:50%; -webkit-transform:translate(-50%, 0); -moz-transform:translate(-50%, 0); -ms-transform:translate(-50%, 0); transform:translate(-50%, 0) }
	}
	
/* styles for browsers smaller than 440px; */	
	@media only screen and (max-width:440px){
		.grid .grid-sizer,
		.grid .lead.square,
		.grid .lead.tower,
		.grid .lead.rectangle,
		.grid .lead.card,
		SECTION.s-base .leads.col.two .lead.square	{ width:100% }
		.home .s-notes								{ margin-top:0 }
		.grid .lead,
		SECTION.s-base .leads.col.two .lead			{ padding-left:0; padding-right:0 }
		SECTION.s-base .leads.cols.three .lead.card	{ width:100% }
		SECTION.s-base .leads.cols					{ margin-top:0 }
		SECTION.s-base H1.cat-title					{ font-size:1.5em }
		SECTION.s-base H1							{ font-size:1.25em; line-height:1.4 }
		.category SECTION.s-base HEADER				{ padding-bottom:0 }
		ASIDE.single-side							{ padding-top:0 }
		.lead.cinematic .title,
		.lead .cover .title							{ font-size:1.25em }
		.lead .cover .box							{ padding-left:14px; padding-right:14px }
		.lead.square .box							{ min-height:inherit }
		.widget_webinars A							{ padding-top:20px }
		.widget_webinars .btn						{ margin-top:20px }
		.align-left, .alignleft, 
		.align-right, .alignright					{ float:none }
		.no-content, .no-results					{ font-size:1em }
		UL.social LI								{ margin-left:0 }
		DIV.pager A.no								{ display:none }
		DIV.pager A.label							{ font-size:1.25em }
		ARTICLE.story .entry-title					{ font-size:2.25em }
		ARTICLE.story .entry-subtitle				{ font-size:1.75em }
		ARTICLE.story .entry-descr					{ max-width:100% }
		#scrollToTop								{ display:none!important }
		.widget_webinars A							{ padding-left:20px; padding-right:20px }
		.widget_subscribeto .box					{ padding:20px }
		ARTICLE.base .entry-txt H1					{ font-size:1.75em; line-height:1.15 }
		ARTICLE.base .entry-txt H2					{ font-size:1.5em }
		ARTICLE.base .entry-txt H3					{ font-size:1.25em }
		ARTICLE.base .entry-txt H4					{ font-size:1em }
		ARTICLE.base .entry-txt H5					{ font-size:0.875em }
		ARTICLE.base .entry-txt H6					{ font-size:0.875em }
		ARTICLE.base .entry-txt H1,
		ARTICLE.base .entry-txt H2,
		ARTICLE.base .entry-txt H3,
		ARTICLE.base .entry-txt H4,
		ARTICLE.base .entry-txt H5,
		ARTICLE.base .entry-txt H6,
		ARTICLE.base .entry-txt P,
		ARTICLE.base ADDRESS.credits,
		ARTICLE.base .entry-txt .alignnone,
		ARTICLE.base .entry-txt IMG.alignnone,
		ARTICLE.base .entry-txt DIV.alignnone,
		ARTICLE.base .entry-txt .pump-up,
		ARTICLE.base .entry-txt UL,
		ARTICLE.base .entry-txt OL,
		ARTICLE.base .entry-txt ADDRESS,
		ARTICLE.base UL.sharer,
		ARTICLE.base .tag-links,
		.gl-full									{ padding-top:20px }
		ARTICLE.base .entry-txt DIV.alignleft,
		ARTICLE.base .entry-txt DIV.alignright		{ padding:20px 0 0 0; display:block }
		ARTICLE.base .entry-txt IMG.alignleft,
		ARTICLE.base .entry-txt IMG.alignright		{ padding-bottom:0 }
		ARTICLE.base .entry-txt BLOCKQUOTE,
		ARTICLE.base .entry-txt DIV.left,
		ARTICLE.base .entry-txt DIV.right,
		ARTICLE.base .entry-txt .cell.alignleft,
		ARTICLE.base .entry-txt .cell.alignright,
		ARTICLE.base .entry-txt .atena-column,
		ARTICLE.base .entry-txt .frame-column		{ float:none; width:100%; max-width:100% }
		ARTICLE.base .entry-txt .atena-column,
		ARTICLE.base .entry-txt .frame-column,
		ARTICLE.base .entry-txt BLOCKQUOTE,
		SECTION.s-guides > .wrap > .cover			{ margin:20px 0 0 0 }
		ARTICLE.base .entry-txt HR,
		ARTICLE.base .player,
		ARTICLE.base .author-info,
		ARTICLE.base .entry-txt .circle-type1,
		ARTICLE.base .entry-txt .circle-type2,
		ARTICLE.base .entry-txt DIV.poster-one,
		ARTICLE.base .entry-txt DIV.poster-sym,
		ARTICLE.base .entry-txt DIV.sec-head,
		ARTICLE.base .entry-txt DIV.sec-block,
		DIV.navigate,
		DIV.comm-block .btn-block,
		.respond,
		.gl-wall,
		.video-cinematic,
		SECTION.s-base H1, 
		SECTION.s-base H1.cat-title,
		SECTION.s-base .btn-block,
		.cols ASIDE.col,
		FOOTER#colophon UL.social,
		FOOTER#colophon DIV.copyright,
		ARTICLE.guide .cover,
		ARTICLE.guide UL.chapters,
		ARTICLE.guide.single UL.chapters			{ margin-top:20px }
		.widget										{ margin-top:30px }
		SECTION.s-base,
		ARTICLE.single,
		ARTICLE.story,
		DIV.comm-block,
		OL.comm-list,
		FOOTER#colophon,
		ARTICLE.guide								{ padding-bottom:20px }
		ARTICLE.single .entry-title					{ font-size:2em; margin-top:40px }
		OL.comm-list LI DIV.comm-meta				{ display:block; padding-right:0; max-width:100%; width:100% }
		OL.comm-list LI DIV.comm-txt				{ display:block; width:100% }
		OL.comm-list LI DIV.comm-txt .moderation	{ font-size:0.75em }
		OL.comm-list LI DIV.comm-box,
		OL.comm-list LI DIV.pingback-box			{ padding:10px 0 }
		SECTION.s-base DIV.pager,
		OL.comm-list LI DIV.comm-reply				{ padding-top:10px }
		.gallery									{ padding-top:30px!important }
		ARTICLE.story .entry-txt .wp-caption .wp-caption-text	{ font-size:1em }
		ARTICLE.guide .cover .group,
		SECTION.s-guides > .wrap > .cover > .group		{ padding:60px 10px }
	}

@media only screen and (min-width: 35em) {
	.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0 }
	.ir br { display: none }
	.hidden { display: none !important; visibility: hidden }
	.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px }
	.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto }
	.invisible { visibility: hidden }
	.clearfix:before, .clearfix:after { content: ""; display: table }
	.clearfix:after { clear: both }
	.clearfix { *zoom: 1 }
}	

@media print {
	  * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important } 
	  a, a:visited { text-decoration: underline }
	  a[href]:after { content: " (" attr(href) ")" }
	  abbr[title]:after { content: " (" attr(title) ")" }
	  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: "" } 
	  pre, blockquote { border: 1px solid #999; page-break-inside: avoid }
	  thead { display: table-header-group } 
	  tr, img { page-break-inside: avoid }
	  img { max-width: 100% !important; }
	  @page { margin: 0.5cm }
	  p, h2, h3 { orphans: 3; widows: 3 }
	  h2, h3 { page-break-after: avoid }
}

/****************************************/
/***** DESKTOP      ******************/
/****************************************/
.desktop SECTION.s-cinematic 							{   }

/****************************************/
/***** MOBILE      ******************/
/****************************************/
.mobile #pageslide										{ overflow-y:scroll }
.mobile #scrollToTop									{ display:none!important }