/* #######################################################################

	Theme Name: Designy
	Theme URI: http://www.meanthemes.com/theme/designy/
	Description: Designy: A design led Business WordPress theme, good for everyone
	Author: MeanThemes
	Author URI: http://meanthemes.com/
	License: GNU General Public License version 3.0
	License URI: http://www.gnu.org/licenses/gpl-3.0.html
	Version: 1.1.3
	Tags: light, white, gray, one-column, two-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, full-width-template, theme-options, translation-ready

########################################################################

	0.  CSS Reset, Font setup and Plugins
	1.	Typography & Text Colours
	2.	WordPress defaults
	3.	General Layout & Setup
	4.	Shortcodes
	5. 	Core layout
	6.	Homepage
	7.	Page Template
	8. 	Archive
	9. 	Single
	10. Portfolio
	11.	Our Team
	12.	Contact
	13.	Archives
	14.	Pesky IE Fixes
	15.	RWD
	16.	Print
	
/* #######################################################################

	0.  CSS Reset, Font setup and Plugins

####################################################################### */

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:none;}
ins{background-color:#ff9;color:#333;text-decoration:none;}
mark{background-color:#ff9;color:#333;font-style:italic;font-weight:700;}
del{text-decoration:line-through;}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help;}
table{border-collapse:collapse;border-spacing:0;}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}
input,select{vertical-align:middle;}
body{font:13px/1.231 sans-serif;}
select,input,textarea,button{font:99% sans-serif;}
pre,code,kbd,samp{font-family:monospace, sans-serif;}
html{overflow-y:scroll;}
a:hover,a:active{outline:none;}
ul,ol{margin-left:2em;}
ol{list-style-type:decimal;}
nav ul,nav li{list-style:none;list-style-image:none;margin:0;}
small{font-size:85%;}
strong,th{font-weight:700;}
td{vertical-align:top;}
sub,sup{font-size:75%;line-height:0;position:relative;}
sup{top:-.5em;}
sub{bottom:-.25em;}
pre{white-space:pre-wrap;word-wrap:break-word;padding:1em;}
textarea{overflow:auto;}
.ie6 legend,.ie7 legend{margin-left:-7px;}
input[type="checkbox"]{vertical-align:bottom;}
.ie7 input[type="checkbox"]{vertical-align:baseline;}
label,input[type="button"],input[type="submit"],input[type="image"],button{cursor:pointer;}
button,input,select,textarea{margin:0;}
input:invalid,textarea:invalid{border-radius:1px;-moz-box-shadow:0 0 5px red;-webkit-box-shadow:0 0 5px red;box-shadow:0 0 5px red;}
.no-boxshadow input:invalid,.no-boxshadow textarea:invalid{background-color:#f0dddd;}
button{width:auto;overflow:visible;}
.ie7 img{-ms-interpolation-mode:bicubic;}
input[type="radio"],.ie6 input{vertical-align:text-bottom;}
em, i { font-style: oblique; }
img { max-width: 100%; height: auto; }
#map img { max-width: inherit; }

/* Initial Theme Options */
body, input, textarea {
	color: #777575!important;
}

body, input, button, textarea, p.form-submit input, button, input.searchsubmit {
	font-size: 17px;
}

h1 {
	font-size: 69px;
}

.archive-article h2, .single .format-link h2, .single .format-quote h2 {
	font-size: 49px;
}

h2 {
	font-size: 30px;
}

h3 {
	font-size: 26px;
	color: #d34f4d;
}

h4 {
	font-size: 22px;
}

h5 {
	font-size: 19px;
}

h6, blockquote {
	font-size: 16px;
}

header span.site-title {
	font-size: 36px !important;
}

.tagline {
	font-size: 15px !important;
}

.meta, .sidebar, .navigation, footer, #commentform .form-allowed-tags, .author-meta {
	font-size: 13px;
}
header nav ul ul {
font-size: 10px;
}

header nav {
	font-size: 27px;
}

body, input, button, textarea {
	font-family: "Helvetica Neue", Arial, sans-serif;
	font-weight: 200;
}

h1, h2, h3, h4, h5, h6, header, .lead {
	font-weight: 700;
}

header nav ul ul {
	font-family: "Helvetica Neue", Arial, sans-serif;
}

body, input, button, textarea, .single-content .meta.bottom {
	color: #4a5154;
}

h1, .archive-article h2, .lead .title, .site-title, .lead, header nav, .portfolio.home h2, .portfolio.home h3, .portfolio.home h4, section.clients h4, footer h5, .sidebar h5, #portfolio-main h4, .team-content h2, .single .format-link h2, .single .format-quote h2 {
	font-family: "Yanone Kaffeesatz";
}

body, html.boxed body {
	background: #3e4345;
}

.content article .post-content, div.comments, #respond, .commentlist, .content article .post-content.default {
	background: #ffffff;
}

header .logo a {
	color: #4a5154;
}

header .logo a:hover {
	color: #ffffff;
}

header span.tagline {
	color: #fff;
}

h2, h4, h5, h6 {
	color: #4a5154;
}

a, .meta a:hover, .meta.top a:hover, .meta .more a, .sidebar li.current_page_item a:hover, .portfolio.home .meta a:hover, #portfolio-main meta a:hover, #filters a:hover, #filters a.active, .navigation .left a:hover, .navigation .right a:hover {
	color: #f77564;
}

a:hover, .sidebar li.current_page_item a, header nav ul li a:hover, header nav ul li {
	color: #3e4345;
}

footer {
	color: #aaacaa;
}

footer {
	background: #2a2f31;
}

footer h5 {
	color: #a7b0b4;
}

footer a {
	color: #f77564;
}

footer a:hover {
	color: #ffffff;
}

p.form-submit button, p.form-submit input, button:hover, input.searchsubmit, .comment-respond p.form-submit input, #respond p.form-submit input, .flex-next, .flex-prev {
	background-color: #f77564;
}

header nav ul li a, header nav li.sfHover a {
	color: #949393;
}

header nav ul li a:hover, header nav li.current_page_item a, header nav li.current-menu-item a, header nav li.current_page_ancestor a, header nav li.current_page_parent a, header nav li.current-post-ancestor a, header nav li.current-page-ancestor a {
	color: #ffffff;
}

a:hover.more, a.btn:hover, span.btn a:hover, button:hover, input#searchsubmit:hover, .form-submit input:hover, p.form-submit button:hover, p.form-submit input:hover, button:hover, input.searchsubmit:hover, .comment-respond p.form-submit input:hover, #respond p.form-submit input:hover, .flex-next:hover, .flex-prev:hover {
	background-color: #2a2f31;
}

.mean-container .mean-bar, .mean-container .mean-nav, header nav ul ul {
	background: #232627
}

.foot .copyright {
	font-size: 11px;
}

.meta, .meta.top a {
	color: #a7b0b4;
}

.navigation {
	background: #171a1b;
}

.navigation {
	font-size: 15px;
}

.navigation, .navigation a, .navigation .nav-previous, .navigation .nav-next {
	color: #f77564;
}

.navigation, .navigation a:hover, .navigation .nav-previous:hover, .navigation .nav-next:hover {
	color: #444b4e;
}

.sidebar, .sidebar h5 {
	color: #a7b0b4;
}

.meta {
	font-size: 15px;
}

footer h5, .sidebar h5 {
	font-size: 49px;
}

footer .foot {
	background-color: #171a1b;
}

h1 {
	color: #ffffff;
}

header {
	background-color: #f77564;
}

.lead {
	font-size: 31px;
}

.emphasise {
	font-family: Rochester, cursive;
}

.emphasise {
	color: #f77564;
}

.lead span.inverse {
	color: #f77564;
}

.lead .footnote span.inverse {
	color: #f77564;
}

.portfolio.home {
	background-color: #4a5154;
}

.portfolio.home article, #portfolio-main article, .portfolio.home h3, #portfolio-main h4 {
	color: #a7b0b4;
}

.portfolio.home h2 {
	color: #ffffff;
}

.portfolio.home h2 {
	font-size: 49px;
}

.portfolio.home h3, #portfolio-main h4 {
	font-size: 31px;
}

.divide {
	
}

.portfolio.home a:hover, #portfolio-main .portfolio-content h4 a:hover {
	color: #ffffff;
}

.portfolio.home h4, #portfolio-main h4 {
	font-size: 37px;
}

.meta .hyphen {
	border-color: #9da5a9;
}

.meta a, .navigation .left a, .navigation .right a {
	color: #ffffff;
}

section.clients {
	background: #303638;
}

section.clients h4 {
	color: #676f72;
}

section.clients h4 {
	font-size: 37px;
}

section.clients h4 .emphasise {
	color: #ffffff;
}

a.btn.strip {
	background: #171a1b;
}

a:hover.btn.strip {
	background: #2A2F31;
}

.sidebar a:hover, .sidebar li.current_page_item a {
	color: #ffffff;
}

blockquote {
	font-size: 19px;
}

blockquote {
	border-top: 9px solid #eceded;
	border-bottom: 1px solid #eceded;
}

.meta.top, .post-audio {
	background-color: #2a2f31;
}

.meta.bottom {
	background-color: #ebebeb;
}

li.more a {
	color: #f77564;
}

li.more a:hover {
	color: #2a2f31;
}

.format-chat p, .format-chat p:first-of-type {
	border-color: #ebebeb;
}

.posts .format-link .post-content, .single .format-link .post-content {
	background-color: #f77564;
}

.posts .format-link .post-content a, .posts .format-link .post-content a {
	color: #f5f5f5;
}

.posts .format-link .post-content:hover a, .posts .format-link .post-content a:hover, .meta.bottom a:hover, .single .format-link .post-content:hover a, .single .format-link .post-content a:hover {
	color: #2a2f31;
}

.posts .format-quote .post-content, .single .format-quote .post-content {
	background-color: #171a1b;
}

.posts .format-quote .post-content a, .meta.post-share, .single .format-quote .post-content h2 {
	color: #f5f5f5;
}

.posts .format-quote .post-content:hover a, .posts .format-quote .post-content a:hover, .meta.bottom a, .single .format-quote .post-content:hover a, .single .format-quote .post-content a:hover {
	color: #f77564;
}

#respond-title a, #respond-title a:hover {
	background-color: #171a1b;
}

#respond-title a, #respond-title a:hover {
	color: #f77564;
}

#respond-title a, #respond-title a:hover {
	font-size: 15px;
}

.navigation a {
	color: #ffffff;
}

.navigation a {
	color: #f77564;
}

#filters {
	background: #2a2f31;
}

#filters {
	color: #a7b0b4;
}

#filters {
	font-size: 15px;
}

#filters a {
	color: #f1f9fc;
}

.portfolio-inner {
	border-right: 1px solid #d3d7d9;
}

.portfolio-page .flexslider {
	border-bottom: 1px solid #d3d7d9;
}

.portfolio-details {
	font-size: 13px;
}

.team-member {
	font-size: 15px;
}

.team-content h2 {
	font-size: 37px;
}

.team-content h2 {
	color: #f77564;
}

h1.searching span {
	background: #f77564;
}

.post-edit-link {
float: left;
margin-top: 5px;
}

.menu .dropdown .sub-menu { display: none; }

/* #######################################################################

	Tutor Bios
	
####################################################################### */

.bio {
background: #d2cdc9;
border: 20px;
}

