/*-----------------------------------------------------------------------------------

	Theme Name: Blast.
	Theme URI: http://www.z-themes.net
	Description: Designed by <a href="http://www.z-themes.net">Z-Themes</a>.
	Author: Z-Themes
	Author URI: http://www.z-themes.net
	Version: 1.0
	License: GNU General Public License version 3.0
	License URI: http://www.gnu.org/licenses/gpl-3.0.html

-------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------

	0.	CSS Reset & Clearfix
	1.	Document Setup & Structure
	2.	Header Styles
	3.	Navigation & Menus
	4.	Portfolio Content Styles
	5.	Main Content Styles
	6.	Post Content Styles
	7.	Comments
	8.	Footer Styles
	9.	Pagination
	10.	Page Templates
	11.	Widgets
	12.	Shortcode Styles
	13.	Media Queries

-------------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------
	0.	CSS Reset & Clearfix
-------------------------------------------------------------------------------------*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } .clearfix { display: block; }

.clear { background: none; border: 0; clear: both; display: block; float: none; font-size: 0; list-style: none; margin: 0; padding: 0; overflow: hidden; visibility: hidden; width: 0; height: 0;
}

/*-----------------------------------------------------------------------------------
	1.	Document Setup & Structure
-------------------------------------------------------------------------------------*/

* {
	margin: 0;
	padding: 0;
}
body,
input,
textarea,
button {
	font: normal 15px/22px Georgia, Times New Roman, Times, serif;
	color: #333333;
}
a {
	border-bottom: 1px solid #333333;
	color: #333333;
	cursor: pointer;
	text-decoration: none;
	-webkit-transition: color 100ms linear 0ms;
	   -moz-transition: color 100ms linear 0ms;
	     -o-transition: color 100ms linear 0ms;
	    -ms-transition: color 100ms linear 0ms;
	        transition: color 100ms linear 0ms;
}
a:hover {
	color: #707070;
	border-bottom: 1px solid #707070;
	text-decoration: none;
}
a:focus {
	outline-style: none;
}
a img { 
	border: none;
}
a > img {
	vertical-align: bottom;
}
span.clink {
	color: #707070;
	font-style: italic;
}
img {
	height: auto;
	max-width: 100%;
	width: auto;
}
.alignleft {
	float: left;
}
.alignright {
	float: right;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
p,
pre,
ul,
ol,
dl,
dd,
blockquote,
address,
table,
fieldset,
form,
.gallery-row,
.post-thumb,
.author-bio {
	margin-bottom: 20px;
}
.widget
.children,
.entry-content ol ol,
.entry-content ol ul,
.entry-content ul ul,
.comment-body ol ol,
.comment-body ol ul,
.comment-body ul ul,
.widget ul ul {
	margin-bottom: 0px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	color: #333333;
	font-family: 'Nunito', Georgia, Times New Roman, Times, serif;
	font-weight: normal;
	text-transform: uppercase;
	margin: 0px 0px 20px 0px;
	padding: 20px 0px 0px 0px;
}
h1 {
	font-size: 40px;
	line-height: 44px;
}
h2 {
	font-size: 24px;
	line-height: 28px;
}
h3 {
	font-size: 20px;
	line-height: 24px;
}
h4 {
	font-size: 18px;
	line-height: 22px;
}
h5 {
	font-size: 14px;
	line-height: 18px;
}
h6 {
	font-size: 12px;
	line-height: 16px;
}

/* Hover/Active Styles -----------------------------------------------------------*/

a {
	border-bottom: 1px solid #ff5757;
}
a,
#logo a:hover,
.page-title a:hover,
#primary-nav ul li a:hover,
#primary-nav li.current-menu-item > a,
#primary-nav li.current-menu-item > a:hover,
.entry-title a:hover,
.format-link .post-link-source a:hover,
.archive-lists ul li a:hover {
	color: #88d5c2;
}
.page-navigation a:hover,
.comment-navigation a:hover,
.more-link:hover,
button:hover,
#submit:hover,
input[type="submit"]:hover,
.widget .twitter-link:hover {
	background-color: #88d5c2;
}

/* Link Styles -----------------------------------------------------------*/

span.clink a,
.must-log-in a,
.logged-in-as a,
.single-portfolio .entry-meta .portfolio-info .portfolio-block span a {
	color: #707070;
	border-bottom: 1px dotted #b3b3b3;
	text-decoration: none;
}
span.clink a:hover,
.must-log-in a:hover,
.logged-in-as a:hover,
.single-portfolio .entry-meta .portfolio-info .portfolio-block span a:hover {
	color: #404040;
	border-bottom: 1px dotted #323232;
}

/* @Font-Face Icons -----------------------------------------------------------*/

@font-face {
	font-family: 'FontAwesome-webfont';
	src: url('typefaces/fontawesome-webfont.eot');
	src: url('typefaces/fontawesome-webfont.eot?#iefix') format('eot'),
		 url('typefaces/fontawesome-webfont.woff') format('woff'),
		 url('typefaces/fontawesome-webfont.ttf') format('truetype'),
		 url('typefaces/fontawesome-webfont.svg#FontAwesome') format('svg');
	font-weight: normal;
	font-style: normal;
}
[class^="icon-"]:before, [class*=" icon-"]:before {
	font-family: FontAwesome-webfont;
	font-weight: normal;
	font-style: normal;
	display: inline-block;
	text-decoration: inherit;
}
a [class^="icon-"], a [class*=" icon-"] {
	display: inline-block;
	text-decoration: inherit;
}
.icon-time:before { content: "\f017"; }
.icon-list-ul:before { content: "\f0ca"; }
.icon-tag:before { content: "\f02b"; }
.icon-edit:before { content: "\f044"; }
.icon-link:before { content: "\f0c1"; }
.icon-search:before { content: "\f002"; }
.icon-twitter:before { content: "\f099"; }
.icon-comments:before { content: "\f086"; }
.icon-calendar:before { content: "\f073"; }
.icon-book:before { content: "\f02d"; }
.icon-plus:before { content: "\f067"; }
.icon-minus:before { content: "\f068"; }
.icon-remove-sign:before { content: "\f057"; }
.icon-circle-arrow-left:before { content: "\f0a8"; }
.icon-circle-arrow-right:before { content: "\f0a9"; }
.icon-chevron-left:before { content: "\f053"; }
.icon-chevron-right:before { content: "\f054"; }
.icon-chevron-up:before { content: "\f077"; }
.icon-chevron-down:before { content: "\f078"; }
.icon-arrow-left:before { content: "\f060"; }
.icon-arrow-right:before { content: "\f061"; }
.icon-arrow-up:before { content: "\f062"; }
.icon-arrow-down:before { content: "\f063"; }

/* Structure -----------------------------------------------------------*/

.header-outer {
	border-bottom: 2px dotted #cccccc;
	position: relative;
	padding: 0px 0px 0px 0px;
}
#header {
	position: relative;
	width: 900px;
	margin: 0 auto;
	padding: 40px 0px 80px 0px;
}
.content-wrap {
	position: relative;
	width: 900px;
	margin: 0 auto;
	padding: 50px 0px 80px 0px;
}
#content {
	position: relative;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#primary {
	float: left;
	width: 620px;
}
#sidebar {
	float: right;
	width: 240px;
}
.footer-outer {
	border-top: 2px dotted #cccccc;
	position: relative;
	padding: 0px 0px 0px 0px;
}
#footer {
	position: relative;
	width: 900px;
	margin: 0 auto;
	padding: 60px 0px 60px 0px;
}

