/*===================================================================
 
Theme Name: Harbor 2026
Theme URI: http://demo.themebeans.com/harbor
Author: ThemeBeans
Author URI: http://themebeans.com
Description: A high class portfolio theme for creatives.
Version: 1.3
Tags: post-formats, theme-options, translation-ready, custom-menu, fluid-layout, responsive-layout, light, white, microformats
Textdomain: bean
License: GNU General Public License version 3.0 & Envato Regular/Extended License
License URI:  http://www.gnu.org/licenses/gpl-3.0.html & http://themeforest.net/licenses

All PHP code is released under the GNU General Public Licence version 3.0
All HTML/CSS/JAVASCRIPT code is released under Envato's Regular/Extended License

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

1.  CSS Reset and Framework Setup
2.  Body and Typography
3.  Global Styles
4.  Form and Input Styles
5.  Theme Structure 
6.  Theme Templates
7.  Blogroll
8.  Single Post
9.  Comments
10. Jplayer Styles
11. Portfolio Templates
12. Single Portfolio
13. Team
14. Testimonials
15. Widget Styles
16. Other Compatible Plugin Styles
17. Theme Animations
18. Cross Browser

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




/*===================================================================*/
/*
/* 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; padding: 0; width: 100%; *zoom: 1;  }
.row:before, .row:after { content: ""; display: table; } .row:after { clear: both; }

.column, .columns { float: left; min-height: 1px; padding: 0 15px; position: relative; } 
.columns .columns { padding: 0px; }
.columns .columns .columns { padding: 0px; } 
.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: 75%; 		}
.ten, .row .ten 		{ width: 83.33333%; }
.eleven, .row .eleven 	{ width: 91.66667%; }
.twelve, .row .twelve 	{ width: 100%; 	}

/* 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: 0px; } 
	.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; }  
}

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




/*===================================================================*/
/*
/* BODY AND TYPOGRAPHY
/*
/*===================================================================*/
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

html { 
	font-size: 62.5%;
	overflow-x: hidden; 
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-overflow-scrolling: touch;
}

body {
	background-color: #FFF;
	color: #2A2E31;
	overflow-x: hidden; 
	word-wrap: break-word;
	-webkit-overflow-scrolling:touch;
}

body, button, input, select, textarea {
	word-wrap: break-word;
	font: 17px/1.8 "Lato",Helvetica,Arial,sans-serif;
	letter-spacing: 0.025em;
}

p, ul, ol, .wp-caption, blockquote, .bean-tab-content, .bean-panel-body {
	font-family: 'Lora', serif;
	font-size: 18px;
	line-height: 1.9;
	letter-spacing: 0px;
	font-weight: normal;
}

h1, h2, h3, h4, h5, h6 {
	color: #2A2E31;
	font-family: "Lato",sans-serif;
	line-height: 1.3em;
	font-weight: 400;
}

h1 a, 
h2 a,
h3 a,
h4 a {
	color: #272B2F!important; 
}

h1 {
	font-size: 24px;
	font-size: 2.4rem;
	line-height: 1.7em;
	letter-spacing: 8px;
	text-transform: uppercase;
}

h2 { 
	font-size: 22px;
	font-size: 2.2rem;
	letter-spacing: 5px;
	text-transform: uppercase;
}

h3 { 
	font-size: 17px;
	line-height: 26px;
	letter-spacing: 4px;
	text-transform: uppercase;
}

h4 { 
	font-size: 22px; 
	line-height: 1.7em;
}

h5 { 
	font-size: 11px;
	text-transform: uppercase;
	font-weight: 300;
	letter-spacing: 3px; 
}

h6 {
	font-size: 15px; 
	font-size: 1.5rem; 
	font-family: 'Lora', serif;
	font-style: italic;
	color: #BBB;
}

em, cite { 
	font-style: italic; 
}	

cite { 
	display: block; 
}

strong { 
	font-weight: bold; 
}

strike, del {
	text-decoration: line-through;
}

abbr, acronym, ins {
	border-bottom: 1px solid #C8C8C8;
}

abbr, acronym {
	cursor: help;
	text-transform: uppercase;
}

sup {
	font-size: 11px;
	position: relative;
	top: -5px;
	vertical-align: top;
}

sub {
	bottom: -5px;
	font-size: 11px;
	position: relative;
	vertical-align: bottom;
}

a {
	border-bottom: 2px solid #DDD;
	color: #111;
	padding-bottom: 2px;
	-webkit-transition: all .1s ease-in-out;
	-moz-transition: all .1s ease-in-out;
	-ms-transition: all .1s ease-in-out;
	-o-transition: all .1s ease-in-out;
	transition: all .1s ease-in-out;
}

a:hover {
	color: #111;
}

a img {
	border: none;
	padding: 0;
}

.entry-content p a {
	font-style: italic;
}

var,
kbd,
samp,
code,
pre {
	font: 15px/1.9 'Monaco', Courier, "Courier New", monospace;
}

pre { 
	border-radius: 3px;
	background-color: #F0F1F2;
	clear: both;
	display: block;
	font-size: 14px;
	font-size: 1.4rem;
	margin: 10% 0;
	overflow: auto;
	overflow-x: scroll;
	padding: 5%;
	overflow-wrap: normal;
}

.post blockquote {
	margin: 12% -140px 11%; 
}

blockquote.tagline {
	margin: 8% auto!important; 
}

blockquote,
blockquote p {
	font-size: 28px;
	font-size: 2.8rem;
	line-height: 1.7em;
	font-style: italic;
	text-align: center;
}

blockquote p {
	margin-bottom: 0;
}

blockquote cite {
	color: #BBB;
	font-size: 17px;
	font-size: 1.7rem;
}

hr {
	background-color: #E0E0E0;
	border: none;
	height: 1px;
	margin: 8% 0;
}

p,
ul,
ol,
dl,
dd,
form
table,
address,
fieldset,
iframe,
.gist,
.bean-alert,
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 { 
	margin-bottom: 20px; 
	margin-bottom: 3%;
}

.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 { 
	padding: 3% 0 2%;
}

nav ul,
header p,
footer p,
.widget ul,
.entry-meta,
.jp-interface ul,
.primary fieldset {
	margin-bottom: 0;
}




/*===================================================================*/
/*
/* GLOBAL STYLES (ELEMENTS WITH THE SAME COLORS/TRANSITIONS) 
/*
/*===================================================================*/
cite a,
form label,
input:focus,
.bean-tabs a,
textarea:focus,
h4.entry-title a,
.pinglist a:hover,
#wp-calendar caption,
.logged-in-as a:hover,
.bean-panel-title > a,
#edd_checkout_cart td, 
#edd_checkout_cart th,
#edd_checkout_wrap label, 
.bean-tabs > li.active > a, 
.recent-post-tabs > li > a:hover,
.entry-content .wp-playlist-item-title,
.bean-pricing-table .pricing-column li.info:hover,
.entry-content .wp-playlist-item .wp-playlist-caption  { 
	color: #181818;
}

.bean-pricing-table .table-mast, 
.bean-pricing-table .table-mast:hover,
body.page-template-template-underconstruction-php { 
	background-color: #181818!important; 
}




/*===================================================================*/
/*
/* FORM & INPUT STYLES
/*
/*===================================================================*/
/* THEME BUTTONS */
.btn, 
.button,   
button,  
.btn[type="submit"],
input[type="reset"], 
input[type="button"],
input[type="submit"],
.button[type="submit"] {
	border: none;
	border-radius: 3px;
	color: #FFF!important;
	cursor: pointer;
	display: inline-block;
	font-size: 12px;
	letter-spacing: 3px;
	text-transform: uppercase;
	font-weight: normal;
	outline: none!important;
	padding: 15px 17px;
	text-align: center;
	-webkit-transition: all .1s ease-in-out;
	-moz-transition: all .1s ease-in-out;
	-ms-transition: all .1s ease-in-out;
	-o-transition: all .1s ease-in-out;
	transition: all .1s ease-in-out;
}

.btn:hover, 
.button:hover,      
.btn[type="submit"]:hover, 
input[type="reset"]:hover,  
input[type="button"]:hover, 
input[type="submit"]:hover {
	background-color: #181818;
}

/* THEME FORMS */
form label {
	cursor: pointer;
	font-size: 11px;
	letter-spacing: 3px;
	text-transform: uppercase;
	font-weight: normal;
	font-family: 'Lato', sans-serif;
}

span.required,
abbr.required { 
	color: #EE5555;
}  

textarea,		   
input[type="tel"], 
input[type="url"], 		   
input[type="text"], 
input[type="date"], 
input[type="time"], 
input[type="email"], 
input[type="number"], 
input[type="search"], 
input[type="password"], 
input[type="datetime"] { 
	background: #F0F1F2;
	border: 1px solid #F0F1F2;
	border-radius: 0;
	color: #181818;
	display: block;
	font-family: 'Lora', serif;
	font-size: 17px;
	margin: 5px 0 15px;
	outline: none!important;
	padding: 9px 15px 7px;
	-webkit-transition: all .1s;
	-moz-transition: all .1s;
	-ms-transition: all .1s; 	   
	-o-transition: all .1s;
	width: 100%;
	-webkit-appearance: none;
}

textarea:focus,		   
input[type="tel"]:focus, 
input[type="url"]:focus, 		   
input[type="text"]:focus, 
input[type="date"]:focus, 
input[type="time"]:focus, 
input[type="email"]:focus, 
input[type="number"]:focus, 
input[type="search"]:focus, 
input[type="password"]:focus, 
input[type="datetime"]:focus {
	color: #181818;
}

textarea {
	display: block;
	height: 220px;
	padding: 9px 16px;
}

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

input.error,
textarea.error,
input.error:hover,
input.error:focus,
textarea.error:hover,
textarea.error:focus {
	border-color: #EE5555!important;
}




/*===================================================================*/
/*                    												  
/* THEME STRUCTURE	         		  
/*                    												  
/*===================================================================*/
.page-inner {
	background: #FFF;
	position: relative;
	z-index: 9999;
}

.wrap {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0 auto;
	padding: 0 40px;
	position: relative;
	z-index: 2;
	zoom: 1;
}

.wrap::after,
section::after {
	content:"";
	display:table;
	clear:both
}

.page .footer {
	border-top: 1px solid #EDEDED;
}

.page-template-template-portfolio-php .footer,
.page-template-template-portfolio-relative-grid-php .footer,
.page-template-template-portfolio-squared-grid-php .footer  {
	border: none;
}


/*===================================================================*/
/* HEADER
/*===================================================================*/
.header {
	background-color: #FFF;
	padding: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 20002;
	height: 100px;
	line-height: 100px;
}

.admin-bar .header { 
	top: 32px;
}

@media only screen and (max-width: 782px) {
	.admin-bar .header { top: 46px; }
}

.header a {
	border: 0;
	padding: 0;
}

.header .site-title {
	display: block;
	float: right;
	max-width: 25%;
	text-align: right;
	margin: 0 35px;
	position: relative;
	top: 0;
	z-index: 7999;
}

.header .site-title a {
	border: none;
	display: block;
	height: 100%;
	width: 100%;
}

.header .site-title img {
	max-height: 40px;
	position: relative;
	vertical-align: middle;
}

.header img.retina-logo {
	width: 50%;
}

.header .site-title h1 {
	font-size: 20px;
	display: inline-block;
	line-height: 1.8;
	margin: 0;
	text-align: right;
}

/* MENU */ 
.header .nav {
	display: block;
	float: left;
	margin: 0 0 0 35px;
	max-width: 75%;
	max-height: 100px;
}

.menu_standard .header .nav {
	margin-left: 0;
}

.header .nav ul {
	display: inline-block;
	font-size: 11px;
	letter-spacing: 4px;
	line-height: 100px;
	text-transform: uppercase;
	font-weight: normal;
	font-family: 'Lato', sans-serif;
}

.header .nav li {
	display: inline-block;
	margin: 0 0 0 1.5em;
	position: relative;
	zoom: 1;
}

.header .nav li:first-child {
	margin-left: 30px;
}

.header .nav li a {
	color: #BBB;
	position: relative;
}

.header .nav li a:after {
	background-color: #272B2F;
	bottom: -3px;
	content: "";
	height: 1px;
	left: 48%;
	margin-left: 0;
	position: absolute;
	width: 0;
	-webkit-transition: all .2s ease;
	transition: all .2s ease;
}

.header .nav li a:hover:after,
.header .nav li.current-menu-item a:after,
.header .nav ul > .sfHover > a.sf-with-ul:after {
	margin-left: -50%;
	width: 100%;
}

.header .nav ul li a:hover,
.header .nav ul li.current-menu-item a,
.header .nav ul > .sfHover > a.sf-with-ul {
	color: #272B2F;
}

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

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

.sf-menu ul {
	position: absolute;
	display: none;
	top: 98%;
	min-width: 14em;
	left: 0;
	z-index: 99999;
}

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

.sf-menu ul.sub-menu ul.sub-menu {
	top: -4px;
	left: 98%!important;
}

/* SUPERFISH CUSTOM THEME */
#primary-menu .sub-menu {
	background: #181818;
	border-radius: 0 0 3px 3px;
	display: none;
	padding: 5px 0;
	left: -15px;
}

#primary-menu .sub-menu li {
	display: block;
	line-height: 20px;
	margin: 0;
}

#primary-menu .sub-menu a { 
	border-top: 1px solid #333333;
	color: #FFF; 
	display: block;
	margin: 0 15px;
	letter-spacing: 2px;
	padding: 5px 0;
}

#primary-menu .sub-menu a:after { 
	display: none;
}

#primary-menu .sub-menu li:first-child a { border-top: none; }

#primary-menu .sub-menu a:hover,
#primary-menu .sub-menu .sfHover > a,
#primary-menu .sub-menu .current-menu-item > a { border-color: #333333!important; color: #AAA; }

#primary-menu .sub-menu .sub-menu { border-radius: 0 3px 3px 3px; }

/* MENU TOGGLE */
.hamburger-icon {
	border: none;
	display:  inline-block;
	height: 19px;
	position: relative;
	width: 15px;
	z-index: 20001;
	cursor: pointer;
	float: left;
	top: 38px;
}

.hamburger-icon.menu_standard {
	display: none;
}

.hamburger-icon span {
	margin: 0 auto;
	position: relative;
	top: 12px; 
}

.hamburger-icon span:before, .hamburger-icon span:after {
	content: '';
	position: absolute;
}

.hamburger-icon span, 
.hamburger-icon span:after,
.hamburger-icon span:before {
	background-color: #272B2F;
	display: block;
	height: 1px;
	-webkit-transition: .2s ease-in-out!important;
	-moz-transition: .2s ease-in-out!important;
	-o-transition: .2s ease-in-out!important;
	transition: .2s ease-in-out!important;
	width: 15px;
}

.hamburger-icon span:before {
	margin-top: -7px;
	-webkit-transition-property: margin, -webkit-transform;
}

.hamburger-icon span:after {
	margin-top: 7px;
	-webkit-transition-property: margin, -webkit-transform;
}

#nav-toggle.active span {
	background-color: rgba(0,0,0,0.0)!important;
	width: 19px;
}

#nav-toggle.active span:before {
	margin-top: 0;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	width: 19px; 
}

#nav-toggle.active span:after {
	margin-top: 0;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	width: 19px;
}

/* HEADER LEFT ALIGNED */
.header_left_aligned .site-title {
	float: left;
	text-align: left;
}

.header_left_aligned .nav {
	float: right;
	text-align: right;
	margin: 0 35px 0 0;
}

.header_left_aligned .hamburger-icon {
	float: right;
	margin-left: 35px;
}


/*===================================================================*/
/* HERO AREA
/*===================================================================*/
.hero-area {
	background: #F0F1F2;
	color: #272B2F;
	overflow: hidden;
	position: relative;
	padding: 20% 0;
	text-align: center;
	z-index: 9999;
	width: 100%;
}

.hero-area .center-vertical {
	padding: 0 10px;
}

.hero-area.grayscale video,
.hero-area.grayscale .post-cover {
 	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%);
	  -moz-filter: grayscale(100%);
	    -o-filter: grayscale(100%);
}

