/*
Theme Name: Columnis
Theme URI: http://spotler.ru/columnis/
Author: ILLID
Author URI: http://spotler.ru/columnis/
Description: Premium Blog/Magazine Responsive Wordpress Theme. The theme uses the most modern technologies like Html5 and Css3.
Version: 1.0
License: GNU General Public License v3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: columnis
*/

/* Copyright (c) 2013 Mihail Barinov.
-----------------------------------------------------------------------------------

	0.  Normalize
	1.	General Stylings
	2.	Main Layout Stylings
	3.	Left Sidebar & Top Menu Styings	
	4.	Mobile Menu Stylings	
	5.	Post/Page Stylings 	
	6.	Posts Elements	
	7.  Page Templates
	8.	Comments
	9.	Sidebar	
	10.	Footer
	11. Widgets	
	12. Shortcodes
	13.	Wordpress Core
	14.	Responsive Settings
	

/*-----------------------------------------------------------------------------------*/
/*	0. Normalize.css v2.1.0 | MIT License | git.io/normalize */
/*-----------------------------------------------------------------------------------*/	

	article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary {display: block;} audio,canvas,video {display: inline-block;} audio:not([controls]) {display: none;height: 0;}[hidden] {display: none;} html {font-family: sans-serif;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;} body {margin: 0;} a:focus {outline: thin dotted;} a:active,a:hover {outline: 0;} h1 {font-size: 2em;margin: 0.67em 0;} abbr[title] {border-bottom: 1px dotted;} b,strong {font-weight: bold;} dfn {font-style: italic;} hr {-moz-box-sizing: content-box;box-sizing: content-box;height: 0;}
	mark {background: #ff0;color: #000;} code,kbd,pre,samp {font-family: monospace, serif;font-size: 1em;} pre {white-space: pre-wrap;} q {quotes: "\201C" "\201D" "\2018" "\2019";} small {font-size: 80%;} sub,sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;} sup {top: -0.5em;} sub {bottom: -0.25em;} img {border: 0;} svg:not(:root) {overflow: hidden;} figure {margin: 0;} fieldset {border: 1px solid #c0c0c0;margin: 0 2px;padding: 0.35em 0.625em 0.75em;} legend {border: 0;padding: 0;}
	button,input,select,textarea {font-family: inherit;font-size: 100%;margin: 0;} button,input {line-height: normal;} button,select {text-transform: none;} button,html input[type="button"],input[type="reset"],input[type="submit"] {-webkit-appearance: button;cursor: pointer;} button[disabled],html input[disabled] {cursor: default;} input[type="checkbox"],input[type="radio"] {box-sizing: border-box;padding: 0;} input[type="search"] {-webkit-appearance: textfield;-moz-box-sizing: content-box;-webkit-box-sizing: content-box;box-sizing: content-box;} input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;} button::-moz-focus-inner,input::-moz-focus-inner {border: 0;padding: 0;} textarea {overflow: auto;vertical-align: top;} table {border-collapse: collapse;border-spacing: 0;}

	
