/*  
Theme Name: 4Magazine Theme
Description: Responsive WordPress theme
Theme URI: http://themnific.com
Author: Dannci & Themnific
Author URI: http://themnific.com
Version: 1.2
Tags: dark, light, white, black, gray, two-columns, right-sidebar, fluid-layout, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, full-width-template, microformats, post-formats, sticky-post, theme-options, translation-ready
License: GNU/GPL Version 2 or later. 
License URI: http://www.gnu.org/licenses/gpl.html 
Copyright: (c) 2015 Dannci.
 
*/

/*

[Table of contents]

1. CSS Resets & Clearfix
2. Body & Default Styling
3. Headings
4. Header / #header
5. Navigation / #navigation
6. Content / #content, .post
7. Sidebar / #sidebar
8. Custom Widgets
9. Comments / #comments
10. Forms / 
11. Search / .searchform
12. Footer / #footer
13. Images & Galleries / img, .gallery
14. Social Buttons / .social-menu
15. Flex Slider / .flexslider
16. Buttons, Pagination, Ribbons & Scroll to top
17. Plugins
18. Homepage Blocks
19. Other (sticky, tagcloud, calendar, tabs, tooltips, speciable)

*/


/* 1. CSS Resets & Clearfix
********************************************************************************************
********************************************************************************************/


html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,q,small,strong,sub,sup,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;margin:0;padding:0}article,aside,figure,figure img,figcaption,hgroup,footer,header,nav,section,video,object{display:block}a img{border:0}figure{position:relative}figure img{width:100%}

* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.clearfix:after { content: "\00A0"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}

.clearfix{ display: inline-block;}  

html[xmlns] .clearfix { display: block;}  

* html .clearfix{ height: 1%;}  

.clearfix {display: block}  


/* 2. Body & Default styling
********************************************************************************************
********************************************************************************************/

html, body {
	height: 100%;
	margin:0; padding:0;
}

img,.imgwrap{ max-width:100%; position:relative; overflow: hidden;}
 
ol, ul { list-style:none; margin:0; }

ul.children{ margin-left:15px;}

ul.children li:last-child{ padding: 0 0 0 0 !important;}

.tranz,#nav{-webkit-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease; }

a,a:hover,.nav li a,.ribbon,.ribbon a{
	text-decoration:none;
	-moz-transition: all 0.2s ease-in;
	-webkit-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in; 
	transition: all 0.2s ease-in;
	-ms-transition: all 0.2s ease-in;
}

.ghost{ overflow:hidden;}

small,.small{ font-size:90% !important;}

.sserif{text-transform:uppercase; margin:5px 0 20px 0;}
	
.fl{ float:left !important;}
.fr{ float:right !important;}
.cntr{ text-align:center;}

.rad,
.nav-previous a,
.nav_item a,
.meta_more a,
.review-wrapper,
a.mainbutton,
#footer,
.page-numbers,
.nano-slider,
ul.tmnf_slideshow_thumbnails li img,
.coco-social ul.coco-social-buttons li a,
.commentlist li.comment {-moz-border-radius: 2px;-khtml-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px;}

.boxshadow{
	-moz-box-shadow:  0 0 2px rgba(0, 0, 0, 0.05);
	-webkit-box-shadow:  0 0 2px rgba(0, 0, 0, 0.05);
	box-shadow:  0 0 2px rgba(0, 0, 0, 0.05);
}

.shadow-inset{
	-moz-box-shadow:  0px 0px 10px rgba(0, 0, 0, .15) inset;
	-webkit-box-shadow:  0px 0px 10px rgba(0, 0, 0, .15) inset;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, .15) inset;
}

.slant{ font-weight:normal; font-style:italic;}

.lower{ text-transform: lowercase !important}
.italic{ font-style:italic !important}
.fat{ font-weight:bold !important}

.hrline,.hrlineB{
	clear:both;
	width: 100%;
	margin:30px 0 30px 0;
	padding:0;
	height:2px;
	position:relative;
}

.hrline:after{ width:56px; height:2px; position:absolute; top:0; left:0; background-color:#f00;content: '';	}

.hrlineB{margin:0 0 30px 0 !important;}

.hrline span,.hrlineB span{
	width:30px;
	background:#999;
	height:1px;
	position: absolute;
	top:0;
	left:0;
}

hr{ background:#eee !important; border:none !important;}

.tmnf_hide{ display:none !important;}

.tmnf_icon{ overflow:hidden; padding:9px 0; font-size:20px !important; background-image:url(images/transparent.png); height:40px; width:40px;margin:0 0 0 0; text-align:center; position:absolute; top:50%; left:50%; }

.isotopeblog .item .tmnf_icon,
.flexcarousel li .tmnf_icon{margin:-20px 0 0 -20px;}

.tab-post .tmnf_icon{font-size:10px !important;height:24px; width:25px; padding:7px 0; top:35px; left:5px;background-image: none; opacity:0; }

.tab-post:hover .tmnf_icon{ opacity:1;}

.featured li:first-child .tab-post .tmnf_icon{ top:5px;}

.tab-post .tmnf_icon.fa-file-text-o,
.mag-big .tmnf_icon.fa-file-text-o,
.mag-med .tmnf_icon.fa-file-text-o,
.mainflex .tmnf_icon.fa-file-text-o,
.mag-small .tmnf_icon.fa-file-text-o{ display:none;}



/* 2. Body & Default styling
********************************************************************************************
********************************************************************************************/

h1{
	margin:15px 0;
	padding:0;
}
	
h1.entry-title,
h2.posttitle{
	margin:0 0 25px 0;
	padding:0 0 0 0;
	letter-spacing:-0.04em;
}	
	
h2{
	margin:20px 0;
	padding:0;
	letter-spacing:-0.02em;
}

h2.block{margin:0 0 0 0 !important; width:100%;padding:15px 0 20px 30px !important; float:none; overflow:hidden; position:relative;}

h2.block.left_fix{ margin-left:20px !important;}

.aq-block-aq_2_3_column_block h2.block.left_fix,
.aq-block-aq_3_column_block h2.block.left_fix{ margin-left:0px !important;}

h2.block .maintitle{padding-bottom:0; margin-right:20px;}

h2.block span.line{ position:absolute; top:0; left:0; width:5px; height:100%; display:block;}

h2.con_fix{ margin-left:25px !important}
	
h2.posttitle{margin:35px 0 20px 0;}

.archive  h2.block,
.search h2.block{
	line-height:0.8 !important;
}

h2.archiv{
	margin:0 20px 40px 20px;
	width:100%;
	padding:0 0 20px 0;
	border-bottom-style:solid; border-bottom-width:1px
}

h2.taxonomy{ margin:60px 0 0 0;}

h2.block span.subtitle,
h2.archiv span{
	font-size:18px !important;
	opacity:.4;
	padding:0 0 ;
	margin:3px 0 0 0;
	letter-spacing: 0.05em;
	font-size:15px !important;
	display:block;
	text-transform:none;
}

h2.archiv span{ float:none;}

h2.archiv br{ display:none;}
	
.widgetable h2{
	padding-top:30px;
	padding-bottom:20px;
	margin:0;
	overflow:hidden;
	margin-bottom:20px;
	width:100%;
	font-size:24px !important;
}

h3{
	margin:25px 0 15px 0;
	padding:0;
	letter-spacing:-0.025em;
}		
	
h4{
	margin:15px 0 10px 0;
	padding:0;
}	
	
h5,h6{
	margin:5px 0;
	padding:0;
}	

h3 i,
h4 i,
h5 i{ margin-right:4px;}





/* 4. Header / #header
********************************************************************************************
********************************************************************************************/

#mainhead{ position:relative; overflow:hidden; max-height:400px;}

#header{
	width:100%;
	padding:0;
	overflow: visible;
	margin:0 0 0 0;
	position:relative;
	float:left;
	z-index:9;
}

#header h1{
	line-height:1.2;
	display:block;
	position:relative;
	z-index:10;
	margin:0 auto;
	float:none;
	text-align:left;
	max-width:100%;
}

#header h1 img{margin:0 0; display:block; float:none; max-width:100%; }

h2.description{
	display:block;
	position:relative;
	z-index:10;
	margin:0 auto 0 auto;
	float:none;
	text-align:center;
	letter-spacing:.1em;
	z-index:10;
	opacity:.5;
}

#titles{ overflow:hidden; float:left; display:block;  margin-right:auto; position:relative; z-index:1; margin-left:25px;}

.logocentered #titles{ float:none;margin-left:auto;}

.headad{ float:right; margin:-20px 20px 0 40px; padding:0 0; position:absolute; top:0; right:0;}

.logocentered .headad{ float:none; margin:10px 0 40px 0; padding:0 0 !important; position:relative; top: auto; right: auto;}

.headad img,
.headad ins{float:none; margin:0 auto !important; display:block !important; max-width:100%;}

.homead{ position:absolute; top:0; left:50%; margin:5px 0 0 630px; z-index:99;}

.headright{ position:absolute; top:50%; right:0 ; margin:-17px 25px 0 0; overflow:hidden; width:93%;}

.headright p{ float:left; font-size:13px; margin:2px 10px;}

.headright p i{ margin-left:8px;}

.container_fix{ position:fixed !important; top:auto;}

.navhead{
	width:100%;
	margin:0 0 0 0;
	padding:20px 0 60px 0;
	z-index:100;
	overflow:hidden;
	position:fixed;
	top:-1200px;
	left:0;
	background-image:url(images/transparent-light.png);
	height:auto;
	opacity:.98;
}


.navhead.curtain,
.navhead:hover{ top:0;}

.navbutton_wrap{
	z-index:999;
	overflow:hidden;
	position:absolute;
	top:0;
	left:105px;
	width:60px;
	display:block;
	margin:0 0 0 0;
	text-align:center;
}

.navbutton{
	margin:0 auto;
	height:60px;
	width:60px;
	font-size:25px;
	line-height:1 !important;
	text-align:center;
	padding:15px;
	border-width:2px;
	border-style:solid;
	cursor:pointer;
	-moz-border-radius: 60px;-khtml-border-radius: 60px;-webkit-border-radius: 60px;border-radius: 60px;
}

a.navbutton{ display:none;}

.navbutton_wrap.scroll-to-fixed-fixed{ }

.layoutmodern .navbutton_wrap.logocentered { left: auto !important; right:20px;}

.closebutton{
	margin:0 auto;
	height:40px;
	width:40px;
	font-size:20px;
	line-height:1 !important;
	text-align:center;
	padding:8px;
	position:absolute;
	top:10px;
	right:10px;
	display:none;
	z-index:999;
	border-width:1px;
	border-style:solid;
	cursor:pointer;
	-moz-border-radius: 60px;-khtml-border-radius: 60px;-webkit-border-radius: 60px;border-radius: 60px;
}




/* 5. Navigation / #navigation
********************************************************************************************
********************************************************************************************/

#navigation{
	z-index:9;
	margin:0 auto;
	position:relative;
}

#main-nav{ padding:0;}

