/*===================================================================

Theme Name: Wonder
Theme URI: http://demo.themebeans.com/wonder
Author: ThemeBeans
Author URI: https://themebeans.com
Description: A modern & professional portfolio WordPress theme.
Version: 2.8.5
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: post-formats, theme-options, translation-ready, custom-menu, fluid-layout, responsive-layout, light, white, microformats
Text Domain: bean

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

=====================================================================

1.  CSS Reset and Framework Setup
2.  Body and Typography
3.  Global Styles
4. 	Form & Input Styles
5.  Theme Header
6.  Theme Footer
7.  Theme Sidebar
8.  Theme Templates
9.  Blogroll
10.  Single Post
11. Comments
12. Jplayer Styles
13. Portfolio
14. Widget Styles
15. Theme Animations
16. Cross Browser

=====================================================================*/

#primary-nav .customize-partial-edit-shortcut-button {
	top: -3px;
}

.row.portfolio-top-content {
	margin-bottom: 75px;
}

@media only screen and (max-width: 768px) {
	.row.portfolio-top-content {
		margin-bottom: 50px;
	}
}


/*===================================================================*/
/*
/* CSS RESET AND FRAMEWORK SETUP
/*
/*===================================================================*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
	border: 0;
	font: inherit;
	font-size: 100%;
	margin: 0;
	padding: 0;
	text-decoration: none;
	vertical-align: baseline;
}img {
	vertical-align: bottom;
}article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block;
}body {
	line-height: 1;
}ol,
ul {
	list-style: none;
}blockquote,
q {
	quotes: none;
}blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
	content: none;
}table {
	border-collapse: collapse;
	border-spacing: 0;
}.clearfix::after {
	clear: both;
	content: "";
	display: table;
}.none {
	display: none;
}

/* GRID FRAMEWORK */
.row {
	margin: 0 auto;
	max-width: 1024px;
	padding: 0 10px;
	width: 100%;
}

.wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid>li {
    margin-bottom: 0px!Important;
}

.row .row {
	margin: 0 -10px;
	max-width: none;
	min-width: 0;
	width: auto;
}
.row:before,
.row:after {
	content: "";
	display: table;
} .row:after {
	clear: both;
}

.row .columns {
	padding: 0;
}
.column,
.columns {
	float: left;
	min-height: 1px;
	padding: 0 12px;
	position: relative;
}
.columns .columns {
	padding: 0;
}
.columns .columns .columns {
	padding: 0;
}
.column.centered,
.columns.centered {
	float: none;
	margin: 0 auto;
}
[class*="column"] + [class*="column"].end {
	float: left;
}

/* COLUMNS */
.one,
.row .one {
	width: 8.33333%;
}
.two,
.row .two {
	width: 16.66667%;
}
.three,
.row .three {
	width: 25%;
}
.four,
.row .four {
	width: 33.33333%;
}
.five,
.row .five {
	width: 41.66667%;
}
.six,
.row .six {
	width: 50%;
}
.seven,
.row .seven {
	width: 58.33333%;
}
.eight,
.row .eight {
	width: 66.66667%;
}
.nine,
.row .nine {
	width: 100%;
}
.ten,
.row .ten {
	width: 83.33333%;
}
.eleven,
.row .eleven {
	width: 91.66667%;
}
.twelve,
.row .twelve {
	width: 100%;
}

.push-two {
	left: 16.66667%;
}
.pull-two {
	right: 16.66667%;
}
.push-three {
	left: 25%;
}
.pull-three {
	right: 25%;
}
.push-four {
	left: 33.33333%;
}
.pull-four {
	right: 33.33333%;
}
.push-five {
	left: 41.66667%;
}
.pull-five {
	right: 41.66667%;
}
.push-six {
	left: 50%;
}
.pull-six {
	right: 50%;
}
.push-seven {
	left: 58.33333%;
}
.pull-seven {
	right: 58.33333%;
}
.push-eight {
	left: 66.66667%;
}
.pull-eight {
	right: 66.66667%;
}
.push-nine {
	left: 75%;
}
.pull-nine {
	right: 75%;
}
.push-ten {
	left: 83.33333%;
}
.pull-ten {
	right: 83.33333%;
}

/* IMAGES */
img,
object,
embed {
	height: auto;
	max-width: 100%;
}
object,
embed {
	height: 100%;
}
img {
	-ms-interpolation-mode: bicubic;
}

/* VISABILITY CLASSES */
.show-for-small {
	display: none!important;
}

/* FLOATS */
.left {
	float: left;
}
.right {
	float: right;
}
.text-right {
	text-align: right;
}
.text-centered {
	text-align: center;
}

/* RESPONSIVE */
@media only screen and (max-width: 768px) {
	.row {
		margin-left: 0;
		margin-right: 0;
		min-width: 0;
		width: auto;
	}
	.row .row {
	}
	.column,
	.columns {
		padding: 0;
	}
	.column:before,
	.columns:before,
	.column:after,
	.columns:after {
		content: "";
		display: table;
	}
	.column:after,
	.columns:after {
		clear: both;
	}
	.row .mobile-two {
		float: left;
		padding: 0 30px;
		width: 50% !important;
	}
	.row .mobile-two:last-child {
		float: left;
	}
	.row .mobile-two.end {
		float: left;
	}
	.row .mobile-four {
		float: left;
		width: 100% !important;
	}
	.row .mobile-four.end {
		float: left;
	}
	.push-two,
	.push-three,
	.push-four,
	.push-five,
	.push-six,
	.push-seven,
	.push-eight,
	.push-nine,
	.push-ten {
		left: auto;
	}
	.pull-two,
	.pull-three,
	.pull-four,
	.pull-five,
	.pull-six,
	.pull-seven,
	.pull-eight,
	.pull-nine,
	.pull-ten {
		right: auto;
	}
}

/* SMALL DISPLAY TARGETS */
@media only screen and (max-width: 768px) {
	.hide-for-small {
		display: none!important;
	}
	.show-for-small {
		display: block!important;
	}
}




/*===================================================================*/
/*
/* BODY AND TYPORAPHY
/*
/*===================================================================*/
* {
	box-sizing: border-box;
}

html {
	font-size: 62.5%;
	overflow-x: hidden;

	-webkit-overflow-scrolling: touch;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

body {
	background-color: #fff;
	font: 16px/1.6em "Helvetica Neue", Helvetica, Arial, sans-serif;
	overflow-x: hidden;

	-webkit-backface-visibility: inherit;
	backface-visibility: inherit;
}

h1,
h2,
h3 {
	font-weight: 800;
	letter-spacing: -1px;
}

h1,
h2 {
	font: 800 40px/50px "Lato", Helvetica, Arial, sans-serif;
}

.logo {
    font-family: "Source Sans Pro";
    width: 250px;
    margin: 0px auto;
}


#primary-container h1,
h2 {
	font-size: 32px;
	font-weight: 800;
	line-height: 38px;
	display: none;
}

h3 {
	font-size: 26px;
	line-height: 34px;
	margin-bottom: 15px;
}

h4 {
	font-size: 19px;
	font-weight: normal;
	letter-spacing: -1px;
	line-height: 27px;
}

h5 {
	font: 14px/24px Courier, Courier New, monospace;
	margin-bottom: 12px;
	text-transform: uppercase;
}

h6 {
	font: 500 14px/1.5em "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin-bottom: 12px;
}

code {
	border-style: none;
	display: block;
	font: 14px/24px Courier, Courier New, monospace;
	margin: 30px 0 45px 55px;
	overflow: auto;
}

li {
	list-style: none;
}

strong {
	font-weight: bold;
}

a {
	font-size: 16px;
	color: #000!important;
	font-weight: 700;
	letter-spacing: 0.8px;
	
}




/*===================================================================*/
/*
/* GLOBAL STYLES
/*
/*===================================================================*/
code,
.copyright,
.post-date,
.entry-meta,
#login span,
.widget li a,
.copyright a,
.twitter_time,
.logged-in-as,
.entry-meta a,
.comment-meta,
.comment-meta a,
#login span a,
.logged-in-as a,
.entry-content li,
a .logo_text:hover,
.widget_archive li,
.author-tag a:hover,
.widget_categories li,
.bean-coming-soon .text,
.comment-awaiting-moderation,
#header-container .main-menu a,
.search #searchform input[type="text"] {
	color: #a7a7a7;
	
}