/*-----------------------------------------------------------------------------------*/
/*	1. General Stylings
/*-----------------------------------------------------------------------------------*/
	

	html,
	body {
	  height: 100%;
	}
	body {
		font: normal 400 16px/1.25 "PT Serif",Georgia,"Times New Roman",Times,serif;
	    color: #444444;
	    background: #e5e5e5;
		word-wrap: break-word;
	}
	
	p { margin: 0 0 10.5px; }
	
	a { 
		color: #c33; 
		text-decoration: none; 
		outline: none; 
		-webkit-transition: all .1s linear;
		-moz-transition: all .1s linear;
		-ms-transition: all .1s linear;
		-o-transition: all .1s linear;
		transition: all .1s linear;
	}
	a:hover, a:focus { 
		text-decoration: none; 
		color: #444444;
	}
	
	img { 
		height: auto; 
		vertical-align: middle;
	}
	
	h1,	
	h2,
	h3,
	h4,
	h5,
	h6 {
		font-family: "PT Serif",Georgia,"Times New Roman",Times,serif;
	    font-weight: bold;
	    line-height: 1;
	    color: #151515;
	}
	
	h1,
	h2,
	h3 { margin: 24px 0 14.5px; }
	
	h4,
	h5,
	h6 { margin: 10.5px 0 10.5px; }
	
	h1 { font-size: 30px; }
	h2 { font-size: 24px; }
	h3 { font-size: 20px; line-height: 21px; }
	h4 { font-size: 17px; }
	h5 { font-size: 14px; }
	h6 { font-size: 13px; }
	
	abbr[title],
	abbr[data-original-title] {
	    cursor: help;
	    border-bottom: 1px dotted #999999;
	}
	abbr.initialism {
	    font-size: 90%;
	    text-transform: uppercase;
	}

	small { font-size: 11px; }
	
	cite { font-style: normal; }	
	
	address {
	    display: block;
	    margin-bottom: 21px;
	    font-style: normal;
	    line-height: 1.428571429;
	}
	
	code,
	pre { font-family: Monaco, Menlo, Consolas, "Courier New", monospace; }
	code {
	    padding: 2px 4px;
	    font-size: 90%;
	    color: #c7254e;
	    background-color: #f9f2f4;
	    white-space: nowrap;
	    border-radius: 4px;
	}
	
	pre {
	    display: block;
	    padding: 10px;
	    margin: 0 0 10.5px;
	    font-size: 14px;
	    line-height: 1.428571429;
	    word-break: break-all;
	    word-wrap: break-word;
	    color: #333333;
	    background-color: #f5f5f5;
	    border: 1px solid #cccccc;
	    border-radius: 4px;
	}
	pre code {
	    padding: 0;
	    font-size: inherit;
	    color: inherit;
	    white-space: pre-wrap;
	    background-color: transparent;
	    border: 0;
	}
	
	ul,
	ol {
	    margin-top: 20px;
	    margin-bottom: 20px;
	}
	
	ul ul,
	ol ul,
	ul ol,
	ol ol { margin-bottom: 0; }

	dl { margin-bottom: 21px; }
	
	dt { font-weight: bold; }
	
	dd { margin-left: 0; }
	
	/** Blockquote **/
	blockquote {
		padding: 8px 15px;
		border-left: 5px solid #c0c0c0;
		margin: 18px 0 18px 20px;
	}
	blockquote p {
		color: #444;
		font-size: 0.9em;
		font-style: italic;
		line-height: 1.5;
	}
	blockquote p:last-child { margin-bottom: 0; }
	blockquote small {
		display: block;
		line-height: 1.428571429;
		color: #999999;
	}
	blockquote small:before { content: '\2014 \00A0'; }
	
	q:before,
	q:after,
	blockquote:before,
	blockquote:after { content: ""; }
	
	/** Form **/	
	input[type="text"],	
	input[type="password"],	
	input[type="email"] { display: inline-block;	}
	
	/**input:focus::-webkit-input-placeholder { color:transparent; }
	input:focus:-moz-placeholder { color:transparent; }**/

	label, legend { display: block; }
	label  { 
		margin-bottom: 5px; 
		font-weight: normal;	
	}
	legend {
		width: 100%;
		padding: 0;
		margin-bottom: 21px;
	    font-size: 22.5px;
	    line-height: inherit;
	    color: #333333;
	    border: 0;
	    border-bottom: 1px solid #e5e5e5;
	}

	/** Table **/	
	table {
		border-collapse: separate; 
		border-spacing: 0;
		width: 100%; 
		margin-bottom: 18px;
		border-top: 1px solid #eee; 
		border-left: 1px solid #eee;
		background-color: transparent;
	}
	
	table, td, th { text-align: left; }
	
	th, td { padding: 10px; }
	
	tfoot td { border: 0px; }
	
	table { 
		text-align: left; 
		margin: 0 -1px 24px 0; 
		width: 100%; 
	}
	
	tr th, thead th { 
		padding: 9px 0; 
		text-align: center; 
		font-weight: bold;
	}
	
	tr td { 
		border-bottom: 1px solid #eee; 
		border-right: 1px solid #eee; 
		padding: 6px; 
		text-align: center; 
	}
	
	th { 
		background: #f9f9f9; 
		border-bottom: 1px solid #eee; 
		border-right: 1px solid #eee; 
	}
	
	thead th { border-right: 1px solid #eee;}
	tr.odd td { background: #F2F7FC; }	
	table td:hover { background-color: #f9f9f9; }
	  
	 /** Masonry Transitions **/
	.masonry, .masonry .masonry-brick {
	  -webkit-transition-duration: 0.1s;
		 -moz-transition-duration: 0.1s;
		  -ms-transition-duration: 0.1s;
		   -o-transition-duration: 0.1s;
			  transition-duration: 0.1s;
	}
	
	.masonry {
	  -webkit-transition-property: height, width;
		 -moz-transition-property: height, width;
		  -ms-transition-property: height, width;
		   -o-transition-property: height, width;
			  transition-property: height, width;
	}
	
	.masonry .masonry-brick {
	  -webkit-transition-property: left, right, top;
		 -moz-transition-property: left, right, top;
		  -ms-transition-property: left, right, top;
		   -o-transition-property: left, right, top;
			  transition-property: left, right, top;
	}
	
	/** Optional Classes **/
	.clearfix:before,
	.clearfix:after {
	  content: " ";
	  display: table;
	}
	.clearfix:after { clear: both; }
	
	.pull-right { float: right !important; }
	
	.pull-left { float: left !important; }
	
	.hide { display: none !important; }
	
	.show { display: block !important; }
	
	.dropcap {
		display: block;
		float: left;
		margin: 0 8px 0 0;
		font-size: 40px;
		line-height: 40px;
	}
	
	
/*-----------------------------------------------------------------------------------*/
/*	2. Main Layout Stylings
/*-----------------------------------------------------------------------------------*/
	
	#wrap {
		padding: 0 0 0px 200px;
		min-height: 100%;
		height: auto;
	    margin: 0 auto -60px;
	    position: relative;
	}	
	.show-sidebar body { padding-left: 200px; overflow: hidden; }
	.show-sidebar .container { opacity: 0.2; width: 1000px;}
	
	.content-area {
		padding-top: 30px;
		padding-bottom: 30px;
		background-color: #ffffff;
	}
	
	#post_grids .col-lg-3,
	#post_grids .col-lg-4, 
	#post_grids .col-lg-6, 
	#post_grids .col-md-3, 
	#post_grids .col-md-4,
	#post_grids .col-md-6,
	#post_grids .col-sm-4,
	#post_grids .col-sm-6,
	#post_grids .col-xs-6,
	#post_grids .col-xs-12 { 
		margin-bottom: 16px; 
		padding-left: 10px;
		padding-right: 10px;
	}
	.row {
		margin-left: -10px;
		margin-right: -10px;
	}
	.ads-top, .ads-bottom, .ads-article-bottom {
		line-height: 0;
		margin: 0 auto 30px;
		text-align: center;
	}
	.ads-bottom { margin: 30px auto 15px; }
	.ads-article--bottom  { margin: 20px auto 30px; }
	
	
/*-----------------------------------------------------------------------------------*/
/*	3. Left Sidebar & Top Menu Styings
/*-----------------------------------------------------------------------------------*/

	.left-sidebar-wrap {
		position: absolute;
		left: 0;
		top: 0;
	}
	.left-sidebar {
		font: normal normal 14px/1.43 "PT Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
		line-height: 20px;
		position: fixed;
		height: 100%;
		background: #252525;
		width: 200px;
		overflow-y: auto;
		padding: 12px 20px 30px 20px; 
		z-index: 100;
	}
	.left-sidebar a { 
		color: inherit; 
		text-decoration: none;	
	}
	.left-sidebar a:hover { 
		color: #cccccc; 
		text-decoration: none;	
	}
	
	/** Left Sidebar Logo **/
	.site-title { margin: 10px 0; }
	.site-title a { 
		font-family: 'Times New Roman', serif;	
		font-size: 40px; 
		font-weight: normal;
		color: #fff; 
	}
	.site-title  a:hover { color: #c33; }
	.left-sidebar-divider {
		margin: 10px 0;
		height: 1px;
		background-color: #353535;
	}
	.left-sidebar-divider:last-child { display: none; }
	
	/** Left Sidebar Menu **/
	.sf-menu, .sf-menu * {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	.sf-menu a {	
		color: #ffffff;	
		font-weight: bold;
		text-decoration: none;
	}
	.sf-menu ul { display: none;}
	.sf-menu ul a { padding-left: 10px;}
	.sf-menu ul a:hover { color: #ccc; }
	
	.sf-menu li { white-space: nowrap; display: inline; width: 90px; float: left;}
	.sf-menu li:after { content:""; display: block;}
	.sf-menu li:hover > ul,
	.sf-menu li.sfHover > ul { display: block; }	
	
	.sf-menu li.current-menu-item, 
	.sf-menu li.current-menu-item  > a { color: #c33; }
	
	/** Left Sidebar Widgets **/	
	.left-sidebar .widget {
		color: #959595;
	}
	.left-sidebar .widget .widget_title { 
		margin: 0 0 10px; 
		line-height: 18px;
		color: #ffffff; 
		font-weight: normal;
		display: none;
	}
	
	/** Top Menu **/
	#top_menu {
		width: 100%; height: 110px;
		background-color: #f5f5f5; 
		font: normal normal 14px "PT Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
		border-bottom: 1px solid #e5e5e5;	
	}
	#top_menu  a { 
		color: #151515; 
		font-weight: inherit;
		float: left;
		margin-right: 20px;
		line-height: 60px;
	}
	#top_menu  a:hover { color: #c33; }

	#top_menu .current-menu-item a { position: relative; }
	#top_menu .current-menu-item a:before {
		content: "";
		position: absolute;
		left: -7.5px;
		bottom: 0px;
		background: url(images/top_menu_arrow.png) no-repeat;		
		height: 8px;
		width: 15px;
		margin-left: 50%;		
	}
	#top_menu  .current-menu-item  a { color: #c33; } 
	
	#sidebar-top-menu { display: none; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #353535; }
	.menu-alert { line-height: 60px; }

	
/*-----------------------------------------------------------------------------------*/
/*	4. Mobile Menu Stylings
/*-----------------------------------------------------------------------------------*/		

	#mobile-menu { 
		background-color: #151515;
		text-align: center;
		display: none; 
	}
	#mobile-menu .logo {
		margin: 10px 0;
		position: relative;
	}
	#mobile-menu .bar {
		position: absolute;
		top: 50%;
		left: 0;
		margin-top: -12.5px;
		color: #fff;
		font-size: 25px;
		cursor: pointer;
		z-index: 10;
	}
	#open-slide-overlay {
		position: fixed;
		top: 0;
		left: 200px;
		z-index: 9999999999999999999;
		overflow: hidden;
		width: 100%;
		height: 100%;
	}
	
	