/*#main-nav>li{ float:left; width:15%;  overflow:hidden; margin:0 10px 5px 0}*/

#main-nav>li>a{ text-transform:uppercase;}
#main-nav>li ul a{ font-size:13px !important; font-weight:normal !important; line-height:1.1;}


#main-nav { 
    -moz-column-count: 4;
    -webkit-column-count: 4;
    column-count: 4;
    -moz-column-gap: 1em;
    -webkit-column-gap: 1em;
    column-gap: 1em;
}

#main-nav>li { 
    background-image:url(images/transparent-light.png);
    display: inline-block;
    margin: 0 0 1em;
	padding:20px;
    width: 100%;
}


#ie9 #main-nav>li{ width:20% !important; float:left !important;}



/* @mobile menu 
***************************/

a#navtrigger,
a#navtrigger-sec{
text-indent:-9999px;
padding:15px;
height:40px;
width:40px;
background-image: url(images/icons/zoom.png);
background-position:50% 50%;
background-repeat:no-repeat;
margin:20px auto 20px auto;
display:none;
z-index:99999;
position:relative;
}

a#navtrigger:hover{
background-image: url(images/icons/zoom.png);
}

a#navtrigger.active{
background-image: url(images/icons/minus.png);
}

.showtrig{ display: block !important; float:none; overflow:hidden;}

.hidenav{ display:none !important;}

.shownav{ display: inline-block !important;}



/* 6. Content / #content
********************************************************************************************
********************************************************************************************/


/* @posts: basics
***************************/

.blogger{ width:100%; overflow:hidden; position:relative; padding:0 40px 0 0; border-right-width:1px; border-right-style:solid;}

.blogger div.post{ position:relative; width:100%; margin:0 0 40px 0; padding:0 0 0 0; float:left; overflow:hidden;}

.blogger div.post .item_inn{ margin:0 0 40px 0; padding:20px 0 0 0; position:relative;border-top-width:1px; border-top-style:solid;}

.blogger div.post .entryhead{  overflow:hidden;max-width:100%; width:auto; margin:0 0 0 0; float:left; position:relative; }

.blogger div.post .entryhead img{max-width:100%; float:left; display:block; margin:12px 40px 20px 0; max-width:100%; position:relative; }

.blogger .item iframe{ max-width:100%; float:left; margin:0 0 20px 0; max-height:340px;}

.blogger .item h2{ margin:0 0 30px 0;}

.blogger .item p{ margin:5px 0 10px 0;}

.blogger .item .meta{ float:left; margin:0 0 20px 0;}

.blogger .item .meta_more{ float:right;}

.blogger .item .imgwrap{ display:block; overflow:hidden; position:relative; width:100%;}

/* formats */
.blogger .format-quote{ padding:60px 60px !important;}
.blogger .format-quote img{ display:none !important;}
.blogger div.format-quote .item_inn{ border-top:none !important;margin: 0 0 0 0;}





/*  MASONRY BLOG */

.isotopeblog{  overflow:hidden;}

.isotopeblog>.post{ float:left;}

.isotopeblog>.post .item_inn,
.isotopeblog>.page .item_inn,
.isotopeblog>.work  .item_inn { padding:0 20px 0 1px; overflow:hidden;}

.isotopeblog>.post h2{ margin:30px 0 20px 0;}

.isotopeblog>.post p.meta{ float:left; margin-bottom:5px; }

.isotopeblog>.post p.teaser,
.isotopeblog>.page p.teaser{ margin:5px 0; font-size:90%;}

.isotopeblog>.post .imgwrap{ margin-bottom:0;}

.isotopeblog>.post iframe{ max-height:170px; margin:0 0; float:left;}

.isotopeblog>.post:hover img{ opacity:.05;}

.isotopeblog .imgwrap i{ position:absolute; top:50%; left:50%; font-size:40px; text-align:center; height:40px; width:40px; margin:-20px 0 0 -20px;}

/* formats */
.isotopeblog .format-quote img{ display:none;}

.isotopeblog .format-quote .item_inn{ padding:0 25px 40px 25px;}




/* @posts: single
***************************/

/*.post>div{ overflow:hidden; max-width:100%;}*/

.entry{padding:5px 0 40px 0;}

.entry > p a:hover{ background:url(images/transparent-light.png);}

.entry > p{margin:0 0 20px 0;}

.entryfull{margin:0 20px; overflow:hidden}

.entryfull p{margin:0 0 10px 0;}

.entryhead{ overflow:hidden; width:100%; float:left; margin:0 0 0 0; position:relative;}

.format-video .entryhead_big{ margin:0 20px 0 20px; width:97.5%;max-width:100%;}

.format-video .entryhead_big h1{ margin:30px 0 30px 0 ;}

.format-standard .entryhead_big{ margin:0 20px 40px 20px; width:auto;max-width:100%;}

.format-standard .entryhead_big a{ color:#fff !important;}

.format-standard .entryhead_big .gradient{
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.01) 1%, rgba(0,0,0,0.5) 39%, rgba(0,0,0,0.8) 99%, rgba(0,0,0,0.8) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(1%,rgba(0,0,0,0.01)), color-stop(39%,rgba(0,0,0,0.5)), color-stop(99%,rgba(0,0,0,0.8)), color-stop(100%,rgba(0,0,0,0.8))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.01) 1%,rgba(0,0,0,0.5) 39%,rgba(0,0,0,0.8) 99%,rgba(0,0,0,0.8) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.01) 1%,rgba(0,0,0,0.5) 39%,rgba(0,0,0,0.8) 99%,rgba(0,0,0,0.8) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.01) 1%,rgba(0,0,0,0.5) 39%,rgba(0,0,0,0.8) 99%,rgba(0,0,0,0.8) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.01) 1%,rgba(0,0,0,0.5) 39%,rgba(0,0,0,0.8) 99%,rgba(0,0,0,0.8) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#cc000000',GradientType=0 ); /* IE6-9 */
}

.format-standard .entryhead_big .gradient{padding: 40px 45px; margin:0 0; width:100%; position:absolute; left:0; bottom:0;}

.entryhead_classic{ margin:0 0 20px 0;}

.entryhead_classic iframe{ max-height:370px;}

.entryhead .imgwrap{ background:none;}

.entry ul{margin:0 60px 25px 20px;}

.entry>ul>li ul{margin:0 0 5px 20px;}

.entry>ul>li,
.entry>ul>li ul li ul li{ list-style-position:inside; list-style:circle;}

.entry>ul>li ul li{ list-style-position:inside; list-style:square;}

.entry .contact-form{ overflow:hidden; float:none; clear:both; padding:0 0 30px 0;}

.entry ol{margin:5px 0 15px 2px;}

.entry ol li ol{margin:0 0 5px 20px;}

.entry ol li{ list-style: decimal; list-style-position:inside;}

.entry ol li ol li{ list-style: upper-latin;list-style-position:inside;}

.entry ol li ol li ol li{ list-style: lower-latin;list-style-position:inside;}

.entry blockquote{
	border-left:2px solid #ddd;
	padding:5px 30px !important;
	margin:25px 60px 25px 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	line-height:1.9em;
	letter-spacing:0;
}
	
.entry blockquote p{ margin:0 0 0 0;}



/* @posts: other
***************************/

.postinfo{overflow:hidden;margin:0 0 30px 0;padding:0 0 20px 0;}

.postinfo .bread{ float:left; max-width:55%;}

.postinfo .metatags,
.postinfo .likes{ float:right; margin-left:8px;} 

.postauthor { overflow:hidden; margin:40px 0 0 0; padding:35px; float:left; width:100%; border-style:solid; border-width:1px}

.postauthor h4{ margin:0 0 25px 0;}

#content .postauthor img.avatar{ float:left !important; margin:5px 25px 0 0 !important;}

.authordesc{ margin-top:10px;}

.authoricons a{ font-size:15px; padding:2px 6px; margin:15px 1px 10px 0; width:30px; float:left;background:url(images/transparent-light.png); text-align:center; }

.authoricons a.hidd{ display:none}

h4.related{ margin:40px 0 20px 0;}

ul.related{ float:left; width:105%; overflow: hidden; margin:5px 0 0 0;}

.related li{ position:relative; float:left; width:28.2%; margin:0 5% 25px 0;overflow: hidden; position:relative; padding:0;}

.related li h2{ font-size:10.5pt; line-height:14pt; margin:0; padding:0 10%; width:80%; text-align:center; background:none; letter-spacing:0; position:absolute; top:30%; left:0; }

.related li a img { float:left; margin:0 0 15px 0; position:relative;}

.archivloop{ overflow:hidden; padding:1px 0 0 1px;}