/*-----------------------------------------------------------------------------------
	2.	Header Styles
-------------------------------------------------------------------------------------*/

#logo {
	float: left;
}
#logo a {
	border: 0;
	color: #333333;
	font: normal 56px/100% Georgia, Times New Roman, Times, serif;
	text-decoration: none;
	letter-spacing: -1px;
}
#logo a:hover {}
#tagline {
	border: 0;
	display: block;
	color: #999999;
	font: normal 14px/21px Georgia, Times New Roman, Times, serif;
	text-decoration: none;
}

/* Social Buttons -----------------------------------------------------------*/

.social-buttons {
	position: absolute;
	bottom: 11px;
	right: 0px;
}
.social-buttons ul {
	list-style: none;
	margin: 0px 0px 0px 0px;
}
.social-buttons ul li {
	float: left;
	position: relative;
	margin: 0px 0px 0px 5px;
	z-index: 10;
}
.social-buttons ul li a {
	border: 0;
	color: #bfbfbf;
	display: block;
	position: relative;
	width: 38px;
	height: 38px;
	padding: 0px 0px 0px 0px;
	opacity: 0.25;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";
	filter: alpha(opacity=25);
	-webkit-transition: opacity 200ms linear 0ms;
	   -moz-transition: opacity 200ms linear 0ms;
	     -o-transition: opacity 200ms linear 0ms;
	    -ms-transition: opacity 200ms linear 0ms;
	        transition: opacity 200ms linear 0ms;
}
.social-buttons ul li a img {
	display: block;
	width: 38px;
	height: 38px;
}
.social-buttons ul li a:hover {
	border: 0;
	opacity: 0.15;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=15)";
	filter: alpha(opacity=15);
}

/*-----------------------------------------------------------------------------------
	3.	Navigation & Menus
-------------------------------------------------------------------------------------*/

#primary-nav {
	float: right;
	margin: 30px 0px 0px 0px;
}
#primary-nav ul {
	list-style: none;
	margin: 0px 0px 0px 0px;
}
#primary-nav ul li {
	float: left;
	position: relative;
}
#primary-nav ul li a {
	border: 0;
	color: #c0c0c0;
	display: block;
	position: relative;
	font: normal 14px/42px 'Nunito', Georgia, Times New Roman, Times, serif;
	text-decoration: none;
	height: 42px;
	padding: 0px 20px 0px 20px;
}
#primary-nav ul li a:hover {}
#primary-nav li.current-menu-item > a,
#primary-nav li.current-menu-item > a:hover {}
#primary-nav ul#primary-menu-list > li > a {
	padding-bottom: 2px;
	-webkit-border-radius: 6px;
	   -moz-border-radius: 6px;
	        border-radius: 6px;
}
#primary-nav ul#primary-menu-list > li.current-menu-item > a {
	border: 0px solid #e5e5e5;
	padding-bottom: 0px;
}
#primary-nav li > ul {
	background-color: #2f3233;
	display: none;
	position: absolute;
	width: 170px;
	top: 48px;
	left: 10px;
	margin: 0px 0px 0px 0px;
	padding: 8px 10px 8px 10px;
	z-index: 999;
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
	        border-radius: 5px;
}
#primary-nav ul#primary-menu-list > li > ul:after {
	position: absolute;
	content: "";
	width: 190px;
	height: 4px;
	top: -4px;
	left: 0px;
}
#primary-nav ul#primary-menu-list > li > ul ul:after {
	position: absolute;
	content: "";
	width: 14px;
	height: 44px;
	top: 0px;
	left: -14px;
}
#primary-nav ul#primary-menu-list > li.current-menu-item > ul {
	top: 48px;
	left: 0px;
}
#primary-nav li ul ul {
	top: -6px;
	left: 184px;
}
#primary-nav li > ul li {
	background: none;
	float: none;
}
#primary-nav li > ul li a {
	border: 0;
	color: #c0c0c0;
	display: block;
	position: relative;
	font: normal 14px/28px 'Nunito', Georgia, Times New Roman, Times, serif;
	height: 28px;
	text-decoration: none;
	padding: 0px 0px 0px 0px;
}
#primary-nav ul ul li.current-menu-item > a,
#primary-nav ul ul li.current-menu-item > a:hover,
#primary-nav ul ul li.active > a,
#primary-nav ul ul li.current-menu-item.active > a {
	color: #88d5c2;
}
#primary-nav li > ul li a:hover {
	color: #88d5c2;
}

/*-----------------------------------------------------------------------------------
	4.	Portfolio Content Styles
-------------------------------------------------------------------------------------*/