.hero-area h1,
.hero-area h2,
h3.title-next-post,
.page-template-template-portfolio-fullpage-php .project h2 {
	font-family: 'Montserrat',HelveticaNeue,helvetica,arial,sans-serif;
	font-weight: bold;
	font-size: 18rem;
	font-size: 13vw;
	line-height: 1em;
	letter-spacing: 8px;
}

.hero-area h2,
.single-post .hero-area.hero-fullscreen h2 {
	font-size: 7.5rem;
	font-size: 5vw;
	letter-spacing: 5px;
	line-height: 1.4em;
}

.hero-area h3 {
	font-size: 15px;
	font-size: 1.5rem;
	letter-spacing: 4px;
	margin-top: 20px;
}

.hero-area h3 a {
	border: 0;
}

.hero-area.hero-fullscreen {
	background-color: #000;
	padding: 0;
}

.hero-area.hero-fullscreen h2 {
	font-size: 10rem;
	font-size: 7vw;
}

.hero-area .down-arrow {
	border: 0;
	bottom: 75px;
	left: 0;
	padding: 0;
	position: absolute;
	text-align: center;
	width: 100%;
	z-index: 99;
}

.hero-area .down-arrow i {
	background: url(assets/images/sprite.png) no-repeat 50% -191px ;
	display: block;
	height: 18px;
	margin: 0 auto;
	width: 31px;
	-webkit-animation-duration: 1.2s;
	animation-duration: 1.2s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-name: bounce;
	animation-name: bounce;
	-webkit-transform-origin: center bottom;
	transform-origin: center bottom;
}

.hero-area .down-arrow.audio-portfolio,
.single-format-audio .hero-area .down-arrow {
	bottom: 125px;
}

.post-cover {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 100%;
	position: absolute;
	top: 0;
	width: 100%;
	-webkit-transform: translate3d(0, 0, 0);
	-webkit-transform: translateZ(0px);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;    
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
	-webkit-perspective: 1000;    
	-webkit-transition: -webkit-transform 0.6s ease-out;
	-moz-transition: -webkit-transform 0.6s ease-out;
	-o-transition: -webkit-transform 0.6s ease-out;
	transition: -webkit-transform 0.6s ease-out;
}

.hero-area .post-cover.loaded {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

.imagezoom,
.hero-area .post-cover.imagezoom {
	-webkit-animation: imageZoom linear 80s;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	-ms-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	transform-origin: 50% 50%;
	animation: imageZoom linear 80s;
	-moz-animation: imageZoom linear 80s;
	-ms-animation: imageZoom linear 80s;   
}

.fullscreen-gradient {
	height: 100%;
	left: 0;
	opacity: .5;
	position: fixed;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 3;
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
	-ms-transform: translatez(0);
	transform: translatez(0);
}

.fullscreen-gradient:after,
.fullscreen-gradient:before {
	content: '';
	height: 100%;
	left: 0;
	position: absolute;
	width: 100%;
}

.fullscreen-gradient:before {
	background: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),color-stop(100%,rgba(0,0,0,0)));
	background: -webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0) 100%);
	background: linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0) 100%);
	top: 0;
}

.fullscreen-gradient:after {
	background: rgba(16,17,19,.6);
	top: 0;
}

.hero-area .background-video,
.hero-area .background-video.embedded iframe {
  height: auto;
  /*left: 0;*/
  max-width: none;
  min-height: 100%;
  min-width: 100%;
  overflow: hidden;
  position: absolute;
  right: 0px;
  top: 0px;
  width: auto;
  z-index: 3;
  object-fit: cover;
}

.hero-area .background-video.embedded iframe {
	top: -50px;
	width: 100%;
}

.hero-area.has-video .post-cover {
	opacity: 0!important;
}

/* SINGLE POST FORMATS */
.hero-area .lightbox {
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 9999;
}

.hero-area .lightbox img {
	display: none;
}

.single-format-image .hero-area .lightbox:hover {
	cursor: -webkit-zoom-in;
	cursor: -moz-zoom-in;
}

/* ANIMATED HEADLINE */
.cd-words-wrapper {
	display: inline-block;
	overflow: hidden;
	position: relative;
	vertical-align: top;
}

.cd-words-wrapper::after {
	background-color: #FFF;
	bottom: auto;
	content: '';
	height: 80%;
	position: absolute;
	right: 0;
	top: 50%;
	width: 3px;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}

.cd-words-wrapper b {
	display: inline-block;
	left: 0;
	position: absolute;
	top: 0;
	white-space: nowrap;
}

.cd-words-wrapper b.is-visible {
	position: relative;
}

.cd-headline .cd-words-wrapper.waiting::after {
	-webkit-animation: cd-pulse 1s infinite;
	-moz-animation: cd-pulse 1s infinite;
	animation: cd-pulse 1s infinite;
}

.cd-words-wrapper.selected {
	background-color: #000;
}

.cd-words-wrapper.selected b {
	color: #FFF;
}

.cd-headline b,
.cd-words-wrapper.selected::after {
	visibility: hidden;
}

.cd-headline b.is-visible {
	visibility: visible;
}

.cd-headline i {
	position: absolute;
	visibility: hidden;
}

.cd-headline i.in {
	position: relative;
	visibility: visible;
}

.no-js .cd-words-wrapper b {
	opacity: 0;
}

.no-js .cd-words-wrapper b.is-visible {
	opacity: 1;
}


/*===================================================================*/
/* FOOTER
/*===================================================================*/
.footer {
	background-color: #FFF;
	color: #BBB;
	width: 100%;
	padding: 10% 0;
	text-align: center;
	z-index: 0;
}

.single-portfolio .footer {
	position: fixed;
	bottom: 0;
}

.single-portfolio.single_portfolio_carousel .footer,
.single-portfolio.single_portfolio_masonry .footer,
.single-portfolio.single_portfolio_masonry_no_hero .footer {
	position: inherit;
	bottom: inherit;
}

.footer .copyright {
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 4px;
	display: inline-block;
	font-family: "Lato",Helvetica,Arial,sans-serif;
}

.footer .copyright a {
	color: #BBB;
	border: 0;
	padding: 0;
	position: relative;
}

.footer .copyright a:after {
	background-color: #272B2F;
	bottom: -2px;
	content: "";
	height: 1px;
	left: 50%;
	margin-left: 0;
	position: absolute;
	width: 0;
	-webkit-transition: all .2s ease;
	transition: all .2s ease;
}

.footer .copyright a:hover:after {
	margin-left: -50%;
	width: 100%;
}

.footer .copyright a:hover {
	color: #272B2F;
}

/* SOCIAL */
.footer-social {
	display: inline-block;
	margin: 0 0 0 1em;
}

.footer-social li {
	display: inline-block;
	top: 5px;
	position: relative;
	margin: 0 0 0 .3em;
}

.footer-social a {
	background: url(assets/images/sprite.png) no-repeat;
	border: 0;
	display: inline-block;
	height: 18px;
	margin-right: 0px;
	padding: 0;
	text-indent: -9999em;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s; 	   
	-o-transition: all .3s;
	width: 18px;	
}

.footer-social a:hover {
	opacity: .5;
}

.footer-social a.twitter-icon  { background-position: 50% -42px;  }
.footer-social a.facebook-icon { background-position: 50% -92px;  }
.footer-social a.dribbble-icon { background-position: 50% -141px; }

.footer-social a.instagram-icon { background-position: -84px -40px; }
.footer-social a.behance-icon   { background-position: 0px -89px; width: 24px; }
.footer-social a.linkedin-icon  { background-position: -83px -90px; }
.footer-social a.email-icon     { background-position: 0px -40px; width: 19px;}

/* BACK TO TOP */
.to-top {
	margin-top: 30px;
	display: block!important;
}

.to-top a:after {
	display: none;
}

#back-to-top {
	background: url(assets/images/sprite.png) no-repeat -9px -1436px;
	display: block;
	border: 0;
	padding: 0;
	height: 18px;
	margin: 0 auto;
	width: 31px;
	text-indent: -9999em;
	-webkit-transition: all 0s ease-in-out;
	-moz-transition: all 0s ease-in-out;
	-ms-transition: all 0s ease-in-out;
	-o-transition: all 0s ease-in-out;
	transition: all 0s ease-in-out;
	-webkit-animation-duration: 1.2s;
	animation-duration: 1.2s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-name: bounce;
	animation-name: bounce;
	-webkit-transform-origin: center bottom;
	transform-origin: center bottom;
}

#back-to-top:hover {
	background-position: -59px -1436px;
}	




/*===================================================================*/
/*                    												  
/* PRELOADER         		  
/*                    												  
/*===================================================================*/
#loader-wrapper {
	background: #FFF;
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 99999;
	/*display: none;*/
}

#loader-wrapper #loader {
	border: 4px solid #BBB;
	border-bottom-color: #272B2F;
	border-radius: 100%;
	bottom: 0;
	height: 60px;
	left: 0;
	margin: auto;
	margin: auto;
	position: absolute;
	right: 0;
	top: 0;
	width: 60px;
	z-index: 9999;
	-webkit-animation: rotate 1s linear 0s infinite;
	animation: rotate 1s linear 0s infinite;
}

@-webkit-keyframes rotate {
	from { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
	to { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
@keyframes rotate {
	from { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); }
	to { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); }
}

.loaded #loader {
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.2s .4s ease-out;  
	transition: all 0.2s .4s ease-out;
}

.loaded #loader-wrapper {
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.2s .9s ease-out;  
	transition: all 0.2s .9s ease-out;
}

.no-js #loader-wrapper {
	display: none;
}




/*===================================================================*/
/*                    												  
/* THEME MENUS         		  
/*                    												  
/*===================================================================*/
/*===================================================================*/
/* MENU - SIDEBAR
/*===================================================================*/
.menu-sidebar,
.menu-sidebar p,
.menu-sidebar ul,
.menu-sidebar ol {
	color: #666;
	font: 15px/1.6 "Lato",Helvetica,Arial,sans-serif;
	letter-spacing: 0.025em;
}
	
.menu-sidebar a {
	color: #888;
	border: 0;
	padding: 0;
}

.menu-sidebar a:hover {
	color: #FFF;
}

.menu-sidebar { 
	background-color: #181818; 
	height: 100%;
	margin: 0!important;
	overflow: scroll;
	overflow-x: hidden; 
	overflow-y: auto;
	position: fixed; 
	left: -340px; 
	padding: 50px 35px;
	top: 0;
	width: 340px;
	z-index: 9999999;
	-webkit-overflow-scrolling: touch;
	-webkit-backface-visibility: hidden;
	-webkit-transition: all 400ms cubic-bezier(.785,.135,.15,.86);
	-moz-transition: all 400ms cubic-bezier(.785,.135,.15,.86);
	-o-transition: all 400ms cubic-bezier(.785,.135,.15,.86);
	transition: all 400ms cubic-bezier(.785,.135,.15,.86);
}

.admin-bar .menu-sidebar {
	top: 32px;
}

@media only screen and (max-width: 782px) {
	.admin-bar .menu-sidebar { top: 46px; }
}

.menu-sidebar.open {
	left: 0;
}

.menu-sidebar-inner {
	overflow-y:scroll;
	position: relative;
}

/* MENU */
.menu-sidebar .nav {
	border-bottom: 1px solid #303030;
	padding-bottom: 50px;
	text-align: left;
}

.menu-sidebar .nav ul li {
	line-height: 1.6;
}	

.menu-sidebar .nav ul li a {
	display: inline-block;
	font-size: 11px;
	margin-bottom: 0;
	letter-spacing: 3px;
	text-transform: uppercase;
	font-weight: normal;
	font-family: 'Lato', sans-serif;
}

.menu-sidebar .nav ul li a:hover {
	color: #FFF!important;
}	

.menu-sidebar .nav ul li.current-menu-item a {
	color: #FFF;
}

.menu-sidebar .nav ul .menu-item-has-children > a:before {
	content: " ";
	display: inline-block;
}

.menu-sidebar .nav .sub-menu li.menu-item-has-children {
	display: none;
}

.menu-sidebar .nav ul .menu-item-has-children > a:after {
	content: "›";
	display: inline-block;
	margin-left: 1rem;
	font-size: 14px;
	position: relative;
	top: 3px;
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}

.menu-sidebar .nav ul .menu-item-has-children > a.open:after {
	margin-left: .7rem;
	top: 0px;
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
}	

/* DROPDOWNS */
.menu-sidebar .nav .sub-menu {
	display: block;
	margin: 0 auto;
	overflow: hidden;
	padding: 0;
}

.menu-sidebar .nav .sub-menu li {
	display: block;
	font-weight: normal;
	height: auto;
	margin-left: 20px;
}
	
/* CLOSE REGION */
.nav-overlay {
	bottom: 0;
	cursor: url(assets/images/close.png),pointer;
	left: 0;
	opacity: 0;
	position: fixed;
	right: 0;
	top: 0;
	visibility: hidden;
	z-index: 9999999;
	-webkit-transition: all .4s ease-in-out;
	   -moz-transition: all .4s ease-in-out;
	     -o-transition: all .4s ease-in-out;
	        transition: all .4s ease-in-out;
}

.nav-overlay.open  { 
	background-color: #000;
	opacity: .6;
	visibility: inherit;
}

/* OPEN MODS */
.menu_sidebar #header,
.menu_sidebar #footer,
.menu_sidebar #page-hero,
.menu_sidebar #page-container,
.menu_sidebar #sub-header,
.menu_sidebar #project-filter.no-hero {
	-webkit-transition: transform 400ms cubic-bezier(.445,.050,.55,.95);
	-o-transition: transform 400ms cubic-bezier(.445,.050,.55,.95);
	transition: transform 400ms cubic-bezier(.445,.050,.55,.95);
	-webkit-transition: -webkit-transform 400ms cubic-bezier(.445,.050,.55,.95);
	-moz-transition: -moz-transform 400ms cubic-bezier(.445,.050,.55,.95);
	-o-transition: -o-transform 400ms cubic-bezier(.445,.050,.55,.95);
	transition: -webkit-transform 400ms cubic-bezier(.445,.050,.55,.95),-moz-transform 400ms cubic-bezier(.445,.050,.55,.95),-o-transform 400ms cubic-bezier(.445,.050,.55,.95),transform 400ms cubic-bezier(.445,.050,.55,.95);
}

.menu_sidebar_open > #header,
.menu_sidebar_open > #footer,
.menu_sidebar_open > #page-container,
.menu_sidebar_open > #sub-header,
.menu_sidebar_open > #project-filter.no-hero {
	-webkit-transform: translate3d(100px,0,0);
	-moz-transform: translate3d(100px,0,0);
	-ms-transform: translate3d(100px,0,0);
	-o-transform: translate3d(100px,0,0);
	transform: translate3d(100px,0,0);
}

.menu-sidebar.option_header_left_aligned {
	right: -340px; 
	left: inherit;
}

.menu-sidebar.option_header_left_aligned.open {
	right: 0;
}

.layout_header_left_aligned.menu_sidebar_open > #header,
.layout_header_left_aligned.menu_sidebar_open > #footer,
.layout_header_left_aligned.menu_sidebar_open > #page-container,
.layout_header_left_aligned.menu_sidebar_open > #sub-header,
.layout_header_left_aligned.menu_sidebar_open > #project-filter.no-hero {
	-webkit-transform: translate3d(-100px,0,0);
	-moz-transform: translate3d(-100px,0,0);
	-ms-transform: translate3d(-100px,0,0);
	-o-transform: translate3d(-100px,0,0);
	transform: translate3d(-100px,0,0);
}

/* WIDGETS */
.menu-sidebar .widget {
	padding-bottom: 50px;
}

.menu-sidebar .widget:last-child {
	border: 0;
}

.menu-sidebar .widget .widget-title {
	font-style: normal;
	color: #FFF;
	display: inline-block;
	font-size: 11px;
	margin-bottom: 10px;
	letter-spacing: 3px;
	text-transform: uppercase;
	font-weight: normal;
	font-family: 'Lato', sans-serif;
}


/*===================================================================*/
/* MENU - FULLSCREEN 
/*===================================================================*/
body.menu_fullscreen_open {
	display: block !important;
	overflow: hidden;
}

.menu-fullscreen-wrap:before {
	content: '';
	display: inline-block;
	height: 100%;
	margin-right: -0.25em;
	vertical-align: middle;
}