.bio p { 
	margin-left:1em; 
	margin-right:1em;
	padding-bottom: 1.5em;}

.bio h3 { margin: 0.5em; padding-top: 0.5em;}

.bio img {margin: 0.5em 1em 1em 1em;}

/* #######################################################################

	Event Styling - Plugin: The Events Calendar
	
####################################################################### */

#tribe-events-bar {margin-top: 5px;}
h2.tribe-events-page-title {font-size: 30px;}

/* tribe-events-bar {visibility: hidden;} */

.tribe-events-list-separator-month {
margin: 0;
font-size: 25px;
}
li.tribe-events-list-widget-events h4{
font-size: 18px;
padding: 0;
margin: 0;
}
.tribe-events-list-widget-events{
overflow: auto;
}

.hfeed vcalendar ul, ol {margin-left: 0;}

.page-widget {padding-bottom: 0!important;}

.single-tribe_events .tribe-events-content {
padding: 4%!important; 
background: #fff; 
float: left;
}
#tribe-mobile-container {background: #fff; padding: 4%!important; }
#tribe-mobile-container .hentry.vevent h4 {margin-bottom: 0.8em;}

.tribe-events-loop{
padding: 4%!important; 
background: #fff; 
}
.single-tribe_events .tribe-events-schedule h3, .single-tribe_events .tribe-events-schedule .tribe-events-cost {font-size: 20px;}
.single-tribe_events .tribe-events-content {
width: auto!important;

}

.tribe-events-cost {color: #d34f4d;}

.tribe-events-list-widget-events {content: "auto";
}

@-moz-document url-prefix() {
    .sidebar {
        margin-top: 2%;
    }
}

/* #######################################################################

	0.0 CSS Support for QuickFlickr Widget (http://wordpress.org/extend/plugins/quick-flickr-widget/)
	
####################################################################### */

.quick-flickr-item {
	width: 32.333333%;
	margin-top: 4px;
	float: left;
}

.quick-flickr-item img {
	width: 88%;
}

/* #######################################################################

	0.1 Plugin - Superfish

####################################################################### */

header nav ul ul {
	position: absolute;
	top: -999em;
	width: 18em;
	text-align: left;
	z-index: 3;
	background: #f6f6f6;
	padding: 1em 1em;
	margin-top: 34px;
	line-height: 1.2;
}

header nav ul ul ul {
	margin-top: 4px;
}

header nav ul ul li {
	width: 100%;
	float: left;
	display: block;
	line-height: 1em;
	margin: 0.25em 0;
}

header nav ul li:hover {
	visibility: inherit;
}

header nav ul li, header nav ul a {
	position: relative;
}

header nav ul li:hover ul,  header nav ul li.sfHover ul {
	left: 0;
	top: 0em;
	z-index: 99;
}

header nav ul li:hover ul li ul,  header nav ul li.sfHover ul li ul {
	left: 16em;
}

header nav ul li:hover ul ul {
	left: 15em;
}

header nav ul li:hover li ul,  header nav ul li.sfHover li ul {
	top: -999em;
}

header nav ul li li:hover ul,  header nav ul li li.sfHover ul {
	left: 7em;
	top: 0;
}

header nav ul li li:hover li ul,  header nav ul li li.sfHover li ul {
	top: -999em;
}

header nav li.sfHover a {
	text-decoration: none;
}

header nav ul ul li a, header nav li.sfHover li a {
	text-decoration: none;
	background: none;
	color: #fff !important;
}

header nav ul li ul li a {
	text-decoration: none;
	padding: 0.75em 0 0.25em 0;
	display: block;
	float: left;
	width: 100%;
	background: none;
	border-bottom: none;
}

header nav ul ul li:first-child a {
	padding: 0;
	border-top: none;
}

header nav ul ul a:hover {
	text-decoration: underline;
}

/* #######################################################################

	0.2 Plugin - meanMenu v2.0

####################################################################### */

/* hide the link until viewport size is reached */
a.meanmenu-reveal {
	display: none;
}

/* when under viewport size, .mean-container is added to body */
.mean-container .mean-bar {
	float: left;
	width: 100%;
	position: relative;
	background: #2A2F31;
	padding: 4px 0;
	min-height: 42px;
	z-index: 999999;
}

.mean-container a.meanmenu-reveal {
	width: 22px;
	height: 22px;
	padding: 13px 13px 11px 13px;
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
	color: #fff;
	text-decoration: none;
	font-size: 16px;
	text-indent: -9999em;
	line-height: 22px;
	font-size: 1px;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 700;
}

.mean-container a.meanmenu-reveal span {
	display: block;
	background: #fff;
	height: 3px;
	margin-top: 3px;
}

.mean-container .mean-nav {
	float: left;
	width: 100%;
	background: #2A2F31;
	margin-top: 33px;
}

.mean-container .mean-nav ul {
	padding: 0;
	margin: 0;
	width: 100%;
	list-style-type: none;
}

.mean-container .mean-nav ul li {
	position: relative;
	float: left;
	width: 100%;
}

.mean-container .mean-nav ul li a {
	display: block;
	float: left;
	width: 90%;
	padding: 1em 5%;
	margin: 0;
	text-align: left;
	color: #fff;
	border-bottom: 1px solid #383838;
	border-bottom: 1px solid rgba(255,255,255,0.5);
	text-decoration: none;
	text-transform: uppercase;
}

.mean-container .mean-nav ul li li a {
	width: 80%;
	padding: 1em 10%;
	border-bottom: 1px solid #f1f1f1;
	border-bottom: 1px solid rgba(255,255,255,0.25);
	opacity: 0.75;
	filter: alpha(opacity=75);
	text-shadow: none !important;
	visibility: visible;
}

.mean-container .mean-nav ul li.mean-last a {
	border-bottom: none;
	margin-bottom: 0;
}

.mean-container .mean-nav ul li li li a {
	width: 70%;
	padding: 1em 15%;
}

.mean-container .mean-nav ul li li li li a {
	width: 60%;
	padding: 1em 20%;
}

.mean-container .mean-nav ul li li li li li a {
	width: 50%;
	padding: 1em 25%;
}

.mean-container .mean-nav ul li a:hover {
	background: #252525;
	background: rgba(255,255,255,0.1);
}

.mean-container .mean-nav ul li a.mean-expand {
	width: 26px;
	height: 26px;
	border: none !important;
	padding: 12px !important;
	text-align: center;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2;
	font-weight: 700;
}

.mean-container .mean-nav ul li a.mean-expand:hover {
	background: none;
}

.mean-container .mean-push {
	float: left;
	width: 100%;
	padding: 0;
	margin: 0;
	clear: both;
}

.mean-nav .wrapper {
	width: 100%;
	padding: 0;
	margin: 0;
}

/*
 * jQuery FlexSlider v2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */

 
/* Browser Resets */
.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {
	outline: none;
}

.slides, .flex-control-nav, .flex-direction-nav {
	margin: 0;
	padding: 0;
	list-style: none;
}

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {
	margin: 0;
	padding: 0;
}

.flexslider .slides > li {
	display: none;
	-webkit-backface-visibility: hidden;
} /* Hide the slides before the JS is loaded. Avoids image jumping */

.flexslider .slides img {
	width: 100%;
	display: block;
}

.flex-pauseplay span {
	text-transform: capitalize;
}

/* Clearfix for the .slides element */
.slides:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

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

* html .slides {
	height: 1%;
}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {
	display: block;
}

/* FlexSlider Default Theme
*********************************/
.flexslider {
	margin: 0;
	position: relative;
	zoom: 1;
}

.flex-viewport {
	max-height: 2000px;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	transition: all 1s ease;
}

.loading .flex-viewport {
	max-height: 300px;
}

.flexslider .slides {
	zoom: 1;
}

.carousel li {
	margin-right: 5px
}

.flex-direction-nav {
	position: absolute;
	right: 10px;
	bottom: 10px;
	padding: 20px 8px 8px 20px;
	width: 98px;
	z-index: 1;
}

.flex-next, .flex-prev {
	float: left;
	display: inline-block;
	padding: 0;
	background-image: url(assets/img/arrow.png);
	background-color: #f77564;
	background-repeat: no-repeat;
	background-position: 50% -78px;
	width: 44px;
	height: 44px;
	text-indent: -9999em;
	-o-transition: background-color 0.25s ease-in;
	-webkit-transition: background-color 0.25s ease-in;
	-moz-transition: background-color 0.25s ease-in;
	transition: background-color 0.25s ease-in;
}

.flex-next:hover, .flex-prev:hover {
	-o-transition: background-color 0.25s ease-in;
	-webkit-transition: background-color 0.25s ease-in;
	-moz-transition: background-color 0.25s ease-in;
	transition: background-color 0.25s ease-in;
}

.flex-prev {
	margin-right: 10px;
	background-position: 50% 9px;
}

/* Control Nav */
.flex-control-nav {
	width: 100%;
	position: absolute;
	bottom: 40px;
	text-align: center;
}

.flex-control-nav li {
	margin: 0 6px;
	display: inline-block;
	zoom: 1;
*display: inline;
}

.flex-control-paging li a {
	width: 11px;
	height: 11px;
	display: block;
	background: #666;
	background: rgba(0,0,0,0.5);
	cursor: pointer;
	text-indent: -9999px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px;
	box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
}

.flex-control-paging li a:hover {
	background: #333;
	background: rgba(0,0,0,0.7);
}

.flex-control-paging li a.flex-active {
	background: #000;
	background: rgba(0,0,0,0.9);
	cursor: default;
}

.flex-control-thumbs {
	margin: 5px 0 0;
	position: static;
	overflow: hidden;
}

.flex-control-thumbs li {
	width: 25%;
	float: left;
	margin: 0;
}

.flex-control-thumbs img {
	width: 100%;
	display: block;
	opacity: .7;
	cursor: pointer;
}

.flex-control-thumbs img:hover {
	opacity: 1;
}

.flex-control-thumbs .flex-active {
	opacity: 1;
	cursor: default;
}

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

.flex-direction-nav .flex-prev {
	opacity: 1;
	left: 0;
}

.flex-direction-nav .flex-next {
	opacity: 1;
	right: 0;
}
}

/*
 * Skin for jPlayer Plugin (http://jplayer.org/)
 * jPlayer Version: 2.2.0
 *
 * Based on Author: @thelukemcdonald (lukemcdonald.com) implementation and design by @ormanclark (premiumpixels.com).
 */

/* GENERAL
----------------------------------------------- */
.jp-jplayer {
	width: 0px;
	height: 0px;
	background-color: #000000;
}

.jp-audio {
	margin: 0 auto;
	width: 94%;
	max-width: 100%;
	padding: 0;
	font-size: 1em;
	font-family: "Helvetica Neue", Helvetica, Arial, "Nimbus Sans L", sans-serif;
	color: #fff;
	line-height: 1.6;
}

.jp-audio a {
	text-decoration: none;
	color: #d2d6db;
}

.jp-audio a:hover {
	color: #ffffff;
}

