/*
Theme Name: Rebloom
Theme URI: http://themeforest.net/user/evalanee/portfolio
Author: evalanee
Author URI: http://evalanee.com/
Description: A creative multi-purpose theme, with fullscreen layout and vertical navigation
Version: 1.4.3
License: Wordpress derivate http://www.gnu.org/licenses/gpl-2.0.html, CSS, JS, Graphics http://themeforest.net/wiki/buying/howto-buying/licensing/
License URI: http://themeforest.net/licenses
Tags: dark, light, white, black, gray, one-column, two-columns, featured-images, theme-options, translation-ready
Text Domain:  rebloom
*/

/**
INDEX
# Normalize CSS
# Basic Styles
# General Layout Styles
# Layouts
# Headline styles
# Navbar
# Navigation
# Front Page
# Page
# FlexSlider Styles
# Parallax
# Background Wrappers
# Post Navigation
# Infinite Scrolling
# Comments
# Comment Form
# Post Meta
# Archives
# Portfolio Bar
# Portfolio Items
# Sidebar & Widgets
# Chapters (Handbook)
# Search Form
# Slit Slider
# WordPress Essentials
# Post Like System
# Rebloom Interface Icons
# Responsive Layout
*/

/**
Normalize CSS
*/

article,aside,details,figcaption,figure,footer,header,hgroup,nav,section {
	display: block;
}

audio, canvas,video {
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

audio:not([controls]) {
	display: none;
}

[hidden], .hidden {
	display: none;
}

html {
	font-size: 100%; /* 1 */
	overflow-y: scroll; /* 2 */
	-webkit-text-size-adjust: 100%; /* 3 */
	-ms-text-size-adjust: 100%; /* 3 */
	height: 100%
}

body {
	margin: 0;
	height: 100%
}


body, button, input, select,textarea{
	font-family: sans-serif;
}

a{
	text-decoration: none;
}

a:focus {
	outline: none;
}

a:hover,
a:active {
	outline: 0;
}

h1 {
	font-size: 2em;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: bold;
}

blockquote {
	margin: 1em 40px;
}

dfn {
	font-style: italic;
}

mark {
	background: #ff0;
	color: #000;
}


pre, code, kbd, samp {
	font-family: monospace, serif;
	_font-family: 'courier new', monospace;
	font-size: 1em;
}

pre {
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}

q {
	quotes: none;
}

q:before,
q:after {
	content: '';
	content: none;
}

small {
	font-size: 75%;
}


sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}


p {
	margin-top: 0;
}


ul, ol {
	margin-left: 0;
	padding: 0 0 0 40px;
}

dd {
	margin: 0 0 0 40px;
}

nav ul,nav ol {
	list-style: none;
	list-style-image: none;
}

img {
	border: 0; /* 1 */
	-ms-interpolation-mode: bicubic; /* 2 */
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 0;
}

form {
	margin: 0;
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0; /* 1 */
	*margin-left: -7px; /* 2 */
}


button, input, select, textarea {
	font-size: 100%; /* 1 */
	margin: 0; /* 2 */
	vertical-align: baseline; /* 3 */
	*vertical-align: middle; /* 3 */
}

button,
input {
	line-height: normal; /* 1 */
}


button, input[type="button"], input[type="reset"], input[type="submit"] {
	cursor: pointer; /* 1 */
	-webkit-appearance: button; /* 2 */
	*overflow: visible;  /* 3 */
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box; /* 1 */
	padding: 0; /* 2 */
}

input[type="search"] {
	-webkit-appearance: textfield; /* 1 */
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box; /* 2 */
	box-sizing: content-box;
}

input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto; /* 1 */
	vertical-align: top; /* 2 */
}

table,
th,
td {
	border: 1px solid rgba(0, 0, 0, 0.1);
}
table {
	border-collapse: collapse;
	border-spacing: 0;
	border-width: 1px 0 0 1px;
	margin-bottom: 24px;
	width: 100%;
}

caption,
th,
td {
	font-weight: normal;
	text-align: left;
}

th {
	border-width: 0 1px 1px 0;
	font-weight: bold;
}

td {
	border-width: 0 1px 1px 0;
}


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

/* IE 6/7 */
.clearfix { zoom: 1; }

.none { display: none; }
.relative{ position: relative; }

.goleft{
	float: left;
}
.ohidden{
	overflow: hidden;
}

cite, em, i {
	font-style: italic;
}
blockquote {
	font-style: italic;
	font-weight: normal;
	margin: 0 3em;
}
blockquote em, blockquote i, blockquote cite {
	font-style: normal;
}
pre {
	background: #f4f4f4;
	font: 13px "Courier 10 Pitch", Courier, monospace;
	line-height: 1.5;
	margin-bottom: 1.625em;
	overflow: auto;
	padding: 0.75em 1.625em;
}
code, kbd {
	font: 13px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr, acronym, dfn {
	border-bottom: 1px dotted #666;
	cursor: help;
}
address {
	display: block;
	margin: 0 0 1.625em;
}
ins {
	background: #fff9c0;
	text-decoration: none;
}

.hidden{
	display: none;
}

/**
Basic Styles
*/

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

h1, h2, h3, h4, h5, h6{
	font-weight: normal;
	line-height: 150%;
}

/**
General Layout Styles
*/

html{
	overflow-y: auto;
}

html, body{
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}

#page{
	width: 100%;
	min-height: 100%;
	z-index: 100;
	-webkit-backface-visibility: hidden;
   	backface-visibility: hidden;

}

.layout2 #main{
	overflow: hidden;
	min-height: 100%;
}

.layout3 #main{
	overflow: hidden;
	min-height: 100%;
}

.layout1 #content{
	padding:  60px 60px 55px 60px;
}

.page-template-frontpage-template-php.layout1 #content{
	padding:  60px 0 55px 0;
}

.layout2 #content{
	padding:  60px 60px 55px 222px;
}

.layout3 #content{
	padding:  0 60px 55px 222px;
}

.layout2 #main > #blogcontent,
.layout3 #main > #blogcontent,
.layout2 #handbook,
.layout3 #handbook
{
	padding-left: 162px;
}


/**
Layouts
*/

.layout1 #page{
	position: fixed;
	width: 50.05%;
	/* margin-left:50%; */
	top: 0;
	height: 100%;
}

.layout1 #page #main{
	height: 100%;
	overflow-x: hidden;
	overflow-y: auto;
}

.layout2 #page{
	position: relative;
	width: 1170px;
	margin: 0 auto;
	min-height: 100%;
	overflow: visible;
}

/**
Headline styles
*/

#main h1.left, #main h1.centered,
#main h2.left, #main h2.centered,
#main h3.left, #main h3.centered{
	padding: 0;
	margin: 64px 0 1.5em 0;
	line-height: 44px;
}

.layout3 #main h1.left, .layout3 #main h1.centered,
.layout3 #main h2.left, .layout3 #main h2.centered,
.layout3 #main h3.left, .layout3 #main h3.centered{
	margin: 80px 0 1.5em 0;
}

#main h1.left:after,
#main h2.left:after,
#main h3.left:after{
	content: '';
	border-bottom-width: 2px;
	border-bottom-style: solid;
	width: 2em;
	display: block;
	margin-top: 12px;
}

#main h1.centered,
#main h2.centered,
#main h3.centered{
	text-align: center;
}

#main h1.centered:after,
#main h2.centered:after,
#main h3.centered:after{
	content: '';
	border-bottom-width: 2px;
	border-bottom-style: solid;
	width: 2em;
	display: block;
	margin: 12px auto 0;
}

/**
Navbar
*/

#navbar{
	min-width: 170px;
	position: fixed;
	top: 0;
	height: 100%;
	z-index: 999;
}

#navbar:after{
	content: '';
	display: block;
	position: absolute;
	width: 162px;
	height: 100%;
	top:0;
	left: 0;
}

.navbar-header{
	min-height: 180px;
	height: 180px;
	width: 100%;
	position: relative;
	z-index: 9;
	text-align: center;
}

.navbar-header{
	background-image: url(img/dividers/divider1.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}

.navbar-header h1{
	display: block;
	height: 100%;
	text-align: center;
	vertical-align: middle;
	line-height: 1;
}

.navbar-header h1 a{
	background-position: center center;
	background-repeat: no-repeat;
	display: block;
	text-align: center;
	height: 100%;
}

.navbar-header a:hover .logo{
	filter: alpha(opacity=90);
	opacity: .9;
}

.navbar-header h1{
	margin: 0;
}

.navbar-footer{
	display: block;
	min-height: 180px;
	width: 100%;
	position: absolute;
	bottom: 0;
	z-index: 9;
}

.navbar-footer{
	background-image: url(img/dividers/divider1.png);
	background-repeat: no-repeat;
	background-position: center top;
}


.navbar-menu{
	min-height: 60%;
	height: 60%;
	position: relative;
	z-index: 8;
}

/**
Navigation
*/

#navbar nav, #navbar div.menu{
	text-align: center;
}

#navbar ul{
	list-style: none;
	margin: 0;
	padding: 0;
}

#navbar a{
	text-decoration: none;
}

#navbar .navbar-menu ul{
	display: inline-block;
	margin: 0 auto;
}

#navbar .navbar-menu ul li{
	text-align: left;
	position: relative;
	white-space: nowrap;
	cursor: pointer;
}

#navbar .navbar-menu a{
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

#navbar .navbar-menu span{
	display: inline-block;
	vertical-align: middle;
}

#navbar .navbar-menu i{
	display: inline-block;
	margin-right: 15px;
	cursor: pointer;
	vertical-align: middle;
}

#navbar .menu-item i._mi{
	margin-top: 0 !important;
}

#navbar .navbar-menu ul.menu > .current-menu-item:after,
#navbar .navbar-menu ul.menu > .current-menu-ancestor:after{
	content: '';
	display: block;
	position: absolute;
	background-color: transparent;
	width: 0;
	height: 1000px;
	top: 50%;
	right: -8px;
	border-width: 8px;
	border-style: solid;
	border-color: transparent;
}

#navbar .navbar-menu ul.menu > .current-menu-item:before,
#navbar .navbar-menu ul.menu > .current-menu-ancestor:before{
	content: '';
	display: block;
	position: absolute;
	background-color: transparent;
	width: 0;
	height: 1000px;
	bottom: 50%;
	right: -8px;
	border-width: 8px;
	border-style: solid;
	border-color: transparent;
}

#navbar .no-current ul.menu > li:first-child:after{
	content: '';
	display: block;
	position: absolute;
	width: 8px;
	height: 1000px;
	right: 0px;
	top: 50%;
}

#navbar .no-current ul.menu > li:first-child:before{
	content: '';
	display: block;
	position: absolute;
	width: 8px;
	height: 1000px;
	right: 0px;
	bottom: 50%;
}

/* menu vertically centered */

.navalign1 .navbar-menu{
	display: table;
	width: 100%;
}

.navalign1 .navbar-menu nav, .navalign1 .navbar-menu div.menu{
	display: table-cell;
	vertical-align: middle;
	padding: 0;
	margin: 0;
}

/* menu aligned on top */

.navalign0 .navbar-menu{
	padding-top: 50px;

}


#navbar .navbar-menu ul{
	width: 100%;
}