.menu-fullscreen {
	background: #181818!important;  
	display: none;
	height: 100%;
	left: 0;
	overflow: scroll;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 20001;
}

.menu-fullscreen-wrap {
	height: 100%;
	margin: 0 auto;
	position: relative;
	text-align: center;
}

.menu-fullscreen nav {
	display: inline-block;
	position: relative;
	text-align: center;
	vertical-align: middle;
}

.menu-fullscreen ul {
	display: block;
	height: 100%;
	list-style: none;
	margin: 0 auto;
	padding: 30px;
	position: relative;
	-webkit-transition: none;
	width: 100%;
}

.menu-fullscreen ul li {
	font-family: "Lato",sans-serif;
	font-weight: 300;
	font-size: 26px;
	letter-spacing: 6px;
	text-transform: uppercase;
	line-height: 1;
	min-height: 14px;
	text-align: center;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.menu-fullscreen ul .menu-item-has-children > a:before {
	content: " ";
	display: inline-block;
	margin-right: 1rem;
}

.menu-fullscreen .sub-menu li.menu-item-has-children {
	display: none;
}

.menu-fullscreen ul .menu-item-has-children > a:after {
	content: "›";
	display: inline-block;
	margin-left: 10px;
	position: relative;
	top: 3px;
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}

.menu-fullscreen ul .menu-item-has-children > a.open:after {
	margin-left: 9px;
	top: -3px;
	left: -7px;
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

.menu-fullscreen ul li a {
	border: 0;
	color: #FFF;
	display: inline-block;
	padding: 1.5rem 1.5rem;
}

.menu-fullscreen li.current-menu-item a {
	color: #FFF!important;	
}

/* DROPDOWNS */
.menu-fullscreen .sub-menu {
	display: block;
	margin: 0 auto;
	overflow: hidden;
	padding: 10px 0;
}

.menu-fullscreen .sub-menu li {
	display: block;
	font-size: 13px;
	font-weight: normal;
	height: auto;
	letter-spacing: 4px;
	opacity: 0.75!important;
	-webkit-animation-name: NONE;
	animation-name: NONE;
}

.menu-fullscreen .sub-menu li a {
	padding: 10px 0;
}

/* OPEN MODS */
.menu_fullscreen #nav-toggle.active span, 
.menu_fullscreen #nav-toggle.active span:after, 
.menu_fullscreen #nav-toggle.active span:before,
.menu_standard #nav-toggle.active span, 
.menu_standard #nav-toggle.active span:after, 
.menu_standard #nav-toggle.active span:before {
	background-color: #FFF;
}

.menu_fullscreen .header,
.menu_standard .header {
	-webkit-transition: background .3s!important;
		transition: background .3s!important;
}

.menu_fullscreen_open .header {
	background: #181818!important;
}

.menu_fullscreen .header .nav ul,
.menu_fullscreen .site-title,
.menu_standard .header .nav ul,
.menu_standard .site-title {
	-webkit-transition: all .3s!important;
	transition: all .3s!important;
}

.menu_fullscreen_open .site-title, 
.menu_fullscreen_open .header .nav ul {
	opacity: 0;
	pointer-events: none;
}

.menu-fullscreen ul li:nth-of-type(1)  { -webkit-animation-delay: 0s; -moz-animation-delay: 0s; -o-animation-delay: 0s; }
.menu-fullscreen ul li:nth-of-type(2)  { -webkit-animation-delay: .05s; -moz-animation-delay: .05s; -o-animation-delay: .05s; }
.menu-fullscreen ul li:nth-of-type(3)  { -webkit-animation-delay: .1s; -moz-animation-delay: .1s; -o-animation-delay: .1s; }
.menu-fullscreen ul li:nth-of-type(4)  { -webkit-animation-delay: .15s; -moz-animation-delay: .15s; -o-animation-delay: .15s; }
.menu-fullscreen ul li:nth-of-type(5)  { -webkit-animation-delay: .2s; -moz-animation-delay: .2s; -o-animation-delay: .2s; }
.menu-fullscreen ul li:nth-of-type(6)  { -webkit-animation-delay: .25s; -moz-animation-delay: .25s; -o-animation-delay: .25s; }
.menu-fullscreen ul li:nth-of-type(7)  { -webkit-animation-delay: .3s; -moz-animation-delay: .3s; -o-animation-delay: .3s; }
.menu-fullscreen ul li:nth-of-type(8)  { -webkit-animation-delay: .35s; -moz-animation-delay: .35s; -o-animation-delay: .35s; }
.menu-fullscreen ul li:nth-of-type(9)  { -webkit-animation-delay: .4s; -moz-animation-delay: .4s; -o-animation-delay: .4s; }
.menu-fullscreen ul li:nth-of-type(10) { -webkit-animation-delay: .45s; -moz-animation-delay: .45s; -o-animation-delay: .45s; }




/*===================================================================*/
/*                    												  
/* THEME TEMPLATES	         		  
/*                    												  
/*===================================================================*/

/*===================================================================*/
/* CONTACT TEMPLATE
/*===================================================================*/
.contactform,
.entry-content.percent-50 {
	position: relative;
	float: left;
	width: 50%;
}

.contact-wrapper {
	position: relative;
}

.contact-wrapper .entry-content {
	margin-bottom: 0!important;
	max-width: none!important;
}

.entry-content.percent-50 .center-vertical {
	text-align: left;
	padding: 5% 10%;
}

/* CONTACT FORM */
#BeanForm {
	background-color: #F0F1F2;
	padding: 10%;
}

#BeanForm .group { 
	position:relative; 
	margin-bottom: 50px; 
}

#BeanForm .group.last { 
	margin-bottom: 20px; 
}

#BeanForm textarea,
#BeanForm input[type="text"],
#BeanForm input[type="email"] {
	background: none;
	color:#CCC;
	padding:7px 10px 7px 0;
	display:block;
	border:none;
	margin: 0;
	border-bottom: 1px solid #CCC;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

#BeanForm textarea:focus,
#BeanForm input:focus { 
	color:#181818;
	outline:none; 
}

#BeanForm textarea {
	height: 180px;
}

#BeanForm label {
	color: #181818; 
	font-size:11px;
	font-weight:normal;
	position: absolute;
	pointer-events:none;
	left:0px;
	bottom:10px;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

#BeanForm input:focus ~ label, 
#BeanForm input:valid ~ label,
#BeanForm textarea:focus ~ label,
#BeanForm textarea:valid ~ label {
	bottom: 40px;
}

#BeanForm textarea:focus ~ label,
#BeanForm textarea:valid ~ label {
	bottom: 175px;
}

#BeanForm .bar  { 
	position:relative; 
	display:block; 
	width:100%; 
}

#BeanForm .bar:before  {
	content:'';
	height:1px; 
	width:0;
	bottom:0px; 
	position:absolute;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

#BeanForm .bar:before {
	left:0;
}

#BeanForm input:focus ~ .bar:before, 
#BeanForm input:focus ~ .bar:after,
#BeanForm textarea:focus ~ .bar:before, 
#BeanForm textarea:focus ~ .bar:after {
	width:100%;
}

#BeanForm .button {
	background: url(assets/images/sprite.png) no-repeat 6px -826px transparent;
	padding-left: 0;
	color: #181818!important
}

#BeanForm .button:hover {
	background-color: transparent;
}

/* CONTACT ALERT */
.contact-alert {
	position: absolute;
	top: 0;
	opacity: .75;
	right: 0;
	color: #FFF;
	left: 0;
	bottom: 0;
	z-index: 100;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 4px;
	display: inline-block;
	font-family: "Lato",Helvetica,Arial,sans-serif;
}

.contact-alert.success {
	background-color: #1EC185;
}

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

/* GOOGLE MAP */
.g-map {
	position: relative;
}

.map-alert {
	background-color: #F0F1F2;
	padding: 5% 35px;
	text-align: center;
}

.address-circle {
	border-radius: 220px;
	border-radius: 100%;
	display: inline-block;
	font-family: 'Lato', sans-serif;
	font-size: 11px;
	font-weight: normal;
	height: 220px;
	letter-spacing: 4px;
	line-height: 220px;
	position: relative;
	text-transform: uppercase;
	width: 220px;

}

.address-circle span {
	color: #fff;
	display: inline-block;
	line-height: 2;
	text-align: center;
	vertical-align: middle;
	width: 100%;
}


/*===================================================================*/
/* ARCHIVES / SITE MAP TEMPLATE
/*===================================================================*/
.page-template-template-archives-php .entry-content,
.page-template-template-site-map-php .entry-content {
	text-align: center;
}

.archives-list h3 {
	margin-bottom: 0;
}

.archives-list ul {
	margin: 0 0 40px!important;
}

.archives-list ul:last-child {
	margin-bottom: 0!important;
}

.archives-list li {
	list-style: none;
}


/*===================================================================*/
/* 404/CONSTRUCTION TEMPLATE
/*===================================================================*/	
.construction-banner {
	background-image: url(assets/images/construction.png);
	height: 25px;
	position: absolute;
	top: 0;
	width: 100%;
}

.logged-in.admin-bar .construction-banner {
	top: 32px;
}

.construction-banner.btm,
.logged-in.admin-bar .construction-banner.btm {
	bottom: 0;
	top: inherit;
}

body.error404,
body.page-template-template-underconstruction-php {
	background-color: #181818!important;
}

body.error404 .entry-content,
body.page-template-template-underconstruction-php .entry-content {
	height: 16%;
	left: 0;
	margin: 0;
	margin: auto;
	padding: 0 35px;
	min-width: 0;
	padding: 0;
	position: absolute;
	text-align: center;
	top: 50%;
	margin-top: -3%;
	width: 100%;
	right: 0;
}

body.error404 .entry-content p,
body.page-template-template-underconstruction-php .entry-content p {
	font-size: 11px;
	letter-spacing: 3px;
	line-height: 32px;
	text-transform: uppercase;
	font-weight: normal;
	font-family: 'Lato', sans-serif;
}

body.error404 .entry-content p {
	margin-bottom: 0;
}

body.error404 .entry-content,
body.error404 .entry-content a, 
body.page-template-template-underconstruction-php .entry-content, 
body.page-template-template-underconstruction-php .entry-content a { 
	color: #767676;
	font-style: normal;
}

body.error404 .entry-content a, 
body.page-template-template-underconstruction-php .entry-content a { 
	border-bottom-color: #323232;
}

body.error404 .entry-content a:hover, 
body.page-template-template-underconstruction-php .entry-content h1,
body.page-template-template-underconstruction-php .entry-content a:hover { 
	color: #FFF!important;
}

body.page-template-template-underconstruction-php h1 {
	margin-bottom: 5px;
}

.error-logo {
	margin-bottom: 20px;
}

.error-logo a {
	border: 0;
	padding: 0;
}




/*===================================================================*/
/*                    												  
/* BLOGROLL      		  
/*                    												  
/*===================================================================*/
.post .entry-media {
	position: relative;
	overflow: hidden;
}

.post .post-inner {
	position: relative;
	padding: 60px;
	padding: 6rem;
	text-align: left;
}

.post .post-inner:after {
	border: solid transparent;
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #FFF;
	border-width: 10px;
	bottom: 100%;
	content: " ";
	height: 0;
	left: 60px;
	position: absolute;
	width: 0;
	pointer-events: none;
	z-index: 999;
}

.post.even .post-inner {
	background-color: #F0F1F2;
}

.post.even .post-inner:after { 
	border-bottom-color: #F0F1F2;
}

.post.even .post-inner input[type="password"] {
	background-color: #FFF;
	margin-bottom: 5px;
}

.post.even .post-inner input[type="submit"] {
	width: 100%;
}

.post.format-audio .post-inner:after {
	display: none;
}

.post .overlay-title h3 {
	font-size: 15px;
	margin-bottom: 0;
}

.post .reading,
.content-left p,
.post .published a {
	color: #BBB;
	font-family: 'Lato', sans-serif;
	font-size: 11px;
	font-size: 1.1rem;
	letter-spacing: 3px;
	text-transform: uppercase;
	margin-bottom: 5px;
	display: block;
}

.post .reading {
	margin-bottom: 0;
}

.post .post-inner .entry-title {
	font-size: 17px;
	font-size: 1.7rem;
	display: inline-block;
	margin-bottom: 20px;
	letter-spacing: 3px;
	line-height: 1.7em;
}

.post .post-inner .entry-excerpt,
.blog .post.post-password-required p {
	margin-bottom: 20px;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.7em;
}

.masonry-project .owl-pagination {
	display: none;
}

/* IMAGE & VIDEO FORMAT */
.format-image .entry-media,
.format-video .entry-media,
.single-portfolio .masonry-project {
	background-color: #000;
	position: relative;
	overflow: hidden;
}

.format-link .post-cover,
.format-quote .post-cover,
.format-image .entry-media img,
.format-video .entry-media img,
.single-portfolio .masonry-project a img {
	-webkit-transition: all 2s ease-in-out, opacity 0.3s ease-in-out;
	-moz-transition: all 2s ease-in-out, opacity 0.3s ease-in-out;
	-ms-transition: all 2s ease-in-out, opacity 0.3s ease-in-out;
	-o-transition: all 2s ease-in-out, opacity 0.3s ease-in-out;
	transition: all 2s ease-in-out, opacity 0.3s ease-in-out;
}

.format-image .entry-media a:hover img,
.format-video .entry-media a:hover img,
.single-portfolio .masonry-project a:hover img {
	opacity: .25;
}

.lightbox-play {
	background: url(assets/images/sprite.png) no-repeat -8px -558px;
	bottom: 0;
	display: block;
	height: 85px; 
	left: 0;
     margin: auto;
	opacity: 0;
	position: absolute;
	right: 0;
     top: 0;
	width: 85px;
	z-index: 9999;
	-webkit-transform: scale(1.3);
	-moz-transform: scale(1.3);
	-ms-transform: scale(1.3);
	-o-transform: scale(1.3);
	transform: scale(1.3);
	-webkit-perspective: 1000;
}

.format-image .lightbox-play,
.single-portfolio .masonry-project .lightbox-play {
	background-position: -1px -650px;
}

/* QUOTE & LINK */
.vert-align h2,
.single-format-quote.single-post .hero-area h2,
.single-format-quote.single-post .hero-area.fullscreen h2 {
	letter-spacing: normal!important;
	font-family: 'Lora', serif;
	line-height: 1.5;
	text-transform: none;
	font-weight: normal;
}

.vert-align {
	padding: 25% 10%;
	text-align: center;
	box-sizing: border-box;
	-webkit-transition: opacity 0.3s ease-in-out;
	-moz-transition: opacity 0.3s ease-in-out;
	-ms-transition: opacity 0.3s ease-in-out;
	-o-transition: opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out;
	-webkit-background-size: cover!important;
	 -khtml-background-size: cover!important;
	   -moz-background-size: cover!important;
	    -ms-background-size: cover!important;
	     -o-background-size: cover!important;
		   background-size: cover!important;
}

.vert-align,
.vert-align h1,
.vert-align h2,
.vert-align h3,
.vert-align span {
	color: #FFF;
}

.vert-align span {
	font-size: 11px;
	letter-spacing: 3px;
	text-transform: uppercase;
	opacity: .75;
}