.jp-interface {
	position: relative;
	height: 30px;
	width: 100%;
	background-color: #222222;
	background-repeat: repeat-x;
	background-image: -khtml-gradient(linear, left top, left bottom, from(#3a3b3c), to(#222222));
	background-image: -moz-linear-gradient(#3a3b3c, #222222);
	background-image: -ms-linear-gradient(#3a3b3c, #222222);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3a3b3c), color-stop(100%, #222222));
	background-image: -webkit-linear-gradient(#3a3b3c, #222222);
	background-image: -o-linear-gradient(#3a3b3c, #222222);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3a3b3c', endColorstr='#222222', GradientType=0);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#3a3b3c', endColorstr='#222222', GradientType=0)";
	background-image: linear-gradient(#3a3b3c, #222222);
	-webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
	-khtml-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
	-o-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
}

/* CONTROLS
----------------------------------------------- */
.jp-controls {
	float: left;
	width: 30px;
	height: 30px;
	list-style-type: none;
	padding: 0;
	margin: 0;
	z-index: 100;
}

.jp-controls:after {
	content: " ";
	position: absolute;
	top: 0;
	left: 30px;
	width: 0;
	height: 30px;
	border-left: 1px solid #242526;
	border-right: 1px solid #323334;
}

.jp-controls li {
	float: left;
}

.jp-controls a {
	position: absolute;
	overflow: hidden;
	text-indent: -9999px;
}

.jp-play, .jp-pause, .jp-mute, .jp-unmute {
	z-index: 1;
	outline: none;
	width: 30px;
	height: 30px;
	background-position: 10px center;
	background-repeat: no-repeat;
}

.jp-play:hover, .jp-pause:hover, .jp-mute:hover, .jp-unmute:hover {
	background-position: -23px center;
}

.jp-play {
	background-image: url('assets/img/audio/play.png');
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {

.jp-play {
	background-image: url('assets/img/audio/play@2x.png');
	background-size: 44px 13px;
}
}

.jp-pause {
	display: none;
	background-image: url('assets/img/audio/pause.png');
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {

.jp-pause {
	background-image: url('assets/img/audio/pause@2x.png');
	background-size: 44px 11px;
}
}

.jp-mute, .jp-unmute {
	display: block;
	position: absolute;
	top: 0;
	right: 55px;
}

.jp-mute {
	background-image: url('assets/img/audio/mute-off.png');
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {

.jp-mute {
	background-image: url('assets/img/audio/mute-off@2x.png');
	background-size: 50px 13px;
}
}

.jp-unmute {
	background-image: url('assets/img/audio/mute-on.png');
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {

.jp-unmute {
	background-image: url('assets/img/audio/mute-on@2x.png');
	background-size: 43px 11px;
}
}

/* PROGRESS BAR
----------------------------------------------- */
.jp-progress {
	position: absolute;
	padding: 0 10% 0 12%;
	margin-top: 12px;
	margin-bottom: 12px;
	margin-left: 0;
	margin-right: 0;
	width: 78%;
	height: 7px;
}

.jp-seek-bar, .jp-play-bar {
	width: 0px;
	height: 5px;
	-webkit-border-radius: 1px;
	-khtml-border-radius: 1px;
	-moz-border-radius: 1px;
	-o-border-radius: 1px;
	border-radius: 1px;
}

.jp-seek-bar {
	cursor: pointer;
	position: relative;
	z-index: 999;
	background: #464849;
	width: 85% !important;
}

.single .post-audio .jp-seek-bar {
	width: 80% !important;
}

.insta .jp-seek-bar {
	width: 40% !important;
	margin-left: 16px;
}

.jp-seek-bar:before {
	content: " ";
	display: block;
	background: transparent;
	border: 1px solid;
	border-color: #212424 #262929 #262929;
	height: 5px;
	width: 100%;
	position: relative;
	top: -1px;
	left: -1px;
	-webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.1);
	-khtml-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.1);
	-moz-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.1);
	-o-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.1);
	box-shadow: 0 1px 1px rgba(255, 255, 255, 0.1);
	-webkit-border-radius: 1px;
	-khtml-border-radius: 1px;
	-moz-border-radius: 1px;
	-o-border-radius: 1px;
	border-radius: 1px;
}

.jp-play-bar {
	position: absolute;
	top: 0;
	left: 0;
	-webkit-animation: progress 0.75s linear infinite;
	-moz-animation: progress 0.75s linear infinite;
	-o-animation: progress 0.75s linear infinite;
	-ms-animation: progress 0.75s linear infinite;
	animation: progress 0.75s linear infinite;
}

/* VOLUME BAR
----------------------------------------------- */
.jp-volume-bar {
	float: right;
	z-index: 99;
	position: relative;
	margin: 12px 10px 12px;
	width: 40px;
	height: 7px;
	cursor: pointer;
	background: #262929;
	-webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.1);
	-khtml-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.1);
	-moz-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.1);
	-o-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.1);
	box-shadow: 0 1px 1px rgba(255, 255, 255, 0.1);
	-webkit-border-radius: 1px;
	-khtml-border-radius: 1px;
	-moz-border-radius: 1px;
	-o-border-radius: 1px;
	border-radius: 1px;
}

.jp-volume-bar:before {
	content: " ";
	position: absolute;
	top: -12px;
	left: -35px;
	width: 0;
	height: 30px;
	border-left: 1px solid #323334;
	border-right: 1px solid #242526;
}

.jp-volume-bar-value {
	width: 0px;
	height: 5px;
	margin: 1px;
	-webkit-border-radius: 1px;
	-khtml-border-radius: 1px;
	-moz-border-radius: 1px;
	-o-border-radius: 1px;
	border-radius: 1px;
}

/* Diagonal Background Bars */
.jp-play-bar, .jp-volume-bar-value {
	-webkit-box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.3);
	-khtml-box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.3);
	-moz-box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.3);
	-o-box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.3);
	box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.3);
	-webkit-background-size: 7px 7px;
	-moz-background-size: 7px 7px;
	-o-background-size: 7px 7px;
	background-size: 7px 7px;
	background-color: #DB5C56;
	background-repeat: repeat-x;
	background-image: -khtml-gradient(linear, left top, left bottom, from(#fff200), to(#fcc500));
	background-image: -moz-linear-gradient(#fff200, #fcc500);
	background-image: -ms-linear-gradient(#fff200, #fcc500);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff200), color-stop(100%, #fcc500));
	background-image: -webkit-linear-gradient(#fff200, #fcc500);
	background-image: -o-linear-gradient(#fff200, #fcc500);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff200', endColorstr='#fcc500', GradientType=0);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff200', endColorstr='#fcc500', GradientType=0)";
	background-image: linear-gradient(#fff200, #fcc500);
	background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(0.25, rgba(255, 255, 255, 0.3)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.3)), color-stop(0.75, rgba(255, 255, 255, 0.3)), color-stop(0.75, transparent), to(transparent));
	background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.3) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 75%, transparent 75%, transparent);
	background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.3) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 75%, transparent 75%, transparent);
	background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.3) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 75%, transparent 75%, transparent);
	background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.3) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 75%, transparent 75%, transparent);
	background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.3) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 75%, transparent 75%, transparent);
}

/* TIME HOLDER
----------------------------------------------- */
.jp-time-holder {
	display: none;
	visibility: hidden;
}

/* TIME HOLDER
----------------------------------------------- */
.jp-toggles {
	display: none;
	visibility: hidden;
}

/* PLAYLIST
----------------------------------------------- */
.jp-playlist {
	width: 95%;
	margin: 0 auto;
	font-size: 13px;
	background-color: #3a3b3c;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
	-khtml-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
	-o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
	-webkit-border-radius: 0 0 3px 3px;
	-khtml-border-radius: 0 0 3px 3px;
	-moz-border-radius: 0 0 3px 3px;
	-o-border-radius: 0 0 3px 3px;
	border-radius: 0 0 3px 3px;
}

.jp-playlist a {
	display: block;
}

.jp-playlist ul {
	width: 100%;
	padding: 0;
	margin: 0;
	list-style: none;
	-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15);
	-khtml-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15);
	-o-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15);
	box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15);
}

.jp-playlist li {
	display: none;
	width: 100%;
	padding: 5px 10px;
	border-top: 1px solid #3d3f40;
	border-bottom: 1px solid #323334;
}

.jp-playlist li:first-child {
	border-top: none;
}

.jp-playlist li:last-child {
	border-bottom: none;
}

.jp-free-media {
	float: right;
	filter: alpha(opacity=50);
	-khtml-opacity: 0.5;
	-moz-opacity: 0.5;
	opacity: 0.5;
	font-size: 10px;
	text-transform: uppercase;
	margin-top: 1px;
	display: block;
}

.jp-free-media:hover {
	filter: alpha(opacity=80);
	-khtml-opacity: 0.8;
	-moz-opacity: 0.8;
	opacity: 0.8;
}

.jp-free-media a {
	display: inline;
}

.jp-free-media a:first-child:before, .jp-free-media a:last-child:after {
	content: " ";
}

.jp-playlist-current a {
	font-weight: bold;
	color: white;
}

.jp-playlist-current .jp-free-media a {
	font-weight: normal;
}
/* CSS3 ANIMATINS
----------------------------------------------- */
/* Progress Bar Animation */
@-webkit-keyframes progress {
 0% {
 background-position: 0;
}
 100% {
 background-position: -7px;
}
}
@-moz-keyframes progress {
 0% {
 background-position: 0;
}
 100% {
 background-position: -7px;
}
}
@-ms-keyframes progress {
 0% {
 background-position: 0;
}
 100% {
 background-position: -7px;
}
}
@-o-keyframes progress {
 0% {
 background-position: 0;
}
 100% {
 background-position: -7px;
}
}

/* #######################################################################

	1.	Typography & Text Colours

####################################################################### */
.post-content-404 {
font-size: 2em;
color: #f6b3bd;
margin: 2%
}

.post-content-404 p {line-height: 1.2;}

html {
	-webkit-text-size-adjust: none;
	-webkit-font-smoothing: aliased;
}

body, input, button, textarea {
	font: 16px/1 "Helvetica Neue", Arial, sans-serif;
	font-weight: 400;
	text-rendering: optimizeLegibility;
}

p {
	line-height: 1.8;
}

h1, h2, h3, h4, h5, h6 {
	line-height: 1.3;
}

a {
	text-decoration: none;
	-o-transition: color 0.25s ease-in;
	-webkit-transition: color 0.25s ease-in;
	-moz-transition: color 0.25s ease-in;
	transition: color 0.25s ease-in;
}

a:hover, .sidebar li.current_page_item a {
	text-decoration: none;
	-o-transition: color 0.25s ease-in;
	-webkit-transition: color 0.25s ease-in;
	-moz-transition: color 0.25s ease-in;
	transition: color 0.25s ease-in;
}

.portfolio.home h3 {
	line-height: 1.2;
}

.sidebar h5 {
	line-height: 1;
}

.sidebar {
	line-height: 1.8;
}

.team-member p {
	line-height: 1.4;
	margin: 1em 0 0 0;
}

.lead h1, .team-content h2 {
	line-height: 1.1;
}

.portfolio.home h4, #portfolio-main h4 {
	margin-top: 1em;
}

/* #######################################################################

	2.	WordPress defaults

####################################################################### */

.alignnone {
	margin: 5px 0 20px;
}

a img.alignnone {
	margin: 5px 20px 20px 0;
}

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

.aligncenter,  div.aligncenter,  .aligncenter {
	display: block;
	margin: 5px auto;
}

.alignright,  a img.alignright {
	float: right;
	margin: 5px 0 20px 20px;
}