.page-template-template-portfolio-php .hentry,
.tax-portfolio-category .hentry {
	border: 0;
	position: relative;
	overflow: visible!important;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.page-template-template-portfolio-php #primary,
.tax-portfolio-category #primary {
	width: 900px;
}
.page-template-template-portfolio-php .portfolio-box,
.tax-portfolio-category .portfolio-box {
	width: 930px;
}
.page-template-template-portfolio-php .hentry,
.tax-portfolio-category .hentry {
	float: left;
	margin: 0px 30px 30px 0px;
}
.page-template-template-portfolio-php .hentry:first-child,
.tax-portfolio-category .hentry:first-child {
	float: left!important;
	margin: 0px 30px 30px 0px!important;
}
.page-template-template-portfolio-php .portfolio-box a,
.tax-portfolio-category .portfolio-box a {
	border: 0px!important;
	color: #ffffff;
	position: relative;
	display: block;
	width: 280px;
	height: 280px;
	-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.20);
	   -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.20);
	        box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.20);
}
.page-template-template-portfolio-php .portfolio-box .portfolio-thumb,
.tax-portfolio-category .portfolio-box .portfolio-thumb {
	position: relative;
	top: 0px;
	left: 0px;
	width: 280px;
	height: 280px;
	z-index: 20;
}
.page-template-template-portfolio-php .portfolio-box .portfolio-thumb:after,
.tax-portfolio-category .portfolio-box .portfolio-thumb:after {
	border: 1px solid rgba(255, 255, 255, 0.25);
	position: absolute;
	content: "";
	width: 278px;
	height: 278px;
	top: 0px;
	left: 0px;
}
.page-template-template-portfolio-php .portfolio-box .portfolio-overlay,
.tax-portfolio-category .portfolio-box .portfolio-overlay {
	overflow: hidden;
	word-wrap: break-word;
	position: absolute;
	display: block;
	width: 260px;
	height: 260px;
	top: 0px;
	left: 0px;
	padding: 10px 10px 10px 10px;
	z-index: 30;
	-webkit-box-shadow: 0px 0px 60px rgba(0, 0, 0, 0.02) inset;
	   -moz-box-shadow: 0px 0px 60px rgba(0, 0, 0, 0.02) inset;
	        box-shadow: 0px 0px 60px rgba(0, 0, 0, 0.02) inset;
}
.page-template-template-portfolio-php .portfolio-overlay .entry-title,
.tax-portfolio-category .portfolio-overlay .entry-title {
	color: #ffffff;
	font: normal 34px/40px 'Nunito', Georgia, Times New Roman, Times, serif;
	text-transform: uppercase;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.page-template-template-portfolio-php .portfolio-overlay span,
.tax-portfolio-category .portfolio-overlay span {
	font: normal 15px/22px Georgia, Times New Roman, Times, serif;
	color: #ffffff;
	position: absolute;
	bottom: 0px;
	right: 0px;
	margin: 0px 10px 10px 0px;
}
.page-template-template-portfolio-php .portfolio-overlay span i,
.tax-portfolio-category .portfolio-overlay span i {
	position: relative;
	font-size: 15px;
	line-height: 22px;
	top: 1px;
	margin: 0px 0px 0px 6px;
}
.page-template-template-portfolio-php a .portfolio-overlay .entry-title,
.page-template-template-portfolio-php a .portfolio-overlay span,
.tax-portfolio-category a .portfolio-overlay .entry-title,
.tax-portfolio-category a .portfolio-overlay span {
	visibility: hidden;
}
.page-template-template-portfolio-php a:hover .portfolio-overlay .entry-title,
.page-template-template-portfolio-php a:hover .portfolio-overlay span,
.tax-portfolio-category a:hover .portfolio-overlay .entry-title,
.tax-portfolio-category a:hover .portfolio-overlay span {
	visibility: visible;
}
.page-template-template-portfolio-php a:hover .portfolio-overlay,
.tax-portfolio-category a:hover .portfolio-overlay {
	background-color: rgba(0, 0, 0, 0.40);
	-webkit-box-shadow: 0px 0px 180px rgba(0, 0, 0, 40) inset;
	   -moz-box-shadow: 0px 0px 180px rgba(0, 0, 0, 40) inset;
	        box-shadow: 0px 0px 180px rgba(0, 0, 0, 40) inset;
}

/* Portfolio Tabs -----------------------------------------------------------*/

.page-template-template-portfolio-php .portfolio-tabs {
	width: 900px;
	height: 19px;
	text-align: center;
	position: relative;
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 40px 0px 0px 0px;
}
.page-template-template-portfolio-php .portfolio-tabs li {
	background: none;
	position: relative;
	display: inline-block;
	width: 19px;
	height: 19px;
	margin: 0px 4px 0px 0px;
	vertical-align: top;
}
.page-template-template-portfolio-php .portfolio-tabs li a {
	border: 0!important;
	cursor: pointer;
	background: none;
	background-color: #cccccc;
	text-decoration: none;
	text-indent: -9999px;
	color: #ffffff;
	font: normal 0px/100% Georgia, Times New Roman, Times, serif;
	display: block;
	width: 19px;
	height: 19px;
	position: relative;
	overflow: hidden;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	z-index: 20;
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
	        box-shadow: none;
	-webkit-border-radius: 50%;
	   -moz-border-radius: 50%;
	        border-radius: 50%;
}
.page-template-template-portfolio-php .portfolio-tabs li a:after {
	background-color: #ffffff;
	position: absolute;
	content: "";
	width: 13px;
	height: 13px;
	top: 0px;
	left: 0px;
	margin: 3px 3px 3px 3px;
	z-index: 30;
	-webkit-border-radius: 50%;
	   -moz-border-radius: 50%;
	        border-radius: 50%;
}
.page-template-template-portfolio-php .portfolio-tabs li.active a:after {
	background-color: #4a5053;
	position: absolute;
	content: "";
	width: 13px;
	height: 13px;
	top: 0px;
	left: 0px;
	margin: 3px 3px 3px 3px;
	z-index: 30;
	-webkit-border-radius: 50%;
	   -moz-border-radius: 50%;
	        border-radius: 50%;
	background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.12), transparent);
	   background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.12), transparent);
	    background-image: -ms-linear-gradient(rgba(255, 255, 255, 0.12), transparent);
	     background-image: -o-linear-gradient(rgba(255, 255, 255, 0.12), transparent);
}

/* Single Portfolio -----------------------------------------------------------*/