#navbar .navbar-menu ul li.level-0,
#navbar .navbar-menu div.menu ul li{
	text-align: center;
}

#navbar .navbar-menu .sub-menu li,
#navbar .navbar-menu div.menu .children li{
	text-align: left;
}

/* icons only on first level */

#navbar.naviconsonly1 .navbar-menu .level-0 > a span{
	display: none;
	position: absolute;
	height: 100%;
	top:0;
	left: 50%;
}

.no-js #navbar.naviconsonly1 .navbar-menu li.level-0:hover a > span{
	display: inline-block;
}

#navbar.naviconsonly1 .navbar-menu .level-0 > a i{
	display: block;
	position: absolute;
	vertical-align: middle;
	height: 100%;
	top:0;
	right: 50%;
}

#navbar .navbar-menu .menu-item img._before{
	margin-right: 0;
}

.no-js #navbar.naviconsonly1 .navbar-menu .level-0 > a i{
	margin-right: 0;
}

.no-js #navbar.naviconsonly1 .navbar-menu li.level-0:hover > i{
	margin-right: 15px;
}

/* submenu */

#navbar .navbar-menu nav .sub-menu,
#navbar .navbar-menu div.menu .children{
	visibility: hidden;
	position: absolute;
	left: 100%;
	margin-left: 7px;
	top: 7px;
	min-width: 170px;
	z-index: 10;
	width: auto;
	padding: 13px 0 13px 0;
	-webkit-transition:visibility 0s linear 0.5s,opacity 0.5s linear;
	-moz-transition:visibility 0s linear 0.5s,opacity 0.5s linear;
	-ms-transition:visibility 0s linear 0.5s,opacity 0.5s linear;
	-o-transition:visibility 0s linear 0.5s,opacity 0.5s linear;
	transition:visibility 0s linear 0.5s,opacity 0.5s linear;
}

#navbar .navbar-menu li.menu-item-has-children:hover > .sub-menu,
#navbar .navbar-menu li.page_item_has_children:hover > .children {
	visibility: visible;
	-webkit-transition-delay:0s;
	-moz-transition-delay:0s;
	-ms-transition-delay:0s;
	-o-transition-delay:0s;
	transition-delay:0s;
}

#navbar .navbar-menu li.menu-item-has-children,
#navbar .navbar-menu li.page_item_has_children{
	position: relative;
}

#navbar .navbar-menu li.menu-item-has-children:hover,
#navbar .navbar-menu li.page_item_has_children:hover{
	cursor: pointer;
}

#navbar .navbar-menu li.menu-item-has-children:hover > a:after,
#navbar .navbar-menu li.page_item_has_children:hover > a:after{
	content: '';
	display: block;
	background-color: transparent;
	width: 100%;
	height: 100%;
	position: absolute;
	top:0;
	right: -99%;
}

#navbar .navbar-menu .sub-menu li:first-child:before,
#navbar .navbar-menu .children li:first-child:before{
	display: block;
	width: 10px;
	height: 10px;
	position: absolute;
	left: -10px;
	bottom: 50%;
	margin-bottom: -5px;
	line-height: 1;
	font-size: 13px;
}

#navbar .navbar-menu .sub-menu li,
#navbar .navbar-menu .children li{
	padding: 0 20px 0 20px;
	display: block;
	white-space: nowrap;
	line-height: 2.5;
	position: relative;
}

/* sub-sub-menu */

#navbar .navbar-menu .sub-menu .sub-menu,
#navbar .navbar-menu .children .children{
	left: 100%;
	margin-left: 7px;
	top:-13px;
}


/* social icons */

#navbar .navbar-footer nav {
	display: table;
	width: 100%;
	position: absolute;
	top: 47%;
	text-align: center;
}

#navbar .has-lang nav{
	top: 40%;
}

#navbar .footer-compact{
	background-image: none;
	min-height: 80px;
}


#navbar .navbar-footer li {
	display: inline-block;
	cursor: pointer;
	position: relative;
}

#navbar .navbar-footer li a{
	padding: 0 2px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

#navbar .navbar-footer li span {
	visibility: hidden;
	color: black;
	padding: 2px 5px;
	position: absolute;
	top: -100%;
	right: 50%;
	margin-top: -5px;
	white-space: nowrap;
	margin-right: -32px;
	-webkit-transition:visibility 0s linear 0.5s,opacity 0.5s linear;
	-moz-transition:visibility 0s linear 0.5s,opacity 0.5s linear;
	-ms-transition:visibility 0s linear 0.5s,opacity 0.5s linear;
	-o-transition:visibility 0s linear 0.5s,opacity 0.5s linear;
	transition:visibility 0s linear 0.5s,opacity 0.5s linear;
	-webkit-animation: fadeOutDown 1s;
	-moz-animation: fadeOutDown 1s;
	-ms-animation: fadeOutDown 1s;
	-o-animation: fadeOutDown 1s;
	animation: fadeOutDown 1s;
}

#navbar .navbar-footer li:hover span {
	visibility: visible;
	-webkit-transition-delay:0s;
	-moz-transition-delay:0s;
	-ms-transition-delay:0s;
	-o-transition-delay:0s;
	transition-delay:0s;
	-webkit-animation: fadeInUp 1s;
	-moz-animation: fadeInUp 1s;
	-ms-animation: fadeInUp 1s;
	-o-animation: fadeInUp 1s;
	animation: fadeInUp 1s;
}


#navbar .navbar-footer li span:after{
	position: absolute;
	bottom: -10px;
	left: 50%;
	margin-left: -5px;
	width: 10px;
	height: 10px;
	line-height: 10px;
	font-size: 10px;
	display: block;
}

/* language switcher */
.languageblock{
	position: absolute;
	width: 100%;
	bottom: 10px;
	text-align: center;
}

/**
Front Page
*/

.page-template-frontpage-template-php.layout2 #content,
.page-template-frontpage-template-php.layout3 #content{
	padding: 0 0 0 162px;
}

.page-template-frontpage-template-php #content > .article{
	padding: 60px 60px 55px 60px;
}

.page-template-frontpage-template-php #content > h1.left{
	padding-left: 60px;
}


/* columns */

.front-columns-1 .front-list li,
.front-columns-1.smallgrid .portfolio-item,
.front-columns-1.grid .archive-item
{
	width: 100%;
}


.front-columns-2 .front-list li,
.front-columns-2.smallgrid .portfolio-item,
.front-columns-2.grid .archive-item
{
	width: 50%;
}

.front-columns-3 .front-list li,
.front-columns-3.smallgrid .portfolio-item,
.front-columns-3.grid .archive-item
{
	width: 33.33%;
}

.front-columns-4 .front-list li,
.front-columns-4.smallgrid .portfolio-item,
.front-columns-4.grid .archive-item
{
	width: 25%;
}

.front-columns-5 .front-list li,
.front-columns-5.smallgrid .portfolio-item,
.front-columns-5.grid .archive-item
{
	width: 20%;
}

.front-columns-6 .front-list li,
.front-columns-6.smallgrid .portfolio-item,
.front-columns-6.grid .archive-item
{
	width: 16.66%;
}

.front-section ul.front-list{
	padding: 0;
	margin: 0;
}


.front-section li{
	display: inline-block;
	vertical-align: top;
	text-align: center;
}

.front-section h4{
	margin-bottom:1em
}


/* features */

.front-features {
	padding: 1em 3em;
}

.front-features {
	padding: 1em 3em;
}

.front-features li{
	padding: 3em 2em 5em 2em;
}

.front-features i{
	font-size: 70px;
	margin-bottom: 0.4em;
	display: inline-block;
}


/* team */

.front-team {
	padding: 1em 3em;
}

.front-team ul{
	margin: 0;
	padding: 0;
}

.front-team li{
	padding: 3em 2em 5em 2em;
}


.front-team .teampic{
	background-size: cover;
	width: 100%;
	margin-bottom: 4em;
	border-radius:50%;
	cursor: pointer;
	position: relative;
	transition: all 0.4s ease-in-out;
}


.front-team .teampic:hover{
	box-shadow: inset 0 0 0 60px rgba(255,255,255,0.6), 0 1px 2px rgba(0,0,0,0.1);
	border-style: solid;
	border-width: 15px;
}

.front-team .teampic img{
	visibility: hidden;
	width: 100%;
	height: auto;
}

.front-team .teamlinks{
	opacity: 0;
	position: absolute;
	width: 100%;
	text-align: center;
	margin: 0;
	padding: 0;
	top: 50%;
	margin-top: -1.5em;
	transition: all 0.4s ease-in;
}

.front-team li:hover .teamlinks{
	opacity: 1;
}



.front-team .teamlinks li{
	display: inline-block;
	margin: 0 0.2em;
	padding: 0;
	width: 3em;
}


.front-team .teamlinks a{
	width: 3em;
	height: 3em;
	line-height: 3em;
	display: block;
	border-radius: 50%;
	position: relative;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}


.front-team .teamlinks a span{
	visibility: hidden;
	color: black;
	padding: 2px 5px;
	position: absolute;
	top: -100%;
	right: 50%;
	white-space: nowrap;
	margin-right: -32px;
	-webkit-transition:visibility 0s linear 0.5s,opacity 0.5s linear;
	-moz-transition:visibility 0s linear 0.5s,opacity 0.5s linear;
	-ms-transition:visibility 0s linear 0.5s,opacity 0.5s linear;
	-o-transition:visibility 0s linear 0.5s,opacity 0.5s linear;
	transition:visibility 0s linear 0.5s,opacity 0.5s linear;
	-webkit-animation: fadeOutDown 1s;
	-moz-animation: fadeOutDown 1s;
	-ms-animation: fadeOutDown 1s;
	-o-animation: fadeOutDown 1s;
	animation: fadeOutDown 1s;
}

.front-team .teamlinks li:hover span{
	visibility: visible;
	-webkit-transition-delay:0s;
	-moz-transition-delay:0s;
	-ms-transition-delay:0s;
	-o-transition-delay:0s;
	transition-delay:0s;
	-webkit-animation: fadeInUp 1s;
	-moz-animation: fadeInUp 1s;
	-ms-animation: fadeInUp 1s;
	-o-animation: fadeInUp 1s;
	animation: fadeInUp 1s;
}


.front-team .teamlinks a span:after{
	position: absolute;
	bottom: -10px;
	left: 50%;
	margin-left: -5px;
	width: 10px;
	height: 10px;
	line-height: 10px;
	font-size: 10px;
	display: block;
}


/* portfolio */

.front-portfolio {
	padding: 1em 0 5em 0;
	overflow: hidden;
}

.front-portfolio.smallgrid .portfolio-item{
	height: 360px;
}

.front-portfolio.smallgrid .portfolio-details{
	position: absolute;
	height: 75%;
	width: 100%;
	left: 0;
	bottom: 0;
	text-align: center;
	display: table;
	padding-top: 0.8em;
}

.front-portfolio.smallgrid .details-wrapper{
	display: table-cell;
	vertical-align: middle;
	padding: 0 15%;
	height: 100%;
}

#main .front-portfolio h2.left{
	margin-left: 1em;
}

/* blog */

.front-blog {
	padding: 1em 0 5em 0;
	overflow: hidden;
}

.front-blog .item-social li{
	width: auto;
}

#main .front-blog h1.left{
	margin-left: 1em;
}