.alignleft,  a img.alignleft {
	float: left;
	margin: 5px 20px 20px 0;
}

.sticky {
}

.gallery-caption {
	font-style: oblique;
font-size: 0.8em;
}

.bypostauthor .avatar {
	border-color: #ccc;
}

.wp-caption {
	padding: 10px;
	background: #fff;
	box-shadow: 0 0 2px rgba(0,0,0,0.3);
	display: inline-block;
}

.wp-caption img {
	border: 1px solid #ccc;
}

.wp-caption p {
	margin: 0;
	padding: 0;
}

/* calendar widget */
.widget_calendar {
	float: left;
}

#wp-calendar {
	width: 85%;
	background: #f1f1f1;
}

#wp-calendar caption {
	text-align: right;
	color: #a7b0b4;
	font-size: 12px;
	margin-top: 10px;
	margin-bottom: 15px;
}

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

#wp-calendar thead th {
	padding-bottom: 10px;
	font-weight: 700;
	text-align: center;
	background: #a7b0b4;
	color: #fff;
	padding: 8px;
}

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

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

#wp-calendar tbody tr:hover td {
	background: #f1f1f1;
	color: #a7b0b4
}

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

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

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

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

/* #######################################################################

	3.	General Layout & Setup

####################################################################### */

html {
	-webkit-text-size-adjust: none;
	-webkit-font-smoothing: antialiased;
}

body {
}

a img {
	border: none;
}

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

article ul, article ol {
	margin-left: 0;
	padding-left: 2em;
	margin-bottom: 1em;
	line-height: 1.6;
}

article ul ul, article ol ol, article ol ul, article ol ul, article .commentlist ul, .commentlist ol.commentlist {
margin-top:5;
	margin-bottom: 10;
}

blockquote {
	padding: 0.5em 0 0.5em 0;
	margin: 1em 0;
}

p {
	margin-bottom: 0.5em;
}

table {
	margin-bottom: 0em;
}

table, table td, table th {
	border-collapse: collapse;
}

table td, table th {
	padding: 5px 5px;
}

table th {
	text-align: left;
	font-weight: 400;
	

}

table td {
	background: #fff;

}

table tr.alt td {
	background: #f1f1f1;
}

table tr:hover td {
	
}

.contact-form input, .password-protect input, input.s, textarea, input[type=text], input[type=email], input[type=tel] {
	border: none;
	background: #cac3bd;
	width: 85%;
	padding: 0.5em;
	opacity: 0.5;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.contact-form input, .password-protect input, input.s, textarea, input[type=text], input[type=email], input[type=tel] a {
color: #000;
}
.contact-form p {}

.password-protect input[type=submit] {
	margin-top: 20px;
	opacity: 1;
}

.contact-form textarea, #respond form textarea {
	width: 100%;
}

.contact-form input, #respond form input {
	margin-right: 20px;
}

.contact-form form {
	padding-top: 0.25em;
}

textarea {
	width: 90%;
	height: 10em;
}

input[type=text], input[type=submit], input[type=password], input[type=url], input[type=email], textarea, button {
	-webkit-appearance: none;
	border-radius: 0;
	outline: none;
}

button, .form-submit input, .form-submit button {
	background: #f77564;
	color: #fff;
	border: none;
	padding: 1em 2em 1.1em 2em;
	-o-transition: background 0.25s ease-in;
	-webkit-transition: background 0.25s ease-in;
	-moz-transition: background 0.25s ease-in;
	transition: background 0.25s ease-in;
	border-radius: 0;
}

button:hover, .form-submit input:hover, .form-submit button:hover {
	background: #4a5154;
	-o-transition: background 0.25s ease-in;
	-webkit-transition: background 0.25s ease-in;
	-moz-transition: background 0.25s ease-in;
	transition: background 0.25s ease-in;
}

input.s {
	width: 90%;
}

label.error {
	float: left;
	width: 100%;
	color: #f00;
	margin: 0.5em 0 1em 0;
}

input.error, textarea.error {
	background: #fef4f3 !important;
}

ul.social {
	padding: 0;
	margin: 0;
	float: right;
}

.social-wrap ul.social {
	padding: 0;
	margin: 1em 0;
	float: right;
	width: 100%;
	text-align: right;
}

ul.social li {
	display: inline;
	list-style-type: none;
}

a.social {
	display: inline-block;
	position: relative;
	width: 22px;
	height: 22px;
	margin-left: 5px;
	margin-bottom: 5px;
	-o-transition: opacity 0.5s ease-in;
	-webkit-transition: opacity 0.5s ease-in;
	-moz-transition: opacity 0.5s ease-in;
	transition: opacity 0.5s ease-in;
	opacity: 0.6;
	filter: alpha(opacity=60);
	text-indent: -9999em;
	color: rgba(0,0,0,0) !important;
	font-size: 1px;
	line-height: 22px;
}

a.social:hover {
	-o-transition: opacity 0.25s ease-in;
	-webkit-transition: opacity 0.25s ease-in;
	-moz-transition: opacity 0.25s ease-in;
	transition: opacity 0.25s ease-in;
	opacity: 0.9;
	filter: alpha(opacity=90);
-moz-transform:scale(1.2); 
-webkit-transform:scale(1.2);
-o-transform:scale(1.2);
}

footer a.social {
	opacity: 0.5;
	filter: alpha(opacity=50);
}

footer a.social:hover {
	opacity: 1;
	filter: alpha(opacity=100);
}

.content article a.social, .content .team-content a.social {
	margin-top: 6px;
}

a.social:first-of-type {
	margin-left: 0;
}

a.social.first {
	margin-left: 0;
}

a.social.twitter {
	background: url(assets/img/social-twitter-black.png) 0 0 no-repeat;
	background-size: 21px 21px;
}

a.social.facebook {
	background: url(assets/img/social-facebook-black.png) 0 0 no-repeat;
	background-size: 21px 21px;
}

a.social.linkedin {
	background: url(assets/img/social-linkedin-black.png) 0 0 no-repeat;
	background-size: 21px 21px;
}

a.social.googleplus {
	background: url(assets/img/social-googleplus-black.png) 0 0 no-repeat;
	background-size: 21px 21px;
}

a.social.vimeo {
	background: url(assets/img/social-vimeo-black.png) 0 0 no-repeat;
	background-size: 21px 21px;
}

a.social.youtube {
	background: url(assets/img/social-youtube-black.png) 0 0 no-repeat;
	background-size: 21px 21px;
}

a.social.zerply {
	background: url(assets/img/social-zerply-black.png) 0 0 no-repeat;
	background-size: 21px 21px;
}

a.social.pinterest {
	background: url(assets/img/social-pinterest-black.png) 0 0 no-repeat;
	background-size: 21px 21px;
}

a.social.dribbble {
	background: url(assets/img/social-dribbble-black.png) 0 0 no-repeat;
	background-size: 21px 21px;
}

a.social.github {
	background: url(assets/img/social-github-black.png) 0 0 no-repeat;
	background-size: 21px 21px;
}

a.social.instagram {
	background: url(assets/img/social-instagram-black.png) 0 0 no-repeat;
	background-size: 21px 21px;
}

a.social.flickr {
	background: url(assets/img/social-flickr-black.png) 0 0 no-repeat;
	background-size: 21px 21px;
}

a.social.rss {
	background: url(assets/img/social-rss-black.png) 0 0 no-repeat;
	background-size: 21px 21px;
}

a.social.adn {
	background: url(assets/img/social-adn-black.png) 0 0 no-repeat;
	background-size: 21px 21px;
}

a.social.behance {
	background: url(assets/img/social-behance-black.png) 0 0 no-repeat;
	background-size: 21px 21px;
}

a.social.white.twitter {
	background: url(assets/img/social-twitter-white.png) 0 0 no-repeat;
	background-size: 21px 21px;
}

a.social.white.facebook {
	background: url(assets/img/social-facebook-white.png) 0 0 no-repeat;
	background-size: 21px 21px;
}

a.social.white.linkedin {
	background: url(assets/img/social-linkedin-white.png) 0 0 no-repeat;
	background-size: 21px 21px;
}

a.social.white.googleplus {
	background: url(assets/img/social-googleplus-white.png) 0 0 no-repeat;
	background-size: 21px 21px;
}

a.social.white.vimeo {
	background: url(assets/img/social-vimeo-white.png) 0 0 no-repeat;
	background-size: 21px 21px;
}

a.social.white.youtube {
	background: url(assets/img/social-youtube-white.png) 0 0 no-repeat;
	background-size: 21px 21px;
}

a.social.white.zerply {
	background: url(assets/img/social-zerply-white.png) 0 0 no-repeat;
	background-size: 21px 21px;
}

a.social.white.pinterest {
	background: url(assets/img/social-pinterest-white.png) 0 0 no-repeat;
	background-size: 21px 21px;
}

a.social.white.dribbble {
	background: url(assets/img/social-dribbble-white.png) 0 0 no-repeat;
	background-size: 21px 21px;
}

a.social.white.github {
	background: url(assets/img/social-github-white.png) 0 0 no-repeat;
	background-size: 21px 21px;
}

a.social.white.instagram {
	background: url(assets/img/social-instagram-white.png) 0 0 no-repeat;
	background-size: 21px 21px;
}

a.social.white.flickr {
	background: url(assets/img/social-flickr-white.png) 0 0 no-repeat;
	background-size: 21px 21px;
}

a.social.white.rss {
	background: url(assets/img/social-rss-white.png) 0 0 no-repeat;
	background-size: 21px 21px;
}

a.social.white.adn {
	background: url(assets/img/social-adn-white.png) 0 0 no-repeat;
	background-size: 21px 21px;
}

a.social.white.behance {
	background: url(assets/img/social-behance-white.png) 0 0 no-repeat;
	background-size: 21px 21px;
}

/* #######################################################################

	4.	Shortcodes

####################################################################### */

.one_half {
	width: 48%;
}

.one_third {
	width: 30.66%;
}

.two_third {
	width: 65.33%;
}

.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 {
	position: relative;
	margin-right: 4%;
	float: left;
}

.last {
	margin-right: 0 !important;
	clear: right;
}

.clearboth {
	clear: both;
	display: block;
	font-size: 0;
	height: 0;
	line-height: 0;
	width: 100%;
}

.clear {
	clear: both;
	display: block;
	width: 100%;
	float: left;
}

.status, .comment-body em {
	display: block;
	width: 96%;
	padding: 10px 2%;
	border-radius: 4px;
	margin: 0.5em 0 1em 0;
}

.status.oops {
	background: #ffe2e2;
	border: 1px solid #ff8a8a;
	color: #e13131;
}

.status.less-oops, .comment-body em {
	background: #fff2e2;
	border: 1px solid #ffbc8a;
	color: #e17731;
}

.status.ok {
	background: #e8ffe2;
	border: 1px solid #6fdf51;
	color: #1ea524;
}

.status p {
	margin: 0.5em 0;
}

a.btn, button, a.button, a.button:visited, .password-protect input[type=submit] {
	padding: 0.75em 1.75em 0.8em 1.75em;
	width: auto;
	background: none;
	border: none;
	display: inline-block;
	color: #fff !important;
	background: #f88172;
	text-decoration: none;
	-o-transition: background 0.25s ease-in;
	-webkit-transition: background 0.25s ease-in;
	-moz-transition: background 0.25s ease-in;
	transition: background 0.25s ease-in;
	vertical-align: middle;
	margin-bottom: 10px;
	font-weight: 400;
	border-radius: 0;
}