.format-link .post-cover,
.format-quote .post-cover {
	z-index: -1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

.format-link .entry-media a:hover .post-cover,
.format-quote .entry-media a:hover .post-cover {
	-webkit-transform: scale(1.3);
	-moz-transform: scale(1.3);
	-ms-transform: scale(1.3);
	-o-transform: scale(1.3);
	transform: scale(1.3);
}

.format-link .entry-media a:hover .vert-align,
.format-quote .entry-media a:hover .vert-align {
	opacity: .5;
}

/* MASONRY SEARCH */
.masonry-search {
	display: none!important;
}

.masonry-search:first-of-type {
	display: block!important;
	padding: 60px;
	padding: 6rem;
}

.masonry-search input {
	margin: 0;
}


/*===================================================================*/
/* BLOGROLL WIDE LAYOUT
/*===================================================================*/
.posts-wide .post { 
	margin-bottom: 90px;
	width: 100%; 
}

.posts-wide .masonry-search {
	width: 100%; 
}

.posts-wide .post h2.entry-title {
	font-size: 2.2rem;
	letter-spacing: 5px;
}

.posts-wide .post p.entry-excerpt {
	font-size: 18px;
	line-height: 1.9;
}

.posts-wide .overlay,
.posts-wide .center-vertical { 
	display: none;
}

.posts-wide .entry-media {
	margin-bottom: 55px;
}

.posts-wide .entry-media img {
	width: 100%;
}

.posts-wide .masonry-project.quoted:hover img, 
.posts-wide .format-link .entry-media a:hover .post-cover, 
.posts-wide .format-quote .entry-media a:hover .post-cover {
	opacity: 1;
	-webkit-transform: scale(1)!important;
	-moz-transform: scale(1)!important; 
	-ms-transform: scale(1)!important;
	-o-transform: scale(1)!important;
	transform: scale(1)!important;
}

.posts-wide .entry-media a:hover img {
	opacity: 1;
	-webkit-transform: scale(1)!important;
	-moz-transform: scale(1)!important; 
	-ms-transform: scale(1)!important;
	-o-transform: scale(1)!important;
	transform: scale(1)!important;
}

.posts-wide .post-inner:after {
	display: none;
}

.posts-wide .post-inner {
	max-width: 1100px;
	margin: 0 auto;
	padding: 0!important;
}

@media only screen and (max-width: 1100px) { 
	.posts-wide .post-inner { 
		padding: 0 35px!important;
	}
}	

.posts-wide .content-left,
.posts-wide .content-right {
	float: left;
}

.posts-wide .content-left {
	width: 30%;
}

.posts-wide .content-right {
	width: 70%;
}

.posts-wide .content-left p {
	color: #2A2E31;
	margin-bottom: 0;
}

.posts-wide .published a,
.posts-wide .continue-reading {
	display: inline!important;
}




/*===================================================================*/
/*
/* SINGLE POST
/*
/*===================================================================*/
.single .post {
	overflow: hidden;
}

.page .entry-content,
.single-post .entry-content {
	margin-left: auto!important;
	margin-right: auto!important;
	margin-bottom: 60px;
	padding-top: 60px;
	max-width: 700px;
}

.content-wide .entry-content,
.content-wide-centered .entry-content {
	max-width: 1100px;
	padding-left: 35px;
	padding-right: 35px;
}

.content-centered,
.content-wide-centered {
	text-align: center;
}

.single-post .masonry-project {
	width: 100%;
}

.single-post .vert-align {
	padding: 7% 10%;
}

.single-format-quote .vert-align {
	padding: 15% 17%;
}

.single-format-quote.single-post .hero-area .center-vertical {
	padding: 0 15%;
}

.single-format-quote.single-post .hero-area h2,
.single-format-quote.single-post .hero-area.hero-fullscreen h2 {
	font-size: 36px;
	font-size: 3.6rem;
	font-size: 2.5vw;
	line-height: 4vw;
}

.single-format-quote.single-post .hero-area h3,
.single-format-quote.single-post .hero-area.hero-fullscreen h3 {
	opacity: .5;
}

.single-format-gallery .hero-area {
	padding: 0!important;
}

.single-format-gallery .hero-area .fullscreen-gradient {
	display: none;
}

.single-format-gallery .slides-navigation {
	z-index: 9999;
}

.single-format-video .lightbox-play {
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

.single-format-aside .entry-content {
	text-align: center;
}

.single .entry-meta li,
.single .entry-meta li a {
	color: #AAA;
}

.single .entry-meta li span {
	color: #AAA;
}


/*===================================================================*/
/* WORDPRESS DEFAULT STYLING
/*===================================================================*/
/* CONTENT */
.page .entry-content ul,
.post .entry-content ul { 
	color: #969696;
	font-style: italic;
	list-style-type: disc;
	margin-left: 40px;
	margin-left: 4.0rem;
	line-height: 2;

}

.entry-content ol { 
	color: #969696;
	font-style: italic;	
	list-style-type: decimal; 
	margin-left: 40px;
	margin-left: 4.0rem;
	line-height: 2;
}

.entry-content ul ul, 
.entry-content ul ol, 
.entry-content ol li ul,
.entry-content ul li ol,
.entry-content ul li ul, 
.entry-content ol li ol {
	margin: 0 0 10px 20px;
	margin: 0 0 1.0rem 2.0rem;
}

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

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

.entry-content .bean-one-third ul {
	list-style: none;
	margin-left: 0;
}

.entry-content iframe {
	margin: 8% 0 6%!important;
}

/* IMAGES */ 
.size-full,
.size-large,
.alignnone {
	display: block; 
	height: auto;
	max-width: 100%;
	width: auto;
}

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

.alignleft {
	display: inline-block;
	float: left;
	max-width: 50%;
	margin-left: -8rem;
	margin-right: 3rem;
	margin-top: 1.1rem;
}

.alignright {
	display: inline-block;
	float: right;
	max-width: 50%;
	margin-left: 3rem;
	margin-right: -8rem;
	margin-top: 1.1rem;
}

/* IMAGE CAPTIONS */
.wp-caption {
	text-align: center;
}

.wp-caption-text {
	color: #BBB;
	font-size: 14px;
	font-size: 1.4rem;
	margin-top: 10px;
	line-height: 1.5;
	font-style: italic;
}

/* JETPACK GALLERY */
.entry-content .tiled-gallery {
	margin-bottom: 3%;
}

.tiled-gallery .tiled-gallery-item a {
	cursor: default;
	pointer-events: none!important;
}

.jp-carousel-overlay {
	background-color: #1f1f20!important;
	opacity: .98;	
}

.entry-content .tiled-gallery-caption {
	color: #555;
	font-size: 14px;
	padding: 7px 5px!important;
	text-align: center;
}

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

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

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

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

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

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

.gallery-item img {
	margin: 10px 0px!important;
	padding: 0;
	border: none!important;
}

.gallery-caption {
	margin: 0;
	padding: 5px;
	text-align: center;
	font-size: 12px;
	font-weight: normal;
	line-height: 22px;
	margin-bottom: 20px;
}

img#wpstats {
	display: none;
}

/* STICKY POST */	
.sticky { }

.twitter-tweet {
	width: 100%!important;
}

/* SINGLE ATTACHMENT */
.single-attachment .attachment {
	text-align: center;
}

.single-attachment #page-container {
	border-bottom: 1px solid #EDEDED;
}

.single-attachment .entry-content h1 { 
	margin-bottom: 10px; 
}

.single-attachment .entry-content { 
	margin: 20px 0 50px; 
}

.post-password-required {
	text-align: center;
}

.blog .post.post-password-required .reading {
	display: none;
}

.blog .post.post-password-required form label {
	display: none;
}

/* SHORTCODE OVERRIDES */
p:empty { 
	display: none; 
}

.bean-alert,
.bean-panel-body,
.bean-tab-content,
.bean-tabs > li > a,
.bean-panel-title > a {
	text-align: left;
}

.bean-tabs > li {
	margin-bottom: 2px;
}


/*===================================================================*/
/* POST META
/*===================================================================*/
.entry-footer {
	font-family: 'Lora', serif;
	font-size: 90%;
	line-height: 2;
	margin-bottom: 90px;
	margin-top: 30px;
	text-align: center;
}

.entry-footer a {
	color: #000;
	border-bottom-width: 1px;
	padding: 0;
}

.author-avatar {
	display: inline-block;
	position: relative;
}

.author-meta img {
	border-radius: 50%;
	display: block;
	margin: 0 auto 10px;
}

.author-count {
	border-radius: 100px;
	color: #FFF;
	display: block;
	font: bold 14px/35px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	height: 35px;
	margin: 52px 0 0 52px;
	position: absolute;
	text-align: center;
	width: 35px;
	-webkit-transition: all 0.1s;
	-moz-transition: all 0.1s;
	-ms-transition: all 0.1s;
	-o-transition: all 0.1s;
}


/*===================================================================*/
/* NEXT POST PREVIEW
/*===================================================================*/
.next-preview {
	overflow: hidden;
	background-color: #EEE;
	position: relative;
	padding: 10% 0;
	margin-bottom: 90px;
	width: 100%;
	-webkit-transition: padding 300ms cubic-bezier(.785,.135,.15,.86);
	-moz-transition: padding 300ms cubic-bezier(.785,.135,.15,.86);
	-o-transition: padding 300ms cubic-bezier(.785,.135,.15,.86);
	transition: padding 300ms cubic-bezier(.785,.135,.15,.86);
}

@media only screen and (max-width : 1700px) {
	.next-preview { padding: 15% 0; }
}

.next-preview .fullscreen-gradient {
	opacity: 0;
	-webkit-transition: opacity 300ms cubic-bezier(.785,.135,.15,.86);
	-moz-transition: opacity 300ms cubic-bezier(.785,.135,.15,.86);
	-o-transition: opacity 300ms cubic-bezier(.785,.135,.15,.86);
	transition: opacity 300ms cubic-bezier(.785,.135,.15,.86);
}

.next-preview:hover .fullscreen-gradient {
	opacity: .5;
}

.next-preview h3,
.next-preview h3 a {
	color: #FFF;
}

.next-preview h3.title-next {
	font-size: 13px;
	font-size: 1.3rem;
	margin-bottom: 5px;
}

.next-preview h3.title-next-post {
	margin-bottom: 0;
	font-size: 30px;
	font-size: 3.0rem;
	font-size: 4vw;
	letter-spacing: 3px;
}


/*===================================================================*/
/* POST SOCIAL
/*===================================================================*/
.share-bar {
	position: fixed;
	bottom: 30px;
	right: 30px;
}	

.total-shares {
	display: none;
}

#social-toggle {
	border: 0;
	padding: 0;
	border-radius: 100%;
	background: url(assets/images/sprite.png) -33px -1132px no-repeat rgba(0, 0, 0, 0.25);
	width: 36px;
	height: 36px;
	display: block;
	-webkit-transition: all 0s ease-out, box-shadow 0.3s ease-out, background-color 0.3s ease-out;
	-moz-transition: all 0s ease-out, box-shadow 0.3s ease-out, background-color 0.3s ease-out;
	-o-transition: all 0s ease-out, box-shadow 0.3s ease-out, background-color 0.3s ease-out;
	transition: all 0s ease-out,  box-shadow 0.3s ease-out, background-color 0.3s ease-out;
}

#social-toggle:hover {
	background-color: transparent;
	background-position: -33px -1182px;
	box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.25);
}	

#social-toggle.open {
	display: none;
}

.share-bar li {
	display: none;
	list-style: none;
}

.share-bar .share-link {
	background: url(assets/images/sprite.png) no-repeat;
	background-color: #F0F0F0;
	border: 0;
	border-radius: 100%;
	opacity: .95;
	display: block;
	height: 36px;
	padding: 0;
	margin-top: 6px;
	text-indent: -9999em;
	width: 36px;
	-webkit-transition: all 0s ease-out, box-shadow 0.3s ease-out, background-color 0.3s ease-out;
	-moz-transition: all 0s ease-out, box-shadow 0.3s ease-out, background-color 0.3s ease-out;
	-o-transition: all 0s ease-out, box-shadow 0.3s ease-out, background-color 0.3s ease-out;
	transition: all 0s ease-out,  box-shadow 0.3s ease-out, background-color 0.3s ease-out;
}

.share-bar .share-link:hover {
	opacity: 1;
	background-color: rgba(255, 255, 255, 0.20);
}

.share-link.twitter     { background-position: -6px -931px; background-color: #33b7fc; }
.share-link.twitter:hover { background-position: -56px -931px; box-shadow: 0 0 0 3px #33B7FC; }

.share-link.facebook    { background-position: -7px -981px; background-color: #3b559f; }
.share-link.facebook:hover { background-position: -57px -981px; box-shadow: 0 0 0 3px #3b559f; }

.share-link.google-plus { background-position: -6px -1032px; background-color: #dd4b39; }
.share-link.google-plus:hover { background-position: -56px -1032px; box-shadow: 0 0 0 3px #dd4b39; }

.share-link.pinterest   { background-position: -7px -1081px; background-color: #ff545c; }
.share-link.pinterest:hover { background-position: -57px -1081px; box-shadow: 0 0 0 3px #ff545c; }

.share-links.open li {
	display: block;
	-webkit-animation-duration: .75s;
	animation-duration: .75s;
	-webkit-animation-name: bounceInUp;
	animation-name: bounceInUp;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}


.share-links.open li:nth-of-type(1) {
	-webkit-animation-delay: 0.05s; -moz-animation-delay: 0.05s;-ms-animation-delay: 0.05s;-o-animation-delay: 0.05s; 
}

.share-links.open li:nth-of-type(2) {
	-webkit-animation-delay: 0.1s; -moz-animation-delay: 0.1s;-ms-animation-delay: 0.1s;-o-animation-delay: 0.1s; 
}

.share-links.open li:nth-of-type(3) {
	-webkit-animation-delay: 0.15s; -moz-animation-delay: 0.15s;-ms-animation-delay: 0.15s;-o-animation-delay: 0.15s; 
}

.share-links.open li:nth-of-type(4) {
	-webkit-animation-delay: 0.2s; -moz-animation-delay: 0.2s;-ms-animation-delay: 0.2s;-o-animation-delay: 0.2s; 
}




/*===================================================================*/
/*                    												  
/* COMMENTS			      		  
/*                    												
/*===================================================================*/
#comments, 
.comment-body,
#comments-list,
#comments-list ol li {
	position: relative;
	text-align: left;
}

#respond {
	text-align: left;
	width: 100%;
}

#comments {
	margin: 2% auto;
	max-width: 740px;
	padding: 20px;
}

.comments-wrap {
	padding-bottom: 5%;
}

.comments-title-wrap {
	max-width: 740px;
	padding: 0 20px 20px;
	margin: 0 auto;
	text-align: center;
}

#comments ul {
	list-style: none!important;
} 

#comments a {
	border: 0;
	padding: 0;
} 

.commentlist {
	float: left;
	list-style-type: none!important;
	margin: 0!important;
	width: 100%;
}

.must-log-in {
	text-align: center;
}

/* COMMENT */
.comment .avatar {
	display: block;
	float: left;
	margin: 10px 20px 0 0;
	border-radius: 100px;
	border-radius: 100%;
}

.comment-meta,
.comment-author {
	display: inline-block;
}

.nocomments,
.commentmetadata, 
.commentmetadata a,
.comment-subscription-form label, 
.comment-form .logged-in-as {
	color: #BBB;
	font-family: 'Lora', Georgia, serif;
	font-size: 14px;
	font-size: 1.4rem;
	font-style: italic;
	font-weight: normal;
	letter-spacing: normal;
	text-transform: none;
}

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

.comment-author cite {
	font-size: 16px;
	font-style: normal;
	display: inline-block;
	text-transform: capitalize;
}

.comment-body {
	float: none;
	margin-left: 80px;
	margin-left: 8rem;
}

.comment-body p {
	font-size: 90%;
}

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

li.comment:last-child .comment-body:last-of-type p {
	margin-bottom: 0;
}

ul.children li.comment:last-child .comment-body:last-of-type p {
	margin-bottom: 5%;
}

.bypostauthor {}

/* CHILDREN & REPLY */
.children {
	list-style-type: none;
	margin-left: 80px;
	margin-left: 8rem;
}

#respond.comment-respond {
	margin: 0 auto;
	padding: 0 20px;
	max-width: 740px;
	width: 88%; 
}

.commentlist #respond.comment-respond {
	margin-left: 80px;
	margin-left: 8rem;
	margin-right: auto;
	width: 89%; 
	padding: 0;
	-webkit-animation-name: fadein;
	        animation-name: fadein;
	-webkit-animation-duration: .75s;
	        animation-duration: .75s;
}

.children #respond.comment-respond {
	width: 87%; 
}

.commentlist .comment-respond form,
.commentlist .comment-respond form textarea {
	height: auto!important;
}

/* COMMENT FORM */
#reply-title {
	position: absolute;
	bottom: 17px;
	z-index: 99999;
}

.comments-wrap {
	border-bottom: 1px solid #EDEDED;
}

.comments-wrap.row.zero-comments {
	display: none;
}