form label,
blockquote,
blockquote p,
textarea:focus,
.entry-meta span,
.widget li a:hover,
.entry-meta a:hover,
.copyright a:hover,
.author-description,
.bean-tabs > li > a,
.entry-content .bean-panel-title > a,
.comment-author cite,
.comment-author cite a,
.archives-list ul li a,
input[type=text]:focus,
input[type=email]:focus,
s
input[type=password]:focus,
.entry-content blockquote p,
h1,
h1 a,
h2,
h3,
h4,
h5,
h6,
.comment-meta .author-tag a:hover,
.widget_bean_recent_posts li h3 a,
#header-container .main-menu a:hover,
.post-password-required .entry-content label {

}

.btn:hover,
#toTop:hover,
.button:hover,
.jp-interface,
.post .jp-audio,
.tagcloud a:hover,
button.button:hover,
.button.small:hover,
.btn[type="submit"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
.button[type="submit"]:hover,
.form-submit input[type="submit"]:hover {
	background-color: #333;
}

/*GENERAL TRANSITION SPEED */
a,
.btn,
.button,
.logo h1,
.bean-shot,
.tagcloud a,
button.button,
.post-thumb img,
.isotope-item img,
.btn[type="submit"],
.button[type="submit"],
input[type="button"],
input[type="reset"],
.flickr_badge_image,
input[type="submit"],
.instagram_badge_image,
.bean500px_badge_image,
.flickr_badge_image img,
.bean-dribbble-shots img,
.bean500px_badge_image img,
.instagram_badge_image img,
.widget_bean_portfolio ul li img,
.menu_container input[type="text"] {
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
}

/* NO TRANSITIONS FOR THESE CLASSES */
#toTop,
.pagination a,
.header-controls a.trigger,
#header-container .main-menu ul li a {
	-webkit-transition: all 0s;
	-moz-transition: all 0s;
	-ms-transition: all 0s;
	-o-transition: all 0s;
}

/* IMAGE HOVERS (PRIMARY STYLES ARE VIA THEME CUSTOMIZER) */
.post-thumb {
	background-image: url(assets/images/post-thumb.png);
	background-position: center;
	background-repeat: no-repeat;
	overflow: hidden;
}

.post-thumb a img:hover,
.isotope-item img:hover {
	opacity: 0.08;
}


/*===================================================================*/
/*
/* FORM & INPUT STYLES
/*
/*===================================================================*/
/* THEME BUTTONS */
.btn,
.button,
.tagcloud a,
button.button,
.btn[type="submit"],
.button[type="submit"],
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: none;
	border-radius: 3px;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font: 13px/1.6em "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: bold !important;
	margin: 1px 1px 4px 0;
	padding: 12px 18px;
	text-align: center;
	text-transform: uppercase;
}

.btn:hover,
.button:hover,
.tagcloud a:hover,
button.button:hover,
.form-submit input[type="submit"]:hover,
.btn[type="submit"]:hover,
.button[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	color: #fff!important;
}

a.short-btn {
	color: #fff!important;
}

/* THEME FORMS */
form label {
	cursor: pointer;
	display: block;
	margin-bottom: 7px;
}

span.required {
	color: #ff554e;
	font-size: 22px!important;
	line-height: 10px;
}

form input {
	clear: none;
	display: inline;
	margin-bottom: 20px;
}

input.input-text,
textarea {
	display: block;
	margin-bottom: 18px;
}

textarea {
	min-height: 210px;
	padding: 9px 14px;
}

input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
textarea {
	background-color: #f1f4f5;
	border: 1px solid #f1f4f5;
	border-radius: 3px;
	color: #a7a7a7;
	font: 15px/1.6em "Helvetica Neue", Helvetica, Arial, sans-serif;
	height: 38px;
	outline: none;
	padding-left: 13px;
	width: 100%;

	-webkit-appearance: none;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
textarea:focus {
	background-color: #f1f4f5;
	border: 1px solid #f1f4f5;
	color: #333;
}

/* ERRORS */
label.error {
	display: none!important;
}

.error input,
textarea.error,
.wpcf7-not-valid,
input[type=text].error {
	background-color: #ff5f49!important;
	border-color: #ff5f49!important;
	color: #fff!important;
}





/* ERROR ANIMATIONS */
input.error,
textarea.error,
.wpcf7-not-valid,
.requiredField.error {
	-webkit-animation-duration: 5s;
	-moz-animation-duration: 5s;
	-ms-animation-duration: 5s;
	-o-animation-duration: 5s;
	-webkit-animation-name: BeanButtonShake;
	-moz-animation-name: BeanButtonShake;
	-o-animation-name: BeanButtonShake;
}

/* CONTACT FORM 7 COMPATIBILITY */
.wpcf7-form input[type="text"] {
	margin-top: 10px;
}

.wpcf7-not-valid-tip {
	background: none!important;
	border: none!important;
	color: #ff5f49;
	left: 0!important;
	position: relative!important;
	top: -20px!important;
}

div.wpcf7-mail-sent-ok {
	background-color: #3fc380;
	border: none!important;
	border-radius: 3px;
	color: #fff;
}

div.wpcf7-spam-blocked,
div.wpcf7-mail-sent-ng,
div.wpcf7-validation-errors {
	background-color: #ff5f49;
	border: none!important;
	border-radius: 3px;
	color: #fff;
}

div.wpcf7-response-output {
	margin: 30px 0 0 0!important;
	padding: 0.6em 1em!important;
	text-align: center;
}

.wpcf7-form p {
	line-height: 33px;
}

.wpcf7-form span {
	margin-top: -15px;
}

wpcf7-submit {
	padding: 8px 15px;
}

div.wpcf7 img.ajax-loader {
	display: inline;
}




/*===================================================================*/
/*
/* THEME HEADER
/*
/*===================================================================*/

/*===================================================================*/
/* MAIN HEADER
/*===================================================================*/
.logo h1 {
	display: inline-block;
}

.logo-uploaded {
	margin-bottom: 25px;
}

.header-tagline {
	margin-bottom: 15px!important;
	margin-top: 15px!important;
}

/* PRIMARY NAVIGATION - STICKY ELEMENT */
#primary-nav {
	padding: 15px 0;
}

#primary-nav.stuck {
	background-color: #fff;
	background-color: rgba(255, 255, 255, 0.96);
	border-bottom: none;
	left: 0;
	position: fixed;
	text-align: center;
	top: 0;
	width: 100%;
	z-index: 999;
}

.admin-bar #primary-nav.stuck {
	top: 28px;
}

/* MAIN HEADER */
#header-container {
	
	padding: 50px 0 0;
	text-align: center;
}

#header-container .main-menu {
	font-family: Courier, Courier New, monospace;
	font-size: 15px;
	text-transform: uppercase;
}

#header-container .main-menu ul li {
	display: inline-block;
	margin: 0 5px;
}

#header-container .main-menu ul li a {
	padding: 7px 10px;
}

#header-container .main-menu > .sfHover > a {
	border-radius: 3px 3px 0 0;
	color: #a7a7a7;
}

/* REQUIRED SUPERFISH STYLES */
.sf-menu,
.sf-menu * {
	list-style: none;
	margin: 0;
	padding: 0;
}

.sf-menu li {
	position: relative;
	white-space: nowrap;
}

.sf-menu ul {
	display: none;
	left: 0;
	min-width: 10em;
	position: absolute;
	top: 100%;
	top: 26px;
	z-index: 999;
}

.sf-menu ul ul {
	margin-left: 13px;
	margin-top: -5px;
}

.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {
	display: block;
}

.sf-menu a {
	position: relative;
}

.sf-menu ul ul {
	left: 90%;
	top: 0;
}

/* DROPDOWN STYLES */
#header-container .main-menu ul li a {
	border: 1px solid rgba(255, 255, 255, 0);
}

#header-container .main-menu > .sfHover > a.sf-with-ul {
	background-color: #fff;
	border-bottom-color: #fff;
	border-color: #e9ecec;
	border-radius: 3px 3px 0 0;
	box-shadow: 0 -1px 2px rgba(69, 69, 74, 0.05);
	color: #a7a7a7;
	margin-bottom: 3px;
	z-index: 999;
}

#header-container .main-menu .sub-menu {
	background: #fff;
	border: 1px solid #e9ecec;
	border-radius: 0 3px 3px 3px;
	box-shadow: 0 1px 3px rgba(69, 69, 74, 0.1);
	margin-top: 1px;
	padding: 6px 0;
	z-index: 8;
}

#header-container .main-menu .sub-menu li {
	display: block;
	margin: 0;
	text-align: left;
}

#header-container .main-menu .sub-menu li a {
	display: block;
	font-size: 14px;
	padding: 1px 10px;
}