.front-blog .details-wrapper{
	display: table-cell;

}

/* editor */

.front-editor {
	padding: 1em 4em;
	overflow: hidden;
}

/**
Page
*/

body.unsetbg{
	background-image: none;
}

.bgimg{
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.bgcaption{
	padding-right: 85px;
	width: 50%;
	text-align: center;
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 1;
	-webkit-animation: fadeInDown 1s;
	-moz-animation: fadeInDown 1s;
	-ms-animation: fadeInDown 1s;
	-o-animation: fadeInDown 1s;
	animation: fadeInDown 1s;
}

/*collapsed */

.page-collapsed .bgcaption{
	width: 100%;
	padding-right: 0;
	-webkit-animation: fadeInUp 1s;
	-moz-animation: fadeInUp 1s;
	-ms-animation: fadeInUp 1s;
	-o-animation: fadeInUp 1s;
	animation: fadeInUp 1s;
}


.no-csstransitions .page-collapsed #page{
	display: none;
}

/* image caption */

.imgcapt{
	min-height: 270px;
	padding: 90px 0 0 0;
}

.imgcapt span{
	display: inline-block;
	position: relative;
	margin: 0 30px 0 30px;
	padding: 40px 0 40px 0;
}

.imgcapt span:before{
	background-position: center top;
	background-repeat: no-repeat;
	display: block;
	content: '';
	position: absolute;
	top: 0;
	height: 1em;
	width: 100%;
}

/* slider caption */

.slicapt{
	min-height: 270px;
	padding: 90px 0 0 0;
}

.slicapt span{
	display: block;
	position: relative;
	margin: 0 30px 0 30px;
	padding: 40px 0 60px 0;
}

.slicapt span:before{
	background-position: center top;
	background-repeat: no-repeat;
	display: block;
	content: '';
	position: absolute;
	top: 0;
	height: 1em;
	width: 100%;
}

.hascaption span{
	margin-bottom: 100px;
}

.collaps{
	display: none;
	font-size: 13px;
	width: 30px;
	height: 90px;
	position: absolute;
	top: 50%;
	margin-top: -45px;
	line-height: 90px;
	cursor: pointer;
	text-align: center;
}

.collaps-open{
	padding-left: 7px;
	left: -30px;
}

.collaps-closed{
	position: fixed;
	z-index: 99;
	padding-right: 7px;
	right: 0;
}

/**
FlexSlider Styles
*/
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}


.slider-wrapper{
	z-index: 1;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

#slider{
	position: absolute;
	width: 100%;
	height: 100%;
	top:0;
	left: 0;
}

#slider .slides{
	display: block;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
}

#slider .slides li.slide{
	display: block;
	width: 100%;
	height: 100%;
}

#slider .slides .fullimg{
	width: 100%;
	height: 100%;
}

#slider .slideloader{
	margin: 30px 0 0 30px;
}

.slider-nav{
	position: absolute;
	bottom: 50px;
	z-index: 9;
	width: 50%;
	text-align: center;
}

.layout2 .slider-nav{
	display: none;
}

/*collapsed */

.page-collapsed .slider-nav{
	width: 100%;
}

.slider-num{
	list-style: none;
	display: inline-block;
	margin: 0;
	padding: 0;
}

.slider-num li{
	display: inline-block;
	font-size: 2.7em;
	cursor: pointer;
}

.slider-num li a{
	display: inline-block;
	text-indent: -999999px;
}

#slider .slider-nav .slider-prev, #slider .slider-nav .slider-next{
	font-size: 2.7em;
	cursor: pointer;
}

.no-js #slider{
	display: none;
}

/**
Parallax
*/

.parallax-wrapper{
	z-index: 1;
	position: absolute;
	width: 50%;
	top: 0;
	left: 0;
	-webkit-animation: fadeIn 1s;
	-moz-animation: fadeIn 1s;
	-ms-animation: fadeIn 1s;
	-o-animation: fadeIn 1s;
	animation: fadeIn 1s;
}

#content .parallax-wrapper{
	display: none;
}

/*collapsed */

.page-collapsed .parallax-wrapper{
	width: 100%;
	-webkit-animation: fadeInDown 1s;
	-moz-animation: fadeInDown 1s;
	-ms-animation: fadeInDown 1s;
	-o-animation: fadeInDown 1s;
	animation: fadeInDown 1s;
}

.parallax{
	overflow:hidden;
	position: relative;
	height: 700px;
}

.parallax-wrapper .ps-native {
  overflow: hidden;
  max-height: none;
}

.parallax .ps-scroller {
  position: relative;
}

.parallax .list-item{
	height:400px;
}

.parallax .paracapt{
	padding: 80px 0 55px 0;
}

.parallax .hascaption{
	padding: 80px 0 90px 0;
}

.paracapt span{
	display: block;
	text-align: center;
	position: relative;
	margin: 0 30px 0 30px;
	padding: 40px 0 0 0;
}

.paracapt span:before{
	background-position: center top;
	background-repeat: no-repeat;
	display: block;
	content: '';
	position: absolute;
	top: 0;
	height: 1em;
	width: 100%;
}

.pararrowdown{
	padding-bottom: 80px;
}

.pararrowdown span:after{
	display: block;
	font-size: 1.2em;
	margin-top: 40px;
}

.pararrowup span:after{
	display: block;
	font-size: 1.2em;
	margin-top: 40px;
}

/**
Background Wrappers
*/

/* revolution slider as page background */

.revolution-wrapper{
	z-index: 1;
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
}

/* video as page background */

.video-wrapper{
	width: 100%;
	height: auto;
	display: none;
}

/* map as page background */

.map-wrapper{
	z-index: 1;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

/**
Post Navigation
*/

.post-navigation{
	text-align: center;
	font-size: 11px;
	text-transform: uppercase;
	margin-top: 7em;
}

.post-navigation a, #loadmore a{
	position: relative;
	display: inline-block;
}

.post-navigation a[rel="prev"]{
	text-align: right;
}

.post-navigation a[rel="next"]{
	text-align: left;
}

.post-navigation a:hover span, #loadmore a:hover span{
	opacity: 1;
}

.post-navigation a span{
	opacity: 0;
	position: absolute;
	max-width: 30em;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	line-height: 45px;
	-webkit-transform: translate(0, 0);
	-moz-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
	-webkit-transition: -webkit-transform 150ms, opacity 100ms, visibility 100ms;
	transition: transform 150ms, opacity 100ms, visibility 100ms;
}

.post-navigation .post-prev{
	right: 1em;
	top:0;
	text-align: right;
	word-wrap: break-word;

}

.post-navigation a:hover .post-prev{
	-webkit-transform: translate(-3em, 0);
	-moz-transform: translate(-3em, 0);
	-o-transform: translate(-3em, 0);
	-ms-transform: translate(-3em, 0);
	transform: translate(-3em, 0);
	-webkit-transition: -webkit-transform 100ms, opacity 120ms, visibility 120ms;
	transition: transform 100ms, opacity 120ms, visibility 120ms;
}

.post-navigation .post-next{
	left: 1em;
	top:0;
	text-align: left;
}

.post-navigation a:hover .post-next{
	-webkit-transform: translate(3em, 0);
	-moz-transform: translate(3em, 0);
	-o-transform: translate(3em, 0);
	-ms-transform: translate(3em, 0);
	transform: translate(3em, 0);
	-webkit-transition: -webkit-transform 100ms, opacity 120ms, visibility 120ms;
	transition: transform 100ms, opacity 120ms, visibility 120ms;
}

.post-navigation a i {
	display: inline-block;
	font-size: 22px;
}

.post-navigation a i:before{
	line-height: 45px;
}

.post-navigation .ricon-page-prev{
	margin: 0 0.5em 0 1.5em;
}

.post-navigation .ricon-page-next{
	margin: 0 1.5em 0 0.5em;
}

.post-navigation .ricon-dot{
	font-size: 22px;
}

/* post pagination */

.post-pager{
	overflow: hidden;
	margin-top: 1em;
	padding: 3em 0;
}

.post-pager .post-prev{
	opacity: 1;
	margin-right: 3em;
}

.post-pager .post-next{
	opacity: 1;
	margin-left: 3em;
}

.post-pager a span{
	-webkit-transform: none;
}

.post-pager a:hover .post-prev{
	-webkit-transform: none;
	-moz-transform: none;
	-o-transform: none;
	-ms-transform: none;
	transform: none;
}

.post-pager a:hover .post-next{
	-webkit-transform: none;
	-moz-transform: none;
	-o-transform: none;
	-ms-transform: none;
	transform: none;
}

/**
Infinite Scrolling
*/

#loadmore{
	display: none;
	text-align: center;
	font-size: 11px;
	text-transform: uppercase;
	margin-top: 1em;
	margin-bottom: 3em;
}

#loadmore a{
	cursor: pointer;
}

#loadmore a span{
	white-space: nowrap;
	line-height: 45px;
}

#loadmore a span:after{
	display: block;
	position: absolute;
	font-size: 22px;
	left: 50%;
	margin-left: -11px;
	bottom: -1em;
}

.infinite .post-pager, .bloginfinite .post-pager{
	display: none;
}

.infinite #loadmore, .bloginfinite #loadmore{
	display: block;
}

.columns #loadmore{
	display: none;
}

#sortstatus{
	visibility: hidden;
	position: absolute;
	width: 40%;
	line-height: 3em;
	top: 6em;
	text-align: center;
	left: 50%;
	margin-left: -20%;
	border-radius:5px;
}


/**
Comments
*/

#comments {
	margin: 5em 0;
	overflow: hidden;
}


.commentsbar {
	overflow: hidden;
	position: relative;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	margin: 0 0 4em 0;
}

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

.commentsbar ul li {
	float: left;
	display: block;
	position: relative;
	padding-right: 20px;
}

.commentsbar a{
	display: block;
	padding-left: 22px;
	position: relative;
}

.commentsbar a:before{
	display: block;
	position: absolute;
	left: 0;
	top:0;
	font-size:16px;
}

.commentsbar ul li.active a{
	border-bottom-style: solid;
	border-bottom-width: 2px;
}

.commentsbar .jm-post-like{
	position: absolute;
	right: 0;

}

/* comment list */

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

#tab_commentlist, #tab_trackpinglist{
	margin-bottom: 1.5em;
}

.tab_comment ol li.comment,
.tab_comment ol li.trackback,
.tab_comment ol li.pingback
{
	position: relative;
	min-height: 95px;
	margin-bottom: 1.5em;
}

.tab_comment ol li.comment:last-child{
	margin-bottom: 0;
}

.tab_comment ol li.comment ul.children{
	margin-top: 1.5em;
}

.tab_comment ul{
	list-style: none;
}


.tab_comment .comment-avatar{
	width: 95px;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 99;
}

.tab_comment .comment-author{
	margin: 0 0 0.5em 0;
}

.tab_comment .comment-date{
	display: block;
	float: right;
}

.tab_comment .comment article {
	padding-left: 115px;
	margin: 0;
	min-height: 95px;
	position: relative;
	z-index: 98;
}

.tab_comment .comment article ul{
	list-style: disc;
}

.tab_comment .comment article ol{
	list-style: decimal;
}

.tab_comment .comment article table{
	width: 100%;
	border: 1px solid #ccc;
}