.single-portfolio .page-title {
	padding: 0px 0px 10px 0px!important;
}
.single-portfolio #primary {
	width: 900px!important;
	word-wrap: break-word;
}
.single-portfolio .entry-images,
.single-portfolio .entry-video {
	margin: 0px 0px 40px 0px;
}
.single-portfolio .entry-images img {
	height: auto;
	max-width: 100%;
	width: auto;
	display: block;
	margin: 0px 0px 10px 0px;
}
.single-portfolio .entry-content {
	margin: 0px 0px 40px 0px;
}
.single-portfolio .entry-meta {
	border-top: 6px solid #242424;
	position: relative;
	margin: 0px 0px 0px 0px;
	padding: 12px 0px 0px 0px;
}
.single-portfolio .entry-meta h5 {
	color: #333333;
	display: block;
	font: bold 12px/22px 'Helvetica Neue', Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
}
.single-portfolio .entry-meta .portfolio-cats {
	float: left;
	display: block;
	width: 540px;
}
.single-portfolio .entry-meta .portfolio-info {
	float: right;
	display: block;
	width: 300px;
}
.single-portfolio .entry-meta .portfolio-cats h5  {
	padding: 0px 0px 5px 0px;
}
.single-portfolio .entry-meta .portfolio-cats a {
	border: 0px;
	float: left;
	text-decoration: none;
	display: inline-block;
	color: #ffffff;
	background-color: #363d40;
	font: normal 15px/100% Georgia, Times New Roman, Times, serif;
	margin: 0px 6px 6px 0px;
	padding: 5px 8px 5px 8px;
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
	        border-radius: 3px;
	-webkit-transition: background-color 200ms ease-out 0ms;
	   -moz-transition: background-color 200ms ease-out 0ms;
	     -o-transition: background-color 200ms ease-out 0ms;
	    -ms-transition: background-color 200ms ease-out 0ms;
	        transition: background-color 200ms ease-out 0ms;
}
.single-portfolio .entry-meta .portfolio-cats a:hover {
	background-color: #b8b8b8;
}
.single-portfolio .entry-meta .portfolio-info .portfolio-block {
	display: block;
	padding: 0px 0px 10px 0px;
}
.single-portfolio .entry-meta .portfolio-info .portfolio-block span,
.single-portfolio .entry-meta .portfolio-info .portfolio-block.controls {
	color: #707070;
	font: normal 15px/22px Georgia, Times New Roman, Times, serif;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.single-portfolio .entry-meta .portfolio-info .portfolio-block.controls {
	display: block;
	padding: 10px 0px 0px 0px;
}
.single-portfolio .entry-meta .portfolio-info .portfolio-block.controls .nav-next,
.single-portfolio .entry-meta .portfolio-info .portfolio-block.controls .nav-previous {
	margin: 0px 0px 0px 6px;
}
.single-portfolio .entry-meta .portfolio-info .portfolio-block.controls a,
.single-portfolio .entry-meta .portfolio-info .portfolio-block.controls a:hover {
	border: 0;
	text-decoration: none;
}
.single-portfolio .entry-meta .portfolio-info .portfolio-block.controls a {
	color: #707070;
}
.single-portfolio .entry-meta .portfolio-info .portfolio-block.controls a:hover {
	color: #333333;
}
.single-portfolio .entry-meta .portfolio-info .portfolio-block.controls a i {
	color: #333333;
	font-size: 15px;
	line-height: 22px;
}
.single-portfolio .entry-meta .portfolio-info .portfolio-block.controls .nav-back i,
.single-portfolio .entry-meta .portfolio-info .portfolio-block.controls .nav-previous i {
	margin: 0px 3px 0px 0px;
}
.single-portfolio .entry-meta .portfolio-info .portfolio-block.controls .nav-next i {
	margin: 0px 0px 0px 3px;
}

/*-----------------------------------------------------------------------------------
	5.	Main Content Styles
-------------------------------------------------------------------------------------*/

.page-title {
	border-bottom: 6px solid #242424;
	position: relative;
	color: #333333;
	font: normal 40px/44px 'Nunito', Georgia, Times New Roman, Times, serif;
	text-transform: uppercase;
	word-wrap: break-word;
	margin: 0px 0px 40px 0px;
	padding: 0px 0px 10px 0px;
}
.page-title a {
	border: 0!important;
	text-decoration: none;
}

.entry-title,
.entry-title a {
	border: 0!important;
	color: #333333;
	font: normal 40px/44px 'Nunito', Georgia, Times New Roman, Times, serif;
	text-transform: uppercase;
	word-wrap: break-word;
}
.entry-title a:hover {}
blockquote {
	color: #707070;
	font: italic 15px/22px Georgia, Times New Roman, Times, serif;
	margin: 40px 40px 40px 40px;
}
address {
	font-style: italic;
}
abbr[title],
acronym[title],
dfn[title] {
	border-bottom: 1px dotted #666666;
	cursor: help;
}
strong {
	font-weight: bold;
}
small {
	font-size: 12px;
}
em,
cite {
	font-style: italic;
}
dfn {
	font-style: italic;
	font-weight: bold;
}
sup {
	font-size: 11px;
	vertical-align: top;
}
sub {
	font-size: 11px;
	vertical-align: bottom;
}
del {
	text-decoration: line-through;
}
ins {
	text-decoration: underline;
}
var,
kbd,
samp,
code,
pre {
	font: 12px/18px "Monaco", "Menlo", "Lucida Console", "Liberation Mono", Courier, monospace;
}
kbd {
	font-weight: bold;
}
samp,
var {
	font-style: italic;
}
pre {
	background-color: #f7f7f7;
	clear: both;
	white-space: pre;
	overflow: auto;
	margin: 40px 40px 40px 40px;
	padding: 10px 10px 10px 10px;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}
ul,
ol,
dl {
	margin-left: 30px;
}
table {
	border-bottom: 1px solid #cccccc;
	border-width: 1px;
	text-align: left;
	width: 100%;
}
table .even {
	background: #f7f7f7;
}
caption {
	text-align: left;
}
th,
td {
	border-top: 1px solid #cccccc;
	vertical-align: middle;
	text-align: center;
	padding: 10px 10px 10px 10px;
}

/* Media Styles -----------------------------------------------------------*/

.entry-content .twitter-tweet-rendered,
.entry-content .twt-border {
	min-width: 100%!important;
	max-width: 100%!important;
	width: 100%!important;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.fluid-width-video-wrapper {
	margin: 0px 0px 10px 0px;
}
iframe {
	margin: 0px 0px 10px 0px;
	max-width: 100%;
}
.entry-content img {
	max-width: 100%;
}
img.alignleft {
	float: left;
	margin: 10px 25px 20px 0px;
}
img.alignright {
	display: block;
	margin: 10px 0px 20px 25px;
}
img.aligncenter {
	clear: both;
	display: block;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
}
img.alignnone {
	display: block;
	margin: 20px 0px 20px 0px;
}
.wp-caption img,
.wp-caption img a {
	border: 0;
	text-decoration: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.wp-caption-text {
	padding: 5px 0px 5px 0px;
}
.gallery {
	float: left;
	width: 100%;
	margin: auto;
	margin-top: 20px!important;
	margin-bottom: 20px!important;
}
.gallery-caption { 
	font-family: Georgia, Times New Roman, Times, serif;
	font-style: italic;
	margin: 0px 0px 0px 0px;
}
.gallery-item {
	width: 132px!important;
	float: left;
	text-align: center;
	margin: 12px 12px 0px 0px!important;
}
.gallery-item a {
	border: 0;
	float: left;
	width: 132px!important;
	text-decoration: none;
	margin: 0px 0px 0px 0px!important;
	padding: 0px 0px 0px 0px!important;
}
.gallery .gallery-item img {
	width: 120px!important;
	border: 1px solid #cccccc!important;
	margin: 0px 0px 0px 0px!important;
	padding: 5px 5px 5px 5px!important;
}
.gallery .gallery-item img:hover {
	border: 1px solid #bdbdbd!important;
	-webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.15);
	   -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.15);
	        box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.15);
}

/* Form Elements -----------------------------------------------------------*/

input,
textarea {
	border: 0px;
	border: 1px solid #f0f0f0;
	color: #777777;
	background-color: #f0f0f0;
	width: 100%;
	padding: 12px 10px 12px 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
	-webkit-transition: background-color 100ms ease-out 0ms;
	   -moz-transition: background-color 100ms ease-out 0ms;
	     -o-transition: background-color 100ms ease-out 0ms;
	    -ms-transition: background-color 100ms ease-out 0ms;
	        transition: background-color 100ms ease-out 0ms;
}
textarea {
	min-height: 40px;
}
#primary input {
	width: 80%;
	max-width: 440px;
}
input {
	line-height: 100%;
}
input:focus,
textarea:focus {
	border: 1px solid #dbdbdb;
	background-color: #ffffff;
	color: #333333;
	-webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
	   -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
	        box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
}
button,
#submit,
input[type="submit"] {
	border: 0;
	color: #ffffff;
	background-color: #363d40;
	font: normal 16px/22px 'Nunito', Georgia, Times New Roman, Times, serif;
	cursor: pointer;
	display: inline-block;
	width: auto!important;
	margin: 0px 0px 0px 0px;
	padding: 8px 20px 8px 20px;
	-webkit-appearance: none;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
	-webkit-transition: background-color 100ms ease-out 0ms;
	   -moz-transition: background-color 100ms ease-out 0ms;
	     -o-transition: background-color 100ms ease-out 0ms;
	    -ms-transition: background-color 100ms ease-out 0ms;
	        transition: background-color 100ms ease-out 0ms;
}
button:hover,
#submit:hover,
input[type="submit"]:hover {
	border: 0;
	color: #ffffff;
}

/* Search Field -----------------------------------------------------------*/

.search-field {
	position: relative;
}
.search-field i {
	position: absolute;
	top: 12px;
	left: 12px;
	color: #b3b3b3;
	font-size: 18px;
	line-height: 100%;
}
.search-field input {
	padding: 12px 10px 12px 32px;
}

/* Edit Links -----------------------------------------------------------*/