#header-container .main-menu .sub-menu a:hover {
	background-color: #f1f4f5;
	color: #333;
	width: 100%;
}

#header-container .main-menu.stuck li {
	border: none!important;
}


/* DROP IN STUCK ADJUSTMENT */
#header-container .main-menu.stuck .sub-menu {
	border-radius: 0 0 3px 3px;
}


/*===================================================================*/
/* HEADER OVERLAY
/*===================================================================*/
.header-controls {
	overflow: visible;
	position: relative;
	right: 35px;
	top: 35px;
}

/* OVERLAY TRIGGER */
.header-controls a.trigger {
	background: url(assets/images/sprite.png) -172px 3px;
	border-radius: 3px;
	height: 30px;
	position: absolute;
	right: 0;
	width: 30px;
}

.header-controls a.trigger:hover {
	background-color: #eee;
	background-position: -172px -37px;
}

.header-controls a.trigger.open {
	background-color: #eee;
	background-position: -172px -117px;
}

.header-controls a.trigger.open:hover {
	background-position: -172px -77px;
}

/* OVERLAY LAYOUT */
#overlay {
	z-index: 9999;
}

.overlay-container {
	background: #333;
	color: #a7a7a7;
	display: none;
	font-size: 14px;
	line-height: 22px;
	overflow: hidden;
}

.overlay-container .overlay-inner {
	padding-top: 60px;
}

.overlay-container .four.columns {
	padding: 0 16px;
}

.overlay-container .four.columns:first-child {
	padding-left: 0;
	padding-right: 32px;
}

.overlay-container .four.columns:last-child {
	padding-left: 32px;
	padding-right: 0;
}

/* OVERLAY STYLE DEFAULTS */
.overlay-container h1,
.overlay-container h2,
.overlay-container h3,
.overlay-container h4,
.overlay-container h5,
.overlay-container h6 {
	color: #fff;
}

.overlay-container p {
	color: #a7a7a7;
	font-size: 14px;
	line-height: 22px;
	margin-bottom: 15px;
}
.overlay-container a {
	color: #a7a7a7;
}

.overlay-container a:hover {
	color: #fff!important;
}

.overlay-container p a {
	color: #fff;
	font-weight: bold;
}
.overlay-container p a:hover {
	color: #a7a7a7;
}

.overlay-container input[type="text"],
.overlay-container textarea {
	background-color: white;
	border-color: white;
	color: #a7a7a7;
}

.overlay-container input[type="text"]:focus,
.overlay-container textarea:focus {
	background-color: #222;
	border-color: #222;
	color: #fff;
}

.overlay-container a.button {
	color: #fff;
	font-size: 12px;
}

/* OVERLAY WIDGET OVERRIDES */
.overlay-container .widget {
	margin-bottom: 50px;
}

.overlay-container .widget:last-child {
	margin-bottom: 70px;
}

.overlay-container .bean-shot,
.widget_bean_portfolio ul li,
.overlay-container .flickr_badge_image,
.overlay-container .instagram_badge_image,
.overlay-container .bean500px_badge_image {
	background-color: white!important;
	border-color: white!important;

	-webkit-backface-visibility: hidden;
}

.overlay-container .flickr_badge_image img,
.overlay-container .instagram_badge_image img,
.overlay-container .bean500px_badge_image img {
	height: 42px!important;
	width: 42px!important;
}

.overlay-container #flickr_badge_image9 {
	display: none;
}

.overlay-container .bean-dribbble-shots img {
	width: 99px;
}

.overlay-container .post-date {
	color: #5f5f5f;
}

.overlay-container .tagcloud a {
	color: #fff;
}


/*===================================================================*/
/*
/* THEME FOOTER
/*
/*===================================================================*/
#footer-container {
	background-color: #f1f4f5;
	float: left;
	margin-top: 80px;
	padding: 40px 0 35px;
	text-align: center;
	width: 100%;
}

h5.copyright {
	margin-bottom: 0;
}

/* UI TO TOP */
#toTop {
	background: url(assets/images/sprite.png) -80px -167px no-repeat #f1f4f5;
	border-radius: 3px;
	bottom: 25px;
	display: none;
	height: 40px;
	opacity: 0.95;
	position: fixed;
	right: 25px;
	width: 40px;
	z-index: 999;
}

#toTop:hover {
	background-position: -80px -207px;
}

#toTop.hide {
	display: none!important;
}



/*===================================================================*/
/*
/* THEME SIDEBAR STYLES
/*
/*===================================================================*/
.nine.columns.page-container.sidebar-right {
	
}

.nine.columns.page-container.sidebar-left {
	padding-left: 50px;
}

.sidebar {
	margin-top: -5px;
}

.sidebar {
	font-size: 14px;
	line-height: 22px;
}



/*===================================================================*/
/*
/* THEME TEMPLATES
/*
/*===================================================================*/
#primary-container {
	margin: 0 auto;
	padding: 30px 0 80px;
}

.entry-content p {
	margin-bottom: 20px;
}

.entry-content ul,
.entry-content ol {
	margin: 50px 0 50px 75px;
}

.entry-content li {
	list-style: disc;
}

.entry-content form ul {
	margin: 0!important;
}

.entry-content form li {
	list-style: none;
}

.entry-meta.page {
	padding: 40px 0 30px;
	text-align: center;
}

.entry-meta.page.no-featured-img {
	background: none;
	margin: 0;
	padding-top: 0;
}


/*===================================================================*/
/* CONTACT TEMPLATE
/*===================================================================*/
#BeanForm {
	margin-top: 50px!important;
	text-align: left;
}

ul.bean-contactform li.six.name {
	float: left;
	padding-right: 10px;
}

ul.bean-contactform li.six.email {
	float: left;
	padding-left: 10px;
}

ul.bean-contactform textarea {
	max-width: 100%;
}

li.submit .button,
.form-submit input[type="submit"] {
	margin-top: 10px;

	-webkit-appearance: none;
}

.contact-alert {
	background-color: #f5f5f6;
	border-radius: 3px;
	color: #fff;
	font-size: 14px;
	height: 38px;
	line-height: 38px;
	text-align: center;
}

.contact-alert.fail {
	background-color: #ff5f49;
}

.contact-alert.success {
	background-color: #3fc380;
}


/*===================================================================*/
/* ARCHIVES TEMPLATE
/*===================================================================*/
.page-template-template-archives-php .sidebar {
	margin-top: 0;
}

.entry-content .archives-list ul {
	margin: 0 0 50px 0;
}

.archives-list ul li {
	list-style: disc;
	margin-left: 20px;
}


/*===================================================================*/
/* SEARCH TEMPLATE
/*===================================================================*/
#searchform {
	position: relative;
}

.search-no-results .pagination.index {
	border-top: none;
}
.search #primary-container #searchform .button[type="submit"] {
	display: none;
}

.search .default_searchform.results {
	border-bottom: 1px solid #e9ecec;
	margin-bottom: 60px;
	padding-bottom: 40px;
}


/*===================================================================*/
/* 404 PAGE TEMPLATE
/*===================================================================*/
.error404 #primary-container {
	padding: 15% 0;
	text-align: center;
}

.error404 #footer-container {
	margin-top: 0;
}


/*===================================================================*/
/* COMING SOON TEMPLATE
/*===================================================================*/
.page-template-template-comingsoon-php #primary-container {
	text-align: center;
}

.page-template-template-comingsoon-php #footer-container {
	margin-top: 15%;
}

.page-template-template-comingsoon-php .logo-uploaded {
	margin-bottom: 0;
}

.page-template-template-comingsoon-php .entry-content {
	margin-bottom: 50px;
}

.page-template-template-comingsoon-php .row .columns {
	padding: 0 12px!important;
}

/* PANELS */
.bean-coming-soon .count-inner {
	background-color: #f1f4f5;
	border-radius: 6px;
	height: 154px;
	margin-bottom: 20px;
	padding: 50px 10px 30px 7px;
}

.bean-coming-soon .count {
	font-size: 70px;
	font-weight: bold;
	letter-spacing: -4px;
}

.bean-coming-soon .text {
	line-height: 20px;
	margin-bottom: 0;
	margin-top: 30px;
	text-transform: uppercase;
}

/* FADE DELAY */
.count-inner .fadein {
	-webkit-animation-delay: 1.1s;
	-moz-animation-delay: 1.1s;
	-ms-animation-delay: 1.1s;
	-o-animation-delay: 1.1s;
}