.comment-form {
	max-height: 600px;
	margin-bottom: 30px;
	position:relative;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-webkit-box-orient:column;
	-webkit-box-direction:column;
	-webkit-flex-direction:column;
	-ms-flex-direction:column;
	flex-direction:column;
}

.comment-form input[type="text"], 
.comment-form input[type="email"], 
.comment-form input[type="url"] {
	float: right;
	width: 85%;
}

.comment-form label {
	display: inline-block;
	position: relative;
	top: 1rem;
	width: 15%;
}

.comment-form > p {
	margin-bottom: 0em;
	min-height: 50px;
}

.comment-form > p, #cancel-comment {
	flex: none;
	-webkit-box-ordinal-group:2;
	   -moz-box-ordinal-group:2;
	           -ms-flex-order:2;
		       -webkit-order:2;
					order:2;
}

.comment-form p:after,
.comment-form p:before {
	content: "";
	display: table;
}

.comment-form p:before,
.comment-form p:after {
	clear: both;
}

#cancel-comment {
	margin-top: 16px;
	position: absolute;
	left: 0;
}

#cancel-comment,
#cancel-comment-reply-link {
	background: url(assets/images/sprite.png) no-repeat -42px -741px;
	height: 18px;
	width: 18px;
	display: block;
	text-indent: -9999em;
	border: 0;
	padding: 0;
	-webkit-transition: all 0s ease-in-out;
	-moz-transition: all 0s ease-in-out;
	-ms-transition: all 0s ease-in-out;
	-o-transition: all 0s ease-in-out;
	transition: all 0s ease-in-out;
}

#cancel-comment:hover,
#cancel-comment-reply-link:hover {
	background-position: -42px -791px; 
}

.commentlist .comment-respond #cancel-comment {
	display: none;
}

.comment-form .comment-form-comment {
	margin-top:0;
	margin-bottom: 0;
	-webkit-box-ordinal-group:1;
	   -moz-box-ordinal-group:1;
	           -ms-flex-order:1;
	            -webkit-order:1;
	                    order:1;
}

.comment-form .form-submit {
	margin-bottom: 0;
	text-align: right;
}

.comment-form input[type="submit"] {
	background: url(assets/images/sprite.png) no-repeat 132px -826px transparent;
	color: #181818!important
}

.comment-form input[type="submit"]:hover {
	background-color: transparent;
}

.comment-form .logged-in-as,
.comment-form  .comment-subscription-form {
	margin-bottom: 0;
	min-height: 0;
}

.logged-in-as {
	display: none;
}

.comment-form  .comment-subscription-form {
	line-height: 30px;
	line-height: 3.0rem;
}

.comment-form  .comment-subscription-form label {
	top: inherit;
}

.commentlist #respond.comment-respond .comment-subscription-form {
	display: none;
}

.moderation {
	color: #EE5555;
	margin-left: 10px;
}

.nocomments {
	display: block;
	text-align: center;
	margin-top: -10px;
}


/*===================================================================*/
/*                    												  
/* JPLAYER STYLES 		  		  
/*                    												  
/*===================================================================*/
/*===================================================================*/
/*	JPLAYER BASE
/*===================================================================*/
.jp-interface,
.entry-content .mejs-container,
.entry-content .mejs-container .mejs-controls {
	background: #181818;
	background: rgba(0, 0, 0, 0.66);
	height: 50px!important;
	margin: 0 auto;
	overflow: hidden;
	position:relative;     
}

.entry-content .mejs-container .mejs-controls {
	padding-right: 10px;
}

.entry-content .mejs-container {
	background: #282828;
}

.entry-content .mejs-controls .mejs-play button {
	background-position: -25px -24px; 
}

.entry-content .mejs-controls div.mejs-time-rail {
	padding-right: 10px;
	padding-top: 18px;
}

.entry-content .mejs-container .mejs-controls .mejs-time {
	display: none;
	height: 31px;
	margin: 0;
	padding: 20px 10px 0 35px;
	width: 30px;
}

.entry-content .mejs-container .mejs-controls .mejs-time.mejs-duration-container {
	padding: 20px 10px 0 13px;
}

ul.jp-controls,
.entry-content .mejs-controls .mejs-playpause-button button {
	border-right: 1px solid rgba(255, 255, 255, 0.2)!important;
}

.entry-content .mejs-controls .mejs-volume-button button {
	border-left: 1px solid rgba(255, 255, 255, 0.2)!important;
}

ul.jp-controls, 
.jp-interface ul.jp-controls li {
	height: 50px;
	margin: 0;
	position: absolute;
	width: 50px;
	opacity: 1;
}

.jp-interface ul.jp-controls a {
	display:block;
	border: 0;
	outline: none!important;
	overflow:hidden;
	overflow: hidden;
	position: absolute;
	text-indent: 100%;
	top: 0;
	opacity: 1;
	white-space: nowrap;
	z-index: 2;
}

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

a.jp-play span, 
a.jp-pause span,
.entry-content .mejs-controls .mejs-button button {
	height: 50px;
	margin: 0;
	width: 50px;
}

/* BASE ICON POSITIONING */
.entry-content .mejs-controls .mejs-playpause-button {
	width: 60px;
}

.entry-content .mejs-controls .mejs-button.mejs-volume-button {
	width: 45px;
}

a.jp-play span,
.entry-content .mejs-controls .mejs-play button { 
	background: url(assets/images/jplayer.png) -25px -24px no-repeat; 
}

a.jp-pause span,
.entry-content .mejs-controls .mejs-pause button { 
	background: url(assets/images/jplayer.png) -25px -73px no-repeat; 
	display: none; 
}

.entry-content .mejs-controls .mejs-pause button {
	display: block;
}

a.jp-play:hover span,
a.jp-pause:hover span,
.entry-content .mejs-controls button:hover { 
	opacity: .7;
}

.entry-content .mejs-controls .mejs-volume-button button {
	background: url(assets/images/jplayer.png) no-repeat; 
}

.entry-content .mejs-controls .mejs-volume-button.mejs-mute button {
	background-position: -25px -175px; 
}

.entry-content .mejs-controls .mejs-volume-button.mejs-unmute button {
	background-position: -25px -125px; 
}

/* PROGRESS BARS */	
div.jp-progress {
	background-color: #FFF;
	margin: 22px 22px 0 72px;
}

div.jp-play-bar,
.entry-content .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current,
.entry-content .mejs-controls .mejs-time-rail span {
	background-image: url(assets/images/jplayer-progress.png);
	background-repeat: repeat;
	height: 7px;
	width: 0;
	-webkit-animation:BGAnimateHori 6s infinite linear;
	   -moz-animation:BGAnimateHori 6s infinite linear;
	    -ms-animation:BGAnimateHori 6s infinite linear;
	     -o-animation:BGAnimateHori 6s infinite linear;
}

/* PLAY BAR ANIMATION */	
@-webkit-keyframes BGAnimateHori {
 	from 	{background-position:0 0;}
 	to 		{background-position:7px 0;}
}
@-moz-keyframes BGAnimateHori {
 	from 	{background-position:0 0;}
 	to 		{background-position:7px 0;}
}
@-ms-keyframes BGAnimateHori {
 	from 	{background-position:0 0;}
 	to 		{background-position:7px 0;}
}
@-o-keyframes BGAnimateHori {
 	from 	{background-position:0 0;}
 	to 		{background-position:7px 0;}
}
@keyframes BGAnimateHori {
 	from 	{background-position:0 0;}
 	to 		{background-position:7px 0;}
}

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

div.jp-play-bar,
.entry-content .mejs-controls .mejs-time-rail span {
	height: 6px;
	width:0;     
}

.entry-content .mejs-controls .mejs-horizontal-volume-slider div {
	height: 6px;    
}

.entry-content .mejs-controls .mejs-time-rail span,
.entry-content .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,
.entry-content .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
	border-radius: 0px;
}

.entry-content .mejs-controls .mejs-time-rail span.mejs-time-total {
	background: #F5F5F5;
}	

.entry-content .mejs-controls .mejs-time-rail span.mejs-time-loaded,
.entry-content .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
	background: #FFF;
}

.entry-content .mejs-controls .mejs-time-rail span.mejs-time-float {
	display: none!important; 
}

.entry-content .mejs-controls div.mejs-horizontal-volume-slider {
	margin-top: 12px;
}

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

.hero-area .jp-audio,
.entry-media .jp-audio {
	bottom: 0;
	position: absolute;
	width: 100%;
}

.jp-audio {
	position: relative;
	width: 100%;
}

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

.jp-video .jp-interface {
	background-color: #282828;
	margin: -9px 0 0 0;
}

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


/*===================================================================*/
/*  WP PLAYLIST CUSTOM THEME
/*===================================================================*/
.entry-content .wp-playlist {
	border: none;
	font-size: inherit;
	line-height: inherit;
	margin: 50px 0 20px;
	padding: 0;
}

.entry-content .wp-playlist-current-item {
	background: #F5F5F5;
	display: none; /* REMOVE THIS TO DISPLAY ARTWORK */
	padding: 5% 0;
}

.entry-content .wp-playlist .mejs-container {
	margin: 0;
	width: 100%;
}

.entry-content .wp-playlist-caption {
	max-width: 100%;
}

.entry-content .wp-playlist-item-title,
.entry-content .wp-playlist-item .wp-playlist-caption {
	font-size: 18px;
	font-weight: normal;
	line-height: 1.8em;
}

.entry-content .wp-playlist-item-album {
	font-style: italic;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.entry-content .wp-playlist-item-length {
	position: absolute;
	right: 0;
	text-transform: uppercase;
	top: 3px;
}

.entry-content .wp-playlist-tracks {
	margin: 0px;
	padding: 2% 0;
}

.entry-content .wp-playlist-item {
	border-bottom: 1px solid #ECECEC;
	cursor: pointer;
	padding: 0;
	position: relative;
}

.entry-content .wp-playlist-light .wp-playlist-playing .wp-playlist-item-title,
.entry-content .wp-playlist-dark .wp-playlist-playing .wp-playlist-item-title {
	font-weight: normal;
}

.entry-content .wp-playlist-current-item {
	height: auto;
	margin: 0;
	text-align: center;
}

.entry-content .wp-playlist .wp-playlist-current-item img {
	border: 0;
	float: none;
	height: auto;
	margin: 0 0 10px;
	max-width: 150px;
	padding: 0;
}




/*===================================================================*/
/*
/* PORTFOLIO TEMPLATES
/*
/*===================================================================*/
/* BELOW HERO TAGLINE */
.portfolio-tagline {
	padding: 10% 35px;
	text-align: center;
}

blockquote.tagline,
.portfolio-tagline blockquote {
	margin: 0 auto;
	width: 75%;
}

blockquote.tagline,
.portfolio-tagline blockquote {
	font-size: 5.5rem;
	font-size: 2.5vw;
	margin: 0 auto;
	width: 75%;
}


/*===================================================================*/
/* MASONRY GRID
/*===================================================================*/
.projects {
	margin-bottom: 0;
}

.page-inner .projects.hero.filtered {
	margin-top: 0!important;
}

.projects .project {
	overflow: hidden;
	position: relative;
	-webkit-transition: opacity .75s ease-in-out;
	-moz-transition: opacity .75s ease-in-out;
	-ms-transition: opacity .75s ease-in-out;
	-o-transition: opacity .75s ease-in-out;
	transition: opacity .75s ease-in-out;
}

.projects .project.inactive {
	opacity: .05;
	pointer-events: none;
	overflow: hidden;
}

.projects .project,
.projects .project h2,
.projects .project img,
.projects .project .overlay {
	-webkit-transform: translateX(0);
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	-ms-transform: translate3d(0,0,0);
	-o-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	-webkit-backface-visibility: hidden;
	-webkit-perspective: 1000;
}

.grid-sizer,
.masonry-project {
	display: block;
	list-style: none;
	margin: 0;
	overflow: hidden;
	width: 25%;
}

.masonry-project a {
	border: 0;
	display: block;
	height: 100%;
	padding: 0;
	width: 100%;
}

@media only screen and (max-width: 1900px) {
	.masonry-project, .grid-sizer { width: 33.333%; }
}

@media only screen and (max-width: 1300px) {
	.masonry-project, .grid-sizer { width: 50%; }
}

@media only screen and (max-width: 630px) {
	.masonry-project, .grid-sizer { width: 100%; }

	.single-portfolio .masonry-project.entry-content {
		padding: 35px 35px 30px!important;
	}

	.masonry-project.testimonial blockquote {
		margin-top: 15px;
	}

	#projects.testimonials-grid {
		padding-bottom: 50px;
		margin-top: 20px!important;
	}
}

/* RELATIVE GRID MEDIA QUERIES */
@media only screen and (max-width: 2240px) {
	.med-grid .masonry-project, .med-grid .grid-sizer { width: 16.6666%; }
}
@media only screen and (max-width: 1920px) {
	.med-grid .masonry-project, .med-grid .grid-sizer { width: 20%; }
}
@media only screen and (max-width: 1600px) {
	.med-grid .masonry-project, .med-grid .grid-sizer { width: 25%; }
}
@media only screen and (max-width: 1280px) {
	.med-grid .masonry-project, .med-grid .grid-sizer { width: 33.3333%; }
}
@media only screen and (max-width: 960px) {
	.med-grid .masonry-project.project .overlay-title { opacity: 0; }
	.med-grid .masonry-project.project:hover .overlay-title { opacity: 1; }
	.med-grid .masonry-project, .med-grid .grid-sizer { width: 50%; }
}
@media only screen and (max-width: 514px) {
	.med-grid .masonry-project, .med-grid .grid-sizer { width: 100%; }
}

/* IMAGES */
.masonry-project img {
	-webkit-transition: all 2.0s ease-in-out;
	-moz-transition: all 2.0s ease-in-out;
	-ms-transition: all 2.0s ease-in-out;
	-o-transition: all 2.0s ease-in-out;
	transition: all 2.0s ease-in-out;
}

/* PROJECT OVERLAYS */
.center-vertical {
	left: 0;
	position: absolute;
	text-align: center;
	top: 50%;
	-webkit-transform: translate(0, -50%); 
	-moz-transform: translate(0, -50%); 
	-ms-transform: translate(0, -50%); 
	-o-transform: translate(0, -50%);
	transform: translate(0, -50%);
	width: 100%;
	z-index: 100; 
}

.masonry-project .overlay {
	background: #000;
	height: 100%;
	left: 0;
	opacity: 0;
	position: absolute;
	top: 0;
	-webkit-transition: opacity 0.3s ease-in;
	-moz-transition: opacity 0.3s ease-in;
	-ms-transition: opacity 0.3s ease-in;
	-o-transition: opacity 0.3s ease-in;
	transition: opacity 0.3s ease-in;
	width: 100%;
	z-index: 100;
}

.masonry-project .overlay-title {
	opacity: 0;
	padding: 0 4%;
	-webkit-transform: scale(1.3);
	-moz-transform: scale(1.3);
	-ms-transform: scale(1.3);
	-o-transform: scale(1.3);
	transform: scale(1.3);
	-webkit-perspective: 1000;
}

.masonry-project h3,
.masonry-project h5,
.masonry-project h5 a,
.masonry-project ul:after,
.masonry-project ul:before {
	color: #FFF;
}

.masonry-project h3 {
	margin-bottom: 7px;
}

.relative-grid .masonry-project h3 {
	font-size: 15px;
	font-size: 1.5rem;
}

.masonry-project h5 a {
	border: 0;
	padding: 0;
}

.masonry-project ul {
	line-height: 1;
	margin: 0;
	opacity: .65;	
}

.masonry-project ul li {
	display: inline-block;
	margin: 0 4px;
}

/* HOVER STYLES */
.lightbox-play,
.masonry-project a:hover img,
.masonry-project .overlay-title, 
.masonry-project.quoted .entry-media:hover img,
.format-link .entry-media a:hover .post-cover,
.format-quote .entry-media a:hover .post-cover {
	-webkit-transition: top 0.3s ease-out, left 0.3s ease-out, opacity 0.3s ease-out, -webkit-transform 0.3s ease-out;
	-moz-transition: top 0.3s ease-out, left 0.3s ease-out, opacity 0.3s ease-out, -webkit-transform 0.3s ease-out;
	-o-transition: top 0.3s ease-out, left 0.3s ease-out, opacity 0.3s ease-out, -webkit-transform 0.3s ease-out;
	transition: top 0.3s ease-out, left 0.3s ease-out, opacity 0.3s ease-out, -webkit-transform 0.3s ease-out;
}