/*-----------------------------------------------------------------------------------*/
/*	5. Post/Page Stylings
/*-----------------------------------------------------------------------------------*/		
	
	.inner {
	}
	
	.thumbnail { 
		border: none; 
		padding: 0; 
		margin-bottom: 14px;
		max-width: 100%;
		height: auto;
		display: block;
	}
	.thumbnail img { 
		display: block;
		height: auto;
	}
	
	.archive .caption, 
	.home .caption { 
		font-size: 14px;
		line-height: 1.45em;
		padding-bottom: 6px;
		border-bottom: 1px solid #d5d5d5;
	}	
	
	.entry-title { margin: 0 0 10px; }
	.entry-title a { color: inherit; }
	.entry-title a:hover { 
		color: #c33; 
		text-decoration: none;
	}
	
	/** Single **/
	.single .post,
	.page .page { padding-right: 20px; } 
	
	.left-sidebar-in-the-post .post { 
		padding-right: 10px; 
		padding-left: 20px; 
	}
	
	.single .entry-title,
	.page .entry-title { margin: 0 0 20px; }
	
	.single .inner,
	.page .inner { margin-bottom: 10px; } 
	
	.single .thumbnail,
	.page .thumbnail	{
		margin-bottom: 24px;
		background: none; 
	}
		
	.entry_content { 
		padding-bottom: 10px; 
		margin:0;
	}
	.entry_content p,
	.entry_content p { margin: 0 0 20.5px; }
	
	/** Video Post Styles **/
	.post-media {
		width: 100%;
		padding: 0;
	}
	.single .post-media iframe { 
		width: 100%;
		height: 100%;	
	}
	
	/** Audio Post Styles **/
	.format-audio iframe { margin-bottom: -5px; }
	
	/** Image Post Styles **/
	.format-image .thumbnail { 
		position: relative;
		padding-bottom: 10px; 
		margin: 0;
	}
	.archive .format-image .thumbnail:before,
	.home .format-image .thumbnail:before {
		font-family: FontAwesome;
		content: "\f030";
		position: absolute;	
		bottom: 10px;
		font-size: 13px;
		color: #ffffff;
		height: 31px;
		width: 31px;
		padding: 6px 0 0 8px;
		background-color: rgba(101, 101, 101, 0.5);
	}
	
	/** Link Post Styles **/
	.entry-link {
		font: italic bold 18px/1.45 Arial, sans-serif; 		
		padding: 0 0 6px;
		margin: 0;
		text-align: center; 
	}
	.entry-link a {
		display: block;
		color: #444444; 
	}
	.entry-link a span:before {
		font-family: FontAwesome;
		position: relative;
		content: "\f0c1";
		padding-right: 7px;
		top: 1px;
		font-style: normal;
		font-weight: normal;
	}
	.entry-link  a:hover {
		color: #c33;
	}
	.entry-link  small {
		font-size: 12px;
		font-family: inherit;
		font-style: normal;
		font-weight: normal;
		color: inherit; 
	}
	.entry-link  small:before {
		content: '\002D';
		margin-right: 5px;
	}
	.entry-link  small:after {
		content: '\002D';
		margin-left: 5px;
	}
	
	/** Quote Post Styles **/
	.entry-quote { 
		text-align: center; 
		padding-bottom: 6px;
	}
	.entry-quote blockquote {
		border-left: none;
		margin: 0;
		padding: 0 0 4px;
	}
	.entry-quote a ,
	.entry-quote blockquote p { 
		font: italic bold 14px/1.45 Arial, sans-serif; 
		color: #444444; 
	}
	.entry-quote blockquote p:before,
	.entry-quote blockquote p:after {
		font-family: FontAwesome;
		position: relative;
		font-style: normal;
		font-weight: normal;
	}
	.entry-quote blockquote p:before {
		content: "\f10d";
		padding-right: 10px;
	}
	.entry-quote blockquote p:after {
		content: "\f10e";
		padding-left: 10px;
	}
	
	.entry-quote a:hover { color: #c33 !important; }
	.entry-quote  small {
		font-size: 12px;
		font-family: inherit;
		color: inherit; 
	}
	.entry-quote  small:before {
		content: '\002D';
		margin-right: 5px;
	}
	.entry-quote  small:after {
		content: '\002D';
		margin-left: 5px;
	}
	.single .entry-quote { padding-bottom: 30px; }
	
	/** Sticky Post **/
	.sticky .inner {
		background-color: #e8e8e8;	
	}
	.sticky .shadow {
		-webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.4);
		-moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.4);
		box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.4);
	}

	/** Protected Post **/
	.protected-post-form { margin: 6px 0; }
	.protected-post-form p {	display: inline; }
	.protected-post-form p.password_discr {
		display: block;
		margin-bottom: 12px;
	}
	
	