/* COMING SOON LIST DELAY */
.bean-coming-soon .three.columns:nth-of-type(1) {
	-webkit-animation-delay: 0.2s;
	-moz-animation-delay: 0.2s;
	-ms-animation-delay: 0.2s;
	-o-animation-delay: 0.2s;
}
.bean-coming-soon .three.columns:nth-of-type(2) {
	-webkit-animation-delay: 0.3s;
	-moz-animation-delay: 0.3s;
	-ms-animation-delay: 0.3s;
	-o-animation-delay: 0.3s;
}
.bean-coming-soon .three.columns:nth-of-type(3) {
	-webkit-animation-delay: 0.4s;
	-moz-animation-delay: 0.4s;
	-ms-animation-delay: 0.4s;
	-o-animation-delay: 0.4s;
}
.bean-coming-soon .three.columns:nth-of-type(4) {
	-webkit-animation-delay: 0.5s;
	-moz-animation-delay: 0.5s;
	-ms-animation-delay: 0.5s;
	-o-animation-delay: 0.5s;
}


/*===================================================================*/
/* UNDER CONSTRUCTION TEMPLATE
/*===================================================================*/
/* LAYOUT MODS */
.page-template-template-underconstruction-php #primary-container {
	padding-top: 150px;
	text-align: center;
}

.page-template-template-underconstruction-php #primary-container h1 {
	font-size: 40px;
	line-height: 50px;
}
.page-template-template-underconstruction-php p {
	font-size: 19px;
	line-height: 1.7;
}

/* BACKGROUND COGS */
#cogs {
	height: 100%;
	overflow: hidden;
	position: fixed;
	text-align: center;
	width: 100%;
	z-index: -100;
}
.cog-large {
	-webkit-animation: LargeCogRotate 60s infinite linear;
	-moz-animation: LargeCogRotate 60s infinite linear;
	background: url(assets/images/cog-large.png) 0 0 no-repeat;
	display: block;
	height: 700px;
	left: -10%;
	position: absolute;
	top: -10%;
	width: 700px;
}
.cog-small {
	-webkit-animation: SmallCogRotate 30s infinite linear;
	-moz-animation: SmallCogRotate 30s infinite linear;
	background: url(assets/images/cog-small.png) 0 0 no-repeat;
	bottom: -10%;
	display: block;
	height: 500px;
	position: absolute;
	right: -10%;
	width: 500px;
}

/* ANIMATION KEYFRAMES */
@-webkit-keyframes LargeCogRotate {
	0% {
		-webkit-transform: rotate(10deg);
	} 100% {
		-webkit-transform: rotate(370deg);
	}
}

@keyframes LargeCogRotate {
	0% {
		-webkit-transform: rotate(10deg);
		transform: rotate(10deg);
	} 100% {
		-webkit-transform: rotate(370deg);
		transform: rotate(370deg);
	}
}

@-webkit-keyframes SmallCogRotate {
	0% {
		-webkit-transform: rotate(0deg);
	} 100% {
		-webkit-transform: rotate(-360deg);
	}
}

@keyframes SmallCogRotate {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	} 100% {
		-webkit-transform: rotate(-360deg);
		transform: rotate(-360deg);
	}
}




/*===================================================================*/
/*
/* BLOGROLL (POST FORMATS & BLOG PAGE)
/*
/*===================================================================*/
/* STANDARD POST FORMAT */
h1.entry-title {
	margin-bottom: 15px;
}

#primary-container section.post-full h1.entry-title {
	font-size: 37px;
	line-height: 42px;
}

.entry-title.archive-title {
	margin-bottom: 30px;
	margin-top: -7px;
	text-transform: capitalize;
}

p.archive-title {
	margin-bottom: 30px;
}

/* ASIDE POST FORMAT */
.blog .format-aside .entry-content {
	padding: 0 50px;
	text-align: center;
}

/* IMAGE POST FORMAT */
.blog .format-image .entry-content {
	padding: 0 60px;
	text-align: center;
}

/* QUOTE POST FORMAT */
.format-quote {
	text-align: center;
}

/* LINK POST FORMAT */
.format-link {
	text-align: center;
}

.link-icon {
	background: url(assets/images/blank-link.png) 10px 0 no-repeat ;
	height: 14px;
	opacity: 0;
	position: absolute;
	top: 14px;
	width: 25px;
}

.blank-link:hover .link-icon {
	opacity: 1;
}

/* AUDIO / VIDEO POST FORMAT */
.format-video .jp-type-single img,
.format-audio .post-thumb img {
	border-radius: 2px 2px 0 0;
}

.format-video .entry-content-media .jp-video .fluid-width-video-wrapper {
	padding-top: 0!important;
}


/*===================================================================*/
/* GALLERY POST FORMAT
/*===================================================================*/
/* SLIDER BROWSER RESETS */
.bean-container a:active,
.post-slider a:active,
.bean-container a:focus,
.post-slider a:focus {
	outline: none;
}

.slides {
	list-style: none;
	margin: 0;
	padding: 0;
}

/* SLIDER PRIMARY */
.post-slider {
	margin: 0;
	padding: 0;
	position: relative;
}

.post-slider .slides > li {
	display: none;

	-webkit-backface-visibility: hidden;
}

.post-slider .slides img {
	border-radius: 2px;
	display: block;
	max-width: 100%;
}

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

.post-slider .slides {
	min-height: 360px;
	zoom: 1;
}

.slides li img {
	margin-bottom: 0!important;
}


/* SLIDER CLEARFIX */
.slides:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	line-height: 0;
	visibility: hidden;
}

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

* html .slides {
	height: 1%;
}


/* NO JAVASCRIPT FALLBACK */
.no-js .slides > li:first-child {
	display: block;
}

/* SLIDER CONTROL NAV - THE DOTS */
.bean-control-paging {
	bottom: 10px;
	left: 15px;
	position: absolute;
}

.bean-control-paging li {
	cursor: pointer;
	display: inline-block;
	margin: 0 2px;
	text-indent: -9999em;
}

.bean-control-paging li a {
	background-color: #333;
	border-radius: 100px;
	display: block;
	height: 13px;
	width: 13px;
}

/* CAPTIONS */
.bean-image-caption,
.bean-slide-caption {
	background-color: #333;
	background-color: rgba(51, 51, 51, 0.95);
	border-radius: 2px;
	color: #fff;
	font-family: Courier, Courier New, monospace;
	font-size: 12px;
	line-height: 20px;
	padding: 9px 12px;
	position: absolute;
	right: 15px;
	text-align: center;
	text-transform: uppercase;
	top: 15px;
}

.stacked-image .bean-image-caption {
	margin: -10px 0 35px;
	position: relative;
	right: 0;
	top: 0;
	width: 100%;
}


/*===================================================================*/
/* PAGINATION
/*===================================================================*/

/* SINGLE PAGINATION / DEFAULT (PORTFOLIO / POST) */
.pagination a {
	background: url(assets/images/sprite.png) no-repeat;
	display: inline-block;
	height: 65px;
	width: 44px;
}

span.page-previous a {
	background-position: -100px -3px;
}

span.page-previous a:hover {
	background-position: -56px -3px;
}

span.page-next a {
	background-position: -56px -73px;
}

span.page-next a:hover {
	background-position: -100px -73px;
}

span.page-previous {
	left: 30px;
	position: absolute;
}

span.page-next {
	position: absolute;
	right: 30px;
}


/* INDEX POST PAGINATION */
.pagination.index {
	border-top: 1px solid #e9ecec;
	padding-top: 30px;
	text-align: center;
}

.pagination.index a {
	background-color: #f1f4f5;
	border-radius: 3px;
	height: 40px;
	width: 40px;
}

.pagination.index span.page-next {
	right: 50px;
}

.pagination.index span.page-previous {
	left: 0;
}

.pagination.index span.page-previous a {
	background-position: -46px -166px;
}

.pagination.index span.page-previous a:hover {
	background-position: -46px -206px;
}

.pagination.index span.page-next a {
	background-position: -110px -166px;
}

.pagination.index span.page-next a:hover {
	background-position: -110px -206px;
}


/* SINGLE POST PAGINATION */
.single-post .pagination.index {
	margin-top: 60px;
}

.single-post .pagination.index span.page-next {
	right: 0;
}


/*===================================================================*/
/*
/* SINGLE POST STYLES
/*
/*===================================================================*/
section.post {
	margin-bottom: 90px;
	width: 100%;
}

#primary-container section.post:last-child {
	margin-bottom: 0;
}

.single-post section.post {
	margin-bottom: 30px;
}