.masonry-project.quoted .entry-media:hover img {
	-moz-transition: all 0.3s ease-out;
}

.masonry-project.quoted:hover img,
.masonry-project.masonry-project a:hover img,
.format-link .entry-media a:hover .post-cover,
.format-quote .entry-media a:hover .post-cover {
	-webkit-transform: scale(1.5);
	-moz-transform: scale(1.5);
	-ms-transform: scale(1.5);
	-o-transform: scale(1.5);
	transform: scale(1.5);
}

.masonry-project a:hover .overlay,
.masonry-project.quoted:hover .overlay {
	opacity: 0.75; 
}

.entry-media:hover .lightbox-play,
.masonry-project a:hover .overlay-title,
.masonry-project.quoted:hover .overlay-title,
.single-portfolio .masonry-project a:hover .lightbox-play {
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1); 
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}


/*===================================================================*/
/* INFINITE LOADING
/*===================================================================*/
#page_nav,
#infscr-loading,
#infscr-loading img { 
	display: none;
}

#infscr-loading {
	border: 2px solid #BBB;
	border-color: rgba(0, 0, 0, 0.25);
	border-bottom-color: #272B2F;
	border-radius: 100%;
	bottom: 20px;
	height: 25px;
	right: 20px;
	margin: 0 auto;
	position: fixed;
	width: 25px;
	z-index: 9999;
	-webkit-animation: rotate 1s linear 0s infinite;
	animation: rotate 1s linear 0s infinite;
}

#infscr-loading div {
	display: none;
	opacity: 0;
}


/*===================================================================*/
/* PROJECT FILTER
/*===================================================================*/
.sub-header {
	background-color: #FFF;
	background-color: rgba(255, 255, 255, 0.65);	
	border-bottom: 1px solid rgba(0, 0, 0, 0.075);
	border-top: 1px solid rgba(0, 0, 0, 0.075);
	font-size: 11px;
	letter-spacing: 2px;
	line-height: 50px;
	margin: 0;
	margin-bottom: -1px;
	height: 50px;
	padding: 0 35px;
	text-align: right;
	text-transform: uppercase;
	width: 100%;
	overflow: hidden;
	z-index: 10000;
}

.sub-header.no-hero {
	position: fixed;
}

.sub-header ul {
	font-size: 11px;
	margin-bottom: 0;
	letter-spacing: 4px;
	line-height: 50px;
	text-transform: uppercase;
	font-weight: normal;
	font-family: 'Lato', sans-serif;
}

.sub-header li {
	display: inline-block;
	margin: 0;
	float: right;
	position: relative;
	zoom: 1;
}

.sub-header #post-count {
	float: left;
}

.sub-header a {
	border: 0;
	color: #272B2F;
	display: block;
	padding: 0 10px;
}

.sub-header li a:after {
	display: none;
}

/* COUNT */
#post-count .project-number.showing {
	opacity: 1;
	top: 0;
}

#post-count .project-number.not-showing {
	opacity: 0;
	top: -50px;
}

#post-count .project-number {
	position: relative;
	-webkit-transition: top .3s cubic-bezier(.4,-.7,.4,1.4),opacity .3s cubic-bezier(.49,.32,.83,.67);
	transition: top .3s cubic-bezier(.4,-.7,.4,1.4),opacity .3s cubic-bezier(.49,.32,.83,.67);
}

/* MOBILE FILTER */
#filter-toggle {
	cursor: pointer; 
	display: none;
	height: 22px; 
	margin-top: -10px;
	position: absolute;
	right: 35px;
	top: 50%;
	width: 33px;
	z-index: 600;
}

#filter-toggle span, 
#filter-toggle span:before, 
#filter-toggle span:after {
	background: #2A2E31;
	content: '';
	cursor: pointer;
	display: block;
	height: 1px;
	position: absolute;
	width: 18px;
}

#filter-toggle span {
	background-color: transparent;
	top: 10px;
}

#filter-toggle span:before { top: -4px; }

#filter-toggle span:after  { bottom: -3px; }

#filter-toggle span, #filter-toggle span:before, #filter-toggle span:after  {
  	-webkit-transition: all .4s ease-in-out;
	   -moz-transition: all .4s ease-in-out;
	    -ms-transition: all .4s ease-in-out;
	     -o-transition: all .4s ease-in-out;
	        transition: all .4s ease-in-out;
}

#filter-toggle span.filter-circle2:before,
#filter-toggle span.filter-circle2:after,
#filter-toggle span.filter-circle:before, 
#filter-toggle span.filter-circle:after {
	background: transparent!important;
	content: '';
	cursor: pointer;
	display: block;
	height: 2px;
	position: absolute;
	width: 22px;
}

#filter-toggle span.filter-circle,
#filter-toggle span.filter-circle2,
#filter-toggle span.filter-circle:after {
	background-color: #333;
	border-radius: 100px;
	height: 6px;
	top: 3px;
	width: 6px;
	left: 10px;
}

#filter-toggle:hover span.filter-circle,
#filter-toggle:hover span.filter-circle2,
#filter-toggle:hover span.filter-circle:after {
	background-color: #000;
}

#filter-toggle span.filter-circle {
    	-webkit-animation: filter_knob 2s infinite;
	   -moz-animation: filter_knob 2s infinite;
	    -ms-animation: filter_knob 2s infinite;
	     -o-animation: filter_knob 2s infinite;
}

#filter-toggle span.filter-circle2 {
	left: 25px;
	top: 11px;
	-webkit-animation: filter_knob_after 1.7s infinite;
	   -moz-animation: filter_knob_after 1.7s infinite;
	    -ms-animation: filter_knob_after 1.7s infinite;
	     -o-animation: filter_knob_after 1.7s infinite;
}

#filter-toggle span.filter-circle:after { display: none; }

@-webkit-keyframes filter_knob {
    from {-webkit-transform:translate(0, 0);}
    65% {-webkit-transform:translate(13px, 0);}
    to {-webkit-transform: translate(0, 0);}    
}
    
@-moz-keyframes filter_knob {
    from {-moz-transform:translate(0, 0);}
    65% {-moz-transform:translate(13px, 0);}
    to {-moz-transform: translate(0, 0);}    
}

@-webkit-keyframes filter_knob_after {
    from {-webkit-transform:translate(0, 0);}
    65% {-webkit-transform:translate(-13px, 0);}
    to {-webkit-transform: translate(0, 0);}    
}
    
@-moz-keyframes filter_knob_after {
    from {-moz-transform:translate(0, 0);}
    65% {-moz-transform:translate(-13px, 0);}
    to {-moz-transform: translate(0, 0);}    
}


/*===================================================================*/
/* FULLPAGE LAYOUT
/*===================================================================*/
.page-template-template-portfolio-fullpage-php #fp-nav {
	top: inherit;
	bottom: 40px;
}

.page-template-template-portfolio-fullpage-php #projects h2 {
	font-size: 18rem;
	font-size: 13vw;
	letter-spacing: 5px;	
}

.page-template-template-portfolio-fullpage-php .section h2 {
	opacity: 0;
	-webkit-transition: all 650ms .2s cubic-bezier(.785,.135,.15,.86);
	-moz-transition: all 650ms .2s cubic-bezier(.785,.135,.15,.86);
	-o-transition: all 650ms .2s cubic-bezier(.785,.135,.15,.86);
	transition: all 650ms .2s cubic-bezier(.785,.135,.15,.86);
	-webkit-transform: scale(1.3);
	-moz-transform: scale(1.3);
	-ms-transform: scale(1.3);
	-o-transform: scale(1.3);
	transform: scale(1.3);
}

.page-template-template-portfolio-fullpage-php .has-hero .section h2, 
.page-template-template-portfolio-fullpage-php .section.active h2 {
	opacity: 1!important;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

.page-template-template-portfolio-fullpage-php #projects a {
	border: 0;
	padding: 0;
}

.page-template-template-portfolio-fullpage .footer {
	display: none;
}




/*===================================================================*/
/*
/* SINGLE PORTFOLIO
/*
/*===================================================================*/
/* PASSWORD */
.entry-entry.password-protected {
	padding: 50px 35px;
	text-align: center;
	max-width: 700px;
	margin: 0 auto;
}

.single_portfolio_fullscreen .password-protected label {
	color: #FFF;
}

/*===================================================================*/
/* STACKED LAYOUT
/*===================================================================*/
.stacked-assets {
	margin-bottom: 0;
}

.project-assets a {
	border: 0;
	padding: 0;
}

.project-assets li img {
	width: 100%;
}

.project-assets a.lightbox {
	display: block;
}

.stacked-assets li.percent-50 {
	float: left;
	width: 50%;
}

.stacked-assets li.has-caption:nth-child(even) {
	float: right;
}

.project-caption {
	position: relative;
}

.project-caption blockquote {
	font-size: 24px;
	font-size: 2.4rem;
	margin: 0;
}

.stacked-assets .center-vertical {
	padding: 0 10%;
	text-align: left;
}

.single-portfolio .entry-content {
	position: relative;
}

.single-portfolio .entry-content .center-vertical {
	padding: 5% 10%;
	text-align: left;
}

/* META */
.post-meta {
	display: inline-block;
}

.post-meta li,
.project-meta p,
.project-meta a {
	color: #BBB;
	font-style: normal!important; 
	display: inline-block;
	font-size: 15px;
	font-size: 1.5rem;
}

.project-meta p {
	margin-bottom: 0;
}

.post-meta-key:before,
.project-meta p:before {
	content: '·';
	margin: 0 2px;
}

p.project-taxonomy:before,
.project-meta p:first-of-type:before {
	content: ' ';
	margin: 0;
}

.single-portfolio .post-meta li:first-child {
	display: none;
}

.post-meta-key {
	text-transform: capitalize;
}

.post-meta-key:before {
	margin: 0 5px 0 2px;
}

.project-taxonomy {
	margin-top: 5px;
	width: auto;
}

/* 980px */
@media only screen and (max-width : 980px) {
	.stacked-assets li.percent-50,
	.stacked-assets li.has-caption {
		float: none!important;
		width: 100%;
	}

	.stacked-assets li.entry-content,
	.stacked-assets li.project-caption {
		height: auto!important;
	}	

	.stacked-assets .center-vertical,
	.single-portfolio .entry-content .center-vertical {
		padding: 15% 10%;
		position: inherit;
		left: inherit;
		right: inherit;
		clear: both;
		box-shadow: inherit;
		top: inherit;
		-webkit-transform: none; 
		-moz-transform: none; 
		-ms-transform: none; 
		-o-transform: none;
		transform: none;
		width: 100%;
	}

	.project-caption:after {
		border: solid transparent;
		border-color: rgba(255, 255, 255, 0);
		border-bottom-color: #FFF;
		border-width: 10px;
		bottom: 100%;
		content: " ";
		height: 0;
		left: 50%;
		margin-left: -10px;
		position: absolute;
		width: 0;
		pointer-events: none;
	}
}	


/*===================================================================*/
/* SINGLE PORTFOLIO - MASONRY
/*===================================================================*/
.single-portfolio .masonry-project.entry-content {
	background: #FFF!important;
	padding: 5% 4%;
}

.single-portfolio .stacked-assets.no-hero .entry-content,
.single-portfolio .masonry-project.entry-content.no-hero {
	border-top: 1px solid #EDEDED;
}

.single-portfolio .masonry-project.entry-content a {
	width: auto;
}

.single-portfolio.single_portfolio_masonry .page-inner,
.single-portfolio.single_portfolio_carousel .page-inner,
.single-portfolio.single_portfolio_masonry_no_hero .page-inner {
	margin: 0!important;
}

.single-portfolio.single_portfolio_masonry .project-caption,
.single-portfolio.single_portfolio_masonry_no_hero .project-caption {
	color: #FFF;
	text-align: center;
}


/*===================================================================*/
/* SINGLE PORTFOLIO - FULLSCREEN (FULLPAGE.JS)
/*===================================================================*/
.projects-fullscreen .section {
	position: relative;
}

.projects-fullscreen .section .project-bg {
	height: 100%;
	width: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	position: relative;
	background-attachment: scroll;
	-webkit-background-size: cover;
	 -khtml-background-size: cover;
	   -moz-background-size: cover;
	    -ms-background-size: cover;
	     -o-background-size: cover;
  
}

.projects-fullscreen .fp-notransition {
    -webkit-transition: none !important;
            transition: none !important;
}

.single_portfolio_fullscreen .project-content {
	background: #000;
	bottom: 0;
	left: 0;
	max-height: 100%;
	max-width: 600px;
	opacity: .9;
	overflow: hidden;
	padding: 0;
	padding: 50px;
	position: fixed;
	width: 100%;
	z-index: 999;
	z-index: 10;
}

.single_portfolio_fullscreen .project-content p,
.single_portfolio_fullscreen .project-content a,
.single_portfolio_fullscreen .project-content .post-meta li,
.single_portfolio_fullscreen .project-content .project-meta {
	color: #666;
	font-size: 16px;
	font-size: 1.6rem;
}

.single_portfolio_fullscreen .project-content.not-expandable {
	padding: 15px 25px;
	width: auto;
	bottom: 120px;
	left: 70px;
}

.single_portfolio_fullscreen .project-content p:last-of-type {
	margin-bottom: 0;
}

.single_portfolio_fullscreen .project-content h1 {
	color: #FFF;
	font-size: 17px;
	margin-bottom: 10px;
}

.single_portfolio_fullscreen .project-meta {
	margin-top: 10px;
}

.single_portfolio_fullscreen .project-content a {
	border: none;
}

.single_portfolio_fullscreen .project-content a:hover {
	color: #FFF;
}

.project-content .entry-content.fadein {
	-webkit-animation-delay: .1s;
	animation-delay: .1s;
	-webkit-animation-duration: .1s;
	animation-duration: .1s;
}

.single_portfolio_fullscreen .hide-details {
	background: url(assets/images/sprite.png) -35px -885px no-repeat;
	border-bottom: none;
	display: block;
	height: 30px;
	overflow: hidden;
	padding-bottom: 0;
	position: absolute;
	right: 0;
	text-indent: 100%;
	top: 0;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-ms-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
	white-space: nowrap;
	width: 30px;
}

.single_portfolio_fullscreen .hide-details.active { 
	-webkit-transform: rotate(-180deg);
	-ms-transform: rotate(-180deg);
	transform: rotate(-180deg);
}

.single_portfolio_fullscreen .hide-content .entry-content {
	display: none;
}

.single_portfolio_fullscreen .footer {
	display: none;
}

.projects-mobile {
	display: none;
}


/*===================================================================*/
/* CAROUSEL LAYOUT
/*===================================================================*/
.carousel-wrap {
	max-width: 80%; 
	margin: 0 auto; 
	width: 100%; 
}

.crsl-slider.owl-carousel  .owl-item,
.crsl-slider.owl-carousel  .owl-wrapper,
.crsl-slider.owl-carousel .owl-wrapper-outer {
	overflow: visible!important;
	-webkit-backface-visibility: visible!important;
	-moz-backface-visibility:    visible!important;
	-ms-backface-visibility:     visible!important;
}

.crsl-slider.owl-carousel  .owl-item {
	text-align: center;
	opacity: .25;
	-webkit-transition: opacity .6s ease-in-out;
	-moz-transition: opacity .6s ease-in-out;
	-ms-transition: opacity .6s ease-in-out;
	-o-transition: opacity .6s ease-in-out;
	transition: opacity .6s ease-in-out;
} 

.crsl-slider.owl-carousel  .owl-item.active {
	opacity: 1;
}

.carousel-content {
	padding: 40px 35px 80px;
	max-width: 700px;
	margin: 0 auto;
	text-align: center;
}

.carousel-content.has-hero {
	padding-top: 80px;
}


/*===================================================================*/
/* CALL TO ACTION
/*===================================================================*/
.call-to-action {
	padding: 10% 35px;
	text-align: center;
}

.call-to-action blockquote {
	color: #FFF;
	margin: 0 auto;
	font-size: 5rem;
	font-size: 2vw;
	width: 75%;
}