/*-----------------------------------------------------------------------------------*/
/*	6. Posts Elements
/*-----------------------------------------------------------------------------------*/	

	/** Post meta ***/
	.meta { 
		font: normal normal 11px/1.55 "PT Serif",Georgia,"Times New Roman",Times,serif;
		color: #959595; 
		display: block;
		margin-bottom: 10px;
	}	
	.meta a { color: inherit; }
	.meta .meta_cats a { 
		font-weight: bold;
		color: #c33; 
	}
	.meta a:hover { color: #151515; }	
	.meta span { 
		padding-right: 16px;
		display: inline-block;
	}	
	.meta > span:hover { color: #747474; }	
	.columns-4 .meta span { display: block; }
	.single .meta { margin-bottom: 15px; }
	
	/** Post Tags **/
	.tags {
		font-size: 13px;
		margin-bottom: 30px;
		margin-top: -10px;
	}
	.tags, 
	.tags a:hover { color: #888; }

	/** Mediaelementjs **/
	.format-video .mejs-container,
	.single-format-video .mejs-container,
	.widget .mejs-container {
	  width: 100% !important;
	  height: auto !important;
	  padding-top: 57%;
	}
	.format-video .mejs-overlay, 
	.single-format-video .mejs-overlay,
	.format-video .mejs-poster,
	.single-format-video .mejs-poster,
	.widget .mejs-overlay,
	.widget .mejs-poster {
	  width: 100% !important;
	  height: 100% !important;
	}
	.format-video .mejs-mediaelement video, 
	.single-format-video .mejs-mediaelement video,
	.widget .mejs-mediaelement video{
	  position: absolute;
	  top: 0; left: 0; right: 0; bottom: 0;
	  width: 100% !important;
	  height: 100% !important;
	}
	
	/* Post Navigation */
	.post-navigation .inner { 
		clear: both;
		margin: 0 0 20px;
		overflow: hidden;
	}
	.post-navigation .inner div {
		display: block;
		width: 50%;
		position: relative;
		font-size: 15px;
		color: #999;		
	}
	.post-navigation a { color: #444; }
	.post-navigation a:hover { 
		color: #428bca; 
		text-decoration: none;
	}
	.post-navigation i {
		position: absolute;
		font-size: 40px;
		margin-top: -3px;
		color: #999;
	}	
	
	.post-previous i { left: 0; }
	.post-next i { right: 0;}
	.post-previous {	
		float: left;
		padding-left: 40px;	
	}
	.post-next {	
		float: right;
		text-align: right;	
		padding-right: 40px;
	}
	.post-navigation div span {
		display: block;	
		font-size: 80%;	
		color: #999;
	}
	.nav-previous { float: left; }
	.nav-next { float: right; }
	
	/** Pagination **/
	.pagination { padding: 20px 0 10px; }	
	.pagination .pages { padding-right: 12px; }
	.pagination  .current,
	.pagination .inactive {
		display: inline-block;
		height: 20px;
		width: 20px;
		text-align: center;
		margin-right: 1px;
	}
	.pagination  .current,
	.pagination a:hover { 
		background-color: #444; 
		color: #FFF;
		text-decoration: none;
	}
	.pagination .inactive { background-color: #f5f5f5; }
	
	
	/* Infinite Scroll loader */
	#infscr-loading { 
		text-align: center; 
		z-index: 100; 
		position: absolute; 
		left: 50%;
	    bottom: 20px; 
		width: 200px; 
		margin-left:-110px; 
		padding: 10px; 
		background: #fff;  
		opacity: 0.8;
	    color: #000; 
		-webkit-border-radius: 10px; 
		-moz-border-radius: 10px; 
		border-radius: 10px;
	}
	
	/* Infinite Scroll button*/
	#page-nav a  {
		background: #f5f5f5;
		color: #151515;
		display: block;
		font-size: 14px;
		text-align: center;
		margin: 25px 0 45px;
		padding: 10px 0;
		border: 1px solid #eeeeee;
	}
	#page-nav a:hover {
		color: #c33;
	}
	
	/* Scroll to top */
	#toTop { 
		position: fixed; 
		right: 0; 
		bottom: 0px;
		z-index: 1000;
		width: 100%; 
		height: 0px;
	}
	#toTop a { 
		color: #777;
		background: #3c3c3c;
		background: #fff;
		width: 35px;
		height: 35px;
		line-height: 35px;
		text-align: center;
		font-size: 20px;
		position: absolute;
		right: 15px;
		border: 1px solid #ccc;
		bottom: -50px;
		-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
		-moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
		box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
	}
	#toTop a:hover {
		color: #c33;
	}

	