.entry-header {
	float: left;
	width: 100%;
}

/* POST META */
.entry-title {
	margin-bottom: 15px;
}

.entry-meta {
	clear: both;
	float: left;
	font-family: Courier, Courier New, monospace;
	font-size: 14px;
	margin-bottom: 25px;
	text-transform: uppercase;
	width: 100%;
}

.entry-meta li {
	display: inline-block;
	margin: 0 10px;
}

.entry-meta li:first-child {
	margin-left: 0;
}

.entry-meta p {
	color: #a7a7a7;
}

/* ENTRY CONTENT AND MEDIA */
.entry-content-media {
	margin-bottom: 30px;
	position: relative;
}

.entry-content,
.entry-content-media {
	display: block;
	float: left;
	width: 100%;
}

/* POST SHARING */
.post-share {
	margin-bottom: 40px;
}

.post-share li {
	display: inline-block;
}

.post-share h6 {
	margin-bottom: 5px;
}

.button.small {
	border-radius: 2px;
	font: bold 11px/13px Helvetica, sans-serif!important;
	margin: 0 3px 0 0;
	padding: 5px 7px 4px;
	position: relative;
	text-transform: uppercase;
}

.button.twitter {
	background-color: #00a0d1;
}

.button.facebook {
	background-color: #3b5998;
}

.button.google-plus {
	background-color: #db4a39;
}

.button.pinterest {
	background-color: #c8232c;
}


/* POST PASSWORD PROTECTED MODS */
.post-password-required .entry-content label {
	font: 18px "Open Sans", serif;
	font-weight: 600;
	margin-bottom: 20px;
}

.post-password-required .entry-content input[type="password"] {
	font-size: 20px!important;
	font-weight: bold!important;
	margin: 18px 0 0 0;
	text-align: left;
}

.nopassword {
	background-color: #ffe0d8;
	border-radius: 3px;
	color: #f63c38;
	padding: 6px 10px;
	text-align: center;
}


/*===================================================================*/
/* WORDPRESS DEFAULT STYLING
/*===================================================================*/
.single-post .entry-content img,
.single-post .entry-content img a {
	margin: 40px 0 40px 0;
}

blockquote {
	margin: 50px 0;
}

blockquote,
.entry-content blockquote p {
	font: 26px/34px "Lato", Helvetica, Arial, sans-serif;
	font-weight: 800;
	letter-spacing: -1px;
}

blockquote p {
	margin-bottom: 0;
}

/* IMAGES */
.entry-content p img,
.content .gallery .gallery-icon img,
.image-frame img,
.attachment .post-box img,
.slider img {
	background: transparent;
	display: block;
}

.image-frame img,
.attachment .post-box img,
.post-thumb img {
	border-radius: 2px;
	height: auto;
}

.post-thumb {
	border-radius: 2px;
	float: left;
	line-height: 10px;
	position: relative;
	width: 100%;
}

.entry-content .entry-content-media img {
	margin: 0 0 0 0;
}

.attachment article .entry-content {
	padding: 0 0 0 0;
}

.attachment .post-box img {
	margin: 0 auto;
}

.content .gallery-item {
	float: left;
	margin: 0;
	padding: 0;
}

.content .gallery .gallery-icon img {
	margin-bottom: 0!important;
}

.entry-content img,
.comment-content img,
.widget img {
	max-width: 100%;
}

.entry-content img.size-full,
.entry-content img.size-large {
	display: block;
	height: auto;
	max-width: 100%;
	width: auto;
}

.entry-content img.wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto!important;
	margin-right: auto!important;
}

img.alignleft {
	float: left;
}

img.alignright {
	display: block;
}

.wp-smiley {
	margin: 0 !important;
	max-height: 13px;
}

.gallery {
	float: left;
	margin: auto;
	width: 100%;
}

.gallery-item {
	float: left;
	margin-left: 0;
	text-align: center;
}

#gallery-1 .gallery-item {
	float: left;
	margin-top: 10px;
	text-align: center;
	width: 33%;
}

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

.gallery-caption {
	font-weight: bold;
	margin-left: 0;
}

.gallery-item .gallery-caption {
	margin-bottom: 0 !important;
	padding-right: 12%;
}

.wp-caption,
figcaption {
	font-family: Georgia, "Times New Roman", Times, serif;
	margin: 10px 20px 20px 20px;
	text-align: center;
}

.wp-caption.aligncenter {
	margin: 20px auto;
}

.wp-caption.alignleft {
	margin-left: 0;
}

.wp-caption.alignright {
	margin-right: 0;
}

.wp-caption.alignnone {
	margin-left: 0;
}

.wp-caption img,
.wp-caption img a {
	border: 0 none;
	margin: 0;
	padding: 0;
}

.wp-caption
.wp-caption-text {
	margin: 0;
	padding: 5px;
}

img#wpstats {
	display: none;
}





/* SHORTCODE OVERRIDES */
.featurearea .featurearea_content .featurearea_content_title {
	color: #333!important;
	font: 16px/30px "Lato", Helvetica, Arial, sans-serif;
	font-weight: 600!important;
	margin-top: -9px;
}
.featurearea p {
	font-size: 15px;
	line-height: 22px;
}
.bean-tabs ul.bean-nav li a {
	color: #23313a!important;
}

.iconSocial a,
.modal-header a {
	border-bottom: none;
}

.target {
	height: 100%!important;
}

p:empty {
	display: none;
}

.fluid-width-video-wrapper iframe {
	border: none;
}




/*===================================================================*/
/*
/*	COMMENTS
/*
/*===================================================================*/
/*===================================================================*/
/* COMMENTS GENERAL
/*===================================================================*/
#comments {
	clear: both;
	float: left;
	padding-top: 80px;
	width: 100%;
}

#comments h2 {
	margin-bottom: 40px;
}

#comments ol {
	list-style: none;
}

#reply-title {
	clear: both;
	font: 800 32px/38px "Lato", Helvetica, Arial, sans-serif;
	margin-bottom: 35px;
}

.comment-extra {
	position: absolute;
	right: 0;
	top: 0;
}

.commentlist {
	list-style-type: none;
	margin: 0 0 40px;
}

.pinglist {
	list-style-type: disc;
	margin: 20px 0 40px 30px;
}

#comments-list {
	float: left;
	padding-bottom: 100px;
	width: 100%;
}

#comments-list ol li {
	float: left;
	width: 100%;
}

#login span a,
#login span {
	font-style: normal;
	font-weight: normal;
}


/*===================================================================*/
/* COMMENT META / AVATAR
/*===================================================================*/
.comment-avatar {
	border-radius: 2px;
	float: left;
	height: 55px;
	width: 55px;
}

.comment-avatar img {
	border: 5px solid #f1f4f5;
	border-radius: 3px;
	height: 55px;
	width: 55px;
}

.comment-author {
	margin-top: -7px;
}

.comment-author cite {
	float: left;
	font-size: 15px;
	font-style: normal;
	font-weight: 500;
	margin-right: 5px;
	text-transform: capitalize;
}

.comment-meta {
	margin-bottom: 2px;
}

.comment-meta,
.comment-meta a {
	font-size: 13px;
	line-height: 27px;
}

.author-tag {
	margin-right: 10px;
}

/* POST AUTHOR */



/*===================================================================*/
/* COMMENT BODY
/*===================================================================*/
.comment-body {
	border-bottom: 1px solid #f0f0f0;
	clear: both;
	float: left;
	margin-bottom: 30px;
	width: 100%;
}

.comment-body p {
	padding-bottom: 25px;
}

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

.children {
	float: left;
	list-style-type: none;
	margin: -27px 0 0 0;
	width: 100%;
}

.children .ten.columns.mobile-four {
	padding-left: 10%;
}

.children .comment-avatar {
	margin-top: 30px;
}

.children .comment-author {
	margin-top: 21px;
}

.children .comment {
	margin-bottom: 0;
}

.children li {
	border-bottom: none!important;
	padding-top: 0!important;
}

.children .comment #respond {
	padding-left: 50px;
}

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


/*===================================================================*/
/* CANCEL / REPLY COMMENT
/*===================================================================*/
#cancel-comment-reply-link {
	color: #ff5f49;
	float: right;
	font-size: 14px;
	margin-top: 5px;
	text-transform: none;
}

#cancel-comment-reply-link:hover {
	color: #333;
}

.comment-awaiting-moderation {
	font-size: 14px;
	line-height: 33px;
	margin-bottom: 10px;
}