/* 1500px */
@media only screen and (max-width : 1500px) {
	.call-to-action {
		padding: 13% 35px;
		text-align: center;
	}

	.call-to-action blockquote {
		width: 75%;
	}
}

.call-to-action blockquote b,
.call-to-action blockquote em,
.call-to-action blockquote strong {
	border-bottom: 3px solid #FFF;
	border-bottom-color: rgba(255, 255, 255, 0.5);
	color: #FFF;
	color: rgba(255, 255, 255, 0.66);
	font-style: normal;
}

.call-to-action .clickme {
	color: #FFF;
	border-color: rgba(255, 255, 255, 0.5);
	border-width: 3px;
	padding-bottom: 3px;
	display: inline-block;
	margin-top: 25px;
}

.call-to-action .clickme:hover {
	border-color: #FFF!important;
}


/*===================================================================*/
/* PROJECT PAGINATION
/*===================================================================*/
.project-pagination div {
	background-color: #F0F1F2;
	float: left;
	height: 100px;
  	line-height: 100px;
	outline: 0!important;
	position: relative;
	text-align: center;
	width: 33.33%;
	-webkit-transition: background-color 0.3s ease-in;
	-moz-transition: background-color 0.3s ease-in;
	-ms-transition: background-color 0.3s ease-in;
	-o-transition: background-color 0.3s ease-in;
	transition: background-color 0.3s ease-in;
}

.project-pagination a {
	border: 0;
	display: inline-block;
	display:block;
	font-family: "Lato",Helvetica,Arial,sans-serif;
	font-size: 11px;
	height:100%;
	letter-spacing: 4px;
	outline:none;
	overflow:hidden;
	padding: 0;
	position:relative;
	text-transform: uppercase;
	width:100%;
}

.project-pagination a:hover {
	background-color: #E9E9E9;
}

.project-pagination .arrow {
	background: url(assets/images/sprite.png) no-repeat;
	display: block;
	height: 40px;
	width: 40px;
}

.project-pagination .portfolio-page .arrow {
	background-position: -30px -430px;
}

.project-pagination .prev .arrow {
	background-position: -30px -331px;
}

.project-pagination .next .arrow {
	background-position: -30px -381px;
}

.project-pagination span {
	display:block;
	left:50%;
	max-width:100%;
	position:absolute;
	top:50%;
	-webkit-transform: translate( -50%, -50%); 
	-moz-transform: translate( -50%, -50%); 
	-ms-transform: translate( -50%, -50%); 
	-o-transform: translate( -50%, -50%);
	transform: translate( -50%, -50%);
	-webkit-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;
}

.project-pagination .title {
	opacity:0;
	overflow:hidden;
	padding:0 30px;
	text-overflow:ellipsis;
	white-space:nowrap;
}

.project-pagination .next a:hover .arrow,
.project-pagination .prev a:hover .arrow {
	opacity:0;
}

.project-pagination a:hover .title {
	opacity:1;
}

.project-pagination .prev a .title {
	left:150%;
}

.project-pagination .prev a:hover .title {
	left: 50%;
}

.project-pagination .prev a:hover .arrow {
	left:-50%;
}

.project-pagination .next a .title {
	left:-50%;
}

.project-pagination .next a:hover .title {
	left:50%;
}

.project-pagination .next a:hover .arrow {
	left:150%;
}




/*===================================================================*/
/*
/* TEAM
/*
/*===================================================================*/
.team-grid {
	margin-top: 35px;
}

.type-team .entry-media {
	position: relative;
}

.team-content {
	position: relative;
	background-color: #FFF;
	padding: 35px;
	text-align: left!important;
}

.team-content h3 {
	color: #181818!important;
	font-size: 16px;
	font-size: 1.6rem;
	margin-bottom: 0;
} 	

.team-content p {
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.7em;
}

.team-content:after {
	border: solid transparent;
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #FFF;
	border-width: 10px;
	bottom: 100%;
	content: " ";
	height: 0;
	left: 35px;
	position: absolute;
	width: 0;
	pointer-events: none;
	z-index: 9999;
}

.team-content .team-role,
.team-content .edit {
	display: block;
	margin-bottom: 15px;
	font-size: 11px;
	letter-spacing: 3px;
	text-transform: uppercase;
}

.team-content .edit a {
	display: inline-block;
	color: #BBB;
}

.type-team blockquote {
	color: #FFF;
	font-weight: normal;
	font-size: 20px;
	padding: 0 20px;
}




/*===================================================================*/
/*
/* TESTIMONIALS
/*
/*===================================================================*/
/* TESTIMONIALS SLIDER */
.testimonials {
	padding: 8% 0;
	position: relative;
	text-align: center;
}

.testimonials h3 {
	margin-bottom: 35px;
	padding-top: 0;
}

.testimonial blockquote {
	padding: 0 35px;
	margin: 0 auto 35px;
	max-width: 830px;
	text-align: center;
}

.testimonial blockquote i {
	background: url(assets/images/sprite.png) -13px -1342px no-repeat;
	content: '';
	display: inline-block;
	height: 17px;
	position: relative;
	top: -5px;
	width: 24px;
}

.testimonial blockquote .quote-close {
	background-position: -13px -1392px;
}

.testimonial cite {
	color: #BBB;
	font-size: 11px;
	font-style: normal;
	letter-spacing: 4px;
	margin: 0 auto;
	text-transform: uppercase;
}

.testimonial cite a {
	border: none;
	color: #BBB;
}

.testimonial cite img {
	border-radius: 100%;
	display: block;
	height: 65px;
	margin: 0 auto 15px;
	width: auto;
}

.testimonials .owl-controls {
	margin-top: 30px;
	text-align: center;
}

.testimonials .owl-pagination {
	position: inherit;
	top: inherit;
	right: inherit;
	left: inherit;
	bottom: inherit;
}

.testimonials .owl-pagination div {
	background: #D2D2D2;
}

.testimonials .owl-pagination div:hover, 
.testimonials .owl-pagination div.active {
	background: #FFF;
}

.testimonials .owl-item {
	opacity: 0;
	cursor: pointer;
	-webkit-transition: opacity 1s ease;
	transition: opacity 1s ease;
}

.testimonials .owl-item.active {
	opacity: 1;
}

.testimonials .owl-controls .owl-buttons div.owl-prev:hover {
	background-position: -24px -323px;
}

.testimonials .owl-controls .owl-buttons div.owl-next:hover {
	background-position: -22px -373px;
}

.testimonials .owl-controls .owl-buttons div:hover {
	background-color: transparent;
	opacity: .5;
}

/* TESTIMONIALS GRID */
.testimonials-grid {
	padding-bottom: 50px;
	margin: 18px;
}

.masonry-project.testimonial {
	text-align: center;
	margin-bottom: 20px;
}

.masonry-project.testimonial blockquote {
	background: #F0F1F2;
	font-size: 20px;
	font-size: 2.0rem;
	line-height: 1.6em;
	margin: 17px 17px 20px;
	padding: 10%;
	position: relative;
}

.masonry-project.testimonial blockquote:after {
	border: solid transparent;
	border-bottom-color: #FFF;
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #F0F1F2;
	border-width: 15px;
	content: " ";
	height: 0;
	left: 50%;
	margin-left: -15px;
	position: absolute;
	top: 100%;
	width: 0;
	z-index: 999;
	pointer-events: none;
}

.masonry-project.testimonial blockquote i {
	display: none;
}

.masonry-project.testimonial cite img {
	height: 50px;
	margin: 0 auto 10px;
}




/*===================================================================*/
/*                    												  
/* JAVASCRIPT PLUGINS 		  		  
/*                    												  
/*===================================================================*/
/*===================================================================*/
/*  OWL CAROUSEL v1.3.3
/*===================================================================*/
.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.owl-carousel{
	display: none;
	position: relative;
	width: 100%;
	-ms-touch-action: pan-y;
}

.owl-carousel .owl-wrapper{
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-wrapper-outer {
	overflow: hidden;
	position: relative;
	width: 100%;
}

.owl-carousel .owl-wrapper-outer.autoHeight {
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}
	
.owl-carousel .owl-item {
	float: left;
}

.owl-controls .owl-page,
.owl-controls .owl-buttons div{
	cursor: pointer;
}

.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility:    hidden;
	-ms-backface-visibility:     hidden;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
}

.slide-caption {
	background-color: #FFF;
	padding: 7px 10px;
	position: absolute;
	bottom: 20px;
	right: 20px;
	font-family: 'Lora', Georgia, serif;
	font-size: 14px;
	font-size: 1.4rem;
	font-style: italic;
	font-weight: normal;
	letter-spacing: normal;
	text-transform: none;
}

.single-post .slide-caption {
	bottom: 65px;
	left: 35px;
	right: inherit;
}

/* DOTS */
.owl-pagination {
	position: absolute;
	bottom: 15px;
	right: 15px;
}

#fp-nav ul li a span,
.owl-pagination div {
	background: #FFF;
	border-bottom: none;
	border-radius: 100%;
	display: inline-block;
	height: 6px;
	margin: 0 3px;
	padding-bottom: 0;
	text-indent: -9999px;
	width: 6px;
	overflow: hidden;
	white-space: nowrap;
	-webkit-transition: all .2s ease;
	transition: all .2s ease;
}

#fp-nav ul li a span:hover,
#fp-nav ul li a.active span,
.owl-pagination div:hover,
.owl-pagination div.active { 
	background: transparent;
	box-shadow: 0 0 0 2px #FFF;
}

/* NEXT / PREV - for both OWL and SUPERSLIDES */
.slides-navigation,
.owl-controls .owl-buttons {
	position: absolute;
	width: 100%;
	z-index: 5;
	height: 55px;
	box-sizing: content-box;
	top: 50%;
	-webkit-transform: translateY(-50%);
	   -moz-transform: translateY(-50%);
	     -o-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
		   transform: translateY(-50%);
}

.slides-navigation a,
.owl-controls .owl-buttons div {
	background: url(assets/images/sprite.png) no-repeat #FFF;
	border: 0;
	padding: 0;
	display: block;
	height: 55px;
	text-indent: -9999em;
	width: 55px;
	cursor: pointer;
	left: 20px;
	position: absolute;
	-webkit-transition: background-color .1s;
	   -moz-transition: background-color .1s;
	    -ms-transition: background-color .1s; 	   
	     -o-transition: background-color .1s;
}

.slides-navigation a:hover,
.owl-controls .owl-buttons div:hover {
	background-color: #181818;
}	

.slides-navigation .prev,
.owl-controls .owl-buttons .owl-prev {
	background-position: -24px -323px;
}

.slides-navigation .prev:hover,
.owl-controls .owl-buttons .owl-prev:hover {
	background-position: -24px -223px;
}

.slides-navigation .next,
.owl-controls .owl-buttons .owl-next {
	background-position: -22px -373px;
	left: inherit;
	right: 20px;
}

.slides-navigation .next:hover,
.owl-controls .owl-buttons .owl-next:hover {
	background-position: -22px -273px;
}

.slides-navigation .prev {
	left: 35px;
}

.slides-navigation .next {
	right: 35px;
}

.slides-pagination {
	display: none;
}

.single-post .slides-navigation {
	margin-top: 50px;
}


/*===================================================================*/
/* FULLPAGE.JS 
/*===================================================================*/
#fp-nav {
	position: fixed;
	z-index: 9999;
	margin-top: 20px!important;
	top: 50%;
	opacity: 1;
	right: 30px;
}

#fp-nav ul {
	margin: 0;
	padding: 0;
}

#fp-nav ul li {
    display: block;
    height: 6px;
    margin: 10px 0;
    position:relative;
    width: 6px;
}

#fp-nav ul li a {
    cursor: pointer;
    display: block;
    height: 100%;
    position: relative;
    text-decoration: none;
    width: 100%;
    border-bottom: none;
    z-index: 1;
}


/*===================================================================*/
/* LIGHTBOX 
/*===================================================================*/
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99920;
}

.fancybox-skin { position: relative; padding: 0!important;}
.fancybox-opened { z-index: 99930; }
.fancybox-inner { overflow: hidden; }
.fancybox-outer, .fancybox-inner { position: relative; overflow: hidden; }
.fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; }

.fancybox-error {
	color: #FFF;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	cursor: default;
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading {
	cursor: pointer;
	height: 40px;
	left: 50%;
	margin-left: -20px;
	margin-top: -20px;
	position: relative;
	position: fixed;
	text-align: center;
	top: 50%;
	width: 40px;
	z-index: 99960;
	-webkit-animation: sk-chasingDotsRotate 1.5s infinite linear;
	        animation: sk-chasingDotsRotate 1.5s infinite linear; 
}

#fancybox-loading div {
	background-color: #181818;
	border-radius: 100%;
	display: inline-block;
	height: 60%;
	position: absolute;
	top: 0;
	width: 60%;
	-webkit-animation: sk-chasingDotsBounce 1.5s infinite ease-in-out;
	        animation: sk-chasingDotsBounce 1.5s infinite ease-in-out; 
}

#fancybox-loading .sk-dot2 {
	bottom: 0px;
	top: auto;
	-webkit-animation-delay: -1s;
	        animation-delay: -1s; 
}

.fancybox-close {
	display: none;
}