a.button.square {
	border-radius: 2px;
}

a.button.large, a.btn.large {
	padding: 20px 60px;
}

a.button:hover, a.btn:hover, .password-protect input[type=submit]:hover {
	text-decoration: none;
	background: #54584c;
}

a.button:active {
	position: relative;
	top: 1px;
}

a.button.grey {
	background: #757c7e;
}

a.button.grey:hover {
	background: #3e4345;
}

a.button.black {
	background: #333;
}

a.button.black:hover {
	background: #000;
}

a.button.green {
	background: #b3ce7e;
}

a.button.green:hover {
	background: #7e9b47;
}

a.button.light-blue {
	background: #8aabb5;
}

a.button.light-blue:hover {
	background: #4b7784;
}

a.button.blue {
	background: #3b98b4;
}

a.button.blue:hover {
	background: #266476;
}

a.button.red {
	background: #f77564;
}

a.button.red:hover {
	background: #b75548;
}

a.button.orange {
	background: #f7a664;
}

a.button.orange:hover {
	background: #cf6916;
}

a.button.purple {
	background: #a18bcf;
}

a.button.purple:hover {
	background: #6547a4;
}

a.button.pink {
	background: #e38f8f;
}

a.button.pink:hover {
	background: #c76d6d;
}

.mt-tabs .ui-tabs-hide {
	position: absolute;
	left: -99999em;
}

.mt-tabs {
	background: none;
	margin: 0 0 2em 0;
}

.mt-tabs ul.nav {
	list-style: none !important;
	margin: 0!important;
	padding: 0;
	background: none;
	border: 0;
	float: none;
}

.mt-tabs ul.nav li {
	float: left;
	position: relative;
	margin: 0 2px -1px 0 !important;
	z-index: 10;
	list-style: none !important;
}

.mt-tabs ul.nav li a {
	border: 1px solid #dfdfdf !important;
	border-bottom: none !important;
	display: block;
	overflow: hidden;
	padding: 5px 10px;
	height: 26px;
	background: #fcfcfc;
	margin: 0 !important;
	text-decoration: none;
	color: #373737 !important;
	border-radius: 3px 3px 0 0;
}

.mt-tabs ul.nav li a:hover {
	background: #fff !important;
	margin: 0 !important;
}

.mt-tabs ul.nav li.tab-active a {
	height: 27px;
	background: #fff;
}

.mt-tabs .tab {
	background: #fff;
	padding: 10px;
	border: 1px solid #dfdfdf;
}

.toggle {
	margin: 0 0 2em 0;
}

.toggle .toggle-title {
	display: block;
	padding: 10px 10px 10px 30px;
	background: #fcfcfc;
	border: 1px solid #c5c5c5;
	cursor: pointer;
	outline: none;
	position: relative;
}

.toggle .toggle-title:hover {
	border: 1px solid #c5c5c5;
}

.toggle-inner {
	padding: 10px;
	background: #fff;
	border: 1px solid #c5c5c5;
	border-top: none;
}

.toggle span.ui-icon {
	background: url(assets/img/toggle-open.png) no-repeat;
	width: 12px;
	height: 12px;
	position: absolute;
	top: 50%;
	left: 10px;
	margin: -6px 0 0 0;
}

.toggle .ui-state-active .ui-icon {
	background: url(assets/img/toggle-close.png) no-repeat;
}

.clearfix:before, .clearfix:after {
	content: "";
	display: table;
}

.clearfix:after {
	clear: both;
}

.clearfix {
	zoom: 1;
}

.bullets ul li, .bullets ol li {
	list-style-type: none;
	background: url(assets/img/tick-green.png) 0 0.75em no-repeat;
	margin-left: -1em;
	padding: 0.25em 0 0.25em 2em;
}

.bullets.green li {
	background-image: url(assets/img/tick-green.png);
}

.bullets.red li {
	background-image: url(assets/img/tick-red.png);
}

.bullets.black li {
	background-image: url(assets/img/tick-black.png);
}

.bullets.light-blue li {
	background-image: url(assets/img/tick-light-blue.png);
}

.bullets.blue li {
	background-image: url(assets/img/tick-blue.png);
}

.bullets.grey li {
	background-image: url(assets/img/tick-grey.png);
}

.bullets.orange li {
	background-image: url(assets/img/tick-orange.png);
}

.bullets.pink li {
	background-image: url(assets/img/tick-pink.png);
}

.bullets.purple li {
	background-image: url(assets/img/tick-purple.png);
}

/* #######################################################################

	5. 	Core layout

####################################################################### */

header, section, article, header, footer {
	float: left;
	width: 100%;
}

.wrapper, .home .blog-layout.wrapper {
	float: none;
	text-align: left;
	width: 1200px;
	margin: 0 auto;
	text-align: left;
}

header .wrapper, .home .wrapper, .page-template-template-homepage-php .wrapper {
	width: 100%;
}

.wrapper.full-wrap {
	width: 100%;
}

#box-wrapper {
	position: relative;
	margin: 0 auto;
	width: 960px;
}

#content-wrapper {
	float: left;
	width: 100%;
	padding: 0;
}

section.main {
	float: left;
	width: 100%;
	min-height: 600px;
}

header, .portfolio.home {
	width: 94%;
	padding: 0 3%;
}

.portfolio.home {
	width: 100%;
	padding: 0;
}

header {
	position: relative;
	z-index: 99;
	text-align: left;
	padding-top: 10px;
	padding-bottom: 10px;
}

header .logo {
	float: left;
}

header nav {
	padding-top: 8px;
	float: right;
}

header.center .logo {
	width: 100%;
	text-align: center;
}

header.center .logo .tagline {
	display: block;
	margin-top: 0.5em;
}

header.center nav {
	float: left;
	width: 100%;
	margin-top: 20px;
	text-align: center;
}

header nav ul {
	text-align: left;
	padding-top: 23px;
	margin: 0;
}

header.center nav ul {
	text-align: center;
}

header.center nav ul ul {
	text-align: left;
}

header nav ul li {
	display: inline;
	margin: 0 0 0 0.5em;
	padding: 0;
}

header nav ul li:first-child {
	margin-left: 0;
}

header nav ul li a {
	padding: 1em 0 0.8em 0;
	text-decoration: none;
}

header nav ul li a:hover, header nav li.current_page_item a, header nav li.current-menu-item a, header nav li.current_page_ancestor a, header nav li.current_page_parent a, header nav li.current-post-ancestor a {
	text-decoration: none;
}

header nav li.current_page_item ul li a, header nav li.current-menu-item ul li a, header nav li.current_page_ancestor ul li a, header nav li.current_page_parent ul li a, header nav li.current-post-ancestor ul li a {
	color: #fff;
	border: none;
	text-decoration: none;
}

header nav ul li ul li a:hover {
	text-decoration: underline;
}

.meta ul, .meta ul li {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

.meta {
	padding: 1em 20px 1em 0;
	margin: 1em 0 1em 0;
	float: left;
}

.home .meta, .page-template-template-homepage-php .meta, #portfolio-main .meta {
	padding: 0;
}

ul.meta li {
	list-style-type: none;
}

.hyphen {
	text-indent: -999999em;
	height: 4px;
	display: inline-block;
	width: 31px;
	border-top: 1px solid #9da5a9;
	margin-right: 0.5em;
	line-height: 10%;
}

.hyphen.after {
	margin-left: 0.5em;
	margin-right: 0;
}

section.clients {
	padding: 20px 0 0 0;
	text-align: center;
}

section.clients .logos {
	float: left;
	width: 100%;
	margin-top: 20px;
}

section.clients .logos img {
	margin: 0 20px 40px 20px;
}

section.clients .logos a {
	opacity: 1;
	filter: alpha(opacity=100);
	-o-transition: all 0.25s ease-in;
	-webkit-transition: all 0.25s ease-in;
	-moz-transition: all 0.25s ease-in;
	transition: all 0.25s ease-in;
}

section.clients .logos a:hover {
	opacity: 0.6;
	filter: alpha(opacity=60);
}

footer {
	padding: 0;
}

footer.widgets-on {
	padding-top: 75px;
}

footer h5 {
	margin-bottom: 0.25em;
}

footer ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

footer ul li {
	padding: 0;
	margin: 0 0 1em 0;
}

footer .footer-widgets {
	float: left;
	width: 94%;
	padding: 0 3%;
}

.footer-widget {
	float: left;
	width: 29.333333%;
	margin-left: 5%;
}

.footer-widget:first-of-type {
	margin-left: 0;
}

footer .foot {
	float: left;
	width: 94%;
	padding: 30px 3% 20px 3%;
}

footer.widgets-on .foot {
	margin-top: 75px;
}

footer .copyright {
	float: left;
}

.pagination {
	float: left;
	width: 100%;
	text-align: center;
}

/* #######################################################################

	6.	Homepage
	
####################################################################### */

.content .sidebar #post-9 {margin-top: 10%;}

/* General option for grayscale */
.grayscale .portfolio .post-thumb img, .grayscale #portfolio-main .post-thumb img {
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
	filter: gray;
	-webkit-filter: grayscale(100%);
}

.grayscale .portfolio .post-thumb img:hover, .grayscale #portfolio-main .post-thumb img:hover {
	filter: none;
	-webkit-filter: none;
}

/* General option for CSS fade */
@-webkit-keyframes fadeIn {
from {
opacity:0;
}
to {
opacity:1;
}
}
@-moz-keyframes fadeIn {
from {
opacity:0;
}
to {
opacity:1;
}
}
@keyframes fadeIn {
from {
opacity:0;
}
to {
opacity:1;
}
}

.animated .lead-top h1 {
	opacity: 0;
	-webkit-animation: fadeIn ease-in 1;
	-moz-animation: fadeIn ease-in 1;
	animation: fadeIn ease-in 1;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-webkit-animation-duration: 1s;
	-moz-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-delay: 0.7s;
	-moz-animation-delay: 0.7s;
	animation-delay: 0.7s;
}

.animated .lead-top .footnote {
	opacity: 0;
	-webkit-animation: fadeIn ease-in 1;
	-moz-animation: fadeIn ease-in 1;
	animation: fadeIn ease-in 1;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-webkit-animation-duration: 1s;
	-moz-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-delay: 1.5s;
	-moz-animation-delay: 1.5s;
	animation-delay: 1.5s;
}

.animated section.portfolio * {
	opacity: 0;
	-webkit-animation: fadeIn ease-in 1;
	-moz-animation: fadeIn ease-in 1;
	animation: fadeIn ease-in 1;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-webkit-animation-duration: 1s;
	-moz-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-delay: 0.5s;
	-moz-animation-delay: 0.5s;
	animation-delay: 0.5s;
}

.ie9.animated .lead-top h1, .ie9.animated .lead-top .footnote, .ie9.animated section.portfolio * {
	opacity: 1;
}

#content-wrapper article.lead, #content-wrapper article.left-me, #content-wrapper article.right-me {
	float: left;
	width: 100%;
	margin: 0;
	padding: 75px 0 45px 0;
	text-align: center;
	line-height: 1;
}

#content-wrapper article.home-item {
	width: 90%;
	padding: 95px 5%;
	position: relative;
	z-index: 2;
	text-align: left;
	background: #f5f5f5;
}