/*===================================================================*/
/* COMMENT FORM ADJUSTMENTS
/*===================================================================*/
#respond form label {
	display: block;
	margin-bottom: 4px;
}

.comment #respond {
	margin: 0 0 50px 90px;
	padding-top: 15px;
}

#commentform input[type="text"],
#commentform input[type="password"],
#commentform input[type="date"],
#commentform input[type="datetime"],
#commentform input[type="email"],
#commentform input[type="number"],
#commentform input[type="search"],
#commentform input[type="tel"],
#commentform input[type="time"],
#commentform input[type="url"] {
	float: left;
	margin-bottom: 20px;
}

#commentform textarea {
	margin-bottom: 14px;
}

#respond .button,
#respond button.button,
#respond .button[type="submit"] {
	margin-bottom: 20px;
}

#commentform p {
	line-height: 20px;
}

#commentform textarea {
	height: 224px;
	min-height: 224px;
}

.logged-in #comments.columns {
	float: none;
}

.logged-in #respond .six {
	float: none!important;
	width: 100%;
}

.logged-in #commentform label {
	display: none;
}

.logged-in-as {
	margin-bottom: 17px;
	margin-top: -28px;
}

.logged-in-as a {
	font-style: normal;
	font-weight: normal;
}




/*===================================================================*/
/*
/* JPLAYER STYLES
/*
/*===================================================================*/
/*===================================================================*/
/* JPLAYER BASE
/*===================================================================*/
.jp-interface {
	border-radius: 4px;
	height: 45px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
}

.entry-content-media-audio {
	position: relative;
}

.jp-controls {
	border-right: 1px solid #3b3d3d;
}

ul.jp-controls,
.jp-interface ul.jp-controls li {
	height: 44px;
	position: absolute;
	width: 49px;
}

.jp-interface ul.jp-controls a {
	display: block;
	overflow: hidden;
	position: absolute;
	text-indent: 100%;
	white-space: nowrap;
	z-index: 2;
}

.jp-interface ul.jp-controls a span {
	display: block;
	overflow: hidden;
}

a.jp-play span,
a.jp-pause span {
	height: 44px;
	width: 50px;
}

/* BASE ICON POSITIONING */
a.jp-play span {
	background: url(assets/images/jplayer.png) 10px 7px no-repeat;
}

a.jp-pause span {
	background: url(assets/images/jplayer.png) 9px -23px no-repeat;
	display: none;
}

a.jp-pause:hover span,
a.jp-play:hover span {
	opacity: 0.7;
}

/* PROGRESS BARS */
div.jp-progress {
	background-color: #3b3d3d;
	border-radius: 20px;
	margin: 17px 17px 0 65px;
}

div.jp-seek-bar {
	cursor: pointer;
	height: 100%;
	width: 0;
}

div.jp-seeking-bg {
	display: none;
}

div.jp-play-bar {
	background-repeat: repeat;
	border-radius: 20px;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 1px rgba(0, 0, 0, 0.2);
	height: 11px;
	width: 0;
}

/* AUDIO JPLAYER SPECIFIC */
.jp-audio,
.jp-video {
	clear: both;
}

.post .jp-audio {
	height: 45px;
}

.jp-audio,
.post .jp-interface {
	border-radius: 0 0 4px 4px;
}

/* IF NO FEATURED IMAGE ON THE POST */
.jp-audio,
.audio_no_feat .jp-interface {
	border-radius: 4px!important;
}

div.jp-jplayer audio,
div.jp-jplayer {
	height: 0;
	width: 0;
}

/* VIDEO JPLAYER SPECIFIC */
.jp-video .jp-jplayer {
	height: auto!important;
}

.jp-video video,
.jp-video .jp-jplayer img {
	margin-bottom: -7px;
}




/*===================================================================*/
/*
/* PORTFOLIO
/*
/*===================================================================*/
/*===================================================================*/
/* PORTFOLIO TEMPLATES & GRID SECTIONS
/*===================================================================*/
.tax-portfolio_tag #primary-container,
.tax-portfolio_category #primary-container {
	padding-bottom: 50px;
}

.tax-portfolio_tag .entry-content,
.tax-portfolio_category .entry-content {
	text-align: center;
}

.page-template-template-portfolio-php #header-container,
.page-template-template-portfolio-filter-php #header-container {
	border-bottom: none;
}

/* ISOTOPE STYLES */
#isotope-container {
	display: block;
	width: 100%;
}

#isotope-container.fadein {
	-webkit-animation-delay: 1.3s!important;
	-moz-animation-delay: 1.3s!important;
	-ms-animation-delay: 1.3s!important;
	-o-animation-delay: 1.3s!important;
}

.stacked-image img,
#isotope-container .isotope-item a {
	display: block!important;
	font-size: 0!important;
	line-height: 0!important;
}

@media only screen and (min-width: 400px) {
	.grid-sizer,
	.isotope-item {
		width: 50%;
	}
}

@media only screen and (min-width: 800px) {
	.grid-sizer,
	.isotope-item {
		width: 33.333%;
	}
}

@media only screen and (min-width: 1200px) {
	.grid-sizer,
	.isotope-item {
		width: 25%;
	}
}

@media only screen and (min-width: 1800px) {
	.grid-sizer,
	.isotope-item {
		width: 20%;
	}
}

@media only screen and (min-width: 2200px) {
	.grid-sizer,
	.isotope-item {
		width: 16.6666666667%;
	}
}

@media only screen and (min-width: 3000px) {
	.grid-sizer,
	.isotope-item {
		width: 14.2857%;
	}
}

.gutter-sizer {
	width: 0;
}

.isotope-item {
	float: left;
	height: auto;
	overflow: hidden;
	position: relative;
	z-index: 2;
}

.isotope-item img {
	height: auto;
	width: 100%;
}

.isotope-hidden.isotope-item {
	pointer-events: none;
	z-index: 1;
}

.isotope,
.isotope .isotope-item {
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

.isotope {
	-webkit-transition-property: height, width;
	-moz-transition-property: height, width;
	-ms-transition-property: height, width;
	-o-transition-property: height, width;
}

.isotope .isotope-item {
	-webkit-transition-property: -webkit-transform, opacity;
	-ms-transition-property: -ms-transform, opacity;
	-o-transition-property: -o-transform, opacity;
}

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
	-webkit-transition-duration: 0s;
	-moz-transition-duration: 0s;
	-ms-transition-duration: 0s;
	-o-transition-duration: 0s;
}

/* PORTFOLIO OVERLAY */
.portfolio-overlay {
	display: none;
	height: 100%;
	position: absolute;
	text-align: center;
	text-transform: uppercase;
	top: 48%;
	visibility: hidden;
	width: 100%;
}

.isotope-item:hover .portfolio-overlay {
	display: block;
	visibility: visible;
}

/* PORTFOLIO NEW TAG */
.new-tag-wrapper {
	height: 65px;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 0;
	width: 65px;
	z-index: 2;
}

.new-tag {
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	left: -7px;
	padding: 20px 0 2px;
	position: relative;
	text-align: center;
	text-transform: uppercase;
	top: -10px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	width: 115px;
}


/*===================================================================*/
/* PORTFOLIO FILTER
/*===================================================================*/
#filter {
	background-color: #333;
	border-radius: 3px;
	color: #fff;
	float: right;
	font: 14px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	left: 50px;
	line-height: 34px;
	min-height: 34px;
	overflow: hidden;
	position: absolute;
	text-align: right;
	top: 50px;
	-webkit-transition: background-color 0.5s;
	-moz-transition: background-color 0.5s;
	-ms-transition: background-color 0.5s;
	-o-transition: background-color 0.5s;
	width: 80px!important;
	z-index: 150;
}

#filter:hover {
	background-color: #fff;
	color: #333;
}

#filter.open {
	background-color: #fff;
	color: #333;
	width: auto!important;
}

#filter li {
	display: none;
}

#filter.open li,
#filter li:first-child {
	display: inline;
}

#filter li:first-child a,
#filter.open li:first-child {
	border-radius: 5px 0 0 5px;
}

#filter li:first-child {
	background: url(assets/images/filter.png) no-repeat -32px -52px;
	cursor: pointer;
	font-weight: 600;
	padding: 9px 11px 9px 35px;
}

#filter.open li:first-child,
#filter li:first-child:hover {
	background-position: -32px -12px;
	opacity: 1;
}

#filter li a,
.mobile-filter li a {
	color: #a7a7a7;
	padding: 9px 8px;
}

#filter a:hover,
.mobile-filter li a:hover {
	background-color: #f1f4f5;
}