.post-edit-link,
.comment-edit-link {
	border: 0;
	position: absolute;
	font-size: 16px!important;
	line-height: 100%!important;
	top: 0px;
	right: 0px;
	padding: 2px 2px 2px 2px;
	z-index: 10;
}
.post-edit-link:hover
.comment-edit-link:hover {
	border: 0;
}
.post-edit-link i,
.comment-edit-link i {
	color: #bdbdbd!important;
	background-color: #ffffff;
}

/*-----------------------------------------------------------------------------------
	6.	Post Content Styles
-------------------------------------------------------------------------------------*/

.hentry {
	border-top: 1px solid #e5e5e5;
	overflow: hidden;
	position: relative;
	word-wrap: break-word;
	margin: 60px 0px 0px 0px;
	padding: 80px 0px 0px 0px;
}
.hentry:first-child {
	border: 0;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.post-thumb > a,
.post-thumb > a:hover {
	border: 0;
}
.post-thumb img {
	display: block;
	height: auto;
	max-width: 100%;
	width: auto;
}
.more-link {
	border: 0;
	display: inline-block;
	color: #ffffff;
	font: normal 16px/22px 'Nunito', Georgia, Times New Roman, Times, serif;
	text-decoration: none;
	background-color: #363d40;
	margin: 5px 0px 0px 0px;
	padding: 8px 20px 8px 20px;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
	-webkit-transition: background-color 100ms ease-out 0ms;
	   -moz-transition: background-color 100ms ease-out 0ms;
	     -o-transition: background-color 100ms ease-out 0ms;
	    -ms-transition: background-color 100ms ease-out 0ms;
	        transition: background-color 100ms ease-out 0ms;
}
.more-link:hover {
	border: 0;
	color: #ffffff;
}
.entry-meta {
	color: #707070;
	position: relative;
	font: normal 16px/22px 'Nunito', Georgia, Times New Roman, Times, serif;
	margin: 0px 0px 16px 0px;
}
.entry-meta span {
	margin: 0px 4px 0px 0px;
}
.entry-meta span.meta-sep {
	position: relative;
	display: inline-block;
	top: 0px;
	width: 4px;
	height: 16px;
}
.entry-meta span.meta-sep:after {
	background-color: #707070;
	position: absolute;
	content: "";
	width: 4px;
	height: 4px;
	bottom: 3px;
	left: 0px;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}
.entry-meta a {
	border: 0;
	color: #707070;
}
.entry-meta a:hover {
	color: #333333;
}
.entry-content ul {
	list-style: disc;
}
.entry-content ol {
	list-style: decimal;
}
.sticky {}

/* Standart Post -----------------------------------------------------------*/

.format-standard .entry-title,
.format-standard .entry-title a {
	margin: 0px 0px 12px 0px;
	padding: 0px 0px 0px 0px;
}

/* Video Post -----------------------------------------------------------*/

.format-video .post-video {
	margin: 0px 0px 20px 0px;
}

/* Link Post -----------------------------------------------------------*/

.format-link .entry-title,
.format-link .post-link-source,
.format-link .post-link-permalink {
	position: relative;
	text-align: center;
}
.format-link .entry-title {
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
}
.format-link .post-link-source {
	margin: 0px 0px 20px 0px;
}
.format-link .post-link-source,
.format-link .post-link-source a {
	border: 0;
	color: #333333;
	font: normal 18px/22px 'Nunito', Georgia, Times New Roman, Times, serif;
}
.format-link .post-link-source a:hover {}
.format-link .post-link-permalink a {
	border: 0;
	color: #707070;
	font: normal 19px/22px 'Nunito', Georgia, Times New Roman, Times, serif;
}
.single .format-link .post-link-source {
	border-bottom: 1px solid #e5e5e5;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 40px 0px;
}
.single .format-link .entry-meta {
	margin: 20px 0px 16px 0px;
}

/* Quote Post -----------------------------------------------------------*/

.format-quote .entry-title,
.format-quote .post-quote-source,
.format-quote .post-quote-permalink {
	position: relative;
	text-align: center;
}
.format-quote .entry-title {
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
}
.format-quote .post-quote-source {
	color: #333333;
	font: normal 18px/22px 'Nunito', Georgia, Times New Roman, Times, serif;
}
.format-quote .post-quote-permalink a {
	border: 0;
	color: #707070;
	font: normal 19px/22px 'Nunito', Georgia, Times New Roman, Times, serif;
}
.single .format-quote .post-quote-source {
	border-bottom: 1px solid #e5e5e5;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 40px 0px;
}
.single .format-quote .entry-meta {
	margin: 20px 0px 16px 0px;
}

/* Status Post -----------------------------------------------------------*/

.format-status .entry-content {
	margin: 0px 0px 20px 0px;
}

/*-----------------------------------------------------------------------------------
	7.	Comments
-------------------------------------------------------------------------------------*/

#comments {
	margin: 60px 0px 0px 0px;
}
.comments-title,
#reply-title {
	border-bottom: 6px solid #242424;
	color: #333333;
	font: normal 18px/22px 'Nunito', Georgia, Times New Roman, Times, serif;
	text-transform: uppercase;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
}
#reply-title {
	margin: 0px 0px 10px 0px;
}
.pinglist {
	list-style: inside disc;
	margin: 20px 0px 40px 0px;
	padding: 0px 0px 0px 0px;
}
.pinglist > li {
	position: relative;
}
.commentlist {
	list-style: none;
	margin: 0px 0px 0px 0px;
}
.comment {
	word-wrap: break-word;
	margin: 20px 0px 0px 0px;
}
.children {
	margin: 0px 0px 0px 80px;
}
.children .children {
	margin: 0px 0px 0px 20px;
}
.comment .avatar {
	display: block;
	float: left;
	width: 72px;
	height: 72px;
}
.comment > div > div {
	border-bottom: 1px solid #e5e5e5;
	position: relative;
	margin: 0px 0px 0px 100px;
	padding: 0px 0px 20px 0px;
}
.comment-body ul {
	list-style: disc;
}
.comment-body ol {
	list-style: decimal;
}
.comment-author {
	margin: 0px 0px 4px 0px;
}
.comment-author cite,
.comment-author cite a {
	display: inline-block;
	font: normal 18px/22px 'Nunito', Georgia, Times New Roman, Times, serif;
}
.comment-author cite {
	color: #333333;
	text-transform: uppercase;
}
.comment-author cite a {
	border: 0;
	color: #333333;
}
.bypostauthor > div .comment-author cite,
.bypostauthor > div .comment-author cite a {
	color: #ffffff;
	background-color: #363d40;
	padding: 0px 8px 0px 8px;
	-webkit-border-radius: 12px;
	   -moz-border-radius: 12px;
	        border-radius: 12px;
}
.bypostauthor > div .comment-author cite a {
	padding: 0px 0px 0px 0px;
}
.comment-author cite a:hover,
.bypostauthor > div .comment-author cite a:hover {}
.comment-meta {
	color: #707070;
	font: normal 16px/22px 'Nunito', Georgia, Times New Roman, Times, serif;
	margin: 0px 0px 6px 0px;
}
.comment-meta a {
	border: 0;
	color: #707070;
}
.comment-meta a:hover {
	color: #333333;
}
.comment-meta .entry-sep {
	position: relative;
	display: inline-block;
	top: 0px;
	width: 4px;
	height: 16px;
	margin: 0px 4px 0px 4px;
}
.comment-meta .entry-sep:after {
	background-color: #707070;
	position: absolute;
	content: "";
	width: 4px;
	height: 4px;
	bottom: 3px;
	left: 0px;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}