.archivloop>div{ overflow:hidden; margin:-1px 0 0 -1px; padding-top:30px !important;height: 395px !important; border:1px solid #ddd; width:33.33% !important;}

.postad{ width:100%; margin:0 0 30px 0; overflow:hidden; text-align:center;}

.postad img,
.postad ins{ max-width:100%; display:block !important; margin:0 auto !important;}

#post-nav{ float:right; width:100%; margin:50px 0 0 0; padding:0 0 40px 0;line-height:1.4 !important;border-bottom-style:solid; border-bottom-width:1px}

#post-nav img{ float:left; width:75px; margin:5px 25px 0 0; display:none;}

#post-nav a.meta{ display:block; font-size:14px; line-height:1.6;}

#post-nav small{ opacity:.7; display:block; margin:0 0 20px 0;}

.post-previous,
.post-next{ width:48%;overflow:hidden; padding:20px 0; float:left; }

#post-nav .post-next{ float:right; text-align:right !important;}

#post-nav .post-next img{ float:right;margin:5px 0 0 25px;}



/* @posts: formats
***************************/

.post.format-quote{
	text-align:center;font-size:16pt; line-height:1.5; padding:70px 60px; margin:0 0 80px 0; position:relative; overflow:hidden;
}

.post.format-quote .hrline:after{ left:50%; margin-left:-10px;}

.single .format-quote{ margin-top:50px;}

.post.format-quote .meta{ display:none;}

.post.format-quote blockquote{
	text-align:center;font-size:18px; line-height:1.5; position:relative; z-index:1;
}

.post p.quuote_author{ font-size:14px ;margin:20px 0 0 0; position:relative; z-index:1;}
.blogger .format-quote img,
.single .format-quote img{ position:absolute; top:0 ; left:0; opacity:.1; width:100%;}




/* 7. sidebar / #sidebar
********************************************************************************************
********************************************************************************************/

h2.widget{ position:relative; overflow:hidden; margin:0 0 20px 0; padding:10px 0 15px 30px;}

h2.widget:after{ width:5px; height:100%; position:absolute; top:0; left:0; background-color:#f00;content: '';	}

.widgetable{ padding-bottom: 30px;}

.aq_span4 .widgetable{margin-bottom: 0px;}

.widgetable p {margin:0; padding:0 0 15px 0;}


.widgetable h3 {font-size:12px;}	

.widgetable form{ overflow:hidden; padding:3px 0;}
	
.widgetable>ul,
.widgetable>div>ul{
	list-style:none;
	float:none;
	overflow:hidden;
	width:100%;
	margin-bottom:30px;
}

.widgetable>ul>li{ margin:0 0 5px 0;}
	
.widgetable select{
	margin:5px 0 30px 0;
	width:100%;
	font-size:100% !important;
	clear:both;
	float:none;
}
	
.widgetable .searchform{
	margin:0 0 30px 0;
	padding:0 0;
	float:none;
	clear:both;
	overflow:hidden;
}

li.recentcomments,
cite{ padding:0 0 10px 0;}

a.rsswidget{ padding:5px 0 0 0;}


/* @nano scroller */

#fixedcolumn{ height:1000px;}

.sidebarfix{ display:block; height:300px;}

.nano {
  position : relative;
  width    : 100%;
  min-height   : 100%;
  overflow : hidden;
  visibility: hidden;
}

.nano_loaded {
  visibility: visible;
}

.nano .nano-content  {
  position      : absolute;
  overflow      : scroll;
  overflow-x    : hidden;
  top           : 0px; /**/
  right         : 0;
  bottom        : 0;
  left          : 0;
  padding-right:40px;
  padding-top:0;
  padding-bottom:150px;
}

.nano > .nano-content:focus {
  outline: thin dotted;
}
.nano > .nano-content::-webkit-scrollbar {
  visibility: hidden;
}
.has-scrollbar > .nano-content::-webkit-scrollbar {
  visibility: visible;
}
.nano > .nano-pane {
  background : rgba(0,0,0,.0);
  position   : absolute;
  width      : 5px;
  right      : 0;
  top        : 0;
  bottom     : 0;
  visibility : hidden\9; /* Target only IE7 and IE8 with this hack */
  -webkit-transition    : .2s;
  -moz-transition       : .2s;
  -o-transition         : .2s;
  transition            : .2s;
  z-index:3;
  opacity:.3;
}

#fixedcolumn hover .nano > .nano-pane{ opacity:1;}

.nano-pane:hover { cursor:pointer;}

.nano > .nano-pane > .nano-slider {
  background: #444;
  background: rgba(0,0,0,.08);
  position              : relative;
  margin                : 1px;
}
.nano:hover > .nano-pane, .nano-pane.active, .nano-pane.flashed {
  visibility : visible\9; /* Target only IE7 and IE8 with this hack */
  opacity    : 0.99;
}


/* 8. Custom Widgets 
********************************************************************************************
********************************************************************************************/

.tagcloud { margin-bottom: 30px; }
 
ul.lists{ list-style:none; overflow:hidden; margin:0; width:106%}

ul.lists li ul, ul.lists li ul li{ margin:0 0 0 0 !important;padding:0 0 0 0 !important; width:100%; background:none;}

.lists li{ 
	background:url(images/bull.png) 0 4px no-repeat;
	padding:0 10px 0 26px; 
	margin:0 3% 0 0; 
	float:left;
	width:31%;
	list-style:none;
}


/* @twitter 
***************************/

.tp_recent_tweets ul li{
	overflow:hidden;
	padding:15px 0 !important;
	border-top-width: 1px ;
	border-top-style: solid;
	margin:0 !important;
}

.tp_recent_tweets ul li:first-child{
	border-top:none;padding:0 0 15px 0 !important;
}

a.twitter_time{
	font-style:italic; font-size:11px;
} 



/* @ads 
***************************/

.ad300{margin:0 0 40px 0;text-align:center; }

.ad300_inn{width: 100%; padding:0 0;background:url(images/transparent-light.png);overflow:hidden}

#footer .ad300{ border:none;margin:0 0 30px 0;}

.ad300 img{ display:block; margin:0 auto 0 auto;}

.widgetable .ad300 h2,
h2.adblock{ text-transform:uppercase; font-family:Arial !important; font-weight:normal !important;font-size:11px !important; padding:0 0 0 0 !important; border-bottom:none !important; text-align:center; margin:12px 0 10px 0; line-height:12px;}

.widgetable .ad300 h2:after{ display:none;}

ul.ad125{padding:0 0 30px 0 !important; overflow:hidden; width:100% !important; margin:0 0 !important;}

#footer ul.ad125{width:100% !important; margin:0 0 0 0 !important;}

ul.ad125 li{ float:left; margin:0 0 10px 0; width:50%; text-align:center; padding:0; overflow:hidden; background:none !important;}

#footer ul.ad125 li{margin:0 0 15px 0; width:50%;}

ul.ad125 li img{ float:left; display:block; margin:0 auto; padding:0; overflow:hidden}


 
/* @flickr
***************************/

span.flickr{ color: #0061D8; font-style:normal; }
 
.widgetable h2 span span,#footer h3 span span,#archives h2 span span,h2.widget span span { color: #FF1183; }
 
.flickwrap {
	position: relative;
	padding:0;
	overflow: hidden;
	width: 110%;
	margin:0 0 20px 0;
}
 
.flickwrap img {
	float: left;
	margin:0 !important;
	padding: 0 !important;
	width:75px;
}
		
#footer .flickwrap img {width:62px; }
 
.flickr_badge_image{
	float: left;
	margin: 0 22px 22px 0!important;
	padding: 0 !important;
}

#footer .flickr_badge_image{}
 
.flickwrap a:hover img { background:#ccc; }

 
 
/* @author bio 
***************************/

span.left {
	float: left;
	margin: 8px 15px 5px 0;
}
 
span.right {
	float: right;
	margin: 8px 0 5px 15px;
}

img.authorlogo{ margin-top:30px;}

p.authorinfo{ overflow:hidden; margin:25px 0 45px 0 !important;}
 
 

/* featured 
***************************/

ul.featured {
	margin: 0 0 30px 0 !important;
	overflow: hidden;
	float: left;
	list-style:none !important;
	width:100%;
}

ul.featured li{	list-style:none !important; padding:0 0 !important; margin:0 0 !important; display:block;} 


ul.featured li .tab-post img{ margin: 0 0 15px 0 !important;}

ul.featured li:first-child div{padding:0 0 20px 0;}

ul.featured li:last-child div{ border-bottom:none;}


ul.featured li .meta.cat::before,
ul.featured li .meta.date:after{ display:none;} 



/* comments widget 
***************************/

.com_post{
	overflow:hidden;
	padding:18px 0 !important;
	border-top:1px solid #ddd;
	margin:0 0 0 0 !important;
	list-style:none !important;
}

.com_post:first-child{
	padding:0 0 15px 0 !important;
	border-top: none;
}

.com_post img{ float:left; margin:8px 20px 5px 0 !important;
	background:url(images/transparent-light.png);
	padding:2px;}

.com_post span{ float:left; margin-right:7px; font-style: normal}

.com_post p{ padding:0 0 0 65px !important;}


/* facecbook */

.fb_iframe_widget{ max-width:100%; margin:0 0 40px 0;}

.fb_iframe_widget iframe{ max-width:100%;}

/* tabs widget 
***************************/

#hometab {
	float: left;
	width:100%;
	padding:0 0 40px 0;
	margin: 0 0 0 0;
	overflow: hidden;
	position: relative;
}
	
#footer #hometab { width:100%; padding:0; background: none !important;}
 
ul#serinfo-nav {
	position:relative;
	z-index: 6;
	margin:0 0 0 0 !important;
	background:url(images/transparent-light.png);
	overflow:hidden;
}
 
ul#serinfo-nav>li {
	padding:0 0 !important;
	float: left;
	margin-right: 0;
	width: 50%;
	text-align: center;
	text-shadow: none;
	cursor: pointer;
	background-image:none !important;
	list-style:none !important;
}
	
#footer ul#serinfo-nav>li {padding:0 0; margin:0 0 !important;}
 
#serinfo-nav li.current {
	color: #fff !important;
	position:relative;
	z-index: 6;
	border-bottom:none;
	overflow:hidden; 
	-moz-border-radius: 2px;-khtml-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px;
}
	
#serinfo-nav li a{ text-transform: uppercase; padding:10px 0; display:block; font-size:13px !important;}
 
li#serpane0,
li#serpane1,
li#serpane2,
li#serpane4,
li#serpane5{
	margin: 0 0 -16px 0 !important;
	padding:0 !important;
	list-style:none !important;
	width:100%;
}

li#serpane3{
	padding: 30px 0 20px 0;
}
 
ul#serinfo {
	position: relative;
	z-index: 5;
	float: left;
	padding: 0 0 0 0;
	overflow: hidden;
	margin-top:-1px;
	width:100%;
}
 
.tab-post {
	min-height:100px;
	overflow:hidden;
	border-bottom:1px solid #ddd;
	margin:0 0 0 0;
	padding:30px 0 15px 0;
	line-height: 18px;
	width:100%;
	position:relative;
}
	
.tab-post h5{ margin:0 0 10px 0;}

#footer .tab-post h4{ margin:0 0 7px 0; font-size:13px !important;}
 
.tab-post img {
	padding:0;
	margin: 0 23px 15px 0 !important;
	float: left;
}
	
#hometab .tab-post img {width:70px;}

.tab-post .meta { float:left;}

.tab-post a.meta i{ margin:0 5px 0 0;}

.tab-post p.meta.date { opacity:.5;}


/* feautred (alt) widget 
***************************/

.featured-post {
	overflow:hidden;
	margin:0 0 30px 0;
	width:100%;
	height:75px;
	position:relative;
	line-height:1.2 !important;
}

.featured-post img{ width:75px;}

.featured-post-inn{ position: absolute; width:75%; height:75px; padding:10px 25px !important; top:0; left:25%; z-index:2;	background-image: url(images/transparent-light.png);}

.featured-post:hover .featured-post-inn{left:65px;}

.featured-post p.meta_alt { opacity:.5;}



/* 9. Comments / #comments
********************************************************************************************
********************************************************************************************/

#comments {
	clear: both;
	margin:0 0 0px 0;
	padding:0 0;
}

.single-work #comments {
	margin:0 0 10px 0;
	padding-top:40px;
}

#comments .navigation {
	padding:20px 0;
	clear: both;
	overflow:hidden;
}

h3#comments-title,
h3#reply-title {
	padding:30px 0 10px 0;
	margin:0 0 20px 0;
	border-top-style:solid; border-top-width:1px
}

.commentlist {
	list-style: none;
	margin:30px 0 0 0 !important;
}

.commentlist li.comment {
	background: url(images/line-h-l.png) bottom repeat-x;
	line-height: 24px;
	margin: 0 0 25px 0;
	padding: 20px 0 10px 80px;
	position: relative;
	list-style:none;
}

ul.children li.comment:last-child{
	padding: 20px 0 10px 80px !important;
}

.commentlist li:last-child {
	border-bottom: none;
	margin-bottom: 0;
}

#comments .comment-body ul,
#comments .comment-body ol {
	margin-bottom: 18px;
}

#comments .comment-body p:last-child {
	margin-bottom: 6px;
}