#content-wrapper article.home-item.lead, .lead .wrapper {
	text-align: center;
}

.home #content-wrapper article.home-item .wrapper, .page-template-template-homepage-php #content-wrapper article.home-item .wrapper {
	width: 1200px;
}

#content-wrapper article.left-me img {
	float: right;
	margin-left: 50px;
}

#content-wrapper article.right-me img {
	float: left;
	margin-right: 50px;
}

.lead h1 {
	margin-bottom: 1em;
}

.portfolio.home {
	padding-top: 75px;
	padding-bottom: 75px;
	text-align: center;
}

/* Pseudo Parallax effect */
.parallax header, .fixed header {
	position: fixed;
	z-index: 3;
}

.parallax #content-wrapper article.lead-top {
	padding-top: 70px;
	position: fixed;
	z-index: 1;
	min-height: 100px;
}

.parallax .portfolio.home {
	z-index: 2;
	position: relative;
}

.parallax footer, .parallax .clients {
	z-index: 2;
	position: relative;
}

.parallax section.main, .fixed section.main {
	position: relative;
	z-index: 2;
	padding-top: 80px;
}

.parallax #box-wrapper article.lead, .parallax #box-wrapper article.lead-top, .parallax #box-wrapper header {
	position: relative;
}

.portfolio.home h2 {
	line-height: 1;
}

.portfolio.home h3 {
	margin: 0;
	padding: 0;
}

.portfolio.home h3 {
	float: left;
	width: 60%;
	padding: 0 20%;
	margin-bottom: 1.5em;
}

.divider, .home .blog-layout .divider {
	margin: 1em 0 1em 0;
	padding: 0;
	text-align: left;
	height: 2px;
	float: left;
	width: 100%;
}

.home .divider, section.clients .divider, .page-template-template-homepage-php .divider {
	text-align: center;
	margin-bottom: 1.5em;
}

.divide, .home .blog-layout .divide {
	width: 100px;
	margin: 0;
	height: 0;
	float: left;
}

.home .divide, section.clients .divide, .page-template-template-homepage-php .divide {
	float: none;
	margin: 0 auto;
}

.portfolio.home #portfolio-items {
	position: relative;
	text-align: center;
	width: 90%;
	margin: 0 auto;
	max-width: 1200px;
}

#content-wrapper .portfolio.home article {
	float: left;
	text-align: left;
	width: 46%;
	padding: 0 2%;
	margin-bottom: 40px;
}

a.btn.strip {
	margin-bottom: -98px;
	border-radius: 0;
	width: 100%;
	padding: 25px 0;
	text-align: center;
}

a.btn.strip, a:hover.btn.strip {
	-o-transition: background 0.25s ease-in;
	-webkit-transition: background 0.25s ease-in;
	-moz-transition: background 0.25s ease-in;
	transition: background 0.25s ease-in;
}

.home .pagination, .page-template-template-homepage-php .pagination {
	width: 100%;
	padding: 0;
	margin: 0;
}

/* #######################################################################

	7. 	Page Template
		
####################################################################### */

.content article, .sidebar-off .sidebar-on article {
	float: left;
	width: 74.468085106383%;
}

.content .sidebar {
	float: right;
	width: 22.553191489362%;
}

.sidebar-on.left .content .sidebar, .sidebar-on.left.content .sidebar {
	float: left;
}

.sidebar-on.left .content article, .sidebar-on.left .content .posts, .sidebar-on.left.content article, .sidebar-on.left.content .posts {
	float: right;
}

.sidebar-on.left .content h1, .sidebar-on.left .content .divider, .sidebar-on.left.content h1, .sidebar-on.left.content .divider {
	float: right;
	width: 74.468085106383%;
}

.full-width.sidebar-on.left h1, .full-width.sidebar-on.left .content .divider {
	float: left;
	width: 100%;
}

.sidebar-on.left .page-template-template-portfolio-php .content h1, .sidebar-on.left .page-template-template-portfolio-php .content .divider {
	float: left;
}

.content h1 {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

.content article .post-thumb, .article-archive .post-thumb {
	float: left;
	display: block;
	width: 100%;
	text-align: center;
	margin-bottom: -3px;
}

.portfolio-page.content article .post-thumb {
	margin-bottom: 0;
}

.content article .post-thumb img, .article-archive .post-thumb img {
	line-height: 0;
}

.content article .post-content {
	float: left;
	width: 88.571428571428%;
	padding: 30px 5.714285714286%;
}
.content article .post-content-home {
width: 40%;
float: right;
	padding: 30px 3.8%;
}

.sidebar h5 {
	margin: 0 0 1em 0;
}

.archive-widget, .page-widget, .page-navigation, .contact-widget {
	padding-bottom: 2em;
}

.sidebar ul li {
	margin-bottom: 0.45em;
}
/* #######################################################################

	Breadcrumbs
		
####################################################################### */

.breadcrumbs {
font-size: 0.8em;
margin-top: 10px;
margin-bottom: 10px;
color: #fff;
}
.breadcrumbs body {
color: #fff;
}
/* #######################################################################

	8. Archive
		
####################################################################### */

.posts {
	float: left;
	width: 74.468085106383%;
}

.home .posts, .home .sidebar {
	margin-top: 1.5%;
margin-right: 2%;
}

.posts article {
	width: 100%;
}

.archive-article {
	float: left;
	width: 100%;
	margin-bottom: 70px;
}

.meta.top {
	float: left;
	width: 100%;
	padding: 15px 0;
	margin: 0;
}

.meta.top li {
	display: inline;
}

.meta.top li:first-child, .posts .meta.bottom li {
	margin-left: 20px;
}

.meta.bottom li {
	margin-top: 20px;
}

.meta.bottom li:first-child {
	margin-top: 0;
}

.posts .meta.bottom {
	float: left;
	padding: 25px 0;
	margin: 0;
	width: 99.9995555%;
}

.post-audio {
	float: left;
	width: 100%;
	padding: 20px 0;
	margin: 0;
	line-height: 0;
}

.post-audio img {
	margin-top: -20px;
	margin-bottom: 16px;
}

.format-chat p {
	padding-bottom: 0.25em;
	border-bottom: 1px solid #ebebeb;
}

.format-chat p:first-of-type {
	padding-top: 0.25em;
	border-top: 1px solid #ebebeb;
}

.content article.archive-article .post-content h2 {
	margin-bottom: 0.5em;
}

.content article.format-chat .post-content {
	float: left;
	width: 100%;
	padding-left: 0;
	padding-right: 0;
}

.content article.format-chat .post-content h2, .content article.format-chat .post-content p {
	float: left;
	width: 88.571428571428%;
	padding-left: 5.714285714286%;
	padding-right: 5.714285714286%;
}

.format-gallery .flexslider {
	float: left;
	width: 100%;
}

.post-video {
	float: left;
	width: 100%;
	padding: 0;
	margin: 0;
}

.meta.top {
	position: relative;
}

.meta.top .icon {
	position: absolute;
	right: 20px;
	top: 15px;
	width: 40px;
	height: 40px;
	opacity: 0.31;
	filter: alpha(opacity=31);
}

.format-aside .icon {
	background: url(assets/img/icon-aside.png) 100% 50% no-repeat;
}

.format-audio .icon {
	background: url(assets/img/icon-audio.png) 100% 50% no-repeat;
}

.format-chat .icon {
	background: url(assets/img/icon-chat.png) 100% 50% no-repeat;
}

.format-gallery .icon {
	background: url(assets/img/icon-gallery.png) 100% 50% no-repeat;
}

.format-image .icon {
	background: url(assets/img/icon-image.png) 100% 50% no-repeat;
}

.format-link .icon {
	background: url(assets/img/icon-link.png) 100% 50% no-repeat;
}

.format-quote .icon {
	background: url(assets/img/icon-quote.png) 100% 50% no-repeat;
}

.format-status .icon {
	background: url(assets/img/icon-status.png) 100% 50% no-repeat;
}

.format-video .icon {
	background: url(assets/img/icon-video.png) 100% 50% no-repeat;
}

.navigation {
	float: left;
	width: 100%;
	padding: 15px 0;
	margin: 0 0 70px 0;
}

.pagination, .home .blog-layout .pagination {
	float: left;
	width: 60%;
	margin-left: 20px;
	padding: 15px 0;
}

.pagination ul {
	text-align: left;
	float: left;
}

.pagination ul li {
	display: inline;
}

.pagination ul li:before {
	content: " / ";
}

.pagination ul li:first-child:before, .pagination ul li:nth-child(2):before {
	content: " ";
}

.prev-next {
	float: right;
	margin-right: 20px;
}

.nav-previous a, .nav-next a {
	display: inline-block;
	width: 30px;
	height: 44px;
	text-indent: -99999em;
	background: url(assets/img/arrow.png) 50% -78px no-repeat;
	cursor: pointer;
}

span.nav-previous, span.nav-next {
	text-indent: -99999em;
	text-align: auto;
}

.nav-previous a {
	margin-right: 10px;
	background-position: 50% 9px;
}

.sidebar ul {

	font-size: 1em;
	padding: 0;
	margin: 0;
	list-style-type: none;
}

.sidebar ul ul {
	font-size: 0.8em;
	margin-top: 0.5em;
	margin-left: 2em;
}

.sidebar ul ul ul {
}

.sidebar .fluid-width-video-wrapper, footer .fluid-width-video-wrapper {
	margin-bottom: 1em;
}

.sidebar ul:last-of-type {
	margin-bottom: 1em;
}

.sidebar ul li a {
	padding: 0 0 5px 0;
	margin-bottom: 0;
	line-height: 1.2;
}

.sidebar ul li {

	margin-bottom: 0.5em;
}

.sidebar form.searchform {
	margin-bottom: 1em;
}

h1.searching span {
	padding-left: 0.25em;
	padding-right: 0.25em;
}

/* Transitions */
.nav-previous a, .nav-next a, .nav-previous a:hover, .nav-next a:hover, .portfolio-navigation a, .portfolio-navigation a:hover {
	-o-transition: all 0.25s ease-in;
	-webkit-transition: all 0.25s ease-in;
	-moz-transition: all 0.25s ease-in;
	transition: all 0.25s ease-in;
}

.nav-previous a:hover, .nav-next a:hover {
	opacity: 0.5;
	filter: alpha(opacity=50);
}

button, .form-submit input {
	-o-transition: background 0.25s ease-in;
	-webkit-transition: background 0.25s ease-in;
	-moz-transition: background 0.25s ease-in;
	transition: background 0.25s ease-in;
}

button:hover, .form-submit input:hover {
	-o-transition: background 0.25s ease-in;
	-webkit-transition: background 0.25s ease-in;
	-moz-transition: background 0.25s ease-in;
	transition: background 0.25s ease-in;
}

/* #######################################################################

	9. 	Single
		
####################################################################### */

.sep {
	opacity: 0.5;
	filter: alpha(opacity=50);
}

.author-meta {
	float: left;
	width: 88.571428571428%;
	padding: 40px 5.714285714286%;
	margin: 40px 0 0 0;
	background: #fff;
}

.author-meta img {
	float: left;
	margin-right: 1.612903225806%;
	border: 1px solid #EAEAE9;
}

.author-info {
	float: right;
	width: 82.709677419355%;
}

.comment-system, #comments, #respond, div.comments {
	float: left;
	width: 100%;
}