.tab_comment .comment article table td{
	border: 1px solid #ccc;
	padding: 2px;
	margin: 2px;
}

.tab_comment .comment article h1,
.tab_comment .comment article h2,
.tab_comment .comment article h3,
.tab_comment .comment article h4,
.tab_comment .comment article h5,
.tab_comment .comment article h6{
	margin-top: 2em;
}

.tab_comment .pingback article,
.tab_comment .trackback article{
	padding-left: 20px;
	margin: 0;
	min-height: 95px;
	position: relative;
	z-index: 98;
}

.tab_comment .pingback .comment-author a,
.tab_comment .trackback .comment-author a{
	display: inline-block;
	width: 60%;
}

.tab_comment .comment-content a{
	text-decoration: underline;
}

.tab_comment .comment-meta {
	border-bottom-style: dashed;
	border-bottom-width: 1px;
	padding: 1.2em 0 0.9em 0;
	margin-right: 2em;
}

.tab_comment .comment-reply-link{
	display: block;
	right: 0;
	bottom: 0;
	position: absolute;
	padding: 0.5em 0.7em;
	line-height: 1;
}

.tab_comment .comment-edit{
	float: right;
	margin-right: 2em;
	text-transform: uppercase;
}

.tab_comment .comment-content{
	padding: 0.5em 1em 0.5em 0;
}


.tab_comment .comment-awaiting-moderation{
	color: red;
}

.tab_comment .authorcomment{
	padding: 5px;
}

.tab_comment .authorcomment .comment-avatar{
	top: 5px;
	left: 5px;
}

.tab_comment #respond {
	overflow: hidden;
	margin-bottom: 2em;
	padding: 1em 0;
}

#tab_commentform #respond{
	padding: 0;
}

.tab_comment #respond #reply-title{
	text-indent: -99999px;
	position: relative;
}

.tab_comment #respond #reply-title small{
	position: absolute;
	display: block;
	right: 0;
	top: 0;
	font-size: 100%;
	text-align: right;
	text-indent: 0;
}

/**
Comment Form
*/

#commentform, .wpcf7-form {
	width: 65%;
	overflow: hidden;
}

.tab_comment .comment-reply-title{
	display: none;
}

#commentform textarea, .wpcf7 textarea{
	width: 90%;
	padding: 1.75em;
	margin: 0;
	border: 0;
	outline: 0;
}

#commentform input, .wpcf7 input{
	width: 90%;
	padding: 1.7em 1.5em 1.5em 2em;
	margin: 0;
	border: 0;
	outline: 0;
}

#commentform label{
	display: block;
}

#commentform .form-submit input, .wpcf7 .wpcf7-submit, #cancel-comment-reply-link{
	width: auto;
	padding: 1.7em 1.5em;
}

#cancel-comment-reply-link{
	margin-right: 1em;
}

#commentform .comment-form-comment label{
	display: none;
}

#commentform .commenting, #commentform textarea:focus{
	text-transform: none;
}

#commentform .logged-in-as{
	font-size: 0.8em;
}

/*
 * Default jvFloat theme.
 */

.jvFloat {
	position: relative;
	display: inline;
	margin-top: 1em;
}

.jvFloat .placeHolder.required {
	color: red;
}

.jvFloat .placeHolder {
	position: absolute;
	right: 0;
	top:0;
	line-height: 1;
	width: auto;
	-webkit-transform: translate(0, 0);
	-moz-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
	-webkit-transition: -webkit-transform 150ms, opacity 100ms, visibility 100ms;
	transition: transform 150ms, opacity 100ms, visibility 100ms;
	opacity: 0;
	visibility: hidden;
}

.jvFloat .placeHolder.active {
	display: block;
	visibility: visible;
	-webkit-transform: translate(-2em, 0);
	-moz-transform: translate(-2em, 0);
	-o-transform: translate(-2em, 0);
	-ms-transform: translate(-2em, 0);
	transform: translate(-2em, 0);
	-webkit-transition: -webkit-transform 100ms, opacity 120ms, visibility 120ms;
	transition: transform 100ms, opacity 120ms, visibility 120ms;
	opacity: 0.3;
}


/**
Post Meta
*/

.meta ul {
	list-style: none;
	margin: 3em 0;
	padding: 0;
	overflow: hidden;

}

.meta ul li{
	display: block;
	overflow: hidden;
}

.meta ul li span{
	display: inline-block;
	float: left;
	margin-right: 1em;
}

.meta ul li p {
	display: inline-block;
	margin: 0;
}

.teammeta ul li a span{
	float: none;
}

.teammeta ul li a i{
	width: 3em;
	font-size: 1.2em;
	text-align: center;
}


/**
Archives
*/

.archive #blogcontent h1.left, .blog #blogcontent h1.left, .error404 #blogcontent h1.left, .search #blogcontent h1.left{
	padding-left: 60px;
	padding-right: 60px;
}

.error404 #blogcontent > .article, .search #blogcontent > .article{
	padding-left: 60px;
	padding-right: 60px;
}

#archive-items{
	overflow: hidden;
}

.archive-item{
	position: relative;
	overflow: hidden;
}

.sticky .item-details{
	overflow: hidden;
}

.sticky .item-details:after{
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	border-width: 0 26px 26px 0;
	border-style: solid;
	border-top-color: transparent;
	border-bottom-color: transparent;
	border-left-color: transparent;
}

.list .has-image{
	height: 350px;
}

.list .item-details{
	position: relative;
	height: 100%;
	padding: 4em 3em;
}

.search-results .list .item-details{
	padding: 4em 4.5em;
}

#main .list .item-details h3.left{
	margin-top: 0;
}

.layout1 #main .list h1.left{
	padding-left: 60px;
	padding-right: 60px;
}

.list .has-image .item-details{
	float: right;
	width: 50%;
	padding: 4em 3em;
}

.list .archive-image-wrap{
	width: 50%;
	height: 100%;
	float: left;
	overflow: hidden;
}

.list .archive-image{
	width: 100%;
	height: 100%;
}

.list .item-teaser{
	margin-bottom: 2em;
	text-align: left;
}

.item-social{
	position: relative;
	padding: 0;
	list-style: none;
	display: none;
	font-size: 11px;
	line-height: 22px;
	margin: 2.7em 0 0 0;
}

.list .item-social{
	display: block;
}

.item-social li{
	display: inline-block;
}

.item-social li a{
	position: relative;
	display: block;
	padding-left: 15px;
	margin-bottom: 10px;
	min-height: 14px;
}

.item-social li a:before{
	display: block;
	position: absolute;
	left: 0;
	top:0;
	font-size: 13px;
}

.item-social li a.zilla-likes{
	padding-left: 15px !important;
	margin-right: 7px !important;
}


/* grid view */

.grid .archive-item{
	width: 33.33%;
	height: 600px;
	display: inline-block;
	position: relative;
	overflow: hidden;
	cursor: pointer;
	float: left;
}

.grid .archive-image-wrap{
	width: 101%;
	height: 60%;
	position: absolute;
	left: -0.5%;
	top:-0.5%;
	float: none;
}

.grid .archive-image{
	width: 101%;
	height: 101%;
	position: absolute;
	left: 0;
	top:0;
}

.grid .item-details{
	position: absolute;
	height: 45%;
	width: 100%;
	left: 0;
	bottom: 0;
	text-align: center;
	padding-top: 0.8em;
	display: table;
	-webkit-transition: height 300ms ease; /* Firefox */
	-moz-transition: height 300ms ease; /* WebKit */
	-o-transition: height 300ms ease; /* Opera */
	transition: height 300ms ease; /* Standard */
}

.grid .has-no-image .item-details{
	padding-top: 0;
}

.grid .item-details .details-wrapper{
	display: table-cell;
	vertical-align: middle;
	padding: 0 5%;
	height: 100%;
}

.grid .item-details:before{
	position: absolute;
	top: -17px;
	font-size: 15px;
	width: 30px;
	height: 30px;
	left: 50%;
	margin-left: -15px;
}


.grid .item-details h3, #main .grid .item-details h3.left{
	display: block;
	position: relative;
	padding: 0 20%;
	margin: 1.5em 0;
}

.grid .item-details h3:before{
	background-position: center top;
	background-repeat: no-repeat;
	display: block;
	content: '';
	position: absolute;
	top: -1.5em;
	left: 0;
	height: 1em;
	width: 100%;
}

#main .grid h3.left:after{
	display: none;
}

.grid .item-teaser{
	margin-bottom: 2em;
	text-align: center;
}

.grid .item-social{
	margin-top: 6em;
}

.grid .item-social:before{
	background-position: center top;
	background-repeat: no-repeat;
	display: block;
	content: '';
	position: absolute;
	top: -3.5em;
	left: 0;
	height: 1em;
	width: 100%;
}

.grid .item-teaser{
	display: none;
}

.grid .archive-item:hover .item-details{
	visibility: visible;
	height: 72%;
}

.grid .has-no-image:hover .item-details{
	visibility: visible;
	height: 100%;
}


.grid .archive-item:hover .item-teaser{
	display: block;
}

.grid .archive-item:hover .item-social{
	display: block;
}

.grid .has-no-image .item-details{
	height: 100%;
}

.grid .has-no-image .item-teaser{
	display: block;
}

.grid .has-no-image .item-social{
	display: block;
}


/**
Portfolio Bar
*/

.portfolio-bar{
	width: 100%;
	position: relative;
	z-index: 9;
}


.page-template-advanced-blog-template-php #main{
	padding-left: 48px;
}


.page-template-portfolio-template-php #main{
	padding-left: 168px;
}






.page-template-advanced-blog-template-php  #content,
.page-template-portfolio-template-php #content{
	position: relative;
}

.portfolio-content{
	padding:  60px 60px 55px 60px;
}

.portfolio-content.has-headline{
	padding:  0 60px 55px 60px;
}

.portfolio-categories {
	display: table;
	text-align: center;
	margin: auto;
}

.portfolio-categories .portfolio-filter-prefix{
	display: inline-block;
}

.portfolio-categories ul{
	display: inline-block;
	margin: 0;
	padding: 0;
	list-style: none;
}

.portfolio-categories li{
	display: inline-block;
}

.portfolio-categories li a{
	padding: 0 1em;
	cursor: pointer;
}

.portfolio-categories i{
	font-style: normal;
}

.portfolio-categories .portfolio-current-filter{
	display: none;
	padding: 0 1em;
	cursor: pointer;
}

.portfolio-filter-prefix{
	padding: 0 1em;
}

.portfolio-views{
	position: absolute;
	right: 2em;
	top: 0;
	display: table;
	text-align: center;
}

.portfolio-views ul{
	display: inline-block;
	margin: 0;
	padding: 0;
	list-style: none;
}

.portfolio-views li{
	display: inline-block;
	cursor: pointer;
	text-align: center;
	width: 1.5em;
	margin: 0;
	padding: 0;
}

.portfolio-views li a{
	font-size: 11px;
	line-height: 11px;
}

.portfolio-views ul a span{
	display: none;
}

.portfolio-views li a:before{
	-webkit-font-smoothing: none;
	-moz-osx-font-smoothing: none;
}

/**
Portfolio Items
*/

.fullheight{
	height: 100%
}

.ohidden{
	overflow: hidden;
}

#portfolio{
	position: relative;
	width: 100%
}