#respond {
	margin: 60px 0px 0px 0px;
}
#commentform {
	overflow: hidden;
	margin: 20px 0px 20px 0px;
}
#commentform p {
	line-height: 40px;
}
#primary #comments input {
	max-width: 320px;
}
#commentform .logged-in-as {
	line-height: 22px;
}
#commentform label {}
#commentform .required {}
#commentform input {
	float: left;
	margin: 0px 10px 0px 0px;
}
#commentform textarea {
	max-width: 100%;
	height: 220px;
}
#commentform .form-submit {
	margin: 0px 0px 0px 0px;
}
.commentlist #respond {
	margin: 20px 0px 0px 0px;
}
.commentlist #commentform {
	border-bottom: 1px solid #e5e5e5;
	margin: 20px 0px 40px 0px;
	padding: 0px 0px 40px 0px;
}

/*-----------------------------------------------------------------------------------
	8.	Footer Styles
-------------------------------------------------------------------------------------*/

.footer-text {
	float: left;
	font: normal 15px/22px Georgia, Times New Roman, Times, serif;
	color: #444444;
}
.footer-text a {
	color: #707070;
	border-bottom: 1px dotted #b3b3b3;
	text-decoration: none;
}
.footer-text a:hover {
	color: #444444;
	border-bottom: 1px dotted #323232;
}

/* Back To Top -----------------------------------------------------------*/

#back-to-top {
	background-color: #383d40;
	display: none;
	position: fixed;
	bottom: 0px;
	right: 20px;
	z-index: 999;
}
#back-to-top a {
	border: 0;
	display: block;
	text-decoration: none;
	margin: 0px 0px 0px 0px;
}
#back-to-top i {
	color: #ffffff;
	font-size: 14px;
	line-height: 100%;
	padding: 15px 22px 16px 22px;
	-webkit-transition: color 100ms linear 0ms;
	   -moz-transition: color 100ms linear 0ms;
	     -o-transition: color 100ms linear 0ms;
	    -ms-transition: color 100ms linear 0ms;
	        transition: color 100ms linear 0ms;
}
#back-to-top:hover i {
	color: #ffd400;
}

/*-----------------------------------------------------------------------------------
	9.	Pagination
-------------------------------------------------------------------------------------*/

.page-navigation,
.comment-navigation {
	position: relative;
	display: block;
	width: 100%;
	text-align: center;
}
.page-navigation a,
.comment-navigation a {
	border: 3px solid #cccccc!important;
	color: #ffffff!important;
	background-color: #363d40;
	display: inline-block;
	font-size: 17px;
	line-height: 42px;
	text-decoration: none;
	width: 42px;
	height: 42px;
	margin: 80px 3px 20px 3px;
	-webkit-border-radius: 50%;
	   -moz-border-radius: 50%;
	        border-radius: 50%;
	-webkit-transition: background-color 100ms ease-out 0ms;
	   -moz-transition: background-color 100ms ease-out 0ms;
	     -o-transition: background-color 100ms ease-out 0ms;
	    -ms-transition: background-color 100ms ease-out 0ms;
	        transition: background-color 100ms ease-out 0ms;
}
.page-navigation a:hover,
.comment-navigation a:hover {}
.page-navigation a i.icon-chevron-left,
.comment-navigation a i.icon-chevron-left {
	letter-spacing: 2px;
}
.page-navigation a i.icon-chevron-right,
.comment-navigation a i.icon-chevron-right {
	letter-spacing: -2px;
}

/*-----------------------------------------------------------------------------------
	10.	Page Templates
-------------------------------------------------------------------------------------*/

.page-template-default .hentry,
.page-template-template-full-width-php .hentry,
.page-template-template-archives-php .hentry,
.page-template-template-contact-php .hentry {
	border: 0;
	position: relative;
	overflow: hidden;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

/* Full Width Template -----------------------------------------------------------*/

.full-width {
	width: 900px!important;
}

/* Archive Template -----------------------------------------------------------*/

.page-template-template-archives-php .entry-content {
	margin: 0px 0px 30px 0px;
}
.archive-lists .archive-icon {
	background-color: #363d40;
	display: block;
	position: relative;
	width: 60px;
	height: 60px;
	margin: 0px 0px 20px 0px;
}
.archive-lists .archive-icon i {
	position: relative;
	color: #ffffff;
	font-size: 19px;
	line-height: 100%;
}
.archive-lists .archive-last i {
	top: 20px;
	left: 20px;
}
.archive-lists .archive-mounth i {
	top: 20px;
	left: 22px;
}
.archive-lists .archive-cats i {
	top: 20px;
	left: 21px;
}
.archive-lists h2 {
	font: normal 18px/22px 'Nunito', Georgia, Times New Roman, Times, serif;
	text-transform: uppercase;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
}
.archive-lists ul {
	color: #333333;
	list-style: disc inside;
	margin: 0px 0px 30px 0px;
}
.archive-lists .children {
	margin: 0px 0px 0px 20px;
}
.archive-lists ul li a {
	border: 0;
	color: #333333;
	text-decoration: none;
}
.archive-lists ul li a:hover {}

/* Contact Template -----------------------------------------------------------*/

.contact-content {
	margin: 0px 0px 30px 0px;
}
.contactform {
	margin: 0px 0px 20px 0px;
}
.contactform {
	list-style: none;
}
.contactform li label {
	display: block;
	margin: 0px 0px 10px 0px;
}
.contactform span.error {
	display: block;
	margin: 0px 0px 20px 0px;
}
.contactform li label.error {
	color: #ff143b;
	display: block;
	margin: 0px 0px 20px 0px;
}
#primary .contactform li input {
	max-width: 320px;
	margin: 0px 0px 20px 0px;
}
.contactform li textarea {
	max-width: 100%;
	height: 220px;
	margin: 0px 0px 20px 0px;
}
#primary .contactform li #submit-contact {
	margin: 0px 0px 0px 0px;
}

/*-----------------------------------------------------------------------------------
	11.	Widgets
-------------------------------------------------------------------------------------*/

.widget {
	word-wrap: break-word;
	margin: 0px 0px 30px 0px;
}
.widget-title {
	border-bottom: 6px solid #242424;
	color: #333333;
	font: normal 18px/22px 'Nunito', Georgia, Times New Roman, Times, serif;
	text-transform: uppercase;
	margin: 0px 0px 12px 0px;
	padding: 0px 0px 10px 0px;
}
.widget a {
	border: 0;
	color: #707070;
	text-decoration: none;
}
.widget a:hover {
	border: 0;
	color: #333333;
}
.widget ul {
	list-style: none;
	margin: 0px 0px 0px 0px;
}
.widget ol {
	list-style: decimal inside;
	margin-bottom: 0;
}

/* Search Widget -----------------------------------------------------------*/

.widget_search form,
.widget_search fieldset {
	margin: 0px 0px 0px 0px;
}