#respond-title a {
	display: block;
	padding: 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #171a1b;
	background-image: url(assets/img/arrow-double.png);
	background-position: 97% 50%;
	background-repeat: no-repeat;
}

#respond {
	float: left;
	margin-bottom: 20px;
}

#respond form, .commentlist {
	float: left;
	width: 88.571428571428%;
	padding: 40px 5.714285714286%;
	margin: 0;
}

#reply-title {
	float: left;
	width: 88.571428571428%;
	padding: 40px 5.714285714286% 0 5.714285714286%;
	-o-transition: opacity 0.25s ease-in;
	-webkit-transition: opacity 0.25s ease-in;
	-moz-transition: opacity 0.25s ease-in;
	transition: opacity 0.25s ease-in;
}

#respond-title a:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-o-transition: opacity 0.25s ease-in;
	-webkit-transition: opacity 0.25s ease-in;
	-moz-transition: opacity 0.25s ease-in;
	transition: opacity 0.25s ease-in;
}

.single .navigation {
	background: none;
}

.form-submit {
	margin-top: 2em;
}

.navigation .left {
	float: left;
}

.navigation .left a:before {
	content: "← ";
}

.navigation .right {
	float: right;
	text-align: right;
}

.navigation .right a:after {
	content: " →";
}

p.form-allowed-tags {
	width: 95%;
}

ol.commentlist {
	padding-top: 10px;
	padding-bottom: 10px;
}

ol.commentlist p {
	line-height: 1.4;
}

ol.commentlist li {
	list-style-type: none;
	padding: 35px 0 0 0;
	padding-bottom: 0;
	position: relative;
	float: left;
	width: 100%;
}

ol.commentlist li:first-of-type {
	border: none;
}

ol.commentlist li ul {
	margin: 25px 0 30px 0;
	float: left;
	width: 100%;
	padding-left: 0;
}

ol.commentlist li li {
	padding-left: 5%;
	width: 95%;
	float: left;
	border-bottom: none;
}

.comment-body, .comment-author {
	float: right;
	width: 89%;
	margin: -5px 0 0 0;
	padding: 0;
}

input.searchsubmit {
	display: none;
}

/* #######################################################################

	10. Portfolio
	
####################################################################### */

.content.full-width article, .sidebar-off article, .sidebar-off .posts {
	float: left;
	width: 99.468085106383%;
}
content.sidebar {
float: right;
width: 22.553191489362%;
}

.content.full-width article .post-content {
background: #3e4345;}

.gallery-main {background: #3e4345;}

#portfolio-main {
	position: relative;
	float: left;
	text-align: center;
	width: 100%;
	margin: 0 auto;
}

.content.full-width #portfolio-main article {
	float: left;
	text-align: left;
	width: 50%;
	padding: 0;
	margin-bottom: 40px;
}

.content.full-width #portfolio-main article img, .content.full-width #portfolio-main article .portfolio-content {
	float: left;
	width: 94%;
}

#filters {
	float: left;
	width: 100%;
	padding: 50px 0;
	margin-bottom: 40px;
}

#filters ul {
	padding: 0;
	margin: 0;
}

#filters ul li {
	padding: 0;
	margin: 0 0 0 0.2em;
	display: inline;
}

#filters ul li:first-child a {
	margin-left: 0.5em;
}

.page-template-template-portfolio-php h1, .single-portfolio h1, .tax-portfoliocat h1 {
	float: left;
	width: 89%;
}

.portfolio-navigation {
	position: relative;
	float: right;
	margin-top: 56px;
	padding-top: 20px;
	width: 100px;
	border-top: 1px solid #a7b0b4;
	text-align: inherit;
}

.portfolio-navigation.bottom {
	margin-top: 16px;
	margin-bottom: 20px;
	height: 60px;
	font-size: 0.05px;
}

.portfolio-navigation a {
	position: absolute;
	top: 20px;
	left: 0;
	opacity: 0.5;
	filter: alpha(opacity=50);
	text-indent: -99999em !important;
	text-align: inherit;
}

.portfolio-navigation a:hover {
	opacity: 1;
	filter: alpha(opacity=100);
}

.portfolio-navigation a.nav-menu {
	display: inline-block;
	background: url(assets/img/portfolio.png) 0 11px no-repeat;
	width: 19px;
	height: 39px;
	left: 40px;
}

.portfolio-navigation .nav-next a {
	left: auto;
	right: 0;
	margin: 0;
}

.portfolio-page .flexslider, .portfolio-page .stacked {
	float: left;
	width: 99.99%;
}

.portfolio-page .stacked ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

.portfolio-page .stacked ul li {
	margin-bottom: 20px;
}

.content article .post-content.portfolio-content {
	padding-top: 0;
	padding-bottom: 0;
}

.content article .post-content.budge {
	margin-bottom: 60px;
}

.portfolio-inner {
	float: left;
	width: 63.829787234043%;
	padding: 40px 4.255319148936% 40px 0;
	min-height: 150px;
}

.portfolio-details {
	float: left;
	width: 27.659574468085%;
	padding: 40px 0 40px 4.155319148936%;
}

.portfolio-details ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

.portfolio-details ul li {
	padding: 0;
	margin: 0 0 0.5em 0;
}

.portfolio-details ul li span {
	display: inline-block;
	min-width: 100px;
}

/* #######################################################################

	11.	Our Team
	
####################################################################### */

.excerpt {
font-size: 0.9em;
line-height: 1.2;
display: block; 
color:#a7b0b4;
padding-top: 10px;}

.listing-item {
	margin-top: 15px;
	margin-bottom: 5px;
}
.listing-item title {
	
	margin-bottom: 5px;
}
.listing-item a:hover{color: #fff;}

.team-members {
	float: left;
	width: 50%;
	margin: auto;
	padding-top: 0.5em;
}

.team-member {
	float: left;
	width: 40%;
	height: auto;
	margin: 5%;
	padding: 0;
	background: #3e4345;
}

.team-member img {
	max-width: 100.2%;
	-moz-transition:-moz-transform 0.1s ease-in; 
-webkit-transition:-webkit-transform 0.1s ease-in; 
-o-transition:-o-transform 0.1s ease-in;
}

.team-member img:hover{
-moz-transform:scale(1.2); 
-webkit-transform:scale(1.2);
-o-transform:scale(1.2);
}
/*.team-member .team-content {
	float: left;
	padding: 20px 14.2857142857145%;
	width: 71.428571428571;
	margin-right: -1px;
}*/

.team-member .meta.bottom {
	float: left;
	width: 100%;
	margin: 0;
	padding: 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
/* #######################################################################

	12.	Contact
	
####################################################################### */

.contact-form {
	margin-top: 40px;
}

#map {
	float: left;
	width: 100%;
	height: 400px;
	line-height: auto;
}

/* #######################################################################

	13.	Archives
	
####################################################################### */

article .archives-content ul {
	padding: 0;
	margin: 0.5em 0 2em 0;
	list-style-type: none;
}

article .archives-content ul li a {
	display: block;
	padding: 4px 20px;
	margin-bottom: 0.25em;
	-o-transition: all 0.25s ease-in;
	-webkit-transition: all 0.25s ease-in;
	-moz-transition: all 0.25s ease-in;
	transition: all 0.25s ease-in;
}

article .archives-content ul li a:hover {
	padding-left: 35px;
	-o-transition: all 0.25s ease-in;
	-webkit-transition: all 0.25s ease-in;
	-moz-transition: all 0.25s ease-in;
	transition: all 0.25s ease-in;
}

/* #######################################################################

	14.	Pesky IE Fixes
	
####################################################################### */

.oldie.animated, .ie9.animated * {
	opacity: 1;
	filter: alpha(opacity=100);
}

.ie8 header .logo { 
	width: 20%; 
}

.ie8 header nav { 
	width: 80%; 
	float: right; 
	text-align: right; 
}

.ie8 header nav ul { 
	float: right; 
}

.ie8 .wrapper, .ie8 .blog-layout.wrapper {
	max-width: 940px;
}

.ie8 #box-wrapper {
	width: 960px;
	margin: 0 auto;
}

.ie8 .home, .ie8 .page-template-template-homepage-php {
	width: 100%;
}

.ie8 .home .wrapper, .ie8 .home.blog-layout.wrapper, .ie8 .page-template-template-homepage-php .wrapper, .ie8 .page-template-template-homepage-php.blog-layout.wrapper {
	max-width: 100%;
}


/* #######################################################################

	15.	RWD
	
####################################################################### */