#comments .comment-body blockquote p:last-child {
	margin-bottom: 24px;
}

.commentlist ol {
	list-style: decimal;
}

.commentlist .avatar {
	position: absolute;
	top:25px;
	left:0;
}

.comment-author cite {
	color: #000;
	font-style: normal;
	font-weight: bold;
	font-size:16px !important; 
}

.comment-author .says {
	font-style: italic;
	display:none;
}

.comment-meta {
	margin: 0 0 20px 0;
}

.comment-meta a:link,
.comment-meta a:visited {
	color: #888;
	text-decoration: none;
}

.comment-meta a:active,
.comment-meta a:hover {
	color: #ff4b33;
}

#content .topic a,
#content .reply a {
	font-size: 12px;
	margin: 0 0 0 0 !important;
	display:inline-block;
}

.reply a,
a.comment-edit-link {
	color: #888;
}

.reply a:hover,
a.comment-edit-link:hover {
	color: #ff4b33;
}

#comments a.comment-reply-link{ margin:8px 0 15px 0 !important;}

.commentlist .children {
	list-style: none;
	margin: 0;
}

.commentlist .children li {
	list-style: none;
	border: none;
	margin: 0;
}

.nopassword,
.nocomments{display: none;}

#comments .pingback {
	border-bottom: 1px solid #e7e7e7;
	margin-bottom: 18px;
	padding-bottom: 18px;
}

.commentlist li.comment+li.pingback {
	margin-top: -6px;
}

#comments .pingback p {
	color: #888;
	display: block;
	font-size: 12px;
	line-height: 18px;
	margin: 0;
}

#comments .pingback .url {
	font-size: 13px;
	font-style: italic;
}



/* Comments form 
***************************/

#respond {
	margin:0;
	//overflow: hidden;
	position: relative;
}

#respond p {
	margin: 0;
}

.comment-form-author,
.comment-form-email,
.comment-form-url{ width:31.3%; float:left; margin-right:3% !important;}

.comment-form-url{margin-right:0 !important;}

input#author,
input#email,
input#url{ width:99.7% !important; margin-bottom:20px !important; border-width:1px; border-style:solid;}

#respond .comment-notes {
	margin-bottom: 1em;
	opacity:.7;
	font-size:90%;
}

.form-allowed-tags {display: none;}

.children #respond {margin: 0 48px 0 0;}

#comments-list #respond {margin:0;}

#comments-list ul #respond {margin: 0;}

#cancel-comment-reply-link {
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
	margin-left:10px;
}

#respond .required {
	color: #ff4b33;
	font-weight: bold;
	margin-left:3px;
}

#respond label {
	color: #888;
	font-size: 12px;
}

#respond input {
	margin:0;
	width: 96%;
}

#respond textarea {
	width: 100%;
	padding:10px 1.5%;
}

#respond .form-allowed-tags,
#respond .form-allowed-tags code {display: none;}

#respond .form-submit {margin: 12px 0;}

#respond .form-submit input {
	font-size: 14px;
	width: auto;
	margin:20px 1px 20px 1px;
}


/* 10. Forms
********************************************************************************************
********************************************************************************************/

input, textarea,input checkbox,input radio,select, file{
	border-width:1px; border-style:solid;
	padding:10px 5%;
	margin:0 0 5px 0;
	line-height:1 !important;
	background-image:url(images/transparent-light.png); 
	border-radius: 0;
}

input checkbox{ margin-right:5px;}

form#contactform fieldset input{
	float:none;
	width:320px;
	margin-top:30px;
}
	
form#contactform fieldset textarea{
	margin-top:30px;
	width:430px;
	border: 1px solid #eee;
	background:#fff;
}
	
form#contactform fieldset input#submit{
	width:150px; cursor:pointer;
}

#contact{padding:0 0 30px 0;}




/* 10. Search / .searchform
********************************************************************************************
********************************************************************************************/
 
.searchform {
	position: relative;
	float: none;
	width:100%;
	margin:10px 0 30px 0;
}
 
.searchSubmit {
	position: absolute;
	height: 28px;
	width: 28px;
	border: none;
	cursor: pointer;
	margin:0;
	overflow:hidden;
	padding:4px;
	top: 5px;
	right:8px;
	font-size:10px !important;
	line-height:1 !important;
}
	
.searchform input.s {
	padding:6px 6%;
	margin:0 0 20px 0;
	font-style:normal;
	font-size:13px !important;
	width:99.5%;
	height:38px;
	border: 1px solid #d9d9d9;
}

.search #content .searchform,
.archive #content .searchform {margin: 0 0 60px 0 ;width:50%;}




#header .searchform{ max-width:250px; width:auto; float:right; margin:0 0; display:block;}

#header .searchform input.s{background-image:url(images/transparent.png) !important;background-color: transparent !important; float:right; width:100px;}
#header .searchSubmit{ top:4px; right:4px;padding:4px;height: 24px;width: 24px;}

#header .searchform input.s:focus {
	width:220px;
}







/* 12. Footer / #footer
********************************************************************************************
********************************************************************************************/

#footer {
	margin: 0 auto -3px auto;
	padding:40px 40px 0 40px;
	overflow:hidden;
	position:relative;
	text-shadow:none;
}
	
#footer .foocol{ border-left:1px solid #444;border-right:1px solid #444;}

#footer .foocol h2{ margin-top:0; font-size:18px !important;}

#footer ul{ margin:0 0 30px 0;}

#footer .foocol ul li{ margin:0 0 8px 15px; padding:0 0 0 6px; list-style:outside none square;}

#footer p{ margin:0 0 15px 0;}

#footer .threecol>ul>li{ margin:0 0 8px 0;padding:0 0 0 5px; list-style: inside square;}
 
 
.footer-top{ overflow:hidden; text-align:center; border-bottom:1px solid #333; margin:0 8% 40px 8%; } 
 
#copyright {font-size: 11px; padding:20px 0; overflow:hidden; border-top:1px solid #444;}
 
#copyright p {margin: 0;padding: 5px 0;}
	
.bottom-menu{ float:left; margin:0 0 0 -15px;}
.bottom-menu li{ float:left;}
.bottom-menu li a{ float:left; padding:5px 10px 5px 15px;background:url(images/grid.png) 0 14px  no-repeat;}
.bottom-menu li:first-child a{ padding:5px 10px 5px 0;background:none;}
	

	
/* 13. Images @ Galleries / img
********************************************************************************************
********************************************************************************************/

img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	float: none;
}

img.alignright {
	margin: 10px 1px 10px 20px !important;
	display: inline;
	float: right;
}

img.alignleft {
	margin: 10px 20px 10px 1px !important;
	display: inline;
	float: left;
}

.alignright {
	float: right;
	margin-left:15px;
}

.alignleft {
	float: left;
	margin-right:15px;
}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}
	
.wp-caption {
   text-align: center;
   padding-top: 0;
   margin-bottom:10px;
   max-width:100%;
   background:url(images/transparent-light.png);
   overflow:hidden;
}

.wp-caption img {
   margin:0  auto;
   display:block;
   float:none !important;
   padding:10px 5px;
   border: 0 none;
   max-width:100%;
}

.wp-caption p.wp-caption-text {
   font-size: 12px;
   padding: 0 0;
   margin:0 0 10px 0;
   overflow:hidden
}

img.wp-smiley {
    background: transparent;
    border: none;
    margin: 0;
    padding: 0;
}



/* @wp gallery 
***************************/

.attachment  .headimg{ display:none; visibility:hidden;}

.wp-smiley {
	margin:0;
}
.gallery {
	margin:0 auto 30px auto !important;
	width:100%;
}

.gallery .gallery-item {
	float: left;
	margin:0 1px 1px 0 !important;
	text-align: center;
	width:auto !important;
	height:auto;
	overflow:hidden;
	background:#000 url(images/icons/zoom.png) 50% 50% no-repeat !important;
	border:none !important;
	-moz-border-radius: 0;-khtml-border-radius:0;-webkit-border-radius:0;border-radius:0;
}

.entryfull .gallery .gallery-item{ max-width:149px;}

.gallery img {
	border:none !important;
	float:left;
}

.gallery a {
	overflow:hidden;
	float:left;
}

.gallery .gallery-caption {
	margin-left: 0;
}

.gallery dl {
	margin: 0;
}

dt.gallery-icon{ padding:0 0 !important;}

.gallery-caption {
	color: #888;
	font-size: 12px;
	margin:-24px 0 24px 0;
}

.gallery br+br,
.gallery-caption {
	display: none;
}
	
	
	
/* 14. Social Buttons / .social-menu
********************************************************************************************
********************************************************************************************/

ul.social-menu {
	position: relative;
	overflow: hidden;
	padding: 0;
	margin:0 0 30px 0 !important;
	float:none;
}

#header ul.social-menu{margin:0 0 0 0 !important; float:right;}

.widgetable ul.social-menu{margin:0 0 40px 0 !important;}

.footer-top ul.social-menu{margin:40px auto 40px auto !important; float:none;}
 
ul.social-menu li {
	display: inline;
	list-style-type: none;
	position: relative;
	line-height:1;
	float: left;
	margin: 0 2px 1px 0 !important;
	padding:0 0 0 0;
	overflow: hidden;
	text-align:center;
	-moz-transition: opacity 0.3s ease-in;
	-webkit-transition: opacity 0.3s ease-in; 
	-o-transition: opacity 0.3s ease-in;
}

#header ul.social-menu li {margin: 0 -1px 0 0 !important;}

#footer ul.social-menu li{padding:0 0 0 0;}

.footer-top ul.social-menu li {
    display: inline-block;
    float: none;
    margin: 0 auto !important;
    text-align: center;
}
	
ul.social-menu li:hover {
	opacity:1;
	-moz-transition: opacity 0.3s ease-in;
	-webkit-transition: opacity 0.3s ease-in; 
	-o-transition: opacity 0.3s ease-in;
}

ul.social-menu li a{
	margin: 0 0 0 0 !important;
	background:url(images/transparent-light.png); 
	font-size:17px;
	width:38px !important;
	height:38px !important;
	text-align:center;
	padding:10px 0;
	float:left;
}



#header ul.social-menu li a{
	background:url(images/transparent.png); 
	border-width:1px;
	border-style:solid;
	height:32px !important;
	width:32px !important;
	padding:6px 6px;
	}
	
#footer ul.social-menu li a{
	background:url(images/transparent.png);
}

ul.social-menu li a.differ,
ul.social-menu li a.differ2{ padding:10px 0 !important;}

ul.social-menu li a.differ i,
ul.social-menu li a.differ2 i{ margin-left:-3px;}

ul.social-menu li a:hover,
#header ul.social-menu li a:hover{ color:#fff !important; background-image:none;}