#filter a.active,
.mobile-filter li a.active {
	background-color: #333;
	color: #fff;
}

.mobile-filter {
	display: none;
	margin-bottom: 40px;
	text-align: center;
	width: 100%;
}

.mobile-filter li {
	display: inline-block;
	margin: 0;
}

.mobile-filter li a {
	border-radius: 3px;
}


/*===================================================================*/
/* SINGLE PORTFOLIO
/*===================================================================*/
.single-portfolio #primary-container {
	padding-bottom: 0;
}

.portfolio-title-container {
	position: relative;
}

/* PORTFOLIO TITLE & META */
.tax-portfolio_category .entry-title,
.tax-portfolio_tag .entry-title,
.single-portfolio .entry-meta,
.single-portfolio .entry-title,
.single-portfolio .entry-content {
	text-align: center;
}

.tax-portfolio_category .entry-title,
.tax-portfolio_tag .entry-title {
	text-transform: capitalize;
}

/* PORTFOLIO PAGINATION */
.single-portfolio .pagination {
	position: absolute;
	top: 33%;
	width: 100%;
}

/* PORTFOLIO MEDIA */
#media-container {
	background-color: #f1f4f5;
	margin-top: 50px;
	padding: 80px 0;
}

#media-container .entry-content-media {
	float: none;
	margin-bottom: 0;
}

#media-container li.stacked-image {
	margin: 0 auto;
	max-width: 1110px;
	position: relative;
}

#media-container li.stacked-image img {
	margin: 0 auto;
	margin-bottom: 20px;
	padding: 0 30px;
}

#media-container li.stacked-image:last-child img {
	margin-bottom: 0;
}

.row.portfolio-slideshow,
.row.portfolio-video {
	max-width: 1050px;
}

/* PORTFOLIO SLIDESHOW */
.entry-content-media.portfolio-gallery.slideshow {
	min-height: 500px;
}

.single-portfolio .bean-control-paging {
	margin-top: 20px;
	position: static;
	text-align: center;
}

/* PORTFOLIO AUDIO */
#media-container .portfolio-audio .jp-audio {
	margin: 0 auto;
	max-width: 1110px;
	padding: 0 30px;
}

.portfolio-audio img {
	margin-bottom: 10px!important;
}

/* PORTFOLIO VIDEO */
.portfolio-video .video-frame {
	padding: 0 30px;
}

.portfolio-video .video-frame .jp-interface {
	border-radius: 0 0 4px 4px;
}

/* RELATED PORTFOLIO POSTS */
.related-title {
	padding: 70px 0;
	text-align: center;
}

.related-title.no-related {
	padding: 75px 0 0;
}

/* CUSTOM VIEW.JS CSS THEME */
body.viewing #footer-container,
body.viewing #header-container,
body.viewing #primary-container {
	-webkit-filter: blur(3px);
}

.viewer {
	background: #fff;
	background-color: rgba(255, 255, 255, 0.8);
}

.viewer .close {
	display: none;
}

.viewer .caption {
	line-height: 5em;
	text-shadow: none;
}

.viewer li {
	-webkit-transition: width 300ms cubic-bezier(0.075, 0.820, 0.165, 1.000);
	-moz-transition: width 300ms cubic-bezier(0.075, 0.820, 0.165, 1.000);
}

.viewer .caption {
	opacity: 0;
	-webkit-transition: opacity 1.5s ease-in-out;
	-moz-transition: opacity 1.5s ease-in-out;
	visibility: hidden;
}

.viewer .current .caption {
	opacity: 100;
	visibility: visible;
}




/*===================================================================*/
/*
/* WIDGET STYLES
/*
/*===================================================================*/
.widget ul > li {
	list-style: none;
}

.widget ul ul {
	margin: 0;
	padding: 0;
}

.widget li li {
	padding-left: 0;
}

.widget li li ul {
	padding-left: 15px;
}

.widget_rss li {
	margin: 0 0 18px 0;
}

/* DEFAULT WP WIDGETS */
.sidebar .widget {
	margin-bottom: 60px;
}

.sidebar .widget:first-child {
	margin-top: 0;
}

.textwidget input[type="text"],
.textwidget textarea {
	width: 100% !important;
}

/* CATEGORIES, ARCHIVES & RECENT POSTS WIDGETS */
.widget_recent_entries li {
	margin-bottom: 10px;
}

.post-date {
	display: block;
	font-size: 11px;
	text-transform: uppercase;
}


/*===================================================================*/
/* DRIBBBLE WIDGET
/*===================================================================*/
.widget_bean-dribbble {
	margin-bottom: -7px;
}

.bean-dribbble-shots {
	margin-left: -6px;
}

.bean-shot {
	border: 5px solid #f1f4f5;
	border-radius: 3px;
	float: left;
	line-height: 6px;
	margin: 0 0 6px 6px;
}

.bean-shot a {
	border-radius: 3px;
	display: block;
}

.bean-dribbble-shots img {
	height: auto;
	width: 84px;
}


/*===================================================================*/
/* FLICKR WIDGET
/*===================================================================*/
div.widget.bean_flickr {
	float: none;
}

.flickr-image-wrapper {
	float: left;
	margin-bottom: -6px;
	margin-left: -6px;
}

.flickr_badge_image {
	border: 5px solid #f1f4f5;
	border-radius: 3px;
	float: left;
	margin: 0 0 6px 6px;
}

.flickr_badge_image a {
	float: left;
	position: relative;
}

.flickr_badge_image img {
	float: left;
	height: 50px;
	position: relative;
	width: 50px;
}


/*===================================================================*/
/*  INSTAGRAM WIDGET & 500PX WIDGET (BEAN PLUGINS)
/*===================================================================*/
.instagram-image-wrapper,
.bean500px-image-wrapper {
	margin: 0 0 -6px -6px!important;
}

.instagram_badge_image,
.bean500px_badge_image {
	border: 5px solid #f1f4f5;
	border-radius: 3px;
	margin: 0 0 6px 6px!important;
	overflow: hidden;
}

.instagram_badge_image img,
.bean500px_badge_image img {
	border-radius: 0!important;
	height: 50px!important;
	width: 50px!important;
}


/* STYLES FOR INSTA/FLIKR/DRIBBBLE WIDGETS */
.bean-shot,
.flickr_badge_image,
.instagram_badge_image,
.bean500px_badge_image {
	background-image: url(assets/images/hover-arrow.png)!important;
	background-position: 50% 0!important;
	background-repeat: no-repeat;
}

.bean-shot:hover img,
.flickr_badge_image img:hover,
.instagram_badge_image img:hover,
.bean500px_badge_image img:hover,
.widget_bean_portfolio ul li img:hover {
	opacity: 0.1;
}

.bean-shot:hover,
.flickr_badge_image:hover,
.instagram_badge_image:hover,
.bean500px_badge_image:hover {
	background-position: 50% 50%!important;
}


/*===================================================================*/
/* NEWSLETTER WIDGET
/*===================================================================*/
.widget_bean_newsletter p {
	margin-bottom: 20px;
}

.widget_bean_newsletter input[type="email"] {
	margin-bottom: 10px;
}

.widget_bean_newsletter input[type="submit"] {
	height: 38px;
	padding: 6px 0;
	width: 100%;
}


/*===================================================================*/
/*  PORTFOLIO WIDGETS
/*===================================================================*/
.widget_bean_portfolio p,
.widget_bean_portfolio_menu p {
	margin-bottom: 20px;
}

.widget_bean_portfolio ul li {
	border: none;
	border-radius: 3px;
	margin-bottom: 6px;
}

.widget_bean_portfolio ul li:last-child {
	margin-bottom: 0;
}

.widget_bean_portfolio ul li img {
	vertical-align: bottom;
}


/*===================================================================*/
/* SEARCH WIDGET
/*===================================================================*/
.widget_search form {
	margin-bottom: 0;
}

.widget_search .searchform input[type="submit"] {
	display: none!important;
}


/*===================================================================*/
/* TAG CLOUD WIDGET
/*===================================================================*/
.tagcloud {
	float: left;
	margin-bottom: -4px;
	margin-top: 7px;
}

.tagcloud a {
	border-radius: 2px;
	display: inline-block;
	float: left;
	font: bold 11px/13px Helvetica, sans-serif!important;
	margin: 0 3px 3px 0;
	padding: 5px 7px 4px;
	position: relative;
	text-transform: uppercase;
}


@-moz-document url-prefix() {
	.tagcloud a {
		padding: 5px 7px 3px;
	}
}