/* Calendar Widget -----------------------------------------------------------*/

.widget_calendar caption {
	margin: 0px 0px 8px 0px;
}
.widget_calendar table {
	width: 100%;
	margin: 0px 0px 0px 0px;
}
.widget_calendar table a {
	border-bottom: 1px dotted #b3b3b3;
}

/* Tag Cloud Widget -----------------------------------------------------------*/

.widget_tag_cloud {
	color: #707070;
}
.widget_tag_cloud a {
	border: 0;
	font-size: 15px;
}

/* Twitter Widget -----------------------------------------------------------*/

.widget .twitter-list li span a,
.widget .twitter-list li span a:hover,
.widget .twitter-list li > a,
.widget .twitter-list li > a:hover,
.widget .twitter-link,
.widget .twitter-link:hover {
	border: 0;
	text-decoration: none;
}
.widget .twitter-list {
	margin: 0px 0px 5px 0px;
}
.widget .twitter-list li {
	padding: 0px 0px 5px 0px;
}
.widget .twitter-list li span {
	display: block;
}
.widget .twitter-list li span a {
	color: #707070;
}
.widget .twitter-list li span a:hover {
	border-bottom: 1px solid #404040;
	color: #333333;
}
.widget .twitter-list li > a {
	color: #707070;
	font-size: 13px!important;
	font-style: normal;
	font-weight: normal;
}
.widget .twitter-list li > a:hover {
	color: #333333;
}
.widget .twitter-link,
.widget .twitter-link i {
	-webkit-transition: color 100ms linear 0ms;
	   -moz-transition: color 100ms linear 0ms;
	     -o-transition: color 100ms linear 0ms;
	    -ms-transition: color 100ms linear 0ms;
	        transition: color 100ms linear 0ms;
}
.widget .twitter-link {
	border: 0;
	display: inline-block;
	color: #ffffff;
	text-decoration: none;
	background-color: #363d40;
	margin: 5px 0px 0px 0px;
	padding: 8px 16px 8px 16px;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
	-webkit-transition: background-color 100ms ease-out 0ms;
	   -moz-transition: background-color 100ms ease-out 0ms;
	     -o-transition: background-color 100ms ease-out 0ms;
	    -ms-transition: background-color 100ms ease-out 0ms;
	        transition: background-color 100ms ease-out 0ms;
}
.widget .twitter-link:hover {
	color: #ffffff;
}
.widget .twitter-link i {
	color: #ffffff;
	font-size: 16px;
	line-height: 22px;
	margin: 0px 0px 0px 5px;
}
.widget .twitter-link:hover i {
	color: #ffffff;
}

/* Portfolio Widget -----------------------------------------------------------*/

.widget .portfolio-widget {
	width: 244px;
}
.widget .portfolio-widget-item {
	float: left;
	margin: 0px 12px 12px 0px;
}
.widget .portfolio-widget-thumb {
	display: block;
	width: 110px;
	height: 110px;
	-webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.18);
	   -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.18);
	        box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.18);
}
.widget .portfolio-widget-thumb a {
	border: 0;
	position: relative;
	display: block;
	width: 110px;
	height: 110px;
	text-decoration: none;
	-webkit-transition: background-color 300ms ease-out 0ms;
	   -moz-transition: background-color 300ms ease-out 0ms;
	     -o-transition: background-color 300ms ease-out 0ms;
	    -ms-transition: background-color 300ms ease-out 0ms;
	        transition: background-color 300ms ease-out 0ms;
}
.widget .portfolio-widget-thumb a:hover {
	border: 0;
	background-color: #000000;
}
.widget .portfolio-widget-thumb a img {
	-webkit-transition: opacity 300ms ease-out 0ms;
	   -moz-transition: opacity 300ms ease-out 0ms;
	     -o-transition: opacity 300ms ease-out 0ms;
	    -ms-transition: opacity 300ms ease-out 0ms;
	        transition: opacity 300ms ease-out 0ms;
}
.widget .portfolio-widget-thumb a:hover img {
	opacity: 0.65;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
	filter: alpha(opacity=65);
}

/*-----------------------------------------------------------------------------------
	12.	Shortcode Styles
-------------------------------------------------------------------------------------*/

/* Columns -----------------------------------------------------------*/

.one_third {
	width: 30.66%;
}
.two_third {
	width: 65.33%;
}
.one_half {
	width: 48%;
}
.one_fourth {
	width: 22%;
}
.three_fourth {
	width: 74%;
}
.one_fifth {
	width: 16.8%;
}
.two_fifth {
	width: 37.6%;
}
.three_fifth {
	width: 58.4%;
}
.four_fifth {
	width: 67.2%;
}
.one_sixth {
	width: 13.33%;
}
.five_sixth {
	width: 82.67%;
}
.one_half,
.one_third,
.two_third,
.three_fourth,
.one_fourth,
.one_fifth,
.two_fifth,
.three_fifth,
.four_fifth,
.one_sixth,
.five_sixth {
	float: left;
	position: relative;
	margin-right: 4%;
	margin-bottom: 20px;
}
.column-last {
	clear: right;
	margin-right: 0!important;
}

/* Buttons -----------------------------------------------------------*/

a.button {
	border: 0;
	text-decoration: none;
	color: #ffffff!important;
	font: bold 15px/100% 'Helvetica Neue', Helvetica, Arial, sans-serif;
	display: inline-block;
	position: relative;
	margin: 0px 5px 20px 5px;
	padding: 20px 20px 20px 20px;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
	-webkit-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.10);
	   -moz-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.10);
	        box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.10);
	-webkit-transition: background-color 200ms ease-out 0ms;
	   -moz-transition: background-color 200ms ease-out 0ms;
	     -o-transition: background-color 200ms ease-out 0ms;
	    -ms-transition: background-color 200ms ease-out 0ms;
	        transition: background-color 200ms ease-out 0ms;
}
a.button:active {
	top: 3px;
}
a.button.red {
	background-color: #fa4b68;
}
a.button.pink {
	background-color: #fc4c87;
}
a.button.purple {
	background-color: #884cff;
}
a.button.deep_blue {
	background-color: #4f4fff;
}
a.button.blue {
	background-color: #479aed;
}
a.button.green {
	background-color: #41d95a;
}
a.button.light_green {
	background-color: #a1db2c;
}
a.button.orange {
	background-color: #fc874c;
}
a.button.red:hover {
	background-color: #e1445e;
}
a.button.pink:hover {
	background-color: #e3457a;
}
a.button.purple:hover {
	background-color: #7b45e6;
}
a.button.deep_blue:hover {
	background-color: #4747e6;
}
a.button.blue:hover {
	background-color: #408bd6;
}
a.button.green:hover {
	background-color: #3cc853;
}
a.button.light_green:hover {
	background-color: #94ca29;
}
a.button.orange:hover {
	background-color: #e87c46;
}

/* Alerts -----------------------------------------------------------*/

.alert {
	font: normal 15px/22px 'Helvetica Neue', Helvetica, Arial, sans-serif;
	margin: 0px 0px 20px 0px;
	padding: 16px 16px 16px 16px;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}