/*-----------------------------------------------------------------------------------*/
/*	7. Page Templates
/*-----------------------------------------------------------------------------------*/

	#page_discription { 
		margin-bottom: 30px;
		padding-bottom: 40px;
		border-bottom: 1px solid #d5d5d5;
	}
	#page_discription p { margin-bottom: 0; }
	#page_discription h1 { margin: 0; }
	.archive-meta { padding: 10px 0 0; }
	
	/** Author Page **/
	#page_discription  .author-info { margin-top: 15px; }
	#author-avatar { 
		float: left; 
		padding-right: 15px; 
		padding-bottom: 30px; 
	}
	#author-description { line-height: 24px; }
	#author-description span { display: block; }
	
	/** Left Sidebar Page **/
	.page-template-template-left-sidebar-php #sidebar { padding: 0 10px; }
	.page-template-template-left-sidebar-php .page { 
		padding-right: 10px;
		padding-left: 20px;
	}
	
	/** Full Width Page **/
	.page-template-template-full-width-php .page { padding-right: 10px; }
	
	/** Archives Page **/
	#entry-archives > div { 
		float: left; 
		min-height: 30px; 
		margin: 0 30px 40px 0; 
	}
	
	/** Error 404/ No Content Page **/
	.error404 #page_discription h1, 
	#content_none h1 { margin: 0 0 20px; }
	
	.error404 #page_discription p,
	#content_none #page_discription p { margin-bottom: 20px; }
	
	/** Template-archives.php**/
	.page-template-template-archives-php .caption,
	.page-template-template-archives-php .entry_content,
	.page-template-template-sitemap-php .caption,
	.page-template-template-sitemap-php .entry_content { padding-bottom: 0; }
	
	.page-template-template-archives-php .page .inner, 
	.page-template-template-sitemap-php .page .inner { padding-bottom: 1px; }
	
	.archive-lists { 
		margin-top: 1.5em; 
		line-height: 1.571em; 
	}
	.archive-lists ul {
		margin-top: 0.625em;
		margin-bottom: 1.675em;
	}
	.archive-lists .children { margin-bottom: 0; }
	
	