/*===================================================================*/
/* TWITTER WIDGET
/*===================================================================*/
.widget_bean_tweets li {
	font-variant: normal;
	padding-bottom: 10px;
}

.widget_bean_tweets li:last-child {
	padding-bottom: 0;
}

/* TIME STAMP */
.widget_bean_tweets a.twitter-time-stamp {
	display: block;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size: 11px!important;
	opacity: 0.75;
	text-transform: uppercase;
}

.widget_bean_tweets .button {
	margin: 15px 0 0 0;
	padding: 6px 10px;
}


/*===================================================================*/
/* VIDEO WIDGET
/*===================================================================*/
.widget_bean_video .video-frame {
	margin-top: 20px;
}

.video-frame.fadein {
	-webkit-animation-delay: 1s;
	-moz-animation-delay: 1s;
	-ms-animation-delay: 1s;
	-o-animation-delay: 1s;
}


/*===================================================================*/
/* BEAN PLUGIN OVERRIDES
/*===================================================================*/
/* SOCIAL PLUGIN */
ul.bean_social_icons li.bean_social_icon {
	margin: 0 7px 7px 0!important;
}

/* PRICING TABLE PLUGIN */
.bean-pricing-table .table-mast {
	background-color: #333;
}

.bean-pricing-table .table-mast:hover {
	background-color: #444;
}

.bean-pricing-table .pricing-column ul {
	background-color: #f1f4f5;
}

.bean-pricing-table .pricing-column li.info:hover {
	color: #333;
}

.bean-pricing-table .table-mast h5.title {
	font-family: "Lato", Helvetica, Arial, sans-serif;
	font-size: 20px;
	margin-bottom: 8px;
}

.bean-pricing-table .pricing-column li,
.bean-pricing-table .table-mast h6.price {
	color: #a7a7a7;
}

.bean-pricing-table .mobile-two {
	padding: 0;
}



/*===================================================================*/
/*
/* THEME ANIMATIONS
/*
/*===================================================================*/
/* FADE IN - ALL PAGE CONTENT */
.fadein {
	-webkit-animation-delay: 0.2s;
	animation-delay: 0.2s;
	-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s;
	-webkit-animation-name: fadein;
	animation-name: fadein;

	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

@-webkit-keyframes fadein {
	0% {
		opacity: 0;
	} 100% {
		opacity: 1;
	}
}
@keyframes fadein {
	0% {
		opacity: 0;
	} 100% {
		opacity: 1;
	}
}


.BeanFadeInLeft {
	-webkit-animation-name: BeanFadeInLeft;
	-moz-animation-name: BeanFadeInLeft;
	-o-animation-name: BeanFadeInLeft;
}

@-webkit-keyframes BeanFadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-20px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
}

@keyframes BeanFadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-20px);
		transform: translateX(-20px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}

.BeanFadeInRight {
	-webkit-animation-name: BeanFadeInRight;
	-moz-animation-name: BeanFadeInRight;
	-o-animation-name: BeanFadeInRight;
}

@-webkit-keyframes BeanFadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translateX(20px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
}

@keyframes BeanFadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translateX(20px);
		transform: translateX(20px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}

.BeanFadeInLeft,
.BeanFadeInRight {
	-webkit-animation-delay: 0.5s;
	-moz-animation-delay: 0.5s;
	-ms-animation-delay: 0.5s;
	-o-animation-delay: 0.5s;
	-webkit-animation-duration: 0.4s;
	-moz-animation-duration: 0.4s;
	-ms-animation-duration: 0.4s;
	-o-animation-duration: 0.4s;

	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

/* BUTTON SHAKE */
.BeanButtonShake {
	-webkit-animation-delay: 5s;
	-moz-animation-delay: 5s;
	-ms-animation-delay: 5s;
	-o-animation-delay: 5s;
	-webkit-animation-duration: 5s;
	-moz-animation-duration: 5s;
	-ms-animation-duration: 5s;
	-o-animation-duration: 5s;
	-webkit-animation-iteration-count: 5;
	-moz-animation-iteration-count: 5;
	-webkit-animation-name: BeanButtonShake;
	-moz-animation-name: BeanButtonShake;
	-o-animation-name: BeanButtonShake;

	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

@-webkit-keyframes BeanButtonShake {
	2%,
	6% {
		-webkit-transform: translateX(3px);
	}
	4%,
	8% {
		-webkit-transform: translateX(-3px);
	}
	10%,
	100% {
		-webkit-transform: translateX(0px);
	}
}
@keyframes BeanButtonShake {
	2%,
	6% {
		-webkit-transform: translateX(3px);
		transform: translateX(3px);
	}
	4%,
	8% {
		-webkit-transform: translateX(-3px);
		transform: translateX(-3px);
	}
	10%,
	100% {
		-webkit-transform: translateX(0px);
		transform: translateX(0px);
	}
}


/* FILTER ANIMATION */
@-webkit-keyframes FilterIn {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-2000px);
	}
	60% {
		opacity: 1;
		-webkit-transform: translateX(30px);
	}
	80% {
		-webkit-transform: translateX(-10px);
	}
	100% {
		-webkit-transform: translateX(0);
	}
}
@keyframes FilterIn {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-2000px);
		transform: translateX(-2000px);
	}
	60% {
		opacity: 1;
		-webkit-transform: translateX(30px);
		transform: translateX(30px);
	}
	80% {
		-webkit-transform: translateX(-10px);
		transform: translateX(-10px);
	}
	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}

.FilterIn {
	-webkit-animation-delay: 1.5s;
	-moz-animation-delay: 1.5s;
	-ms-animation-delay: 1.5s;
	-o-animation-delay: 1.5s;
	-webkit-animation-duration: 0.4s;
	-moz-animation-duration: 0.4s;
	-ms-animation-duration: 0.4s;
	-o-animation-duration: 0.4s;
	-webkit-animation-name: FilterIn;
	-moz-animation-name: FilterIn;
	-ms-animation-name: FilterIn;
	-o-animation-name: FilterIn;

	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

/*===================================================================*/
/*
/* CROSS BROWSER TOUCH UPS
/*
/*===================================================================*/
.ie-8 .bean-shot {
	float: left;
	width: 94px;
}

.ie-8 .flickr_badge_image a,
.ie-8 .instagram_badge_image a,
.ie-8 .bean500px_badge_image a {
	height: 50px;
	width: 50px;
}

@media only screen and (max-width: 768px) {
.menu_container {
    background-color: #fff!important;
    height: 50px;
    width: 100%;
}
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 192dpi) {
.menu_container input[type="text"] {
    background-image: url(../images/retina/search@2x.png);
    background-size: 16px 16px;
	display: none!important;
}
}	

@media only screen and (max-width: 768px) {
.anchor-link {
    background: url(../images/mobile-nav.png) no-repeat 20px 19px;
    border-right: none!important;
}
	
}

@media only screen and (max-width: 768px) {
.anchor-link:hover, body.active .anchor-link {
    background-color: #fff!important;
}
}

@media only screen and (max-width: 768px) {
.menu_container a {
	font-family: "Open Sans Condensed"!important;
	letter-spacing: 1px;
	text-transform: uppercase;

	}
}

.current_page_item {
border-bottom: 0.5px solid #7b9f2b;
}

#mc_embed_signup .mc-field-group label { 
    font-family: "Source Sans Pro"!important;
	font-size: 16px!important;
}

#mc_embed_signup form {
    display: block;
    position: relative;
    text-align: left;
    padding: 0px!important;
}

#mc_embed_signup .button {
    clear: both;
    background-color: #7B9F2A!important;
    border: 0 none;
    border-radius: 4px;
    transition: all 0.23s ease-in-out 0s;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-size: 15px;
    font-weight: normal;
    height: 40px!important;
    line-height: 32px;
    margin: 0 5px 25px 0!important;
    padding: 0 22px;
    text-align: center;
    text-decoration: none;
    vertical-align: top;
    white-space: nowrap;
    width: auto;
    font-family: "Source Sans Pro"!important;
	font-weight: 300!important;
}

#content .wpb_alert p:last-child, #content .wpb_text_column :last-child, #content .wpb_text_column p:last-child, .wpb_alert p:last-child, .wpb_text_column :last-child, .wpb_text_column p:last-child {
    margin-bottom: 0;
    font-weight: 300;
}

 #full-wrapper:before {
   background-color: #fff !important;
  }

.anchor-link {
float: right;
text-indent: -999em;
width: 67px;
}

.menu_container .default_searchform {
right: inherit;
left: 0;
}