.alert.grey {
	border: 1px solid #d7d9d9;
	background-color: #f5f7f7;
}
.alert.purple {
	border: 1px solid #b5a3d9;
	color: #6b48b0;
	background-color: #e4d6ff;
}
.alert.red {
	border: 1px solid #d9a3ac;
	color: #b84f60;
	background-color: #ffd6dd;
}
.alert.blue {
	border: 1px solid #a3c7d9;
	color: #458cb0;
	background-color: #d6f1ff;
}
.alert.yellow {
	border: 1px solid #d9d1a3;
	color: #9c8a33;
	background-color: #fff8d6;
}
.alert.green {
	border: 1px solid #bfd9a3;
	color: #689c35;
	background-color: #ebffd6;
}

/* Toggles -----------------------------------------------------------*/

.toggle {
	background-color: #ffffff;
	margin: 0px 0px 20px 0px;
}
.toggle h4 {
	border: 1px solid #d7d9d9;
	cursor: pointer;
	position: relative;
	font: bold 15px/22px 'Helvetica Neue', Helvetica, Arial, sans-serif;
	text-transform: none!important;
	margin: 0px 0px 0px 0px;
	padding: 16px 16px 16px 16px;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}
.toggle h4:hover a {
	color: #999999!important;
}
.toggle h4 i {
	display: none;
	position: absolute;
	top: 18px;
	right: 18px;
	color: #cccccc;
	font-size: 16px;
	line-height: 100%;
}
.toggle h4 i.icon-plus {
	display: block;
}
.toggle h4.active i.icon-plus {
	display: none;
}
.toggle h4.active i.icon-minus {
	display: block;
}
.toggle h4 a,
.toggle h4 a:hover {
	border: 0;
	color: #333333;
	text-decoration: none;
}
.toggle h4.active {
	-webkit-border-radius: 4px 4px 0px 0px;
	   -moz-border-radius: 4px 4px 0px 0px;
	        border-radius: 4px 4px 0px 0px;
}
.toggle .toggle-content {
	border-left: 1px solid #d7d9d9;
	border-right: 1px solid #d7d9d9;
	border-bottom: 1px solid #d7d9d9;
	padding: 16px 16px 16px 16px;
	-webkit-border-radius: 0px 0px 4px 4px;
	   -moz-border-radius: 0px 0px 4px 4px;
	        border-radius: 0px 0px 4px 4px;
}

/* Dividers -----------------------------------------------------------*/

.divider.bold {
	border-top: 6px solid #242424;
	clear: both;
	margin: 0px 0px 20px 0px;
}
.divider.medium {
	border-top: 2px dotted #cccccc;
	clear: both;
	margin: 0px 0px 20px 0px;
}
.divider.thin {
	border-top: 1px dotted #cccccc;
	clear: both;
	margin: 0px 0px 20px 0px;
}

/*-----------------------------------------------------------------------------------
	13.	Media Queries
-------------------------------------------------------------------------------------*/

@media only screen and (max-width : 999px) {
	
	#header {
		width: 620px;
		padding: 40px 0px 15px 0px;
	}
	#logo {
		float: none;
		display: block;
		text-align: center;
		text-indent: -5px;
	}
	#logo a {
		display: block;
	}
	#header #primary-nav {
		float: none;
		display: block;
		text-align: center;
		margin: 0px 0px 0px 0px;
		padding: 40px 0px 45px 0px;
	}
	#primary-nav ul#primary-menu-list > li {
		float: none;
		display: inline-block;
	}
	#primary-nav ul#primary-menu-list li ul {
		text-align: left;
	}
	.social-buttons {
		position: relative;
		width: 620px;
		display: block;
		text-align: center;
	}
	.social-buttons ul li {
		float: none;
		display: inline-block;
	}
	.social-buttons ul li a {
		display: inline-block;
	}
	.content-wrap {
		width: 620px;
	}
	#primary {
		float: none;
		display: block;
		width: 620px;
	}
	#sidebar {
		float: none;
		display: block;
		width: 620px;
		padding: 80px 0px 0px 0px;
	}
	.widget .portfolio-widget {
		width: 620px;
	}
	.page-title {
		padding: 0px 0px 10px 0px;
	}
	.full-width {
		width: 620px!important;
	}
	.page-template-template-portfolio-php #primary, .tax-portfolio-category #primary,
	.page-template-template-portfolio-php .portfolio-box,
	.tax-portfolio-category .portfolio-box,
	.page-template-template-portfolio-php .portfolio-tabs {
		width: 620px;
	}
	.single-portfolio #primary {
		width: 620px!important;
	}
	.single-portfolio .entry-meta .portfolio-cats {
		width: 300px;
	}
	.single-portfolio .entry-meta .portfolio-info {
		width: 260px;
	}
	#footer {
		width: 620px;
	}
	
}

@media only screen and (max-width : 767px) {
	
	#header,
	#primary,
	.social-buttons {
		width: 290px;
	}
	#back-to-top {
		right: -9999px;
	}
	.content-wrap {
		width: 290px;
	}
	.one_half,
	.one_third,
	.two_third,
	.three_fourth,
	.one_fourth,
	.one_fifth,
	.two_fifth,
	.three_fifth,
	.four_fifth,
	.one_sixth,
	.five_sixth {
		width: 100%!important;
	}
	#primary #comments input {
		max-width: 100%;
		width: 100%;
		margin: 0px 0px 0px 0px;
	}
	#commentform textarea {
		margin: 30px 0px 0px 0px;
	}
	.comment > div > div {
		margin: 0px 0px 0px 0px!important;
	}
	.comment .avatar {
		display: none;
	}
	#comments small {
		display: block;
	}
	.children {
		margin: 0px 0px 0px 20px!important;
	}
	#primary input[type="text"] {
		width: 100%!important;
		max-width: 100%!important;
	}
	.post-password-required input[type="password"] {
		width: 100%!important;
		max-width: 100%!important;
		margin: 10px 0px 20px 0px;
	}
	#sidebar,
	.widget .portfolio-widget {
		width: 290px;
	}
	.full-width {
		width: 290px!important;
	}
	.archive-lists .one_half {
		float: none;
		display: block;
		width: 100%;
		margin: 0px 0px 0px 0px;
	}
	.page-template-template-portfolio-php #primary, .tax-portfolio-category #primary,
	.page-template-template-portfolio-php .portfolio-box,
	.tax-portfolio-category .portfolio-box,
	.page-template-template-portfolio-php .portfolio-tabs {
		width: 290px;
	}
	.page-template-template-portfolio-php .hentry,
	.tax-portfolio-category .hentry {
		float: left;
		margin: 0px 5px 30px 5px;
	}
	.page-template-template-portfolio-php .hentry:first-child,
	.tax-portfolio-category .hentry:first-child {
		float: left!important;
		margin: 0px 5px 30px 5px!important;
	}
	.single-portfolio #primary {
		width: 290px!important;
	}
	.single-portfolio .entry-meta {
		padding: 0px 0px 0px 0px;
	}
	.single-portfolio .entry-meta .portfolio-cats,
	.single-portfolio .entry-meta .portfolio-info {
		float: none;
		width: 100%;
		display: block;
		padding: 12px 0px 0px 0px;
	}
	#footer {
		width: 290px;
	}
	
}