#portfolio h1.left{
	margin-left: 1em;
}

#portfolio-items{
	overflow: hidden;
}

/* grids */

/* biggrid */

.biggrid .portfolio-item{
	width: 50%;
	height: 450px;
	float: left;
	position: relative;
	overflow: hidden;
	cursor: pointer;
}

.biggrid .portfolio-details{
	position: absolute;
	height: 65%;
	width: 100%;
	left: 0;
	bottom: 0;
	text-align: center;
	display: table;
	padding-top: 0.8em;
}

.biggrid .portfolio-details .details-wrapper{
	display: table-cell;
	vertical-align: middle;
	padding: 0 15%;
	height: 100%;
}


/* biggrid and smallgrid */

.biggrid .portfolio-image,
.smallgrid .portfolio-image{
	width: 101%;
	height: 101%;
	position: absolute;
	left: 0;
	top:0;
}

.biggrid .portfolio-details,
.smallgrid .portfolio-details{
	visibility: hidden;
}

.biggrid .portfolio-teaser,
.smallgrid .portfolio-teaser{
	display: none;
}

.biggrid .portfolio-item:hover .portfolio-details,
.smallgrid .portfolio-item:hover .portfolio-details{
	visibility: visible;
}


/* smallgrid */

.smallgrid .portfolio-item{
	width: 33.33%;
	height: 300px;
	float: left;
	position: relative;
	overflow: hidden;
	cursor: pointer;
}

.smallgrid .portfolio-details{
	position: absolute;
	height: 75%;
	width: 100%;
	left: 0;
	bottom: 0;
	text-align: center;
	display: table;
	padding-top: 0.8em;
}

.smallgrid .portfolio-details .details-wrapper{
	display: table-cell;
	vertical-align: middle;
	padding: 0 15%;
	height: 100%;
}


/* smallgrid-info */

.smallgrid-info .portfolio-item{
	width: 33.33%;
	height: 600px;
	float: left;
	position: relative;
	overflow: hidden;
	cursor: pointer;
}

.smallgrid-info .portfolio-image{
	width: 101%;
	height: 60%;
	position: absolute;
	left: -0.5%;
	top:-0.5%;
}

.smallgrid-info .portfolio-details{
	position: absolute;
	height: 45%;
	width: 100%;
	left: 0;
	bottom: 0;
	display: table;
	padding-top: 1em;
	text-align: center;
	-webkit-transition: height 300ms ease; /* Firefox */
	-moz-transition: height 300ms ease; /* WebKit */
	-o-transition: height 300ms ease; /* Opera */
	transition: height 300ms ease; /* Standard */
}

.smallgrid-info .portfolio-details .details-wrapper{
	display: table-cell;
	vertical-align: middle;
	padding: 0 10%;
	height: 100%;
}

.smallgrid-info .portfolio-teaser{
	margin-bottom: 2em;
	text-align: center;
}

.smallgrid-info .portfolio-teaser{
	display: none;
}

.smallgrid-info .portfolio-item:hover .portfolio-details{
	visibility: visible;
	height: 72%;
}

.smallgrid-info .portfolio-item:hover .portfolio-teaser{
	display: block;
}

.smallgrid-info .portfolio-item:hover .portfolio-social{
	display: block;
}

/* list */

.list .portfolio-item{
	width: 100%;
	height: 350px;
	position: relative;
	overflow: hidden;
	cursor: pointer;
	background-size: cover;
}

.list .portfolio-image-wrap{
	width: 50%;
	height: 100%;
	float: left;
	overflow: hidden;
}

.list .portfolio-image{
	width: 100%;
	height: 100%;
}

.list .portfolio-details{
	height: 100%;
	float: right;
	width: 50%;
	display: table;
}

.list .portfolio-details .details-wrapper{
	display: table-cell;
	vertical-align: middle;
	padding: 0 10%;
	height: 100%;
}

.layout3 #main .list .portfolio-details h3.left{
	margin-top: 0.5em;
}

.list .portfolio-teaser{
	margin-bottom: 2em;
	text-align: left;
}

/* columns */

.columns .portfolio-item{
	width: 400px;
	height: 100%;
	float: left;
	position: relative;
	overflow: hidden;
	cursor: pointer;
}

.columns #portfolio-items{
	overflow: hidden;
	z-index: 8;
}

.columns #portfolio-items .portfolio-image{
	width: 101%;
	height: 101%;
	position: absolute;
	left: -0.5%;
	top:-0.5%;
}

.columns .portfolio-details{
	position: absolute;
	height: 300px;
	width: 100%;
	left: 0;
	bottom: 8em;
	text-align: center;
	padding-top: 0.8em;
	display: table;
}

.columns .portfolio-details .details-wrapper{
	display: table-cell;
	vertical-align: middle;
	padding: 0 10%;
	height: 100%;
}

.columns .portfolio-teaser{
	display: none;
}

.columns .post-pager{
	display: none;
}

/* combined */

.portfolio-details:before{
	position: absolute;
	top: -17px;
	font-size: 15px;
	width: 30px;
	height: 30px;
	left: 50%;
	margin-left: -15px;
}

.biggrid .portfolio-details h3,
.smallgrid .portfolio-details h3,
.smallgrid-info .portfolio-details h3,
.columns .portfolio-details h3{
	display: block;
	position: relative;
}

.biggrid .portfolio-details h3:before,
.smallgrid .portfolio-details h3:before,
.smallgrid-info .portfolio-details h3:before,
.columns .portfolio-details h3:before{
	background-position: center top;
	background-repeat: no-repeat;
	display: block;
	content: '';
	position: absolute;
	top: -1.5em;
	left: 0;
	height: 1em;
	width: 100%;
}

/* social icons */

.portfolio-social{
	position: relative;
	padding: 0;
	list-style: none;
	display: none;
	margin: 6em 0 0 0;
	font-size: 11px;
	line-height: 22px;
}


.portfolio-social:before{
	background-position: center top;
	background-repeat: no-repeat;
	display: block;
	content: '';
	position: absolute;
	top: -3.5em;
	left: 0;
	height: 1em;
	width: 100%;
}

.zilla-likes-postfix{
	display: none;
}

.portfolio-social li{
	display: inline-block;
}

.portfolio-social li a{
	position: relative;
	display: block;
	padding-left: 15px;
	margin-bottom: 10px;
	min-height: 14px;
}

.portfolio-social li a:before{
	display: block;
	position: absolute;
	left: 0;
	top:0;
	font-size: 13px;
}

.portfolio-social li a.zilla-likes{
	padding-left: 15px !important;
	margin-right: 7px !important;
}

/* ken burns effect */

.kenburns{
	-o-transition-duration: 2s;
	-ms-transition-duration: 2s;
	-moz-transition-duration: 2s;
	-webkit-transition-duration: 2s;
	-o-transform: scale(1.0);
	-ms-transform: scale(1.0);
	-moz-transform: scale(1.0);
	-webkit-transform: scale(1.0);
	-o-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-webkit-transform-origin: 50% 50%;
}

.portfolio-item:hover .kenburns,
.archive-item:hover .kenburns{
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-o-transform-origin: center center;
	-ms-transform-origin: center center;
	-moz-transform-origin: center center;
	-webkit-transform-origin: center center;
}


/* slick - carousel */
.slick-slider {
	position: relative;
	display: block;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-ms-touch-action: none;
	touch-action: none;
	-webkit-tap-highlight-color: transparent;
}

.slick-list {
	position: relative;
	overflow: hidden;
	display: block;
	margin: 0;
	padding: 0;
	height: 100%;
}
.slick-list:focus {
	outline: none;
}
.slick-loading .slick-list {
	background: white url(img/loading.gif) center center no-repeat;
}
.slick-list.dragging {
	cursor: pointer;
	cursor: hand;
}

.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img {
	-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);
}

.slick-track {
	position: relative;
	left: 0;
	top: 0;
	display: block;
	zoom: 1;
	height: 100%;
}

.slick-track:before, .slick-track:after {
	content: "";
	display: table;
}

.slick-track:after {
	clear: both;
}
.slick-loading .slick-track {
	visibility: hidden;
}

.slick-slide {
	float: left;
	height: 100%;
	min-height: 1px;
	display: none;
}

.slick-slide img {
	display: block;
}
.slick-slide.slick-loading img {
	display: none;
}
.slick-slide.dragging img {
	pointer-events: none;
}
.slick-initialized .slick-slide {
	display: block;
}
.slick-loading .slick-slide {
	visibility: hidden;
}
.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent;
}


/* Slick Navigation */

.slick-nav{
	position: absolute;
	bottom: 0;
	z-index: 9;
	width: 100%;
	text-align: center;
	height: 8em;
	padding-top: 2.7em;
}

.slick-dots{
	list-style: none;
	display: inline-block;
	margin: 0;
	padding: 0;
}

.slick-dots li{
	display: inline-block;
	font-size: 2.7em;
	cursor: pointer;
}

.slick-prev, .slick-next {
	border: none;
	outline: none;
	background-color: transparent;
	padding: 0;
	color: transparent;
	width: 40px;
	vertical-align:top;
}

.slick-next:before, .slick-prev:before {
	font-size: 2.7em;
}

.slick-prev:focus, .slick-next:focus {
	outline: none;
}

.slick-dots li button {
	display: block;
	border: 0;
	background: transparent;
	outline: none;
	color: transparent;
	width: 37px;
	height: 30px;
	position: relative;
}

.slick-dots li button:before {
	position: absolute;
	top: 0;
	left: 0;
	text-align: center;
}

.slick-dots li button:focus {
	outline: none;
}

/* filter */

#portfolio-items .mix{
	display: none;
}

.list #portfolio-items .mix{
	margin-bottom: -7px;
}

.columns #portfolio-items .mix{
	display: inline-block;
}

/**
Sidebar & Widgets
*/

.has-sidebar #content, .has-sidebar #blogcontent{
	width: 75%;
	float: left;
}

.has-sidebar #page:after{
	content: '';
	display: block;
	width: 25%;
	height: 100%;
	position: absolute;
	right: 0;
	top:0;
	z-index: 9;
}

.layout3.has-sidebar #page:after{
	position: fixed;
}

.sidebar{
	width: 25%;
	float: right;
	min-height: 100%;
	position: relative;
	 padding:  122px 20px 55px 20px;
	z-index: 10;
}

.sidebar h3{
	margin-top: 0;
}

.widget{
	margin-bottom: 3.5em;
}

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

.widget ul li {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	padding: 0.6em 0 0.6em 0.1em;
}


.widget ul li a:before, #recentcomments li:before{
	width: 13px;
	font-size: 6px;
	padding-right: 3px;
	-webkit-animation: fadeInRight 1s;
	-moz-animation: fadeInRight 1s;
	-ms-animation: fadeInRight 1s;
	-o-animation: fadeInRight 1s;
	animation: fadeInRight 1s;
}

.widget ul li a:hover:before, #recentcomments li:hover:before{
	-webkit-animation: fadeInLeft 1s;
	-moz-animation: fadeInLeft 1s;
	-ms-animation: fadeInLeft 1s;
	-o-animation: fadeInLeft 1s;
	animation: fadeInLeft 1s;
}