/*-----------------------------------------------------------------------------------*/
/*	8. Comments
/*-----------------------------------------------------------------------------------*/

	#comments .navigation { padding: 0 0 18px 0; }
	.comments-title,
	#reply-title,
	.pings-title { 
		font-size: 14px;
		text-transform: uppercase; 
		letter-spacing: 0.1em;
		margin: 0 0 20px;
		padding: 10px 0;
		border-top: 3px solid #151515;
		border-bottom: 3px solid #151515;
	}

	.comment {
		font-size: 14px;
		margin: 20px 0 0;
		overflow: hidden;
	}
	.comment:first-child { margin-top: 0; }

	.children { 
		list-style-type: none; 
		margin: 1.5em 0 0 10px;
	}
	.children .children { margin-left: 10px; }
	.children .children .children { margin-left: -70px; }
	.children .comment { margin: 1.5em 0 0 0; }
	.children .comment-body { margin-left: 50px; }
	.children .children .comment-body { margin-left: 50px; }

	.comment .avatar {
		float: left;
		margin: 0 10px 0 0;
	}

	.avatar-overlay {
		display: block;
		height: 36px;
		width: 36px;
		margin-top: -36px;
		position: relative;
		top: 36px;		
	}
	.comment-body {
		border-bottom: 1px solid #ededed;
		margin: 0 0 0 50px;
		padding: 0;
		position: relative;
	}
	.commentlist .depth-1:last-child .comment-body { border: none; }
	
	.comment-meta { 
		color: #959595;
		font-size: 11px;
		margin: .5em 0 1em;
	}
	.comment-meta a {
		border-bottom: none;
		color: #999;
	}
	.comment-meta a:hover { color: #c33; }

	.comment-author cite {
		color: #444;
		font-size: 16px;
		font-weight: bold;
	}
	.comment-author cite a {
		border-bottom: none;
		color: #2c2f32;
	}
	.comment-author cite a:hover { color: #428bca; }
	
	.bypostauthor > div > .comment-body .comment-author cite,
	.bypostauthor > div > .comment-body .comment-author cite a { color: #c33; }

	.nocomments {
		text-align: center;
		padding: 20px;
	}

	.comment-body ul { list-style-type: disc; }
	.comment-body ol { list-style-type: decimal; }

	/** Comment Form **/	
	.comment-notes {
		font-size: 11px;
		color: #696969;
		margin: 0 0 15px;
	}
	.logged-in-as { font-size: 13px; }
	
	#commentform textarea {
		width: 100%;
		max-width: 100%;
	}
	
	.commentlist,
	.pinglist { 
		padding-left: 0;
		margin: 25px 0;
		list-style-type: none;
	}
	.commentlist #respond { margin-top: 1.25em; }
	.commentlist #commentform {
		-webkit-box-shadow: none;
				box-shadow: none;
		margin-top: 0;
	}

	.pinglist {
		margin: 20px 0 0px;
		list-style-type: square;
	}
	.pinglist li { margin: 0 20px; }
	.pinglist li:first-child { margin-top: 0; }	
	
	
/*-----------------------------------------------------------------------------------*/
/*	9. Sidebar
/*-----------------------------------------------------------------------------------*/

	#sidebar {
		font: normal normal 13px/1.42 "PT Serif",Georgia,"Times New Roman",Times,serif;
		color: #444;
		margin-bottom: 30px; 
		padding-left: 10px;
	}
	#sidebar .widget { 
		margin-bottom: 30px; 		
		border: 1px solid #e5e5e5;
		border-top: 3px solid #c33;
	}
	#sidebar .widget_title { 
		margin: 0; 
		padding: 1em 20px 1em 20px;
		line-height: 18px;
		background-color: #f5f5f5;
		font-weight: bold;
		text-transform: uppercase; 
		letter-spacing: 0.1em;
	}
	#sidebar .widget_inner { margin: 20px; }
	.left-sidebar-in-the-post #sidebar {
		padding-left: 10px;
		padding-right: 10px;
	}
	
	
/*-----------------------------------------------------------------------------------*/
/*	10. Footer
/*-----------------------------------------------------------------------------------*/
	
	#footer { 	
		font: normal normal 12px/1.42 "PT Serif",Georgia,"Times New Roman",Times,serif;
		color: #444444;
		margin-left: 200px;	
	}
	#footer .container {
		background-color: #151515; 
		height: 60px;
	}
	#footer a { color: #959595; }
	#footer a:hover { color: #ffffff; }
	
	#footer .ft_left,
	#footer .ft_right { padding-top: 22px; }
	#footer .ft_left { float: left; }
	#footer .ft_right { float: right; }
	

