/* -----------------------------------------------------------------------------------

	Theme Name: Spectro WP
	Theme URI: http://www.m-themes.eu
	Description: Powerful responsive theme for portfolio sites
	Author: Marcin Michalak
	Author URI: http://themeforest.net/user/maarcin
	License: GNU General Public License version 3.0
	License URI: http://www.gnu.org/licenses/gpl-3.0.html
	Tags: custom-menu, translation-ready, full-width-template, post-formats, theme-options
	Version: 1.4

	Designed and developed by Marcin Michalak. For more please visit http://themeforest.net/user/maarcin
	
----------------------------------------------------------------------------------- */

/* ---------------------------- */
/*           General
/* ---------------------------- */

body {
	font: 13px/19px "Helvetica Neue", Arial, sans-serif;
}
button,
input[type="submit"],
input[type="reset"],
input[type="button"],
input,
textarea,
select {
	font-family: "Helvetica Neue", Arial, sans-serif;
}
h1, h2, h3, h4, h5, h6, .page-title, .sf-menu a,
.description-inner h4 a, .lp-description h6, .mt-accordion h3, .mt-toggle .mt-toggle-title, .mt-tabs-nav li a,
.team-member .position {
	font-family: "Helvetica Neue", Arial, sans-serif;
}
blockquote, blockquote p {
	font-family: Georgia, serif;
}
a {
	text-decoration:none;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-ms-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
}
.alignleft {
	float: left;
	margin: 5px 15px 0 0;
}
.alignright {
	float: right;
	margin: 5px 0 0 15px;
}
.aligncenter {
	display: block;
	margin: 10px auto;
}
.slider-wrapper .alignleft,
.slider-wrapper .alignright,
.slider-wrapper .aligncenter {
	display: block;
	position: relative;
	float:none;
	margin: 0 auto;
	width: 100%;
}
.highlight {
	padding: 0 3px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	color: #fff;
}
.divider {
	clear: both;
	display: block;
	overflow: hidden;
	width: 100%;
	height: 1px;
	padding-top: 20px;
	margin-bottom: 40px;
}
.page-template-template-sidebar-php .divider,
.single-post .divider {
	margin-left: 0;
	padding-right: 0;
}
.divider-icon span {
	text-align: center;
	display: inline-block;
	padding: 0 20px;
	position: absolute;
	left: 50%;
	width: 50px;
	height: 50px;
	line-height: 50px;
	margin-left: -45px;
	margin-top: -25px;
	font-size: 32px;
}
::-moz-selection {color: #fff;}
::-webkit-selection {color: #fff;}
::selection {color: #fff;}

img {
	border-style: none;
	height: auto;
	max-width: 100%;
	vertical-align: top;
}

/* ---------------------------- */
/*          Typography
/* ---------------------------- */

h1,h2,h3,h4,h5,h6 {
	margin-bottom:1.2em;
	font-weight: bold;
	line-height:1.2em;
}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {
	font-weight:inherit;
	line-height:1.4em;
}
h1 {font-size:28px;}
h2 {font-size:24px;}
h3 {font-size:20px;}
h4 {font-size:18px;}
h5 {font-size:16px;}
h6 {font-size:12px;}
p {margin:0 0 20px;}
p img {margin:0;}
em {font-style:italic;}
strong {font-weight:700;}
small {font-size:80%;}
blockquote, blockquote p {
	font-size:14px;
	line-height:24px;
	font-style:italic;
}
blockquote {
	margin:0 0 20px;
	padding:9px 20px 9px 30px;
}
blockquote cite {
	display:block;
	font-size:12px;
	font-style:normal;
}
blockquote cite:before {
	content:"\2014 \0020";
}
blockquote p {
	margin-bottom: 5px;
}
hr {
	clear:both;
	height:0;
	border-width:1px 0 0;
	margin:10px 0 30px;
}
pre,
code {font: 12px/18px Consolas, "Andale Mono", Courier, "Courier New", monospace;}
pre {
	white-space: pre;
	overflow: auto;
	padding: 10px;
	clear: both;
}
code {padding: 3px;}
.form-allowed-tags code {border:none;}
.dropcap1, .dropcap2, .dropcap3 {
	width: 1em;
	display: block;
	float: left;
	line-height: 1em;
	text-align: center;
	margin-right: 10px;
	padding: 0.3em 0.34em;
	font-size: 180%;
	color: #fff;
}
.dropcap2 {    
	-webkit-border-radius: 0.3em;
	-moz-border-radius: 0.3em;
	border-radius: 0.3em;   
}
.dropcap3 {
	-webkit-border-radius: 2.6em;
	-moz-border-radius: 2.6em;
	border-radius: 2.6em;   
}
:focus {-moz-outline-style: none; outline: none;}
a:focus {outline:none;}
a:active {outline:none;}
.line-header {position: relative;}
.line-header.header-center {text-align: center;}
.line-header.header-right {text-align: right;}
.line-header h1,
.line-header h2,
.line-header h3,
.line-header h4,
.line-header h5,
.line-header h6 {
	display: inline-block;
	padding-bottom: .3em;
}
.line-header h1 {margin-bottom: 0.9em;}
.line-header h2,
.line-header h3 {margin-bottom: 1em;}
.line-header h4 {margin-bottom: 1.2em;}
.line-header h5,
.line-header h6 {margin-bottom: 1.3em;}

/* ---------------------------- */
/*            Lists
/* ---------------------------- */

ul,ol {
	margin-bottom: 1em;
	margin-left: 1em;
}
ol {list-style:decimal;}
ul ul,ul ol,ol ol,ol ul {margin:4px 0 5px 30px;}
ul ul li,ul ol li,ol ol li,ol ul li {margin-bottom:6px;}
li {line-height:18px;margin-bottom:12px;}

.widget ul {
	list-style: none;
	margin-left: 0;
}
.custom-list ul {
	list-style: none;
	margin-left: 0;
}

/* ---------------------------- */
/*           Tables
/* ---------------------------- */

table {
	border-collapse: collapse;
	margin-bottom: 20px;
	text-align: center;
	width: 100%;
}
th {
	font-size: 14px;
	padding: 0.8em;
	text-transform: uppercase;
	font-weight: bold;
}
td {
	font-size: 12px;
	padding: 0.8em;
}

/* ---------------------------- */
/*        Social Icons
/* ---------------------------- */

.socials ul {
	float: left;
	margin: 0;
}
.socials ul li {
	float: left;
	display: inline-block;
	margin: 0;
}
.socials ul li a {
	display: block;
	margin-right: 1px;
	margin-bottom: 1px;
	width: 36px;
	height: 36px;
	font-size: 16px;
	line-height: 36px;
	text-align: center;
	position: relative;
	-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
	box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
}
.socials ul li a span {
	height: auto;
	line-height: 20px;
	padding: 4px 9px;
	left: 0;
	font-size: 11px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	background: #555;
	text-indent: 0px;
	position: absolute;
	z-index: 5;
	pointer-events: none;
	bottom: 50px;
	display: none;
	box-shadow: 0 0 6px rgba(0,0,0,0.3);
}
.footer-socials ul li a span:before,
.footer-socials ul li a span:after,
.content .socials ul li a span:before,
.content .socials ul li a span:after {
	content: '';
	position: absolute;
	bottom: -6px;
	left: 15px;
	margin-left: -6px;
	width: 0;
	height: 0;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #555;
}
.socials ul li a:hover span {
	bottom: 46px;
	display: block;
}
.footer-socials ul {float: right;}
.footer-socials ul li a {
	margin: 0px 0 1px 1px;
	font-weight: normal;
}
.footer-socials ul li a, .footer-socials ul li a:hover {border-bottom: none;}
.socials li.social-twitter a:before 		{content: "\f099";}
.socials li.social-facebook a:before 		{content: "\f09a";}
.socials li.social-google a:before 			{content: "\f0d5";}
.socials li.social-rss a:before 			{content: "\f09e";}
.socials li.social-linkedin a:before 		{content: "\f0e1";}
.socials li.social-pinterest a:before 		{content: "\f0d2";}
.socials li.social-mail a:before 			{content: "\f0e0";}

/* icomoon socials */
.socials li.social-dribbble a:before 		{content: "\e005";}
.socials li.social-skype a:before 			{content: "\e00c";}
.socials li.social-forrst a:before 			{content: "\e006";}
.socials li.social-vimeo a:before 			{content: "\e002";}
.socials li.social-youtube a:before 		{content: "\e001";}
.socials li.social-instagram a:before 		{content: "\e000";}
.socials li.social-flickr a:before 			{content: "\e003";}
.socials li.social-deviantart a:before 		{content: "\e007";}
.socials li.social-stumbleupon a:before 	{content: "\e010";}
.socials li.social-reddit a:before 			{content: "\e00d";}
.socials li.social-picasa a:before 			{content: "\e004";}
.socials li.social-tumblr a:before 			{content: "\e00a";}
.socials li.social-blogger a:before 		{content: "\e009";}
.socials li.social-delicious a:before		{content: "\e00f";}
.socials li.social-lastfm a:before			{content: "\e00e";}
.socials li.social-soundcloud a:before 		{content: "\e00b";}

/* social icons hover bgs */
.socials li.social-twitter a:hover {background: #1BB2E9;}
.socials li.social-facebook a:hover {background: #3B5A9B;}
.socials li.social-google a:hover {background: #DC4937;}
.socials li.social-rss a:hover {background: #F99638;} 
.socials li.social-linkedin a:hover {background: #007BB6;} 
.socials li.social-pinterest a:hover {background: #D5282E;}
.socials li.social-mail a:hover {background: #7BC0E5;} 
.socials li.social-dribbble a:hover {background: #E24D87;} 
.socials li.social-skype a:hover {background: #009CEF;} 
.socials li.social-forrst a:hover {background: #5D9B68;}
.socials li.social-vimeo a:hover {background: #17B2E8;}
.socials li.social-youtube a:hover {background: #ED3F41;}
.socials li.social-instagram a:hover {background: #A87D62;}
.socials li.social-flickr a:hover {background: #0062DD;}
.socials li.social-deviantart a:hover {background: #4E5E54;}
.socials li.social-stumbleupon a:hover {background: #EC4823;}
.socials li.social-reddit a:hover {background: #FF430A;}
.socials li.social-picasa a:hover {background: #9864AE;}
.socials li.social-tumblr a:hover {background: #455469;}
.socials li.social-blogger a:hover {background: #FE6700;}
.socials li.social-delicious a:hover {background: #3D89DD;}
.socials li.social-lastfm a:hover {background: #D21309;}
.socials li.social-soundcloud a:hover {background: #F47F20;}

.socials ul li a:hover {color: #fff;}

/* --------- OVERLAY --------- */

.image-overlay .over-bg {
	display: block;
	width: 100%;
	height: 100%;
	opacity: 0;
	left: 0;
	top: 0;
	position: absolute;
	font-size: 1em;
	text-shadow: none;
}
.image-overlay .over-bg {
	background: #000000;
}
.image-overlay .over-info {
	opacity: 0;
	position: absolute;
	top: 20%;
	left: 50%;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;	
	margin: -25px 0 0 -25px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
	box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
}
.lightbox-photo {
	padding: 0;
	position: relative;
}
.lightbox-photo a {
	display:block;
	position:relative;
	z-index: 5;
}
.lightbox-photo a img {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/* fix for features tabs */
.features-tabs .mt-tabs .portfolio-filterable .portfolio-item .over-info div {
	top: 50% !important;
	margin-top: -1em;
}

/* --------- ToTop PLUGIN --------- */

#toTop {
	display:none;
	text-decoration:none;
	position:fixed;
	z-index: 999;
	bottom:20px;
	right:20px;
	overflow:hidden;
	width:40px;
	height:40px;
	line-height: 40px;
	border:none;
	font-size: 16px;
	text-align: center;
	color: #fff;
	background: #444;
	background: rgba(0,0,0,.5);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
#toTop:hover {
	background: #000;
	background: rgba(0,0,0,.8);
}
#toTop:active, #toTop:focus {outline:none;}

/* ---------------------------- */
/*         Structure
/* ---------------------------- */

.main-content {
	margin: 0 auto;
	width: 100%;
	position: relative;
}
.content {
	overflow: hidden;
	position: relative;
	z-index: 997;
}
.content > .container {
	padding-top: 40px;
	padding-bottom: 40px;
}
.header-section {
	position: relative;
	margin: 0 auto;
	display: block;
}
.header {
	margin: 0 auto;
	-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,.15);
	box-shadow: 0px 0px 8px 0px rgba(0,0,0,.15);
}
.content {
	margin: 0 auto;
	-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,.15);
	box-shadow: 0px 0px 8px 0px rgba(0,0,0,.15);
}

/* full width layout */
.fw-layout .header,
.fw-layout .content,
.fw-layout .header-section {width: 100%;}

/* --------- 404 PAGE --------- */

.page-404-info {
	padding: 40px 0;
	text-align: center;
	font-size: 120px;
	font-weight: bold;
}
.page-404-info span {
	font-size: 20px;
	font-weight: normal;
}

/* --------- HEADER --------- */

.header {
	position: relative;
	z-index: 999;
	height: 88px;
}
.header .row {margin-bottom: 0;}
.header .logo {
	float: left;
	max-width: 100%;
	display: inline;
	margin-top: 30px;
}
.header .logo img {
	display: block;
	width: auto;
	height: auto;
	max-height: 100%;
}

/* --------- STICKY HEADER --------- */

.stick