/* calendar */
#wp-calendar {width: 100%; }
#wp-calendar caption { text-align:left; color: #333; margin-top: 10px; margin-bottom: 5px;
	background-repeat: repeat-x;
	background-position: left bottom;
	padding-bottom: 8px;
	text-transform: uppercase;
	font-size: 10px;
}
#wp-calendar thead { font-size: 10px; }
#wp-calendar thead th { padding-bottom: 10px; }
#wp-calendar tbody { color: #aaa; }
#wp-calendar tbody td { font-size: 11px; background: #f5f5f5; border: 1px solid #fff; text-align: center; padding:3px;}
#wp-calendar tbody td:hover { background: #fff; }
#wp-calendar tbody .pad { background: none; }
#wp-calendar tfoot #next { font-size: 10px; text-transform: uppercase; text-align: right; }
#wp-calendar tfoot #prev { font-size: 10px; text-transform: uppercase; padding-top: 10px; }

/* search form */
.error #searchform{
	width: 50%;
	margin-top: 2em;
}

.widget #searchform, .error #searchform{
	position: relative;
	z-index: 2;
	margin: 0;
}


.widget #searchform label, .error #searchform label{
	display: none;
}

.widget #searchform input, .error #searchform input{
	background-color: transparent;
	border: none;
}

.widget #searchform input:focus, .error #searchform input:focus{
	outline: none;
}

.sidebar .widget #searchform #s, .error #searchform #s{
	padding: 5px 5px 5px 10px;
	background-color: #f5f5f5;
	width: 100%
}
.sidebar .widget #searchform #searchsubmit, .error #searchform #searchsubmit {
	background-color: transparent;
	margin: 0;
	border: 0;
	outline: 0;
	height: 2.5em;
	width: 4.5em;
	right: 0;
	top:0;
	text-indent: -99999px;
	position: absolute;
	cursor: pointer;
	z-index: 10;
}

.sidebar .widget #searchform div:before{
	width: 2.5em;
	font-size: 12px;
	padding: 0.2em 0 0 0;
}


/* recent comments */
#recentcomments li{
	list-style: none;
}

#recentcomments li a {
	background-image: none;
}

#recentcomments a:before{
	display: none;
}

/**
Chapters (Handbook)
*/

#handbook{
	overflow: hidden;
	position: relative;
}

#index{
	position: absolute;
	height: 100%;
	width: 20%;
	float: left;
	overflow-y: auto;
	overflow-x: hidden;
}

#indexnav{
	position: fixed;
	height: 100%;
	width: 200px;
	float: left;
	padding: 244px 0 3em 0;
	overflow-y: auto;
	overflow-x: hidden;
}

.no-js #index{
	overflow-y: scroll;
}

#chapters{
	width: 100%;
	float: right;
	padding: 60px 5% 5% 27%;
}

#index ul{
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
}

#index li{
	padding: 0 2em;
}

#index a{
	display: block;
}

#index a span{
	display: inline-block;
	text-align: right;
	float: right;
	font-size: 16px;
}

#chapters .article{
	margin-bottom: 3em;
}

/**
Search Form
*/

#searchform{
	position: relative;
	display: block;
	width: 100%;
	overflow: hidden;
	margin: 4em 0;
}


#searchform label{
	display: none;
}

#searchform input[type="text"]{
	width: 100%;
	outline: 0;
	border: 0;
	padding: 2.2em 10em 2.2em 2em;
}


#searchsubmit{
	background-color: transparent;
	margin: 0;
	border: 0;
	outline: 0;
	height: 4.5em;
	width: 4.5em;
	right: 0;
	top:0;
	text-indent: -99999px;
	position: absolute;
	cursor: pointer;
	z-index: 10;
}

#searchform div{
	position: relative;
}

#searchform div:before{
	font-family: linecons;
	font-size: 20px;
	content: "\e009";
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	width: 3.5em;
	padding: 1em 0 0;
	height: 100%;
	text-align: center;
	z-index: 9;
}

#searchform .jvFloat .placeHolder.active{
	margin: 0.6em 3em 0.6em 0;
}

/**
Slit Slider
*/

.layout3 .article.has-slitslider{
	padding: 55px 60px;
}

.sl-slider-wrapper {
	width: 100%;
	height: 900px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}

.sl-slider {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Slide wrapper and slides */

.sl-slide,
.sl-slides-wrapper,
.sl-slide-inner {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.sl-slide {
	z-index: 1;
}

/* The duplicate parts/slices */

.sl-content-slice {
	overflow: hidden;
	position: absolute;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	background: #fff;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	opacity : 1;
}

/* Horizontal slice */

.sl-slide-horizontal .sl-content-slice {
	width: 100%;
	height: 50%;
	left: -200px;
	-webkit-transform: translateY(0%) scale(1);
	-moz-transform: translateY(0%) scale(1);
	-o-transform: translateY(0%) scale(1);
	-ms-transform: translateY(0%) scale(1);
	transform: translateY(0%) scale(1);
}

.sl-slide-horizontal .sl-content-slice:first-child {
	top: -200px;
	padding: 200px 200px 0px 200px;
}

.sl-slide-horizontal .sl-content-slice:nth-child(2) {
	top: 50%;
	padding: 0px 200px 200px 200px;
}

/* Vertical slice */

.sl-slide-vertical .sl-content-slice {
	width: 50%;
	height: 100%;
	top: -200px;
	-webkit-transform: translateX(0%) scale(1);
	-moz-transform: translateX(0%) scale(1);
	-o-transform: translateX(0%) scale(1);
	-ms-transform: translateX(0%) scale(1);
	transform: translateX(0%) scale(1);
}

.sl-slide-vertical .sl-content-slice:first-child {
	left: -200px;
	padding: 200px 0px 200px 200px;
}

.sl-slide-vertical .sl-content-slice:nth-child(2) {
	left: 50%;
	padding: 200px 200px 200px 0px;
}

/* Content wrapper */
/* Width and height is set dynamically */
.sl-content-wrapper {
	position: absolute;
}

.sl-content {
	width: 100%;
	height: 100%;
	background: #fff;
}

/* Default styles for background colors */
.sl-slide-horizontal .sl-slide-inner {
	background: #ddd;
}

.sl-slide-vertical .sl-slide-inner {
	background: #ccc;
}

.slit-img{
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.slider-title{
	visibility: hidden;
	position: absolute;
	top: 0;
	width: 100%;
	text-align: center;
}

.slider-title h2{
	background-repeat: no-repeat;
	background-position: center top;
	padding: 1.2em 1em 0 1em;
	margin: 1.5em 0 1em 0;
}

.slider-title .slider-subtitle{
	margin: 0;
	padding: 0 1em 0 1em;
}

.slider-title .calltoaction{
	display: inline-block;
	line-height: 50px;
	padding: 0 2em;
	margin: 4em 0.5em 3em 0.5em;
	border-radius:25px;
	cursor: pointer;
}

.slider-title .calltoaction i{
	font-size: 20px;
	line-height: 50px;
	margin-right: 0.3em;
	display: inline-block;
	vertical-align: middle;
	height: 100%;

}

.slider-title .calltoaction span{
	line-height: 50px;
	display: inline-block;
	vertical-align: middle;
	height: 100%;
}

.sl-navigation{
	position: absolute;
	bottom: 0;
	width: 100%;
	text-align: center;
	z-index: 99;
}

#nav-links{
	display: inline-block;
	margin: auto;
	padding: 1.4em 2em 1em 2em;
}

#nav-links a, #nav-links span{
	display: inline-block;
}

.nav-arrow-prev, .nav-arrow-next, #nav-links span{
	font-size: 2em;
	cursor: pointer;
}

/* revolution slider on front */
.front-revolution{
	position: relative;
}



/**
WordPress Essentials
**/

.alignleft {
	display: inline;
	float: left;
	margin-right: 1.625em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.625em;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.entry-content img,
.comment-content img{
	max-width: 100%;
	margin-bottom: 2em;
}
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
	height: auto;
}
img.size-full,
img.size-large {
	max-width: 100%;
	margin-bottom: 2em;
	width: auto;
	height: auto;
}

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

.entry-content table,
.comment-content table {
	font-size: 14px;
	line-height: 1.2857142857;
	margin-bottom: 24px;
}

.entry-content th,
.comment-content th {
	font-weight: 700;
	padding: 8px;
	text-transform: uppercase;
}

.entry-content td,
.comment-content td {
	padding: 8px;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 1.625em;
}
p img{
	max-width: 100%;
}

p img,
.wp-caption {
	margin-top: 0.4em;
}
.wp-caption {
	background: #eee;
	margin-bottom: 1.625em;
	max-width: 96%;
	padding: 9px;
}
.wp-caption img {
	display: block;
	margin: 0 auto;
	max-width: 98%;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	color: #666;
	font-family: Georgia, serif;
	font-size: 12px;
}
.wp-caption .wp-caption-text {
	margin-bottom: 0.6em;
	padding: 10px 0 5px 40px;
	position: relative;
}
.wp-caption .wp-caption-text:before {
	color: #666;
	content: '\2014';
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	margin-right: 5px;
	position: absolute;
	left: 10px;
	top: 7px;
}
#content .gallery {
	margin: 0 auto 1.625em;
}
#content .gallery a img {
	border: none;
}
img#wpstats {
	display: block;
	margin: 0 auto 1.625em;
}
#content .gallery-columns-4 .gallery-item {
	width: 23%;
	padding-right: 2%;
}
#content .gallery-columns-4 .gallery-item img {
	width: 100%;
	height: auto;
}

img[class*="align"],
img[class*="wp-image-"],
#content .gallery .gallery-icon img {
	border: 1px solid #ddd;
	padding: 6px;
}

img.alignnone {
	display: block;
}

.wp-caption img {
	border-color: #eee;
}
a:focus img[class*="align"],
a:hover img[class*="align"],
a:active img[class*="align"],
a:focus img[class*="wp-image-"],
a:hover img[class*="wp-image-"],
a:active img[class*="wp-image-"],
#content .gallery .gallery-icon a:focus img,
#content .gallery .gallery-icon a:hover img,
#content .gallery .gallery-icon a:active img {
	background: #eee;
	border-color: #bbb;
}
.wp-caption a:focus img,
.wp-caption a:active img,
.wp-caption a:hover img {
	background: #fff;
	border-color: #ddd;
}

.bypostauthor{

}

blockquote{
	border-left:2px solid;
	padding-left: 1em;
}

blockquote cite{
	display: block;
	font-weight: bold;
	font-style:italic
}

embed,
iframe,
object {
	max-width: 100%;
}

/**
Post Like System
*/

a.jm-post-like {
	font-weight: normal;
	display: inline-block;
	width: auto;
	-moz-transition: all 0.3s ease-out 0.2s;
	-webkit-transition: all 0.3s ease-out 0.2s;
	-o-transition: all 0.3s ease-out 0.2s;
}
a.jm-post-like:hover,
a.jm-post-like:active,
a.jm-post-like:focus,
a.liked:hover,
a.liked:active,
a.liked:focus { /* default on hover */
	color: #000;
}

.item-social li a.jm-post-like {
	padding-left: 0;
	padding-right: 0.4em;
}


/**
Rebloom Interface Icons
*/