@media only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5/1), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {

	a.social.twitter {
		background: url(assets/img/social-twitter-black@2x.png) 0 0 no-repeat;
		background-size: 21px 21px;
	}
	
	a.social.facebook {
		background: url(assets/img/social-facebook-black@2x.png) 0 0 no-repeat;
		background-size: 21px 21px;
	}
	
	a.social.linkedin {
		background: url(assets/img/social-linkedin-black@2x.png) 0 0 no-repeat;
		background-size: 21px 21px;
	}
	
	a.social.googleplus {
		background: url(assets/img/social-googleplus-black@2x.png) 0 0 no-repeat;
		background-size: 21px 21px;
	}
	
	a.social.vimeo {
		background: url(assets/img/social-vimeo-black@2x.png) 0 0 no-repeat;
		background-size: 21px 21px;
	}
	
	a.social.youtube {
		background: url(assets/img/social-youtube-black@2x.png) 0 0 no-repeat;
		background-size: 21px 21px;
	}
	
	a.social.zerply {
		background: url(assets/img/social-zerply-black@2x.png) 0 0 no-repeat;
		background-size: 21px 21px;
	}
	
	a.social.pinterest {
		background: url(assets/img/social-pinterest-black@2x.png) 0 0 no-repeat;
		background-size: 21px 21px;
	}
	
	a.social.dribbble {
		background: url(assets/img/social-dribbble-black@2x.png) 0 0 no-repeat;
		background-size: 21px 21px;
	}
	
	a.social.github {
		background: url(assets/img/social-github-black@2x.png) 0 0 no-repeat;
		background-size: 21px 21px;
	}
	
	a.social.instagram {
		background: url(assets/img/social-instagram-black@2x.png) 0 0 no-repeat;
		background-size: 21px 21px;
	}
	
	a.social.flickr {
		background: url(assets/img/social-flickr-black@2x.png) 0 0 no-repeat;
		background-size: 21px 21px;
	}
	
	a.social.rss {
		background: url(assets/img/social-rss-black@2x.png) 0 0 no-repeat;
		background-size: 21px 21px;
	}
	
	a.social.adn {
		background: url(assets/img/social-adn-black@2x.png) 0 0 no-repeat;
		background-size: 21px 21px;
	}
	
	a.social.behance {
		background: url(assets/img/social-behance-black@2x.png) 0 0 no-repeat;
		background-size: 21px 21px;
	}
	
	a.social.white.twitter {
		background: url(assets/img/social-twitter-white@2x.png) 0 0 no-repeat;
		background-size: 21px 21px;
	}
	
	a.social.white.facebook {
		background: url(assets/img/social-facebook-white@2x.png) 0 0 no-repeat;
		background-size: 21px 21px;
	}
	
	a.social.white.linkedin {
		background: url(assets/img/social-linkedin-white@2x.png) 0 0 no-repeat;
		background-size: 21px 21px;
	}
	
	a.social.white.googleplus {
		background: url(assets/img/social-googleplus-white@2x.png) 0 0 no-repeat;
		background-size: 21px 21px;
	}
	
	a.social.white.vimeo {
		background: url(assets/img/social-vimeo-white@2x.png) 0 0 no-repeat;
		background-size: 21px 21px;
	}
	
	a.social.white.youtube {
		background: url(assets/img/social-youtube-white@2x.png) 0 0 no-repeat;
		background-size: 21px 21px;
	}
	
	a.social.white.zerply {
		background: url(assets/img/social-zerply-white@2x.png) 0 0 no-repeat;
		background-size: 21px 21px;
	}
	
	a.social.white.pinterest {
		background: url(assets/img/social-pinterest-white@2x.png) 0 0 no-repeat;
		background-size: 21px 21px;
	}
	
	a.social.white.dribbble {
		background: url(assets/img/social-dribbble-white@2x.png) 0 0 no-repeat;
		background-size: 21px 21px;
	}
	
	a.social.white.github {
		background: url(assets/img/social-github-white@2x.png) 0 0 no-repeat;
		background-size: 21px 21px;
	}
	
	a.social.white.instagram {
		background: url(assets/img/social-instagram-white@2x.png) 0 0 no-repeat;
		background-size: 21px 21px;
	}
	
	a.social.white.flickr {
		background: url(assets/img/social-flickr-white@2x.png) 0 0 no-repeat;
		background-size: 21px 21px;
	}
	
	a.social.white.rss {
		background: url(assets/img/social-rss-white@2x.png) 0 0 no-repeat;
		background-size: 21px 21px;
	}
	
	a.social.white.adn {
		background: url(assets/img/social-adn-white@2x.png) 0 0 no-repeat;
		background-size: 21px 21px;
	}
	
	a.social.white.behance {
		background: url(assets/img/social-behance-white@2x.png) 0 0 no-repeat;
		background-size: 21px 21px;
	}
	
	.bullets.green li {
		background-image: url(assets/img/tick-green@2x.png);
		background-size: 16px 13px;
	}
	
	.bullets.red li {
		background-image: url(assets/img/tick-red@2x.png);
		background-size: 16px 13px;
	}
	
	.bullets.black li {
		background-image: url(assets/img/tick-black@2x.png);
		background-size: 16px 13px;
	}
	
	.bullets.light-blue li {
		background-image: url(assets/img/tick-light-blue@2x.png);
		background-size: 16px 13px;
	}
	
	.bullets.blue li {
		background-image: url(assets/img/tick-blue@2x.png);
		background-size: 16px 13px;
	}
	
	.bullets.grey li {
		background-image: url(assets/img/tick-grey@2x.png);
		background-size: 16px 13px;
	}
	
	.bullets.orange li {
		background-image: url(assets/img/tick-orange@2x.png);
		background-size: 16px 13px;
	}
	
	.bullets.pink li {
		background-image: url(assets/img/tick-pink@2x.png);
		background-size: 16px 13px;
	}
	
	.bullets.purple li {
		background-image: url(assets/img/tick-purple@2x.png);
		background-size: 16px 13px;
	}
	
	.flex-next, .flex-prev, .nav-previous a, .nav-next a {
		background-image: url(assets/img/arrow@2x.png);
		background-size: 16px 111px;
	}
	
	.format-aside .icon {
		background: url(assets/img/icon-aside@2x.png) 100% 50% no-repeat;
		background-size: 32px 21px;
	}
	
	.format-audio .icon {
		background: url(assets/img/icon-audio@2x.png) 100% 50% no-repeat;
		background-size: 33px 21px;
	}
	
	.format-chat .icon {
		background: url(assets/img/icon-chat@2x.png) 100% 50% no-repeat;
		background-size: 32px 21px;
	}
	
	.format-gallery .icon {
		background: url(assets/img/icon-gallery@2x.png) 100% 50% no-repeat;
		background-size: 27px 19px;
	}
	
	.format-image .icon {
		background: url(assets/img/icon-image@2x.png) 100% 50% no-repeat;
		background-size: 30px 20px;
	}
	
	.format-link .icon {
		background: url(assets/img/icon-link@2x.png) 100% 50% no-repeat;
		background-size: 37px 19px;
	}
	
	.format-quote .icon {
		background: url(assets/img/icon-quote@2x.png) 100% 50% no-repeat;
		background-size: 28px 19px;
	}
	
	.format-status .icon {
		background: url(assets/img/icon-status@2x.png) 100% 50% no-repeat;
		background-size: 20px 15px;
	}
	
	.format-video .icon {
		background: url(assets/img/icon-video@2x.png) 100% 50% no-repeat;
		background-size: 22px 22px;
	}
	
	.portfolio-navigation a.nav-menu {
		background: url(assets/img/portfolio@2x.png) 0 11px no-repeat;
		background-size: 19px 19px;
	}
	
	#respond-title a {
		background-image: url(assets/img/arrow-double@2x.png);
		background-size: 12px 24px;
		background-position: 94% 50%;
	}
	
}

@media screen and (max-width: 87.5em) { /* 1400px */

	section.main, .wrapper, .home .blog-layout.wrapper, header .wrapper, .home header .wrapper, .home #content-wrapper article.home-item .wrapper, .page-template-template-homepage-php header .wrapper, .page-template-template-homepage-php #content-wrapper article.home-item .wrapper {
		width: 94%;
		padding-left: 3%;
		padding-right: 3%;
	}
	
	.home section.main, .home .wrapper, .page-template-template-homepage-php section.main, .page-template-template-homepage-php .wrapper {
		width: 100%;
		padding-left: 0;
		padding-right: 0;
	}
	
	.page-template-template-portfolio-php section.main, .tax-portfoliocat section.main {
		width: 100%;
		padding-left: 0;
		padding-right: 0;
	}
	
}

@media screen and (max-width: 78.75em) { /* 1260px */

	.portfolio-details {
		width: 25.659574468085%;
	}

}

@media screen and (max-width: 64em) { /* 1024px */

.gallery-item {margin:10px auto!important;}

	.page-template-template-portfolio-php h1, .single-portfolio h1, .tax-portfoliocat h1 {
		width: 79%;
	}
	
	.ios header {
		position: relative;
		z-index: 3;
	}
	
	.ios #content-wrapper article.lead {
		padding-top: 150px;
		position: relative;
		z-index: 1;
	}
	
	.parallax .ios section.main, .fixed .ios section.main {
		padding-top: 0;
	}
	
}

@media screen and (max-width: 60em) { /* 960px */

	.comment-body {
		width: 87%;
	}

}

@media screen and (max-width: 50em) { /* 800px */

	.portfolio-details ul li span {
		display: block;
	}

}

@media screen and (max-width: 48em) { /* 50 */

.home .sidebar {margin-left: 20px; margin-top: 0;}	
	
	.comment-body {
		width: 85%;
	}
	
	.content article, .posts, .sidebar, .content .sidebar, .sidebar-on.left .content h1, .sidebar-on.left .content .divider, .sidebar-on.left.content h1, .sidebar-on.left.content .divider, .sidebar-off .sidebar-on article {
		width: 100%;
		float: left;
	}
	
	.sidebar, .content .sidebar {
		margin-top: 40px;
		padding-bottom: 40px;
	}
	
	section.main {
		padding-top: 0 !important;
	}
	
	header {
		position: relative;
		z-index: 3;
	}
	
	#content-wrapper article.lead {
		padding-top: 150px;
		position: relative;
		z-index: 1;
	}
	
	.portfolio-inner {
		width: 100%;
		border-right: none !important;
	}
	
	.portfolio-details {
		width: 100%;
		padding-left: 0;
		border-top: 1px solid #efefef;
	}
	
	.fixed header {
		position: relative;
	}
	
}

@media screen and (max-width: 43.75em) { /* 700px */

	.one_third, .three_fourth, .one_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth {
		width: 100%;
		margin: 0;
	}
	
	.team-members {
		width: 100%;
		padding: 0;
	}
	
	.team-member {
		width: 100%;
	}
	
	.team-member .post-thumb {
		display: block;
	}
	
	.team-member .post-thumb img {
		width: 100%;
	}
	
}

@media screen and (max-width: 35.625em) { /* 570px */
.gallery-item img {width:90%!important; height: auto;}
	.comment-body {
		width: 82%;
	}
	
	#map {
		height: 200px;
	}
	
	.meta.top li {
		display: block;
		margin-left: 20px;
	}
	
	.meta.top li .separator {
		display: none;
	}
	
	footer .footer-widgets {
		width: 90%;
		padding-left: 5%;
		padding-right: 5%;
	}
	
	.fixed header {
		position: relative;
		z-index: 3;
	}
	
	#content-wrapper article.lead-top {
		padding-top: 0 !important;
		padding-bottom: 20px;
	}
	
	#content-wrapper .portfolio.home article {
		width: 100%;
		padding: 0;
	}
	
	section.clients .logos {
		padding-bottom: 0;
		margin-bottom: -20px;
	}
	
	.footer-widget {
		margin-left: 0;
		width: 100%;
		margin-bottom: 40px;
	}
	
	.footer-widget:last-of-type {
		margin-bottom: 0;
	}
	
	#content-wrapper article.left-me img, #content-wrapper article.right-me img {
		float: none;
		margin: 0 0 20px 0;
	}
	
	#content-wrapper article.left-me .post-thumb, #content-wrapper article.right-me .post-thumb {
		display: block;
		text-align: center;
	}
	
	footer .copyright, footer ul.social {
		float: none;
		text-align: center;
	}
	
	footer ul.social {
		margin-top: 20px;
	}
	
	.portfolio-navigation {
		float: left;
		padding-bottom: 40px;
	}
	
	.content.full-width #portfolio-main article, .content.full-width #portfolio-main article img, .content.full-width #portfolio-main article .portfolio-content {
		width: 100%;
	}
.post-content-home {width:90%!important; margin:auto;}
.team-members {width:100%; margin:auto;}
.team-member {width:40%;}	
}

@media screen and (max-width: 29.375em) { /* 470px */

	.comment-body {
		width: 78%;
	}
.team-member {width: 40%;}
}

@media screen and (max-width: 20em) { /* 320px */
.breadcrumbs {
font-size: 0.5em;
}	
div {
margin: 1 !important;
padding: 1 !important;
padding-top: 1!important;
}
h1 {
display: none;
}
.team-members {
width: 100%;
margin: auto;
}

.post-content-home {width:90%!important;}
article {
margin-top: 5px;
}
tbody {
width: 100%;
}
	.comment-body {
		width: 74%;
	}
	
	span.share-on, #filters li.filter-last {
		display: block;
	}
	
	#filters li.filter-last {
		margin-bottom: 1em;
	}
	
	.meta.post-share a {
		line-height: 3;
		font-size: 96%;
	}
#lightbox-container-image {
max-width: 90%!important;
height: auto!important;
margin-top:10px;
}

#lightbox-container-image-box {
width: 320px!important;
height: auto!important;
}
element.style {
width: 320px!important;
height: auto;
}	
#lightbox-container-image-data-box {
width: 300px!important;
}
.wp-caption {font-size: 0.3em;}
.gallery-item img {width:90%!important; height: auto;}
.bio img {width:35%;}

}

/* #######################################################################

	16.	Print

####################################################################### */

@media print {
 @import "print.css";
}