.fancybox-nav {
	background: transparent url(assets/images/blank.gif); /* helps IE */
	cursor: pointer;
	height: 100%;
	position: absolute;
	text-decoration: none;
	top: 0;
	width: 50%;
	z-index: 99940;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

.fancybox-nav span {
	background: url(assets/images/sprite.png) no-repeat #FFF;
	cursor: pointer;
	height: 55px;
	margin-top: -27px;
	position: absolute;
	top: 50%;
	width: 55px;
	z-index: 99940;
	-webkit-transition: background-color .1s;
	   -moz-transition: background-color .1s;
	    -ms-transition: background-color .1s; 	   
	     -o-transition: background-color .1s;
}

.fancybox-nav:hover span { 
	background-color: #181818;
}

.fancybox-next  { right: 0;}
.fancybox-prev  { left: 0; }

.ie9 .fancybox-next:hover,
.ie9 .fancybox-prev:hover { cursor: pointer; }

.fancybox-next span {
	background-position: -22px -373px;
	right: 30px;
}

.fancybox-next:hover span {
	background-position: -22px -273px;
}	

.fancybox-prev span {
	background-position: -24px -323px;
	left: 30px;
}

.fancybox-prev:hover span {
	background-position: -24px -223px;
}

.fancybox-nav span {
	visibility: visible!important;
	-webkit-animation-fill-mode: both;
		   animation-fill-mode: both;	
	-webkit-animation-name: fadeslideleft;	
		   animation-name: fadeslideleft;
	-webkit-animation-duration: .1s;	
	        animation-duration: .1s;
	-webkit-animation-timing-function: ease-in-out;        
	        animation-timing-function: ease-in-out;	        
}
@keyframes fadeslideleft {
	0%   { transform: translateX(100%); }			
	100% { transform: translateX(0%); }
}
@-webkit-keyframes fadeslideleft {
	0%   { -webkit-transform: translateX(100%); }		
	100% { -webkit-transform: translateX(0%); }
}

.fancybox-prev span {
	-webkit-animation-name: fadeslideright;	
		   animation-name: fadeslideright;
}
@keyframes fadeslideright {
	0%   { transform: translateX(-100%); }			
	100% { transform: translateX(0%); }
}
@-webkit-keyframes fadeslideright {
	0%   { -webkit-transform: translateX(-100%); }		
	100% { -webkit-transform: translateX(0%); }
}

.fancybox-tmp {
	left: -99999px;
	max-height: 99999px;
	max-width: 99999px;
	overflow: visible !important;
	position: absolute;
	top: -99999px;
	visibility: hidden;
}

/* OVERLAY HELPER */
.fancybox-lock { overflow: hidden !important; width: auto; }
.fancybox-lock body { overflow: hidden !important; }
.fancybox-lock-test { overflow-y: hidden !important; }

.fancybox-overlay {
	background: url('assets/images/overlay.png');
	display: none;
	left: 0;
	overflow: hidden;
	position: absolute;
	top: 0;
	z-index: 99910;
}

.fancybox-overlay-fixed {
	bottom: 0;
	position: fixed;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	cursor: pointer;
	overflow: auto;
	overflow-y: scroll;
}

.fancybox-title {
	visibility: hidden;
	position: relative;
	text-shadow: none;
	z-index: 99950;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	bottom: 0;
	margin-bottom: -35px;
	position: absolute;
	right: 50%;
	text-align: center;
	z-index: 99950;
}

.fancybox-title-float-wrap .child {
	background: transparent;
	color: #FFF;
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	white-space: nowrap;
	display: none;
}

.fancybox-title-outside-wrap {
	color: #FFF;
	margin-top: 10px;
	position: relative;
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	background: #000;
	background: rgba(0, 0, 0, .8);
	bottom: 0;
	color: #6F6F6F;
	left: 0;
	padding: 10px;
	position: absolute;
}

img.hidden,
a.lightbox.hidden {
	display: none!important;
}


/*===================================================================*/
/* SUPERSLIDES
/*===================================================================*/
.slides-container {
	margin-bottom: 0;
}

@keyframes imageZoom{
	0% { transform: scale(1); }
	50% { transform: scale(1.25); }
	100% { transform: scale(1); }
}

@-moz-keyframes imageZoom{
	0% { -moz-transform: scale(1);}
	50% { -moz-transform: scale(1.25); }
	100% { -moz-transform: scale(1); }
}

@-webkit-keyframes imageZoom{
	0% { -webkit-transform: scale(1); }
	50% {-webkit-transform: scale(1.25); }
	100% { -webkit-transform: scale(1); }
}

@-ms-keyframes imageZoom{
	0% { -ms-transform: scale(1); }
	50% { -ms-transform: scale(1.25); }
	100% { -ms-transform: scale(1); }
}



/*===================================================================*/
/*
/* WIDGET STYLES 
/*
/*===================================================================*/

/*===================================================================*/
/*  WIDGET STANDARDS
/*===================================================================*/
.widget {
	overflow: hidden;
}

.widget-title {
	margin-bottom: 15px;
}

.widget input, 
.widget textarea {
	background-color: #181818!important;
	border: none!important;
	color: #666;
	font-size: 15px;
	margin: 0!important;
	font-family: "Lato",sans-serif;
	-webkit-transition: all 0s;
	   -moz-transition: all 0s;
	    -ms-transition: all 0s; 	   
	     -o-transition: all 0s;
}

.widget input:focus, 
.widget textarea:focus {
	color: #FFF;
}

.widget_search input {
	background: url(assets/images/sprite.png) -42px -1237px no-repeat;
	padding: 0 0 0 25px;
}

.widget_search input:focus {
	background-position: -42px -1287px;
}

.widget ul li:last-child,
.widget ol li:last-child {
	margin-bottom: 0;
}

/* IMAGE HOVERS */
.bean-shot:hover img,
.flickr_badge_image img:hover,
.instagram_badge_image img:hover,
.widget_bean_portfolio img:hover {
	opacity: .2;	
}

.bean-shot img,
.flickr_badge_image img,
.bean500px_badlatoge_image a,
.instagram_badge_image a,
.bean500px_badge_image img,
.instagram_badge_image img,
.widget_bean_portfolio ul li img,
.widget_bean_portfolio ul li a {
	-webkit-backface-visibility: hidden!important;
	-webkit-transition: all 0.15s!important;
	   -moz-transition: all 0.15s!important;
	    -ms-transition: all 0.15s!important; 	   
	     -o-transition: all 0.15s!important;	
}


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

.widget_rss ul li {
	margin-bottom: 25px;
}

.rss-date {
	display: block;
	text-transform: uppercase;
}

.widget_recent_entries ul li {
	margin-bottom: 10px;
}

.post-date {
	color: #666;
	display: block;
	font-size: 11px;
	letter-spacing: 3px;
	text-transform: uppercase;
}	

/* CALENDAR WIDGET */
#wp-calendar { 
	width: 100%; 
}

#wp-calendar caption {
	font-size: 11px;
	color: #888;
	letter-spacing: 4px;
	margin-bottom: 10px;
	text-align: center; 
	text-transform: uppercase;
}

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

#wp-calendar thead th {
	font-size: 12px;
	font-weight: 500;
}

#wp-calendar thead th,
#wp-calendar tbody td { 
	background: #F5F5F5; 
	border: none; 
	padding: 4px 0px; 
	text-align: center;
}

#wp-calendar thead th {
	background-color: #E9E9E9;
}

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

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

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

.widget_nav_menu .sub-menu {
	margin-left: 20px;
}


/*===================================================================*/
/*  TAG CLOUD WIDGET
/*===================================================================*/	
.widget .tagcloud {
	margin-top: 5px;
}

.tagcloud a {
	background: url(assets/images/sprite.png) no-repeat -46px 5px;
	border-bottom: none;
	display: inline-block;
	float: left;
	font-size: 11px!important; 
	font-size: 1.1rem!important;
	margin: 0 14px 0 0;
	padding-left: 12px;
	position: relative;
	letter-spacing: 4px;
	text-transform: uppercase;
}

				
/*===================================================================*/
/*  DRIBBBLE WIDGET
/*===================================================================*/
.bean-dribbble-shots {
	float: left;
	margin-top: 10px;
	width: 100%;
}

.bean-shot {
	float: left;
	height: 100%;
	margin: 0 0 10px;
	width: 100%;
}

.bean-shot,
.bean-shot img {
	border-radius: 2px;
}

.bean-shot a {
	border: none;
	padding: 0;
}

.bean-shot a img {
	-webkit-backface-visibility: hidden!important;
}


/*===================================================================*/
/*  FLICKR WIDGET
/*===================================================================*/
.flickr-image-wrapper {
	float: left;
	margin: 4% -1.8072% -3.6% -2%;
	width: 103.8961%;
}

.flickr-image-wrapper a {
	border-radius: 2px;
	border: none;
	padding: 0;
}

.flickr_badge_image {
	border-radius: 2px;
	float: left;
	height: 16.8831%;
	margin: 0 1.8% 3.6%;
	width: 21.4%;
}

.flickr_badge_image img {
	border-radius: 2px;
}


/*===================================================================*/
/* INSTAGRAM WIDGET & 500PX WIDGET (BEAN PLUGINS)
/*===================================================================*/
.instagram-image-wrapper,
.beaninstagram-image-wrapper,
.widget_bean_500px .bean500px-image-wrapper {
	margin: 4% -1.8072% -3.6% -1.8072%;
	float: left;
	width: 103.8961%;
}

.instagram_badge_image,
.bean500px_badge_image {
	background: none!important;
	border-radius: 2px!important;
	float: left;
	height: 16.8831%;
	margin: 0 1.8% 3.6%!important;
	width: 21.4%!important;
	overflow: hidden;
}

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

.bean500px_badge_image a,
.instagram_badge_image a {
	border: none;
	padding: 0;
}

.instagram_badge_image a:hover  {
	opacity: 1!important;
}


/*===================================================================*/
/*  TWITTER WIDGET
/*===================================================================*/
.widget_bean_tweets a.twitter-time-stamp {
	color: #444!important;
	display: block;
	margin: 5px 0 15px;
	border-bottom: none!important;
	font-size: 11px;
	font-size: 1.1rem;
	text-rendering: optimizeLegibility;
}

.widget_bean_tweets a.twitter-time-stamp:hover {
	color: #444!important;
}

.widget_bean_tweets .button {
	background: transparent!important;
	border-radius: 0;
	font-size: 11px;
	margin: 0;
	padding: 0;
	display: initial;
	font-style: normal!important;
	border: 0;
	padding-bottom: 0;
	color: #FFF!important;
	text-transform: uppercase;
}


/*===================================================================*/
/*  VIDEO WIDGET
/*===================================================================*/
.widget_bean_video .video-frame {
	margin-top: 20px;
	border-radius: 2px;
	overflow: hidden;
}


/*===================================================================*/
/*  PORTFOLIO WIDGET
/*===================================================================*/
.widget_bean_portfolio ul {
	margin-top: 20px;
}

.widget_bean_portfolio ul li {
	margin: 0 0 10px 0;
	position: relative;
}

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

.widget_bean_portfolio ul li a {
	border-radius: 2px;
	border-bottom: none;
}

.widget_bean_portfolio ul li img {
	border-radius: 2px;
}


/*===================================================================*/
/*  PORTFOLIO MENU WIDGET
/*===================================================================*/
.widget_bean_portfolio_menu li span {
	opacity: 0;
	position: relative;
	-webkit-transition: opacity .1s;
	-moz-transition: opacity .1s;
	-ms-transition: opacity .1s;
	-o-transition: opacity .1s;
}

.widget_bean_portfolio_menu li:hover span {
	opacity: 1;
}




/*===================================================================*/
/*
/* OTHER COMPATIBLE PLUGIN STYLES 
/*
/*===================================================================*/
/* SOCIAL PLUGIN */
ul.bean_social_icons { text-align: left; margin-top: 20px;}
ul.bean_social_icons li.bean_social_icon {margin: 0 6px 6px 0!important;}
ul.bean_social_icons li a { border: none; padding: 0; }

/* PRICING TABLE PLUGIN */
.bean-pricing-table .details { margin-top: 15px; }
.bean-pricing-table .details p { line-height: 1.7; }
.bean-pricing-table .table-mast h6.price { border: none!important; padding: 0; font-style: normal; }
.bean-pricing-table .pricing-highlighted { 
	height: 30px;
	left: 10%;
	margin: -30px 0 0;
	position: relative; 
	width: 80%; 
	border-radius: 4px 4px 0 0;
}
.bean-pricing-table .table-mast { border-radius: 4px 4px 0 0; }
.bean-pricing-table .pricing-column ul { border-radius: 0 0 4px 4px; }
.bean-pricing-table .pricing-column { text-align: center; }
.bean-pricing-table .pricing-column ul { background-color: #F0F1F2; }
.bean-pricing-table .pricing-column li { color: #AAA; }
.bean-pricing-table .pricing-column li:last-child { margin-bottom: 0; }
.bean-pricing-table .table-mast h5.title { color:  #FFF!important; font-size: 22px!important; letter-spacing: normal;}
.bean-pricing-table .pricing-column.six.columns.mobile-four:first-child { padding-right: 20px; }
.bean-pricing-table .pricing-column.six.columns.mobile-four:last-child { padding-left: 20px; }

.bean-one-third p:last-of-type {
	margin: 0;
}



/*===================================================================*/
/*
/* THEME ANIMATIONS 
/*
/*===================================================================*/
.fadein,
.menu-fullscreen ul li,
.fancybox-title-float-wrap .child {
	-webkit-animation-delay: .5s;
	-webkit-animation-duration: .3s;
	animation-duration: .3s;
	-webkit-animation-name: fadein;
	animation-name: fadein;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	animation-delay: .5s;
}

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


/* BOUNCE - ARROW DOWN ANIMATION */
@-webkit-keyframes bounce{0%, 100%{-webkit-transition-timing-function:cubic-bezier(0.445, 0.05, 0.55, 0.95);transition-timing-function:cubic-bezier(0.445, 0.05, 0.55, 0.95);-webkit-transform:translate3d(0, -5px, 0);transform:translate3d(0, -5px, 0);}50%{-webkit-transition-timing-function:cubic-bezier(0.445, 0.05, 0.55, 0.95);transition-timing-function:cubic-bezier(0.445, 0.05, 0.55, 0.95);-webkit-transform:translate3d(0, 5px, 0);transform:translate3d(0, 5px, 0);}}@keyframes bounce{0%, 100%{-webkit-transition-timing-function:cubic-bezier(0.445, 0.05, 0.55, 0.95);transition-timing-function:cubic-bezier(0.445, 0.05, 0.55, 0.95);-webkit-transform:translate3d(0, -5px, 0);transform:translate3d(0, -5px, 0);}50%{-webkit-transition-timing-function:cubic-bezier(0.445, 0.05, 0.55, 0.95);transition-timing-function:cubic-bezier(0.445, 0.05, 0.55, 0.95);-webkit-transform:translate3d(0, 5px, 0);transform:translate3d(0, 5px, 0);}}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom;}


/* UNDER CONSTRUCTION ANIMATION */	
.construction-banner {
	-webkit-animation:BGAnimateHori 2s infinite linear;
	-moz-animation:BGAnimateHori 2s infinite linear;
	-ms-animation:BGAnimateHori 2s infinite linear;
	-o-animation:BGAnimateHori 2s infinite linear;	
}

@-webkit-keyframes BGAnimateHori {
	from 	{background-position:0 0;}
	to 		{background-position:100px 0;}
}
@-moz-keyframes BGAnimateHori {
	from 	{background-position:0 0;}
	to 		{background-position:100px 0;}
}
@-ms-keyframes BGAnimateHori {
	from 	{background-position:0 0;}
	to 		{background-position:100px 0;}
}
@-o-keyframes BGAnimateHori {
	from 	{background-position:0 0;}
	to 		{background-position:100px 0;}
}
@keyframes BGAnimateHori {
	from 	{background-position:0 0;}
	to 		{background-position:100px 0;}
} 


/* ANIMATED HEADLINE ANIMATION */
@-webkit-keyframes cd-pulse {
	0% {
		-webkit-transform: translateY(-50%) scale(1);
		opacity: 1;
	}
	40% {
		-webkit-transform: translateY(-50%) scale(0.9);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateY(-50%) scale(0);
		opacity: 0;
	}
}

@-moz-keyframes cd-pulse {
	0% {
		-moz-transform: translateY(-50%) scale(1);
		opacity: 1;
	}
	40% {
		-moz-transform: translateY(-50%) scale(0.9);
		opacity: 0;
	}
	100% {
		-moz-transform: translateY(-50%) scale(0);
		opacity: 0;
	}
}

@keyframes cd-pulse {
	0% {
		-webkit-transform: translateY(-50%) scale(1);
		-moz-transform: translateY(-50%) scale(1);
		-ms-transform: translateY(-50%) scale(1);
		-o-transform: translateY(-50%) scale(1);
		transform: translateY(-50%) scale(1);
		opacity: 1;
	}
	40% {
		-webkit-transform: translateY(-50%) scale(0.9);
		-moz-transform: translateY(-50%) scale(0.9);
		-ms-transform: translateY(-50%) scale(0.9);
		-o-transform: translateY(-50%) scale(0.9);
		transform: translateY(-50%) scale(0.9);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateY(-50%) scale(0);
		-moz-transform: translateY(-50%) scale(0);
		-ms-transform: translateY(-50%) scale(0);
		-o-transform: translateY(-50%) scale(0);
		transform: translateY(-50%) scale(0);
		opacity: 0;
	}
}

/* SOCIAL ANIMATION */
@-webkit-keyframes bounceInUp {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 1000px, 0);
            transform: translate3d(0, 1000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -7px, 0);
            transform: translate3d(0, -7px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 3px, 0);
            transform: translate3d(0, 3px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -1px, 0);
            transform: translate3d(0, -1px, 0);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInUp {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 1000px, 0);
            transform: translate3d(0, 1000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 5px, 0);
            transform: translate3d(0, 5px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -2px, 0);
            transform: translate3d(0, -2px, 0);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}



/*===================================================================*/
/*
/* CROSS BROWSER
/*
/*===================================================================*/
/* SAFARI ANIMATION FIX */
.safari .no-flick,
.safari #theme-wrapper, 
.safari .entry-content-media {
	-webkit-backface-visibility: hidden!important;
}

.safari .background-video,
.safari .background-video.embedded iframe {
	margin: 0 auto;
	min-height: 100%;
	min-width: 100%;
	object-fit: inherit;
	position: inherit;
}

/* IE FIX */
.ie #cancel-comment { left: 0; top: 35px; position: inherit; }

.ie .post .comment-form .form-submit { margin-top: -2.4em; }

.ie .flickr_badge_image a, .ie .bean500px_badge_image a, .ie .instagram_badge_image a { float: none!important; }

.ie ul.bean-contactform label {
	display: block;
}

.ie .post .comment-form .form-submit { margin-top: -2.4em; }

/* FF */
@-moz-document url-prefix() { 
	#cancel-comment { left: 0; top: 35px; position: inherit; }
	.flickr_badge_image a, .bean500px_badge_image a, .instagram_badge_image a { float: none!important; }
}