@font-face {
  font-family: "rebloom-interface";
  src:url("css/fonts/rebloom-interface.eot");
  src:url("css/fonts/rebloom-interface.eot?#iefix") format("embedded-opentype"),
	url("css/fonts/rebloom-interface.woff") format("woff"),
	url("css/fonts/rebloom-interface.ttf") format("truetype"),
	url("css/fonts/rebloom-interface.svg#rebloom-interface") format("svg");
  font-weight: normal;
  font-style: normal;

}

[data-icon]:before {
  font-family: "rebloom-interface" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="ricon-"]:before,
[class*=" ricon-"]:before{
	font-family: "rebloom-interface" !important;
	font-style: normal !important;
	font-weight: normal !important;
	font-variant: normal !important;
	text-transform: none !important;
	speak: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.flex-active:before,
.slider-num li:before,
.commentsbar a:before,
.pararrowdown span:after,
.pararrowup span:after,
#navbar .navbar-menu .sub-menu li:first-child:before,
#navbar .navbar-menu .children li:first-child:before,
.open_mobile_menu:before,
.biggrid .portfolio-details:before,
.smallgrid .portfolio-details:before,
.smallgrid-info .portfolio-details:before,
.columns .portfolio-details:before,
.slick-dots li button:before,
.slick-prev:before,
.slick-next:before,
#nav-links span:before,
.grid .item-details:before,
#loadmore a span:after,
#navbar .navbar-footer li span:after,
.front-team .teamlinks a span:after,
.zilla-likes:before,
.widget ul li a:before,
#recentcomments li:before,
#user-toggle:before,
.porfolio-comment-count:before{
  font-family: "rebloom-interface" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.open_mobile_menu:before{
  content: "\e01c";
}

#navbar .navbar-footer li span:after{
  content: "\e000";
}

.front-team .teamlinks a span:after{
  content: "\e000";
}

#navbar .navbar-menu .sub-menu li:first-child:before,
#navbar .navbar-menu .children li:first-child:before{
  content: "\e001";
}

.commentsbar #ctabs_comments:before{
  content: "\e004";
}

.commentsbar #ctabs_form:before{
  content: "\e01a";
}

.commentsbar #ctabs_trackpings:before{
  content: "\e019";
}

.zilla-likes:before{
  content: "\e006";
}

.slider-num li:before{
  content: "\e015";
}

.slider-num li.flex-active:before{
  content: "\e013";
}

.pararrowdown span:after{
  content: "\e014";
}

.pararrowup span:after{
  content: "\e018";
}

.biggrid .portfolio-details:before,
.smallgrid .portfolio-details:before,
.smallgrid-info .portfolio-details:before,
.columns .portfolio-details:before{
  content: "\e003";
}

.grid .item-details:before{
  content: "\e003";
}

.slick-dots li button:before{
  content: "\e015";
}

.slick-dots li.slick-active button:before{
  content: "\e013";
}

.slick-prev:before{
  content: "\e016";
}

.slick-next:before{
  content: "\e017";
}

.porfolio-comment-count:before{
  content: "\e004";
}

#loadmore a span:after{
  content: "\e009";
}

.widget ul li a:before, #recentcomments li:before{
  content: "\e002";
}

#user-toggle:before{
  content: "\e000";
}

#nav-links span:before{
  content: "\e015";
}

#nav-links span.nav-dot-current:before{
  content: "\e013";
}


/* rebloom interface icons */

.ricon-arrow-down:before {
  content: "\e000";
}
.ricon-arrow-left:before {
  content: "\e001";
}
.ricon-arrow-right:before {
  content: "\e002";
}
.ricon-arrow-up:before {
  content: "\e003";
}
.ricon-comments:before {
  content: "\e004";
}
.ricon-dot:before {
  content: "\e005";
}
.ricon-heart:before {
  content: "\e006";
}
.ricon-indent:before {
  content: "\e007";
}
.ricon-outdent:before {
  content: "\e008";
}
.ricon-page-down:before {
  content: "\e009";
}
.ricon-page-next:before {
  content: "\e00a";
}
.ricon-page-prev:before {
  content: "\e00b";
}
.ricon-page-up:before {
  content: "\e00c";
}
.ricon-port-biggrid:before {
  content: "\e00d";
}
.ricon-port-columns:before {
  content: "\e00e";
}
.ricon-port-list:before {
  content: "\e00f";
}
.ricon-port-smallgrid:before {
  content: "\e010";
}
.ricon-port-smallgrid-info:before {
  content: "\e011";
}
.ricon-reply:before {
  content: "\e012";
}
.ricon-slide-active:before {
  content: "\e013";
}
.ricon-slide-down:before {
  content: "\e014";
}
.ricon-slide-inactive:before {
  content: "\e015";
}
.ricon-slide-left:before {
  content: "\e016";
}
.ricon-slide-right:before {
  content: "\e017";
}
.ricon-slide-up:before {
  content: "\e018";
}
.ricon-trackback:before {
  content: "\e019";
}
.ricon-writecomment:before {
  content: "\e01a";
}
.ricon-z-nudge:before {
  content: "\e01b";
}
.ricon-zz-menu:before {
  content: "\e01c";
}


/**
Fancy Select
*/
div.fancy-select {
	position: relative;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 13px;
	color: #46565D;
}

div.fancy-select.disabled {
	opacity: 0.5;
}

div.fancy-select select:focus + div.trigger {
	box-shadow: 0 0 0 2px #4B5468;
}

div.fancy-select select:focus + div.trigger.open {
	box-shadow: none;
}

div.fancy-select div.trigger {
	border-radius: 4px;
	cursor: pointer;
	padding: 10px 24px 9px 9px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	position: relative;
	background: #99A5BE;
	border: 1px solid #99A5BE;
	border-top-color: #A5B2CB;
	color: #4B5468;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
	width: 200px;

	transition: all 240ms ease-out;
	-webkit-transition: all 240ms ease-out;
	-moz-transition: all 240ms ease-out;
	-ms-transition: all 240ms ease-out;
	-o-transition: all 240ms ease-out;
}

div.fancy-select div.trigger:after {
	content: "";
	display: block;
	position: absolute;
	width: 0;
	height: 0;
	border: 5px solid transparent;
	border-top-color: #4B5468;
	top: 20px;
	right: 9px;
}

div.fancy-select div.trigger.open {
	background: #4A5368;
	border: 1px solid #475062;
	color: #7A8498;
	box-shadow: none;
}

div.fancy-select div.trigger.open:after {
	border-top-color: #7A8498;
}

div.fancy-select ul.options {
	list-style: none;
	margin: 0;
	position: absolute;
	top: 40px;
	left: 0;
	visibility: hidden;
	opacity: 0;
	z-index: 50;
	max-height: 200px;
	overflow: auto;
	background: #62C8BF;
	border-radius: 4px;
	border-top: 1px solid #7DD8D2;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
	min-width: 200px;

	transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out;
	-webkit-transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out;
	-moz-transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out;
	-ms-transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out;
	-o-transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out;
}

div.fancy-select ul.options.open {
	visibility: visible;
	top: 50px;
	opacity: 1;

	/* have to use a non-visibility transition to prevent this iOS issue (bug?): */
	/*http://stackoverflow.com/questions/10736478/css-animation-visibility-visible-works-on-chrome-and-safari-but-not-on-ios*/
	transition: opacity 300ms ease-out, top 300ms ease-out;
	-webkit-transition: opacity 300ms ease-out, top 300ms ease-out;
	-moz-transition: opacity 300ms ease-out, top 300ms ease-out;
	-ms-transition: opacity 300ms ease-out, top 300ms ease-out;
	-o-transition: opacity 300ms ease-out, top 300ms ease-out;
}

div.fancy-select ul.options.overflowing {
	top: auto;
	bottom: 40px;

	transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out;
	-webkit-transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out;
	-moz-transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out;
	-ms-transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out;
	-o-transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out;
}

div.fancy-select ul.options.overflowing.open {
	top: auto;
	bottom: 50px;

	transition: opacity 300ms ease-out, bottom 300ms ease-out;
	-webkit-transition: opacity 300ms ease-out, bottom 300ms ease-out;
	-moz-transition: opacity 300ms ease-out, bottom 300ms ease-out;
	-ms-transition: opacity 300ms ease-out, bottom 300ms ease-out;
	-o-transition: opacity 300ms ease-out, bottom 300ms ease-out;
}

div.fancy-select ul.options li {
	padding: 8px 12px;
	color: #2B8686;
	cursor: pointer;
	white-space: nowrap;

	transition: all 150ms ease-out;
	-webkit-transition: all 150ms ease-out;
	-moz-transition: all 150ms ease-out;
	-ms-transition: all 150ms ease-out;
	-o-transition: all 150ms ease-out;
}

div.fancy-select ul.options li.selected {
	background: rgba(43,134,134,0.3);
	color: rgba(255,255,255,0.75);
}

div.fancy-select ul.options li.hover {
	color: #fff;
}

/**
Responsive Layout
*/

#mobilenav{
  width: 70%;
  height: 100%;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
  line-height: 30px !important;
  opacity: 0;
  visibility:  hidden;
  overflow-y:auto;
}

#mobilenav i{
	margin-top: 0 !important;
}

body.mobilenav_open{
	overflow-x: hidden;
}

body.mobilenav_open #mobilenav{
  opacity: 1;
  visibility:  visible;
}

body.mobilenav_open #page{
	/*transform: translateX(70%);*/
}

body.mobilenav_open #navbar{
	-webkit-box-shadow: -8px 0px 5px 0px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:    -8px 0px 5px 0px rgba(0, 0, 0, 0.2);
	box-shadow:         -8px 0px 5px 0px rgba(0, 0, 0, 0.2);
}

.sliding-menu {
	overflow: hidden;
	position: relative;
}

.sliding-menu ul {
	float: left;
	margin: 0;
	padding: 0;
}

.sliding-menu li {
	list-style: none;
	margin: 0;
	padding-left:  1em;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.sliding-menu a {
	display: block;
	padding: 1em;
}
.sliding-menu a span{
	padding-left: 1em;
}

.sliding-menu a.nav:before {
	content: '\3009';
	float: right;
	margin-left: 1em;
}

.sliding-menu a.back {
	opacity: 0.8;
}

.sliding-menu a.back:before {
	content: '\3008';
	float: left;
	margin-right: 1em;
}

#navbar a.open_mobile_menu{
	display: none;
	cursor: pointer;
	text-align: center;
	z-index: 50;
	position: absolute;
	top: auto;
	bottom: 15px;
	height: auto;
	width: 100%;
}

.menu-social-mobile{
	padding: 0 25px 0 25px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	line-height: 53px;
	height: 53px;
}

.menu-social-mobile ul{
	margin: 0;
	padding: 0;
	list-style:  none;
}

.menu-social-mobile ul li{
	display:  inline-block;
	padding-right: 0.5em;
}
.menu-social-mobile ul li a span{
	display:  none;
}

.languageblock-mobile{
	padding: 0 25px 0 25px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	line-height: 53px;
	height: 53px;
}

.languageblock-mobile ul{
	margin: 0;
	padding: 0;
	list-style:  none;
}

.languageblock-mobile ul li{
	display:  inline-block;
	padding-right: 0.5em;
}

.languageblock-mobile ul li a{
	font-size: 0;
}

.languageblock-mobile ul li a span{
	font-size: 11px;
	font-weight:  normal;
}