/*-----------------------------------------------------------------------------------*/
/*	11. Widgets
/*-----------------------------------------------------------------------------------*/	
	
	.widget ol, .widget ul, .widget li {
		margin: 0;
		list-style: none;
		padding: 0;
		border: 0;
		outline: 0;
		font-size: 100%;
		vertical-align: baseline;
		background: transparent;
	}
	.widget a img {
		-webkit-transition: opacity .1s linear;
		-moz-transition: opacity .1s linear;
		-ms-transition: opacity .1s linear;
		-o-transition: opacity .1s linear;
		transition: opacity .1s linear;
	}
	.widget a:hover img { opacity: .70; }	
	
	/** SOCIAL ICONS BLOCK **/
	#social-icons-block {
		float: left;
		padding: 0;
	}	
	#social-icons-block i {
		height: 16px;
		width: 16px;
		background-color: #959595;
		color: #000000;
		font-size: 11px;		
		padding: 4px 1px 0 0;
		margin-right: 2px;
		display: inline-block;
		text-align: center;
		-webkit-border-radius: 3px;
		border-radius: 3px;
	}
	#sidebar #social-icons-block i {
		height: 36px;
		width: 36px;
		background-color: #f5f5f5;
		color: #959595;
		font-size: 21px;
		padding: 8px 0 0 0;
		margin-bottom: 3px;
		-webkit-border-radius: 4px;
		border-radius: 4px;
	}
	#sidebar #social-icons-block a:last-child i { margin-bottom: 20px; }
	
	#social-icons-block a:hover { text-decoration: none; }
	#social-icons-block i:hover { color: #ffffff !important; }
	#social-icons-block i.fa-twitter:hover { background-color: #20b6ff !important; }
	#social-icons-block i.fa-facebook:hover { background-color: #3975b7 !important; }
	#social-icons-block i.fa-google-plus:hover { background-color: #c33 !important; }
	#social-icons-block i.fa-pinterest:hover { background-color: #e13138 !important; }
	#social-icons-block i.fa-linkedin:hover { background-color: #0083bd !important; }
	#social-icons-block i.fa-dribbble:hover  { background-color: #ea4c89 !important; }
	#social-icons-block i.fa-rss:hover { background-color: #d97800 !important; }
	#social-icons-block i.fa-github:hover { background-color: #f4cab1 !important; }
	#social-icons-block i.fa-flickr:hover { background-color: #0063dc !important; }
	#social-icons-block i.fa-youtube:hover { background-color: #CD332D !important; }
	#social-icons-block i.fa-instagram:hover { background-color: #4f7ca1 !important; }
	#social-icons-block i.fa-skype:hover { background-color: #00aff0 !important; }
	#social-icons-block i.fa-tumblr:hover { background-color: #3E709C !important; }
	 
	/** Tagcloud **/
	.widget .tagcloud a[class|=tag-link], 
	.tagcloud a[class|=tag-link] {
		font-size: 0.75em !important;
		padding: 3px 5px 3px;
		line-height: 14px;
		color: #363636;
		margin-top: 5px;
		float: left;
		margin-right: 5px;
		-webkit-transition: background-color 0.2s linear;
		-moz-transition: background-color 0.2s linear;
		-o-transition: background-color 0.2s linear;
		-transition: background-color 0.2s linear;
		border: 1px solid #EBEBEB;
	}
	#sidebar .widget .tagcloud a[class|=tag-link]:last-child, 
	#sidebar .tagcloud a[class|=tag-link]:last-child { margin-bottom: 20px; }	
	.widget .tagcloud a[class|=tag-link]:hover,
	.tagcloud a[class|=tag-link]:hover { 
		background-color: #c33; 
		color: #FFF !important; 
		text-decoration: none;
	}
	.widget .tagcloud { 
		margin-right: -5px;
		margin-top: -5px; 
	}
	.left-sidebar .widget .tagcloud a[class|=tag-link], 
	.left-sidebar .tagcloud a[class|=tag-link] {
		color: inherit;
		border: 1px solid #454545;
	}
	.left-sidebar .widget .tagcloud a[class|=tag-link]:hover,
	.left-sidebar .tagcloud a[class|=tag-link]:hover { 
		background-color: #323232; 
		color: inherit !important;  
	}
	
	/** Search **/
	.searchform .form-control {
		width: 100%;
		height: 35px;		
	}
	.searchform .form-group { 	
		position: relative;
		margin-bottom: 0; 
		max-width: 400px;
	}
	.searchform .form-group i { 	
		position: absolute;
		top: 10px;
		right: 12px;
		font-size: 16px;
	}
	
	.left-sidebar .searchform .form-group i { 	
		top: 7px;
		right: 10px;
		font-size: 13px;
	}
	.left-sidebar .searchform .form-control {
		background-color: #212121;
		border: 1px solid #353535;
		height: 27px;
	}
	.left-sidebar .searchform .form-control:hover {
		background: #323232;
		border-color: #454545 !important;
	}
	.left-sidebar .searchform .form-control:focus {
	    border-color: #454545 !important;
	    background: #ffffff;
	}
	
	/* Columnis Video Widget*/
	#sidebar .columnis-widget-video .widget_inner { margin: 0;}
	#sidebar .columnis-widget-video .video-descr { margin: 20px; }
	
	/** Calendar **/
	#wp-calendar { margin: 0 -1px 0 0; }
	#wp-calendar caption { margin-bottom: 10px; }
	#sidebar #wp-calendar caption { margin-top: 10px; }
	#wp-calendar tr td { padding: 2px; }	
	.left-sidebar table {
		border-top: 1px solid #959595;
		border-left: 1px solid #959595;
	}
	.left-sidebar table td:hover {
		background-color: #959595;
		color: #fff;
	}
	.left-sidebar  #wp-calendar tr td { 
		border-bottom: 1px solid #959595;
		border-right: 1px solid #959595;
	}
	.left-sidebar  #wp-calendar th { 
		background: #212121; 
		border-bottom: 1px solid #959595;
	} 
	.left-sidebar  #wp-calendar thead th {
		border-right: 1px solid #959595;
	}
		
	/* Columnis Flickr Widget*/
	.flickr_badge_image {
		float: left;
		margin: 0 7px 7px 0;
	}
	
	/** Columnis Posts/Comments Widget **/	
	.posts-widgettitle  {
		padding: 0 0 6px 0;
		margin: 0;
		font-weight: normal;
		line-height: 1.3em;
	}
	#sidebar .posts-widgettitle a { color: #444; }
	#sidebar .posts-widgettitle a:hover { color: #c33; }
	
	#sidebar .columnis-posts-widget li,
	#sidebar .columnis-comments-widget li {
		padding-bottom: 16px;
		margin-top: 16px;
		border-bottom: 1px solid #e5e5e5;
	}
	#sidebar .columnis-posts-widget li:last-child,
	#sidebar .columnis-comments-widget li:last-child {
		padding-bottom: 0;
		border-bottom: none;
	}
	
	.posts-widget-meta,
	.post-date,
	.comments-widget-date {
		font-family: "PT Serif",Georgia,"Times New Roman",Times,serif;
		font-size: 11px;
		color: #959595;
	}
	.posts-widget-more {
		font-size: 12px;
		display: block;
	}
	.posts-widget-more,
	.comments-widget-author ,
	.comments-widget-more { 
		font-weight: bold;
		color: #c33 !important;
	}
	
	#sidebar .comments-widget-entry a{
		line-height: 1.5em;
		color: #444;
	}
	#sidebar .comments-widget-entry a:hover { color: #c33; }
	
	.left-sidebar .posts-widgettitle a { color: #fff; }
	.left-sidebar .posts-widgettitle a:hover { color: #ccc; }	
	.left-sidebar .columnis-posts-widget li,
	.left-sidebar .columnis-comments-widget li  { 
		padding-bottom: 10px; 
		font-size: 0.9em; 
		line-height: 1.4; 
	}
	.left-sidebar .posts-widget-meta,
	.left-sidebar .post-date,
	.left-sidebar .comments-widget-date { color: #555; }
	
	/* Columnis Ads Widget*/
	.columnis-widget-ads { margin-bottom: 30px; }
	.ads-125x125  { padding-left: 17px; }
	.ads-125x125 .ad-cell {
		width: 125px;
		height: 125px;
		display: block;
		margin: 0 15px 0 0;
		float: left;
	}
	
	.ads-120x60, 
	.ads-120x90,
	.ads-120x600,
	.ads-120x240 { padding-left: 22px; }
	.ads-120x60 .ad-cell,
	.ads-120x90 .ad-cell,
	.ads-120x600 .ad-cell, 
	.ads-120x240 .ad-cell {
		width: 120px;
		height: 60px;
		display: block;
		margin: 0 15px 0 0;
		float: left;
	}
	
	.ads-120x90 { height: 90px; }
	.ads-120x600 { height: 600px; }
	.ads-120x240 { height: 240px; }
	
	.ads-160x600 .ad-cell {
		width: 160px;
		height: 600px;
		display: block;
		margin: 0 auto;
	}
	
	.ads-300x250 .ad-cell {
		width: 300px;
		height: 250px;
	}
	
	.ads-250x250 .ad-cell {
		width: 250px;
		height: 250px;
		display: block;
		margin: 0 auto;
	}
	
	.ads-300x100 .ad-cell {
		margin-bottom: 15px;
		width: 300px;
		height: 100px;
	}
	

/*-----------------------------------------------------------------------------------*/
/*	12. Shortcodes
/*-----------------------------------------------------------------------------------*/

	/** Highlight **/
	.highlight-blue,
	.highlight-pink ,
	.highlight-green,
	.highlight-red ,
	.highlight-orange,
	.highlight-yellow { color: #ffffff; }
	
	.highlight-blue { background-color: #308aef; }
	.highlight-pink { background-color: #bd1e7b; }
	.highlight-green { background-color: #668508; }
	.highlight-red {	 background-color: #ef2d2d; }
	.highlight-orange {	background-color: #ff6600; }
	.highlight-yellow {	background-color: #cb7a0b; }
	
	/** Divider **/
	.divider {
		margin: 10px 0;
		width: 100%;
	}
	
	/** Panel **/
	.panel-default > .panel-heading a { color: #333333; }
	.panel-primary > .panel-heading a { color: #ffffff; }
	.panel-info > .panel-heading a { color: #3a87ad; }
	.panel-success > .panel-heading  a { color: #468847; }
	.panel-warning > .panel-heading a { color: #c09853; }
	.panel-danger > .panel-heading a { color: #b94a48; }

	/** Tabs **/
	.nav-tabs { margin-bottom: 12px; }
	.nav-tabs > li > a:hover { color: #555555; }	
	.nav-tabs > li.active > a, 
	.nav-tabs > li.active > a:hover, 
	.nav-tabs > li.active > a:focus { background-color: #ffffff; }
	
	/** Page Header**/
	.page-header {
		padding-bottom: 9px;
		margin: 40px 0 20px;
		border-bottom: 1px solid #eee;
	}
	.page-header small {
		font-size: 65%;
		font-weight: normal;
		line-height: 1;
		color: #999;
	}
	
	
/*-----------------------------------------------------------------------------------*/
/*	13. Wordpress Core
/*-----------------------------------------------------------------------------------*/

	.alignnone { margin: 5px 20px 0 0; }
	.alignleft {
		float: left;
		margin-right: 15px;
	}
	.alignright {
		margin-left: 15px;
		float: right;
	}
	.aligncenter {
		display: block;
		margin: 0 auto 15px;
	}
	.wp-caption {
		max-width: 100%; /* Keep wide captions from overflowing their container. */
		padding: 4px;
	}
	.wp-caption .wp-caption-text, 
	.gallery-caption, 
	.entry-caption {
		font-style: italic; 
		font-size: 12px; 
		font-size: 0.857142857rem;
		line-height: 2; 
		color: #757575;
	}
	.gallery-caption {}
	.clearboth {
		  height: 0;
		  clear: both;
		  margin: 0;
		  padding: 0;
		  margin-bottom: 12px;
	}		


/*-----------------------------------------------------------------------------------*/
/*	14. Responsive Settings
/*-----------------------------------------------------------------------------------*/	

/*   TABLET  : 1024px -----------------------------   */
@media only screen and (max-width: 1023px) {
	img { max-width: 100%; }

	.container { max-width: 690px !important; }	
	
	.children { margin: 1.5em 0 0 -15px; }
	.children .children { margin-left: -15px; }
	
	#sidebar {
		padding-left: 10px;
		margin-top: 40px;
	}
	
	#footer .ft_left,
	#footer .ft_right {
		float: none;
		text-align: center;
	}
	#footer .ft_left { padding: 10px 0 0; }
	#footer .ft_right { padding-top: 0.7em; }
}

@media only screen and (min-width: 768px){
	#wrap .left-sidebar-wrap { left: 0 !important; }
}

/*   Phone  : 480px -----------------------------   */
@media only screen and (max-width: 767px){
	.left-sidebar-wrap { left: -200px; }
	.left-sidebar .logo { display: none; }

	#top_menu { display: none; }
	#sidebar-top-menu { display: block; }
	#mobile-menu { display: block; }
	#wrap { padding-left: 0; }
	#footer { margin-left: 0; }
	.container {
		margin-right: auto;
		margin-left: auto;
		max-width: 680px !important;
	}	
}

/*   Phone  : 320px -----------------------------   */
@media only screen and (max-width: 479px) {
	.container { max-width: 360px !important; }
	.col-xs-6 { width: 100%; }
	
	.content-area {
		padding-top: 20px;
		padding-bottom: 20px;
	}
	
	#toTop { display: none; }
	
	.comment .avatar { display: none; }
	.comment-body,
	.children .comment-body,
	.children .children .comment-body { margin-left: 0; }	
	.comment-body::before,
	.bypostauthor > div > .comment-body::before { display: none; }	
	#commentform  .btn { width: 100%; }	
	.form-control { width: 100%; }
}