ul.social-menu li.sprite-rss a:hover{ background-color:#FE9900 !important;}
ul.social-menu li.sprite-google a:hover{ background-color:#DB4A37 !important;}
ul.social-menu li.sprite-delicious a:hover{ background-color:#3274D2 !important;}
ul.social-menu li.sprite-yahoo a:hover{ background-color:#65106E !important;}
ul.social-menu li.sprite-stumbleupon a:hover{ background-color:#EC4823 !important;}
ul.social-menu li.sprite-skype a:hover{ background-color:#00A8E9 !important;}
ul.social-menu li.sprite-behance a:hover{ background-color:#2D9AD2 !important;}
ul.social-menu li.sprite-myspace a:hover{ background-color:#003399 !important;}
ul.social-menu li.sprite-lastfm a:hover{ background-color:#B70736 !important;}
ul.social-menu li.sprite-linkedin a:hover{ background-color:#0274B3 !important;}
ul.social-menu li.sprite-flickr a:hover{ background-color:#F3006F !important;}
ul.social-menu li.sprite-deviantart a:hover{ background-color:#455548 !important;}
ul.social-menu li.sprite-tumblr a:hover{ background-color:#35506B !important;}
ul.social-menu li.sprite-vimeo a:hover{ background-color:#1BB6EC !important;}
ul.social-menu li.sprite-youtube a:hover{ background-color:#EC2828 !important;}
ul.social-menu li.sprite-twitter a:hover{ background-color:#00ABF0 !important;}
ul.social-menu li.sprite-facebook a:hover{ background-color:#47639E !important;}
ul.social-menu li.sprite-pinterest a:hover{ background-color:#CA222F !important;}
ul.social-menu li.sprite-instagram a:hover{ background-color:#734332 !important;}
ul.social-menu li.sprite-dribbble a:hover{ background-color:#DF3E7B !important;}
ul.social-menu li.sprite-github a:hover{ background-color:#000 !important;}
ul.social-menu li.sprite-px a:hover{ background-color:#000 !important;}
ul.social-menu li.sprite-foursquare a:hover{ background-color:#8CC540 !important;}
ul.social-menu li.sprite-soundcloud a:hover{ background-color:#FE5419 !important;}
ul.social-menu li.sprite-spotify a:hover{ background-color:#7CC110 !important;}
ul.social-menu li.sprite-ebay a:hover{ background-color:#FFCB01 !important;}




/* 15. Flex Slider / .flexslider
********************************************************************************************
********************************************************************************************/

/* Browser Resets
*********************************/
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}

/* FlexSlider Necessary Styles
*********************************/
.flexslider {
  margin: 0;
  padding: 0;
}
.flexslider .slides > li {
  display: none;
  -webkit-backface-visibility: hidden;
}
.flexslider .slides img {
  max-width: 100%;
  display: block;
}
.flexslider .slides:after {
  content: "\0020";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
html[xmlns] .flexslider .slides {
  display: block;
}
* html .flexslider .slides {
  height: 1%;
}
.no-js .flexslider .slides > li:first-child {
  display: block;
}


/* FlexSlider Default Theme
***************************/

.flexslider { margin: 0 0 0 0; zoom: 1; position:relative; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport {}
.flexslider .slides { zoom: 1; }
.carousel li { margin-right: 5px; }
/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a  { display: block; width:40px; height:40px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0,0,0,0.8); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; /*text-indent:-9999px;*/-moz-border-radius: 2px;-khtml-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px; }
.flex-direction-nav .flex-prev { left: -2px; padding:7px 15px;}
.flex-direction-nav .flex-next { right: -2px;padding: 8px 13px 6px 17px;}
.flexslider:hover .flex-prev { opacity: 1; left: 25px; }
.flexslider:hover .flex-next { opacity: 1; right: 25px; }
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: .8; }
.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }
.flex-direction-nav .flex-next:before {font-family:'FontAwesome' ;content:"\f105"; font-size:20px; letter-spacing:100px; line-height:1 !important;}
.flex-direction-nav .flex-prev:before {font-family:'FontAwesome' ;content:"\f104"; font-size:20px; letter-spacing:100px;line-height:1 !important;}
/* Pause/Play */
.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; }
.flex-pauseplay a:before  {display: inline-block;}
.flex-pauseplay a:hover  { opacity: 1; }
.flex-pauseplay a.flex-play:before {}
/* Control Nav */
.flex-control-nav {width:40%; position: absolute; top:25px; left:25px; text-align: center;}
.flex-control-nav li {margin: 0 4px; display: inline-block; zoom: 1; *display: inline; float:left;}
.flex-control-paging li a {width: 13px; height: 13px; display: block; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; border:2px solid #fff; }
.flex-control-paging li a:hover { background: #fff; opacity:.7 }
.flex-control-paging li a.flex-active { background: #fff; cursor: default; }



/* Main Slider 
***************************/
.flexwrap{margin:0 20px 40px 20px; overflow:hidden; position:relative;}
.mainflex { width:100% !important; padding:0 0 0 0;margin:0 0 0 0; float:left; z-index:0;}

.mainflex.loading{background:#fff url(images/ajax-loader.gif) 50% 50% no-repeat; min-height:400px; width:100%; position:relative; z-index:99;}
.mainflex .slides li img{ }
.mainflex .flex-direction-nav a  {top: 50%;}
.mainflex .flex-control-nav{ z-index:9; float:left;}

.aq_row>.aq_span12 .mainflex .flex-direction-nav .flex-next { right: 35%;}
.aq_row>.aq_span12 .mainflex:hover .flex-next {right: 37%; }
.mainflex img{ width:65.5%; float:left; display:block; margin:0 0; overflow:hidden; position: relative;-webkit-backface-visibility: hidden;}
.mainflex:hover img{opacity:.85;}

.flexinside{ display:block; margin:0; padding:25px 50px; float:right; width:34.5%; position:absolute; right:0; top:0;}
.flexinside p{ margin:25px 0 0px 0; opacity:.7; font-size:13px;}
.flexinside p a{ color:#fff !important; opacity:.8 }
.flexinside p.meta{ color:#fff !important; }
.mainflex .meta{ float:left;}

.mainflex .tmnf_icon{ top:auto; right:auto; left:5px; bottom:5px; background-image:none !important; opacity:0; z-index:1;}
.mainflex:hover .tmnf_icon{ opacity:1;}


.loading .slide-nav{ opacity:0}
.slide-nav{ display:inline-block; text-align:center; width:100%; margin:0 0 0 0; position:absolute; bottom:0; z-index:9}
.slide-nav li{ width:289px; padding:0 0; display:inline-block; overflow:hidden; text-align:left; }
.slide-nav li a{ opacity:.7; padding:25px 30px 10px 30px; display:block; float:left;border-left-width:5px; border-left-style:solid; border-left-color:rgba(0, 0, 0, 0.05); height:120px; overflow:hidden; }
.slide-nav li a.flex-active{ opacity:1;}

/* in columns */

.aq-block-aq_2_3_column_block .flexwrap,
.aq-block-aq_3_column_block .flexwrap{ margin:0 0 40px 0;}


.aq-block-aq_2_3_column_block .mainflex img,
.aq-block-aq_3_column_block .mainflex img{ width:100%;}

.aq-block-aq_2_3_column_block .flexinside,
.aq-block-aq_3_column_block .flexinside{ width:100%; top:auto; bottom:-15px; width:100%; background:none !important;padding:0 0;}

.aq-block-aq_2_3_column_block .mainflex .teaser,
.aq-block-aq_3_column_block .mainflex .teaser,
.aq-block-aq_3_column_block .mainflex p{ display:none;}

.aq-block-aq_2_3_column_block .gradient,
.aq-block-aq_3_column_block .gradient{
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.01) 1%, rgba(0,0,0,0.5) 39%, rgba(0,0,0,0.8) 99%, rgba(0,0,0,0.8) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(1%,rgba(0,0,0,0.01)), color-stop(39%,rgba(0,0,0,0.5)), color-stop(99%,rgba(0,0,0,0.8)), color-stop(100%,rgba(0,0,0,0.8))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.01) 1%,rgba(0,0,0,0.5) 39%,rgba(0,0,0,0.8) 99%,rgba(0,0,0,0.8) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.01) 1%,rgba(0,0,0,0.5) 39%,rgba(0,0,0,0.8) 99%,rgba(0,0,0,0.8) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.01) 1%,rgba(0,0,0,0.5) 39%,rgba(0,0,0,0.8) 99%,rgba(0,0,0,0.8) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.01) 1%,rgba(0,0,0,0.5) 39%,rgba(0,0,0,0.8) 99%,rgba(0,0,0,0.8) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#cc000000',GradientType=0 ); /* IE6-9 */
}

.aq-block-aq_2_3_column_block .gradient{padding: 40px 55px;}
 .aq-block-aq_3_column_block .gradient {padding: 20px 25px;}


.aq-block-aq_3_column_block h2{ font-size:20px !important; line-height:25px !important;}

.aq-block-aq_2_3_column_block .mainflex p{ opacity:1;}



/* Carousel 
***************************/

.flexcarousel{ width:100%;}

.flexcarousel ul.slides li{padding: 0 0; overflow:hidden; width:250px; position:relative;}

.flexcarousel ul.slides li .carouselinn{ padding:0 20px; position:relative; overflow:hidden;}

.flexcarousel ul.slides li .carouselinn i.tmnf_icon{ opacity:0; z-index:0;}

.flexcarousel ul.slides li img{ position:relative; z-index:1;}

.flexcarousel ul.slides li:hover img{ opacity:.1;}

.flexcarousel ul.slides li:hover .carouselinn i.tmnf_icon{ opacity:1;}

.flexcarousel .meta{ float:left;}

.flexcarousel .flex-control-nav{ display:none;}

.flexcarousel h3{ margin:15px 0 5px 0; font-size:14px; line-height:22px}

.flexcarousel .flex-direction-nav a{ top:95px;}

.flexcarousel:hover .flex-prev {left: 0px; }
.flexcarousel:hover .flex-next {right: 0px; }

/* in columns */
.aq-block-aq_2_3_column_block .flexcarousel{ width:103%; margin:0 -20px;}

.aq-block-aq_2_3_column_block .flexcarousel li{width:227px !important;}

.aq-block-aq_2_3_column_block .flexcarousel:hover .flex-prev {left: 20px; }


/* Singleslider 
***************************/
.singleslider{ margin:0 0 0 0; overflow:hidden; width:100%;z-index:0; position:relative;}
.blogger .singleslider{ margin:0 0 30px 0;}
.entry .singleslider ul.slides{ margin:0 0 0 0 !important;}
.entry .singleslider ul.slides li{ max-width:100%; overflow:hidden; padding:0 0 !important; list-style:none inside none !important; z-index:0;} 
.entry .singleslider ul.slides li img{ position:relative; z-index:0; }
.singleslider .flex-direction-nav a  {top: auto; bottom:47%;opacity: 1;}
.singleslider:hover .flex-prev {  left: -2px; }
.singleslider:hover .flex-next { right: -2px; }
.singleslider .flex-control-nav{ display:none; padding-bottom:70px;}
.singleslider .flex-caption{ position: absolute; left:0; bottom:0; padding:3px 20px;}

ul.tmnf_slideshow_thumbnails { margin:0 0 10px 0; padding:20px 0 0 0; width: 100%; position:relative;z-index:1; overflow:hidden; text-align:center;}
.blogger ul.tmnf_slideshow_thumbnails { display:none;}
ul.tmnf_slideshow_thumbnails li { display:inline-block;margin:0; padding: 0; height:65px;}
ul.tmnf_slideshow_thumbnails li a { padding: 0; margin: 0 5px 5px 0;border:none; overflow:hidden; display:block;  }
ul.tmnf_slideshow_thumbnails li img, ul.tmnf_slideshow_thumbnails li img.thumbnail, ul.tmnf_slideshow_thumbnails li img.attachment-thumbnail { margin: 0; width:50px; height:50px; }
ul.tmnf_slideshow_thumbnails li a img { padding:3px; opacity:0.7; border:none;}
ul.tmnf_slideshow_thumbnails li a.flex-active img,ul.tmnf_slideshow_thumbnails li a:hover img {opacity:1.0;background:#333; }
.tmnf_slideshow_menu{ display:none;}




/* 16. Buttons, Pagination, Ribbons & Scroll to top
********************************************************************************************
********************************************************************************************/


/* Buttons
***************************/

a.more-link {
	display: none;
	visiblity:hidden;
}

a.read-more {
	display: block;
	visibility:visible;
}

a.mainbutton,#submit,#comments .navigation a,.tagssingle a,.contact-form .submit,.wpcf7-submit,a.comment-reply-link{
	margin:4px;
	line-height:1;
	padding:7px 10px;
	background: #f5f5f5;
	border:none !important;
	text-shadow:none;
	overflow:hidden;
	display:block;
	 cursor:pointer;
}

a.mainbutton{
	margin:20px 0 0 0;
	padding:11px 15px 10px 15px;
	text-align: center;
	display:block;
	min-width:130px;
	font-size:12px !important;
	text-transform:uppercase;
	float:left;
}

.aq-block-aq_blog_classic .mainbutton.morebutton{ margin: -30px 0 40px 0; position:relative; z-index:1;}


/* Meta
***************************/

.meta{
	line-height:2;
	overflow: hidden;
	margin:10px 6px 0 0;
}

.meta_full{ margin:20px 0 15px 0; clear:both;}

.meta_full span{ margin:0 20px 0 0;}

.meta_full .post-date,
.meta_full .comm,
.meta_full .categs{ }

.meta.cat{ padding:0 0;}

.meta.cat:after,
.meta.date:after,
.meta .views:after{ content:'\2022';padding:0 5px;}

.meta.cat:before,
.meta .post-date:before{ content:'';padding:5px 0; display:block; margin:0 10px 0 0; float:left; width:5px; height:5px;}
 
p.meta_more{ overflow:hidden; padding: 0;margin:10px 6px 0 0;}
	
.meta_more a{ border-bottom:1px solid #eee; float:left;  }

.meta_more a:hover{ opacity:1;}

.meta .likes{ margin:0 0 0 8px; color:#FF4200;  }

.meta_full i{ display:inline-block; }

.likes a{ color:#FF4200 !important;}


/* Pagination
***************************/

.pagination{float:none; padding:5px 0; overflow:hidden; text-align:center;}

.loop-pagination{padding :40px 0 0px 0;}

a.page-numbers  { font-family:Arial, Helvetica, sans-serif; margin:0 8px -1px 0; text-shadow:none;line-height:1 !important ;}

.page-numbers { font-size: 12px; line-height:1 !important ;padding:10px 15px !important; border-width:1px; border-style:solid;}

.page-numbers.current {font-weight:bold;margin:0 8px -1px 0; color:#fff; text-shadow:none;}

.dots { letter-spacing: 1px;margin:0 15px -1px 0; }

.wp-pagenavi a,
.wp-pagenavi span{ border:none !important; padding:3px 10px 3px 0 !important; margin:0 10px 0 0 !important;} 

.wp-pagenavi span.pages{ display:none;}




/* Scroll To Top
***************************/

.scrollTo_top {
	position:fixed;
	bottom:-3px;
	right:46px;
	z-index:9999;
	width:46px;
	margin:0 0 0 0;
}

.scrollTo_top img{
	float:left;
}

.scrollTo_top a i{
	float:left;
	padding:12px 15px 16px 15px;
}




/* 17. Plugins
********************************************************************************************
********************************************************************************************/

.wpcf7-form p{ width:100%; overflow:hidden; clear:both; margin:0 0 10px 0; font-size:11px; font-style:italic;}

.wpcf7-form p img{ float:left;}

.wpcf7-form p input,
.wpcf7-form p textarea{ width:89%; font-size:12px !important; font-style:normal; padding:5px 5% margin:5px 0; overflow:hidden; clear:both;}

.wpcf7-form p textarea{ height:120px;}

.wpcf7-submit.wpcf7-submit{ font-weight:bold; width:70px !important; padding:8px !important; margin:0 0 0 0 !important;}

.wpcf7-form p img{ float:left;}

input.wpcf7-captchar{ width:65px !important; margin-top:5px;}

span.wpcf7-not-valid-tip{ position:relative !important; margin-top:5px;}

.awesome-weather-wrap{ margin:0 0 40px 0;}

.mp-wrap { margin: 25px 0 -20px 0 !important;}

ul.mpbox {margin: 0 !important;}

.boxed li .mp-inner,
.mp-wrap i.main,.mp-wrap ul.mp-staff-social li a{-moz-border-radius: 3px ;-khtml-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;}

ul.mpbox.modern .testi-content{ font-size:100% !important;}

ul.mpbox.modern .mp-testimonials .mp-inner {
    padding: 0 0 45px 0 !important;
}

#foliocontent ul.juiz_sps_links_list{ text-align:center;}

.juiz_sps_links .juiz_sps_item a {
    font-family: inherit !important;
    font-size: inherit !important;
    padding: 6px 15px 8px 10px;
}

blockquote .coco-social{ display:none !important;}


.builder .wp-review-show-total,
.item .wp-review-show-total{ position:absolute; top:0; right:20px; padding:2px 8px; background:#000; font-weight:bold; font-size:12px; color:#fff; z-index:99	;}

.aq_row > .aq_span12 .mainflex .wp-review-show-total,
.aq_row > .aq_span12 .mainflex .wp-review-show-total{ right:37%;}

.review-total-star .review-result-wrapper i{ font-size:11px !important;}

.review-list li,
.review-desc,
.user-review-area,
.review-title { padding: 15px 35px;}





/* 18. Homepage Blocks
********************************************************************************************
********************************************************************************************/

.blocker{ overflow:hidden; display:block; width:100%; padding:0 20px;}

.aq-block-aq_2_3_column_block .blocker,
.aq-block-aq_3_column_block .blocker{  padding:0 0;}

.aq-block-aq_ads_block{padding:0 0 0 0; margin:0 0 40px 0;background:url(images/transparent-light.png);}

.aq-block-aq_ads_block img,
.aq-block-aq_ads_block ins{ max-width:100%; display:block !important; float:none; margin:0 auto 0 auto !important;}

.mag-big,.mag-small{ position:relative;}

/* MAG 1 */

.blocker .mag-big{ padding:0 20px 0 0; margin:0 0 40px 0; overflow:hidden;  float:left; width:67.33%;}

.blocker .mag-big iframe{ max-height:360px; display:block; width:100%; clear:both;}

.blocker .mag-big p.meta{ float:left;}

.blocker .mag-big p.teaser{ margin:20px 0 5px 0;}


.blocker .mag-small{ padding:0 0 0 20px; margin:0 0 40px 0; overflow:hidden;float:left; width:32.66%; color:#fff;}

.blocker .mag-small .post-inn{ margin:0 0; position:relative;}

.blocker .mag-small .gradient{
	position:absolute;
	left:0;
	bottom:0;
	padding:5px 25px 15px 25px;
	display:block;
	width:100%;
	
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.01) 1%, rgba(0,0,0,0.5) 39%, rgba(0,0,0,0.8) 99%, rgba(0,0,0,0.8) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(1%,rgba(0,0,0,0.01)), color-stop(39%,rgba(0,0,0,0.5)), color-stop(99%,rgba(0,0,0,0.8)), color-stop(100%,rgba(0,0,0,0.8))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.01) 1%,rgba(0,0,0,0.5) 39%,rgba(0,0,0,0.8) 99%,rgba(0,0,0,0.8) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.01) 1%,rgba(0,0,0,0.5) 39%,rgba(0,0,0,0.8) 99%,rgba(0,0,0,0.8) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.01) 1%,rgba(0,0,0,0.5) 39%,rgba(0,0,0,0.8) 99%,rgba(0,0,0,0.8) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.01) 1%,rgba(0,0,0,0.5) 39%,rgba(0,0,0,0.8) 99%,rgba(0,0,0,0.8) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#cc000000',GradientType=0 ); /* IE6-9 */	
}

.blocker .mag-small a,
.blocker .mag-small .meta{ color:#fff;}

.mag-small .meta{ float:left;}

.blocker .mag-small .meta{ float:left; height:17px; opacity:0; margin-top:0px;margin-bottom:2px;}
.blocker .mag-small:hover .meta{ opacity:1;}

.blocker .mag-big .tmnf_icon,
.blocker.right-layout .mag-big .tmnf_icon,
.blocker .mag-small .tmnf_icon,
.blocker .tab-post .tmnf_icon{ opacity:0; background-image:none; top:5px; left:25px;}

.blocker .mag-big .tmnf_icon,
.blocker.right-layout .mag-small .tmnf_icon{left:5px;}

.blocker .mag-big:hover .tmnf_icon,
.blocker .mag-small:hover .tmnf_icon,
.blocker .tab-post:hover .tmnf_icon{ opacity:1;}

.blocker.right-layout .mag-big{ float:right;padding:0 0 0 20px;}
.blocker.right-layout .mag-small{ float:left;padding:0 20px 0 0;}
.blocker.right-layout .tab-post .tmnf_icon{ left:5px;}


/* MAG 1 in columns */

.aq-block-aq_3_column_block .mag-big,
.aq-block-aq_3_column_block .mag-small{  padding:0 0 0 0; width:100%;}

.aq-block-aq_3_column_block .mag-big iframe{ max-height:170px;}

.aq-block-aq_3_column_block .tmnf_icon{ left:5px !important;}

.aq-block-aq_2_3_column_block .mag-big iframe{ max-height:230px;}

.aq-block-aq_2_3_column_block .mag-small .tmnf_icon,
.aq-block-aq_2_3_column_block .mag-small .meta.meta_more,
.aq-block-aq_2_3_column_block .mag-small .meta.date::after,
.aq-block-aq_2_3_column_block .tab-post .meta{ display:none;}

.aq-block-aq_2_3_column_block .mag-small h4{ font-size:14px !important; line-height:18px !important;}



/* MAG 2 */

.blocker .tab-post{ padding:0 0 0 20px !important; margin:0 0 40px 0 !important;  overflow:hidden; position:relative; float:left; width:32.66%; border-bottom:none !important; min-height:80px;}

.blocker .tab-post img{ width:85px; margin:0 30px 0 0 !important;}

.blocker .tab-post .meta{ margin-top:0;}

.blocker .tab-post h5{ margin:10px 0 10px 0;}

.blocker.right-layout .tab-post{ float:left;padding:0 20px 0 0 !important;}


/* MAG 2 in columns */

.aq-block-aq_2_3_column_block .tab-post { min-height:20px;margin:0 0 30px 0 !important; }

.aq-block-aq_2_3_column_block .tab-post img {
    margin: 0 20px 0 0 !important;
    width: 60px;
}

.aq-block-aq_2_3_column_block .tab-post h5{ margin:0 0 10px 0;}

.aq-block-aq_3_column_block .blocker .tab-post {
    min-height: 70px;
    padding: 0 0 0 0 !important;
    width: 100%;
}



/* MAG 3 */

.twocats{ padding:0 0; float:left; width:50%; overflow:hidden;}

.twocats .mag-big{ display:block; overflow:hidden;padding:0 20px; margin:0 0 40px 0; clear:both;}

.twocats .mag-big p.meta{ float:left;}

.twocats .mag-big p.teaser{ margin: 20px 0 5px 0;}

.twocats .mag-big iframe{ max-height:270px;}

.twocats .mag-small{ float:left; padding:0 20px; margin:0 0 40px 0; width:50%; height:300px;}

.twocats .mag-small h3{ margin:15px 0 5px 0; font-size:14px; line-height:22px}

.twocats .mag-small img{ float:left; margin:0 20px 0 0;}

.twocats .mag-small .tmnf_icon,
.twocats .mag-big .tmnf_icon{ opacity:0; background-image:none; top:5px; left:25px;}
.twocats .mag-small:hover .tmnf_icon,
.twocats .mag-big:hover .tmnf_icon{ opacity:1;}


/* MAG 3 in columns */

.aq-block-aq_2_3_column_block .twocats{ width:106%; margin:0 -20px;}

.aq-block-aq_2_3_column_block .twocats .mag-small {
    float: left;
    height: 275px;
    margin: 0 0 40px;
    padding: 0 20px;
    width: 33.33%;
	overflow:hidden;
}

.aq-block-aq_2_3_column_block .twocats h3,
.aq-block-aq_2_3_column_block .twocats p{ padding-right:20px;}

.aq-block-aq_2_3_column_block .twocats h2.block.left_fix{ margin-left:20px !important;}

.aq-block-aq_3_column_block .twocats{ width:100%;}

.aq-block-aq_3_column_block .twocats .mag-small {
    height: auto;
    margin: 0 0 40px;
    padding: 0;
    width: 100%;
	overflow:hidden;
}


/* TEXT - FULL WIDTH */

.text-full{ margin:0 0 15px 0; overflow:hidden;}

.text-full p{ margin:15px 0; overflow:hidden;}




/* MASONRY */

.widgetwrap-folio{ padding-bottom:50px;}

.isotope {
max-width:1220px;
width:100%;
margin:0 0 0 0;
padding:0 0;
display:none;
}

.isotope:first-child{
margin-bottom:80px !important;
}

.isotope:after {
  content: '';
  display: block;
  clear: both;
}
 
.item {
  z-index: 2;
}
 
.isotope-hidden.item {
  pointer-events: none;
  z-index: 1;
}
 
.isotope,
.isotope .item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
		  overflow:hidden;
}
 
.isotope {
  -webkit-transition-property: height;
     -moz-transition-property: height;
      -ms-transition-property: height;
       -o-transition-property: height;
          transition-property: height;
}
 
.isotope .item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}
 
.isotope.no-transition,
.isotope.no-transition .item,
.isotope .item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}

.widgetwrap-folio{
	#min-height:600px;
	margin-bottom:30px !important;
	overflow:hidden;
	position:relative;
}

.folio-fea{margin-bottom:20px !important;}
	
.isotopefolio .item,
.isotopeblog .item{
	margin:0 0 15px 0;
	width:33.33%;
	overflow:hidden;
	padding:0 20px 20px 20px;
	max-width:456px;
	float:left;
}

.isotopefolio .item img,
.isotopeblog .item img{ opacity:1;}
.isotopefolio .item:hover img,
.isotopeblog .item:hover img{ opacity:.01;}

.isotopeblog .item .meta.cat:before{ display:none;}

.search-no-results .isotope{ min-height:400px;}

.search-no-results .isotope .item{ width:100%; padding-top:50px; max-width:none; text-align:center;}

.search-no-results .isotope .item .searchform { float:none; margin:20px auto !important;}




/* INFINITE */

.nav-previous{ display:block !important; overflow:hidden; width:100%; max-width:980px; z-index:3; text-align:center;  padding:0 0; position:absolute; bottom:0; left:20px; opacity:0; }

.nav-previous a{ display:block; overflow:hidden; padding:16px 0 15px 0; margin:0 0; color:#fff !important;}

#infscr-loading{ overflow:hidden; position:absolute; bottom:60px; left:50%; z-index:9; opacity:9; text-align:center; width: 400px; height:200px; margin:0 0 0 -200px;background:url(images/ajax-loader.gif) 50% 35% no-repeat; }

#infscr-loading div{
	position:absolute;
	z-index:9999;
	left:0;
	text-align:center;
	bottom:25px;
	overflow:hidden;
	width:100%;
}

#infscr-loading img{ display:none;}


/* 19. Other (sticky, tagcloud, calendar, tabs, tooltips, speciable) 
********************************************************************************************
********************************************************************************************/

.sticky{background:#f5f5f5 !important; padding-top:20px !important;} 

.blogger .sticky{padding-left:20px !important;padding-right:20px !important;}

.sticky .item_inn{padding:20px 0 40px 0; }

ul.error {
    margin: 0 20px 25px 3px;
}

ul.error li{ list-style:inside square;}

li.bypostauthor{background:url(images/transparent-light.png) !important;}

li.bypostauthor p{ padding-right:25px;}

.textwidget{ overflow:hidden; margin:0 0 20px 0;}

.textwidget p{ overflow:hidden; margin:0 0 20px 0;}

.tagcloud{ padding:0 0 25px 0 !important; overflow:hidden;}

.tagcloud,#serpane3{ width:102%;}

.tagcloud a,#serpane3 a{ float:left; font-size:12px !important; padding:0px 5px; border:1px solid rgba(0, 0, 0, 0.1); margin:0 8px 8px 0;}

.widgetable ul li.cat-item,
.widgetable ul li.page_item{
	padding:0 0 5px 0;
	margin:0 0 0 0;
	list-style: square;
	list-style-position: inside;
}

/* calendar widget
***************************/

.widget_calendar {float: left;}

#wp-calendar {width: 100%; margin:0 0 40px 0;}

#wp-calendar caption { text-align: left; color: #333; font-size: 10px; text-transform: uppercase; padding-bottom:5px; margin-bottom: 5px;background:url(images/line-h-l.png) bottom repeat-x; }

#wp-calendar thead { font-size: 10px; }

#wp-calendar thead th { padding-bottom: 10px; }

#wp-calendar tbody { color: #aaa; }

#wp-calendar tbody td { background: #f5f5f5; border: 1px solid #fff; text-align: center;}

#wp-calendar tbody td:hover { background: #fff; }

#wp-calendar tbody .pad { background: none; }

#wp-calendar tfoot #next { font-size: 10px; text-transform: uppercase; text-align: right; }

#wp-calendar tfoot #prev { font-size: 10px; text-transform: uppercase; padding-top: 10px; }


/* tables, def lists 
***************************/ 
table,dl {
	border: 1px solid rgba(0, 0, 0, 0.1);
	background:url(images/transparent-light.png);
	width: 90%;
	margin:0 0 30px 0;
}

table td, table th, dd {
	border-top: 1px solid rgba(0, 0, 0, 0.1);
}

table tr:first-child th{ border-top:none;}

table th, dt {
	font-weight: normal;
	padding:6px 12px;
	text-align: left;
	line-height: 1 !important;
	font-size: 14px;
}

table td,dd {
	font-size: 12px;
	padding:6px 12px;
	vertical-align: top;
	line-height: 1 !important;
}



/* @tooltips 
***************************/

div.tooltip {
	display:none;
	position:absolute;
	text-align:center;
	line-height:normal;
	z-index:100000;
	opacity:1;
	background:#444;
	color:#eee;
	-moz-border-radius: 2px;-khtml-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px;
}

div.tooltip p {
	padding:10px 15px;
	line-height:1.4 !important;
	border-radius:2px;	
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	text-shadow:none;
	max-width:250px;
	text-transform:capitalize;
	position:relative;
}
div.tooltip p:after {
	width: 0; 
	height: 0; 
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #444;
    bottom: -8px;
    content: "";
    position: absolute;
    left:50%;
	margin-left:-10px;
}


/* @speciable
***************************/

img{ max-width:100%; height:auto; display:block;}

object,embed,iframe {max-width: 100%;}

h2.bottom-fix{margin-bottom:40px !important;}

div.pp_default .pp_description{ display:none !important}

.admin-bar #mainhead.scroll-to-fixed-fixed{ top:32px !important;}

::selection {background:#000; color:#FFF;}
::-moz-selection {background:#000;color:#FFF;}

/*.views{ display:none;}*/

.upper #header h1,
.upper h2.archiv,
.upper .uppercase,
.upper .nav-previous a,
.upper h2.widget,
.upper h2.block ,
.upper h1.entry-title,
.upper .meta,
.upper .meta_more a,
.upper #portfolio-filter a,
.upper .postinfo h4,
.upper h3#comments-title,
.upper h3#reply-title,
.upper #footer .threecol h2
{ text-transform: uppercase;}




/*****

-------------------- Ari Schulman
-------------------- Big Questions Online 

*/


#sidebar {
    border-left-width: 1px;
    border-style: solid;
}

.byline {
    padding: 0px 4px 2px 2px;
    margin: 0px 0px 12px 0px;
}

h4.author-byline
{
    display: inline;
    margin: 0;
    padding: 0;
}

.byline .addtoany_list {
    display: inline;
    float: right;
    margin: 11px 5px 0 0;
}

.sidewrap .addtoany_list {
    display: block;
    margin-bottom: 20px;
}

.byline .post-date {
    margin: 6px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.byline .post-category {
    display: inline;
    margin: 0;
}

.byline .post-category a {
    font-weight: bold;
    color: #FF2121 !important;
}


/* Homepage layout flex styling */

.aq-template-wrapper
{
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.aq-template-wrapper > .aq-block-aq_mag_1_block_selectable
{
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
}

.aq-template-wrapper > .aq-block-aq_mag_1_block_selectable .blocker {
    margin: 0 !important;
    max-width: initial !important;
}

.aq-template-wrapper > .aq-block-aq_mag_1_block_selectable .blocker .mag-big {
    width: 100%;
    padding: 0 !important;
    margin: 0 !important;
    height: intial;
}

.aq-template-wrapper > .aq-block-aq_mag_1_block_selectable .blocker .mag-big .imgwrap {
    margin: 0;
}

.aq-template-wrapper > .aq-block-aq_mag_1_block_selectable .blocker .mag-big::after {
    border-bottom: 1px solid #eee;
    width: 100%;
    margin: 25px 0 10px 0;
    content: ' ';
    display: block;
}

.aq-template-wrapper > .aq-block-aq_2_3_column_block
{
    margin: 0px !important;
    max-width: 100% !important;

    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
}

.aq-template-wrapper > .aq-block-aq_3_column_block
{
    margin: 0 !important;
    max-width: initial !important;
    width: 28%;
    padding: 15px 10px 0px 10px !important;

    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
    -webkit-flex: 1 0 236px;
    -ms-flex: 1 0 236px;
    flex: 1 0 236px;
}

/* post list */

.post-archive {
    max-width: 840px;
    padding: 18px 18px 0px 18px;
}

.post-archive:nth-of-type(even), post-archive:nth-child(even) {
    background-color: #fafaff;
    border: solid #f5f5f5;
    border-width: 1px 0px;
    border-radius: 5px;
}

.post-archive:last-child {
    border-bottom-width: 0;
}

.post-archive > .post-thumbnail-wrap {
    margin-bottom: 18px;
    margin-right: 25px;
    display: inline-block;
}

.post-archive img.wp-post-image {
    max-width: 200px;
    border: 1px solid #888;
    display: inline-block;
    vertical-align: top;
}

.post-archive .post-info
{
    display: inline-block;
}

.post-archive .post-info h2
{
    margin: 0 0 3px 0;
}

.aq-block .post-archive .byline {
    margin-top: 4px;
}

.aq-block .post-archive .byline .post-category {
    display: block;
    margin-top: 4px;
}

.post-archive .author-byline a {
    font-weight: 700;
    color: #3a3a3a;
    font-family: Open Sans;
}

/* post list flex layout */

   /* hacky parts for browsers non- or partially flex-compatible */

.post-archive > .post-info {
    display: inline;
}

.post-archive > .post-thumbnail-wrap {
    float: left;
}

   /* beautiful full flex */

.post-archive
{
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
}

.post-archive > .post-thumbnail-wrap {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
}

.post-archive > .post-info {
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    -webkit-flex: 100 0 180px;
    -ms-flex: 100 0 180px;
    flex: 100 0 180px;
}

/* other */

#content {
    padding-bottom: 10px;
}

#content > div > p
{
    margin-bottom: 20px;
}

#content > div > p:last-child
{
    margin-bottom: 0;
}

.wp-caption {
    background-image: none;
}

.wp-caption img {
    padding: 0;
}

.wp-caption .media-credit {
    font-size: 9px;
    line-height: 10px;
    color: #ccc;
    display: block;
    margin: 1px;
    height: 1px;
    text-align: right;
}

.wp-caption p.wp-caption-text {
    padding: 0;
    overflow: visible;
    font-size: 13px;
    font-family: Lora;
    margin: 0px 0 0 0;
    font-style: italic;
}

.entry > p:nth-of-type(1)::first-letter {
    line-height: 0.8em;
    font-size: 4.0em;
    display: inline-block;
    float: left;
    margin: 0 5px 5px 0;
}

.entry p a {
    border-bottom: 1px solid #ffcc00;
    font-weight: 600;
}

.entry li {
    margin-bottom: 20px;
}

.widgetable ul.social-menu {
    display: block;
    margin: 0 !important;
    text-align: center;
}

.widgetable ul.social-menu li {
    display: inline-block;
    float: none;
}

.textwidget ul li.su-post {
    color: #888;
    font-size: 14px;
}

.textwidget ul li.su-post a {
    display: block;
    margin-bottom: 4px;
    font-family: Merriweather;
    font-weight: bold;
    line-height: 1.4em;
    font-size: 13px;
}

.textwidget ul li br {
    display: none;
}

.entryhead img {
    z-index: -1;
}

.img_credit {
    font-size: 9px;
    line-height: 10px;
    color: #ccc;
    display: block;
    margin: 1px;
    height: 1px;
}

.img_credit a {
  	color: inherit;
}

.img_credit_vertical {
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
    -webkit-transform-origin: left;
    -moz-transform-origin: left;
    -o-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left;
    white-space: nowrap;
    position: absolute;
    line-height: 1px;
    margin: -2px 0px 0px -8px;
}

.img_credit_left {
    text-align: left;
}

.img_credit_right {
    text-align: right;
}

.img_credit_center {
    text-align: center;
}

#footer {
    margin-top: 20px;
    padding-top: 0px;
}

#footer .foocol {
    display: none;
}

#footer #copyright {
    text-align: center;
    padding: 0;
    border-color: #ffcc00;
}

#footer #copyright .fl {
    float: none !important;
    border-top: 1px solid #ccc;
    margin: 3px 4px 25px 4px;
    padding: 7px 40px 0 40px;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: space-around;
}

#footer .bottom-menu {
    float: none;
    margin: 6px 0px 20px 0px;
    display: inline-block;
    vertical-align: top;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    font-size: 12px;
    text-align: left;
    -moz-column-count: 2;
    -moz-column-gap: 0px;
    -webkit-column-count: 2;
    -webkit-column-gap: 0px;
    column-count: 2;
    column-gap: 0px;
}

#footer .bottom-menu li {
    float: none;
    display: block;
}

#footer .bottom-menu li a {
    float: none;
    background: none;
    padding: 0 13px;
    white-space: nowrap;
}


li.bypostauthor {
    background-image: none !important;
}

li.bypostauthor p {
    padding-right: 0;
}

li.bypostauthor > div.comment-body {
    background-color: #E7F3FF !important;
}

.entry .media-credit {
    text-align: initial;
}

h4.user-name {
    font-weight: 500;
    margin: 10px 0 5px 20px;
}

/* Header (sitewide) */

div#titles {
    padding: 0px 20px;
    margin: 20px 0px !important;
    -ms-text-justify: distribute-all-lines;
    text-justify: distribute-all-lines;
    text-align: justify;
    width: 100%;
    max-width: 1022px;
    font-size: 0.1px;
}

div#titles #header_title {
    font-family: Montserrat;
    line-height: 1em;
    display: inline-block;
    font-size: 40px;
    font-variant: small-caps;
    letter-spacing: 2px;
    font-weight: 800;
    color: #111;
    white-space: nowrap;
}

div#titles .title_link {
    display: inline-block;
    text-align: center;
    padding-top: 0px;
    top: 3px;
    position: relative;
}

div#titles .title_link.title_link_left {
    padding-left: 6%;
    padding-left: 6vw;
}

div#titles .title_link.title_link_right {
    padding-right: 6%;
    padding-right: 6vw;
}

div#titles .title_link a {
    font-family: Raleway;
    text-transform: uppercase;
    padding: 0 7px;
    font-weight: 600;
    font-size: 13px;
    letter-spacing: 1px;
}

/* SCREEN SIZE: titles begin to narrow */

@media all and (max-width: 1020px) {

div#titles #header_title {
    font-size: 36px;
}

div#titles .title_link.title_link_left {
    padding-left: 5%;
    padding-left: 5vw;
}

div#titles .title_link.title_link_right {
    padding-right: 5%;
    padding-right: 5vw;
}

}


/* SCREEN SIZE: tablet-ish */

@media all and (max-width: 740px) {


.post > div > #content {
    padding: 0 10px !important;
}

div#titles {
    padding: 0;
    margin-top: 10px !important;
    margin-bottom: 0px !important;
}

div#titles #header_title {
    font-size: 25px;
    font-size: 5.4vw;
    letter-spacing: 1px;
}

div#titles .title_link.title_link_left {
    padding-left: 1%;
    padding-left: 4vw;
}

div#titles .title_link.title_link_right {
    padding-right: 1%;
    padding-right: 4vw;
}

div#titles .title_link a {
    font-size: 11px;
}

.aq-template-wrapper > .aq-block-aq_2_3_column_block
{
    width: initial;
}

.aq-template-wrapper > .aq-block-aq_3_column_block
{
    width: 80%;
    margin-left: 10% !important;
    margin-right: 10% !important;
}

.post-archive > .post-thumbnail-wrap {
    margin-right: 16px;
}

#sidebar {
    border: none;
    max-width: none !important;
    text-align: center;
    padding: 0 15px !important;
}

#sidebar h2.widget {
    margin: 10px 0 0 0 !important;
}

#sidebar .related li a img {
    margin: 0 auto 15px auto;
}

#sidebar .widgetable {
    margin-bottom: 0;
}

#sidebar .widgetable > ul, #sidebar .widgetable > div > ul {
    margin-bottom: 0;
}