body:after {
	display: none;
}


/* Media queries */

@media screen and (min-width: 1501px) { /* superwidescreen */

	body:after {
		content: 'superwidescreen';
	}
}


@media screen and (max-width: 1500px) { /* widescreen */

	body:after {
		content: "widescreen";
	}

	/* Front Page */
	.front-columns-6 .front-list > li,
	.front-columns-6.smallgrid .portfolio-item,
	.front-columns-6.grid .archive-item{
		width: 33.3%;
	}

	.front-columns-5 .front-list > li,
	.front-columns-5.smallgrid .portfolio-item,
	.front-columns-5.grid .archive-item{
		width: 33.3%;
	}

} /* 1500 */


@media screen and (max-width: 1280px) { /* desktop */

	body:after {
		content: "desktop";
	}

	/* Front Page */
	.front-columns-6 .front-list > li,
	.front-columns-6.smallgrid .portfolio-item,
	.front-columns-6.grid .archive-item{
		width: 50%;
	}

	.front-columns-5 .front-list > li,
	.front-columns-5.smallgrid .portfolio-item,
	.front-columns-5.grid .archive-item{
		width: 50%;
	}

	.front-columns-4 .front-list > li,
	.front-columns-4.smallgrid .portfolio-item,
	.front-columns-4.grid .archive-item{
		width: 50%;
	}

	.front-columns-3 .front-list > li,
	.front-columns-3.smallgrid .portfolio-item,
	.front-columns-3.grid .archive-item{
		width: 50%;
	}

	.smallgrid .portfolio-item{
		width: 50%;
		height: 450px;
	}

	.smallgrid-info .portfolio-item{
		width: 50%;
	}
	.grid .archive-item{
		width: 50%;
	}

	.portfolio-views .ricon-port-biggrid{
		display: none;
	}

	/* Layout 1 */
	.layout1 #page{
		width: 50%;
		/* margin-left:25%; */
	}

	.layout1 .parallax-wrapper{
		width: 100%;
	}

	.layout1.has-sidebar #content{
		width: 100%;
		float: none;
	}

	.layout1 .sidebar{
		width: 100%;
		float: none;
	}

	.layout1.has-sidebar #page:after{
		display: none;
	}

	.layout1 .sidebar{
		padding: 60px 60px 55px 60px;
	}


} /* 1280 */


@media screen and (max-width: 1170px) { /* page-width */

	.layout2 #page{
		width: 100%;
	}

} /* 1170 */


@media screen and (max-width: 1024px) { /* tablet-landscape */

	body:after {
		content: "tablet-landscape";
	}

	.layout1 .front-columns-2 .front-list > li,
	.layout1 .front-columns-2.smallgrid .portfolio-item,
	.layout1 .front-columns-2.grid .archive-item{
		width: 100%;
	}


} /* 1024 */

@media screen and (max-width: 1024px) { /* tablet-portrait */

	body:after {
		content: "tablet-portrait";
	}

	#navbar .navbar-header a{
		background-size: 50%;
	}

	/* Front Page */
	.page-template-frontpage-template-php.layout2 #content,
	.page-template-frontpage-template-php.layout3 #content{
		padding: 0 0 0 50px;
	}


	.front-columns-6 .front-list > li,
	.front-columns-6.smallgrid .portfolio-item,
	.front-columns-6.grid .archive-item{
		width: 100%;
	}

	.front-columns-5 .front-list > li,
	.front-columns-5.smallgrid .portfolio-item,
	.front-columns-5.grid .archive-item{
		width: 100%;
	}

	.front-columns-4 .front-list > li,
	.front-columns-4.smallgrid .portfolio-item,
	.front-columns-4.grid .archive-item{
		width: 100%;
	}

	.front-columns-3 .front-list > li,
	.front-columns-3.smallgrid .portfolio-item,
	.front-columns-3.grid .archive-item{
		width: 100%;
	}

	#content > .sl-navigation{
		position: relative;
	}

	#nav-links{
		padding: 0.7em 1em 0.5em 1em;
	}
	.nav-arrow-prev, .nav-arrow-next, #nav-links span{
		font-size: 1.3em;
	}

	.slider-title .calltoaction{
		margin: 3em 0.5em;
		line-height: 30px;
	}

	.slider-title .calltoaction i{
		font-size: 13px;
		line-height: 25px;
	}

	.slider-title .calltoaction span{
		line-height: 25px;
	}

	.page-template-frontpage-template-php.layout1 #content{
		padding:  60px 0 55px 50px;
	}

	/* Navigation */
	#navbar{
		width: 50px;
		min-width: 50px;
	}

	#navbar:after{
		width: 50px;
	}

	/* Show navbar-footer if enabled */

	.navbar-footer{
		display: none;
	}

	.navbar-header{
		background-image: none !important;
		min-height: 90px;
		height: 90px;
	}

	.navbar-header img{
		width: 70%;
		height: auto;
	}

	.navbar-menu{
		height: 80%;
		min-height: 80%;
	}

	#navbar .navbar-menu nav{
		display: none;
	}

	#navbar a.open_mobile_menu{
		display: block;
	}

	/* Layout 1 */

	.layout1 #page{
		width: 100%;
		transform: translateX(0%);
	}

	.layout1 #content{
		padding: 30px 60px 25px 110px;
	}

	#content .bgimg{
		display: block;
		position: relative;
		margin-top: 50px;
	}

	#content .bgimg img{
		max-width: 100%;
		width: 100%;
		height: auto;
	}

	#content .bgcaption{
		width: 100%;
		position: relative;
		padding-right: 0;
	}

	#content .imgcapt{
		min-height: inherit;
		padding: 30px 0 0 0;
	}

	#content .slider-wrapper{
		display: block;
		position: relative;
		margin-top: 50px;
		height: 450px;
	}

	#content .slider-nav{
		width: 100%;
		position: relative;
		margin: 30px 0;
		bottom: auto;
	}

	.video-wrapper{
		display: block;
	}

	#slider .slider-nav .slider-prev, #slider .slider-nav .slider-next, .slider-num li{
		font-size: 1.7em;
	}

	#content .video-wrapper{
		display: block;
		position: relative;
		margin-top: 50px;
		height: 450px;
	}

	#content .map-wrapper{
		display: block;
		position: relative;
		margin-top: 50px;
		height: 450px;
	}

	body > .parallax-wrapper{
		display: none;
	}

	#content .parallax-wrapper{
		display: block;
		position: relative;
		margin-top: 50px;
	}

	#content .parallax{
		height: auto;
	}

	#content .parallax-wrapper .parallax .list-item{
		background-position: 50% 50%;
		background-repeat: no-repeat;
		background-size: cover;
	}

	.layout1 .sidebar{
		padding: 60px 60px 55px 110px;
	}

	#content .revolution-wrapper{
		display: block;
		position: relative;
		margin-top: 50px;
		height: auto;
		min-height: 450px;
	}

	/* Layout 2 */

	.layout2 #content{
		padding: 60px 60px 55px 110px;
	}

	.layout2.has-sidebar #content{
		width: 100%;
		float: none;
	}

	.layout2 .sidebar{
		width: 100%;
		float: none;
		padding: 60px 60px 55px 110px;
	}

	.layout2.has-sidebar #page:after{
		display: none;
	}

	/* Layout 3 */
	.layout3 #content{
		padding: 60px 60px 55px 110px;
	}

	.layout3.has-sidebar #content{
		width: 100%;
		float: none;
	}

	.layout3 .sidebar{
		width: 100%;
		float: none;
		padding: 60px 60px 55px 110px;
	}

	.layout3.has-sidebar #page:after{
		display: none;
	}


	/* Portfolio */

	.page-template-portfolio-template-php #main{
		padding-left: 50px;
	}

	.portfolio-categories{
		margin: 0 0 0 1em;
		text-align: left;
	}

	.portfolio-categories ul{
		display: none;
		line-height: 2;
		position: absolute;
		padding: 1em 0;
	}

	.portfolio-categories li{
		display: block;
	}

	.portfolio-categories i{
		display: none;
	}

	.portfolio-categories .portfolio-current-filter{
		display: inline-block;
	}

	.list .portfolio-image-wrap{
		width: 40%;
	}

	.list .portfolio-details{
		width: 60%;
	}

	.slick-next:before, .slick-prev:before{
		font-size: 1.7em;
	}

	.slick-dots li{
		display: none;
	}

	/* Blog */
	.layout2 #main > #blogcontent,
	.layout3 #main > #blogcontent,
	.layout2 #handbook,
	.layout3 #handbook	{
		padding-left: 50px;
	}

	.list .archive-image-wrap{
		width: 40%;
	}

	.list .has-image .item-details{
		width: 60%;
	}

	.item-social{
		margin: 0.7em 0 0 0;
	}

	.list .item-teaser{
		margin-bottom: 1em;
	}

	/* handbook */

	#index{
		width: 100%;
		position: relative;
		height: auto;
	}

	#indexnav{
		position: relative;
		padding: 3em 0;
	}

	#index li{
		padding: 0 50px;
	}

	#chapters{
		padding: 60px 60px 55px 50px;
	}

	#commentform, .wpcf7-form{
		width: 100%
	}

	h1, .front-section h2{
		margin: 2em 0.5em;
	}
	
	div#page.hfeed.site{
		margin-left: 0;
	}
	
	.layout2#content{
		padding: 60px 60px 55px 110px;
	}
	
	.layout1#page{
		width: 100%!important;
	}
	
	div#content.holder{
	padding-left: 110px!important;
	padding-right: 50px!important;
	}
	
	div#page.hfeed.site{
	width: 100%!important;
	}
	
	

} /* 800 */

@media screen and (max-width: 600px) { /* small-tablet */

	/* Portfolio */
	.biggrid .portfolio-item,
	.smallgrid .portfolio-item,
	.smallgrid-info .portfolio-item,
	.grid .archive-item{
		width: 100%;
	}

} /* 600 */

@media screen and (max-width: 480px) { /* mobile-landscape */

	body:after {
		content: "mobile-landscape";
	}

	.front-features,.front-team{
		padding: 0.5em 1em;
	}

	.front-features li, .front-team li{
		padding: 1.5em 1em 2.5em 1em;
	}

	.front-team .teamlinks{
		opacity: 1;
		transition: none;
	}

	.layout1 #content{
		padding: 30px 30px 25px 80px;
	}

	.layout1 .sidebar{
		padding: 30px 30px 25px 80px;
	}

	#content .slider-wrapper{
		height: 150px;
	}

	#content .video-wrapper{
		height: 150px;
	}

	#content .map-wrapper{
		height: 150px;
	}

	.parallax .list-item{
		height: 150px;
	}

	.layout2 #content{
		padding: 30px 30px 25px 80px;
	}

	.layout2 .sidebar{
		padding: 30px 30px 25px 80px;
	}

	.layout3 #content{
		padding: 30px 30px 25px 80px;
	}

	.layout3 .sidebar{
		padding: 30px 30px 25px 80px;
	}

	.list .archive-image-wrap{
		width: 100%;
		float: none;
		height: 150px
	}

	.list .has-image .item-details{
		width: 100%;
		float: none;
	}

	.list .has-image{
		height: auto;
	}

} /* 480 */

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

	body:after {
		content: "mobile-portrait";
	}

} /* 320 */