.aq-block > .widgetable > h2.widget {
    margin: 0 !important;
    padding: 10px 0 4px 0 !important;
}

.aq-block > .widgetable > h2.widget:first-child {
    border-width: 1px;
}

h1.entry-title {
    padding: 0 8px;
    margin-top: 0 !important;
}

.entryhead .byline {
    padding: 0 8px 2px 8px;
}
  
#footer {
    padding: 40px 10px 0 10px;
}
  
#footer #copyright .fl {
    padding: 7px 0 0 0;
}

#footer .bottom-menu {
    text-align: center;
    max-width: 263px;
    -moz-column-count: initial;
    -webkit-column-count: initial;
    column-count: initial;
}

#footer .bottom-menu li {
    float: none;
    display: inline-block;
}

#footer .bottom-menu li::after {
    content: '※';
}

#footer .bottom-menu li:last-child::after {
    content: '';
}
  
}



/* SCREEN SIZE: small */

@media screen and (max-width: 470px) {

div#titles {
    margin-top: 6px !important;
}

div#titles #header_title {
    font-size: 24px;
    text-align: center;
    width: 100%;
}

div#titles .title_link {
    display: none;
}

.aq-template-wrapper > .aq-block-aq_3_column_block
{
    width: 100%;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.post-archive
{
    display: block;
    text-align: center;
}

.post-archive > .post-thumbnail-wrap {
    float: none;
    max-width: initial;
    margin: 0 0 8px 0;
}

.post-archive > .post-info {
    display: block;
    margin-bottom: 12px;
}

.post-archive > .post-info > h2 {
    margin: 2px 0 0px 0;
    display: block;
}

.post-archive > .post-info > h2 > a {
    font-size: 17px;
    display: block;
    line-height: 22px;
}

.post-archive > .post-info .byline {
    margin: 0;
}

.aq-block .post-archive > .post-info .byline .post-category {
    display: inline;
    color: transparent;
    font-size: 0.1px;
}

.aq-block .post-archive > .post-info .byline .post-category::before {
    content: ' • ';
    margin: 0 5px;
    color: #ccc;
    font-size: initial;
}

.aq-block .post-archive > .post-info .byline .post-category > a:not(:first-child) {
    display: none;
}

}