/*
Theme Name: Ilander
Theme URI: https://montrelthemes.com/wp-themes/wp-ilander
Author: Montrel Themes
Author URI: https://montrelthemes.com
Description: Responsive Wordpress Portfolio Theme
Version: 1.3.0
Tags: white, two-columns, fluid-layout, custom-colors, post-formats, photoblogging
License: GNU General Public License 3.0 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/

/*--------------------------------------------------------------
TABLE OF CONTENTS
----------------------------------------------------------------
1.0 - Reset
2.0 - Typography
3.0 - Elements
4.0 - Forms
	5.1 - General
	5.2 - Search
5.0 - Header
	5.1 - General
	5.2 - Logo
	5.3 - Social Media
6.0 - Hero
7.0 - Navigation
	7.1 - Links
	7.2 - Desktop Navigation
	7.3 - Mobile Navigation
	7.4 - Scroll Top
8.0 - Clearings
9.0 - Widgets
10.0 - Content
	10.1 - Posts
	10.2 - Pages
	10.3 - Asides
	10.4 - Comments
11.0 - Media
	11.1 - Galleries
	11.2 - Video
	11.3 - Audio
	11.4 - Google Map
12.0 - Sliders
	12.1 - Reveal Slider
	12.2 - Testimonial Slider
13.0 - Alignments
14.0 - Portfolio
	14.1 - Thumbnail Gallery
	14.2 - Single Page
15.0 - Profile
16.0 - Rows and Columns
17.0 - Pricing Table
18.0 - Footer
19.0 - 404 Error
20.0 - Transitions
21.0 - Additional Styling

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


/*--------------------------------------------------------------
1.0 - Reset
--------------------------------------------------------------*/
* {
	margin: 0;
	padding: 0;
}

*:focus {
    outline: 0;
}

a img {
    border:none;
    outline:none
}

/*--------------------------------------------------------------
2.0 Typography
--------------------------------------------------------------*/
body, div, span, applet, object, 
iframe, table, caption, tbody, tfoot, thead, 
tr, th, td, del, dfn, em, font, img, ins, 
kbd, q, s, samp, small, strike, strong, sub, 
sup, tt, var, h1, h2, h3, h4, h5, h6, p, blockquote, 
pre, a, abbr, acronym, address, big, cite, code, dl, 
dt, dd, ol, ul, li, fieldset, form, label, legend {
	font-size: 100%;
	letter-spacing: 0.4px;
	font-family: inherit;
	font-weight: inherit;
	font-style: inherit;
	color: inherit;
}

html, 
body {
	font-weight: 500;
	font-size: 14px;
	overflow-x: hidden;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	line-height: 1.2;
	margin: 10px 0;
}

h1 {
	font-size: 60px;
}

h2 {
	font-size: 30px;
}

h3 {
	font-size: 18px;
}

h4 {
	font-size: 14px;
}

h5 {
	font-size: 12px;
}

h6 {
	font-size: 10px;
}

h2, 
h3 {
	text-transform: uppercase;
}

p, 
.meta, 
.postmetadata, 
dt, 
dd, 
label, 
div.content, 
.smicon-component {
	margin:20px 0 20px;
	line-height:1.6;
}

p:empty {
	display: none;
}
/*--------------------------------------------------------------
3.0 Elements
--------------------------------------------------------------*/
html { 
	-webkit-font-smoothing: antialiased; 
}

aside br, 
footer br {
	display:block;
}

hr {
	margin-top: 20px;
	margin-bottom: 20px;
	border: 0;
}

small {
  font-size: 80%;
}

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

b, 
strong {
	font-weight: bold;
}

i, 
em {
	font-style: italic;
}

caption {
	margin-bottom:10px;
}

iframe {
	max-width: 100%;
}

sup {
	font-size: 80%;
	vertical-align: super;
}

sub {
	font-size: 80%;
	vertical-align: sub;
}

ul, 
ol {
	line-height: 1.6;
	margin: 20px 0;
	padding-left:50px;
}

ul li, 
ol li {
	margin: 0 0 10px 0;
}

label{
	line-height:1.6;
}

blockquote {
	padding: 20px 0 20px 40px;
	margin:20px 0;
	font-size: 120%;
}
/*--------------------------------------------------------------
4.0 Forms
--------------------------------------------------------------*/
/*--------------------------------------------------------------
4.1 General
--------------------------------------------------------------*/
form {
	margin: 0 0 0;
}

input {
	padding:5px;
	max-width:100%;
}

input[type=text], textarea {
	padding: 5px;
	box-sizing: border-box;
}

input[type~="image"] {
	border: none;
}

input[type=submit] {
	padding:5px 15px; background:#ccc; border:0 none;
	cursor:pointer;
	-webkit-border-radius: 5px;
	border-radius: 5px; 
}

textarea, 
input[type="text"], 
input[type="email"]  {
	width: 100%;
	box-sizing: border-box;
}

textarea, 
input {
	margin:10px 0;
	line-height:1.6;
	max-width:100%;
	background: transparent;
}
/*--------------------------------------------------------------
4.2 Search
--------------------------------------------------------------*/
.search-wrapper {
	margin-bottom: 10px;
	padding:3px 0;
	background: #fff;
	width: 100%;
	max-width: 768px;
	position: relative;
}

.search-wrapper .search-text-input {
	margin: 0 !important;
	border:none !important;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
	width:100%;
	background: transparent;
	box-sizing: border-box;
}

.search-wrapper .search-text-input:focus { 
	outline: none; 
}

.search-wrapper .search-btn-wrapper {
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
}

.search-wrapper .search-btn-wrapper i {
	padding: 0 10px 0 0;
	position: relative;
	display: block;
	margin-top: 35%;
}

.search-wrapper .serch-btn-cover {
	position: absolute;
	height: 100%;
	width: 100%;
	background-color: transparent;
	background: transparent;
	top: 0;
	right: 0;
	z-index: 90;
}
/*--------------------------------------------------------------
5.0 Header
--------------------------------------------------------------*/
/*--------------------------------------------------------------
5.1 General
--------------------------------------------------------------*/
#header {
	position: relative;
	-webkit-box-shadow: 0 3px 10px 0 rgba(0,0,0,0.05);
	-moz-box-shadow: 0 3px 10px 0 rgba(0,0,0,0.05);
	box-shadow: 0 3px 10px 0 rgba(0,0,0,0.05);
	z-index: 9999;
	left: 0;
}

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

header ol li, 
header ul li {
	margin: 0;
}

/*--------------------------------------------------------------
5.2 Logo
--------------------------------------------------------------*/
#logo {
	padding: 20px 20px 0 0;
}

#logo img {
	max-height:40px;
	padding:0 !important;
}
/*--------------------------------------------------------------
5.3 Social Media
--------------------------------------------------------------*/
header .icon-container {
	text-align: right;
}

header .icon-container .icon {
	margin:20px 0 20px 12px;
	display:inline-block;
}

header .icon-container .icon i {
	font-size: 120%;
	transition: all 0.3s;
}

header .icon-container .icon:first-of-type {
	margin:20px 0 10px 10px;
}

header .icon-container .icon i:hover {
	transition: all 0.3s;
    -webkit-transition: all 0.3s; /* Safari */
}
/*--------------------------------------------------------------
6.0 Hero
--------------------------------------------------------------*/
#hero {
	background-position: center top;
}

#hero h1 {
	font-size: 600%;
	line-height: 1.2;
}

#hero h2 {
	font-size: 400%;
	line-height: 1.2;
}

#hero h3 {
	font-size: 300%;
	line-height: 1.2;
}

#hero h4 {
	font-size: 300%;
	line-height: 1.2;
}

#hero h5 {
	font-size: 250%;
	line-height: 1.2;
}

#hero h6 {
	font-size: 200%;
	line-height: 1.2;
}

#hero img {
	max-width: 100%;
	max-height: 100%;
}

@media (max-width: 1024px) {
	#hero {
		font-size: 80%;
		background-position: center top !important;
		background-size: cover !important;
		-webkit-background-size: cover !important;
		-moz-background-size: cover !important;
		-o-background-size: cover !important;
	}
}

@media (max-width: 768px) {
	#hero {
		font-size: 50%;
		background-position: center top !important;
		background-size: cover !important;
		-webkit-background-size: cover !important;
		-moz-background-size: cover !important;
		-o-background-size: cover !important;
	}
}

.page-hero {
	width: 100%;
	display: block;
	overflow: hidden;
	-moz-overflow: hidden;
	position: relative;
	z-index: 5;
} 

.page-hero > div {
	width: 100%;
	display: table;
	overflow: hidden;
	-moz-overflow: hidden;
	position: relative;
} 

.page-hero .container-wrapper {
	display: table-cell;
	height: 100%;
	vertical-align: middle;
	padding: 40px;
}

.page-hero #hero-video {
	position: absolute;
	width: auto;
	height: auto;
	min-width: 100%;
	min-height: 100%;
	margin: 0 auto;
	top : 0;
	left: 0;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.page-hero #hero-video .video-sizer { /* Make sure video embed fills the banner */
	width: 100%;
	padding-bottom: 56.25%;
}

.page-hero #hero-video.vimeo-banner iframe, 
.page-hero #hero-video.youtube-banner iframe {
	position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.page-hero h1, 
.page-hero h2, 
.page-hero h3, 
.page-hero h4, 
.page-hero h5, 
.page-hero h6 {
	margin: 5px 0;
}

.page-hero h1 span, 
.page-hero h2 span, 
.page-hero h3 span, 
.page-hero h4 span, 
.page-hero h5 span, 
.page-hero h6 span {
	font-size: 100%;
}

.page-hero p, .page-hero span {
	font-size: 140%;
	margin: 10px 0;
}

#hero video {
	max-width: 99999%; /* This will keep the hero video from resizing too small */
}
/*--------------------------------------------------------------
7.0 Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
7.1 Links
--------------------------------------------------------------*/

a {
	transition: color .5s;
    -webkit-transition: color .5s; /* Safari */
    text-decoration: none;
}

a:hover {
	text-decoration: none;
}

button {
	padding:5px 20px;
	display:block;
	margin:auto;
	border:none;
	margin-top:15px;
	margin-bottom:15px;
	transition: all .25s;
	-webkit-transition: all .25s;
	color: #fff;
	font-size:120%;
}

.button-style-one, input.button-style-one, input[type="submit"] {
	color:#fff;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	padding:10px 20px;
	margin: 10px 0;
	display: inline-block;
	border-radius: 0;
}

.button-style-two, .comment-reply-link {
	background: transparent;
	display: inline-block;
	padding:5px 20px;
	margin:10px 0;
}

.button-style-one:hover {
	text-decoration: none;
	color:#fff !important;
}

.button-style-two:hover {
	text-decoration: none;
}
/*--------------------------------------------------------------
7.2 Desktop Navigation
--------------------------------------------------------------*/

.navbar-header, .navbar-header {
	margin: 0;
}

.navbar-toggle {
	margin-top:20px !important;
}

.navbar-toggle:hover .icon-bar {
	background:#fff !important;
}


#main-menu > ul {
	list-style:none;
	font-weight:bold;
	float:left;
	width:100%;
	margin: 10px 0 10px 0;
}

#main-menu ul {
	list-style: none;
}

#main-menu > ul li {
    float: left;
	position: relative;
}

#main-menu > ul > li {
	margin-right: 15px;
}

#main-menu > ul li:last-of-type {
	margin-right: 0;
	position: relative;
}

#main-menu > ul li a{
	display: block;
	padding: 5px;
	text-decoration: none;
	font-weight: 500;
}

#main-menu > ul > .menu-item-has-children > a:after {
    font-family: FontAwesome;
    content: " \f107";
}

.top-nav-triangle {
	position:relative;
	margin: 0 25px 20px 65px;
	padding-top:15px;
}

/*--- 1ST LEVEL DROPDOWN ---*/

#main-menu .children a {
	color: #fff !important;
}

#main-menu ul .page_item {
	padding: 0;
	list-style: none;
}

#main-menu > ul li:hover > ul {
	left:0; /* Display the dropdown on hover */
	opacity:1;
	transition: opacity .25s;
	-webkit-transition: opacity .25s; 
}

#main-menu > ul > li > ul:after {
	content: "";
	display: block;
	position: absolute;
	top:-5px;
	left: 20px;
	width: 0;
	border-top: 15px solid transparent;
	border-bottom: 0 solid transparent;
	z-index: 500;
}

#main-menu > ul ul {
		background: #fff;
		background:rgba(255,255,255,0); 
		position:absolute;
		z-index: 500;
		left: -9999px; /* Hide dropdown off screen when not needed*/
		margin: 0 0 10px 0;
		opacity: 0;
		padding-top: 10px;
}

#main-menu > ul > ul:after {
	border-top: 20px solid transparent;
	border-bottom: 0 solid transparent;
	z-index:500;
}

#main-menu > ul ul li{
	padding-top: 0; 
	float: none;
	width: 100%;
}

#main-menu > ul ul a{
	white-space: nowrap;
	color: #fff; 
}

#main-menu > ul li:hover ul a{ 
	text-decoration:none;
	color:#fff;
	font-weight:500;
	padding:10px 20px 10px 20px;
}

#main-menu > ul li:hover ul li a:hover{ 
	color:#fff;
}

#main-menu > ul > .menu-item-has-children .menu-item-has-children > a {
	padding-right: 40px;
}

#main-menu > ul > .menu-item-has-children .menu-item-has-children > a:after {
    font-family: FontAwesome;
    position: absolute;
    top: 10px;
    right: 20px;
    content: "\f105";
}


/*--- 2ND LEVEL DROPDOWN ---*/

#main-menu > ul > li > ul > li:hover > a {
	color:#fff;
}


#main-menu > ul ul ul {
	background:#fff; 
	background:rgba(255,255,255,0); 
	list-style:none;
	position:absolute;
	z-index:500;
	left:-9999px; 
	margin: 6px 0 10px 0;
	opacity:0;
}

#main-menu > ul ul ul:after {
	content:"";
	display:block; 
	position:absolute;
	top:26px;
	left:5px;
	width:0;
	border-top: 10px solid transparent;
	border-bottom: 0 solid transparent; 
	z-index:500;
}

#main-menu > ul ul li:hover > ul { 
	left:100%; 
	top:-16px;
	margin-left: 0;
	padding-left:20px;
	opacity:1;
	transition: opacity 0.3s;
	-webkit-transition: opacity 0.3s; 
}

#main-menu  > ul li:hover ul ul a{ 
	color:#fff;
}

#main-menu > ul li:hover ul ul li a:hover{ 
	color:#fff;
}

/*--------------------------------------------------------------
7.3 Mobile Navigation
--------------------------------------------------------------*/
#mobile-menu li {
	list-style: none;
	position: relative;
}

#mobile-menu a {
	display: inline-block;
	padding: 10px 20px 10px 0;
}

#mobile-menu .menu ul {
	padding-left: 7%;
}

#mobile-menu .menu > ul > li:first-of-type {
	border-top: none;
}

#mobile-menu .menu > ul ul ul a {
	padding-left: 80px;
}

#mobile-menu .touch-button {
    position: absolute;
    z-index: 999;
    top: 5px;
    font-size: 120%;
    right: 0;
    display: inline-block;
    text-align: right; 
}

#mobile-menu .touch-button:hover {
    cursor: pointer;  
}

#mobile-nav-header {
	padding-top: 20px;
}

#mobile-toggle {
	background-color: transparent;
	padding: 10px 12px;
	border-radius: 5px;
	float: right;
}

#mobile-toggle:hover {
	color: #fff;
}

/*--------------------------------------------------------------
7.4 Scroll Top
--------------------------------------------------------------*/
#go-top {
	position: fixed;
	bottom: 2em;
	right: 2em;
	z-index: 500;
	width: 40px;
	height: 40px;
	text-align: center;
	border-radius: 3px;
	opacity: 0.6;
	display: none;
}

#go-top:hover {
	opacity: 0.9;
}

#go-top i {
	font-size: 20px;
	color: #fff;
	position: relative;
	display: block;
	margin-top: 25%;
}

/*--------------------------------------------------------------
8.0 Clearings
--------------------------------------------------------------*/

.clear {
	clear:both;
}

/*--------------------------------------------------------------
9.0 Widgets
--------------------------------------------------------------*/
#wrapper .widget {
	margin-bottom: 40px;
	padding-top: 20px;
}

#wrapper aside .widget:first-of-type {
	margin-top: 0;
}

footer .widget {
	border-top: none !important;
}

footer .widget:first-child {
	margin: 40px 0;
}

.widget-container h2:first-of-type {
	margin-top: 0;
}

.widget {
	margin-top:20px;
}

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

.widget .menu li {
	position: relative;
}

.widget .menu ul {
	padding-left: 10%;
}

.widget .menu ul li:last-of-type {
	padding-bottom: 0;
}

.widget .menu ul {
	margin: 10px 0;
}

.widget .touch-button {
    position: absolute;
    z-index: 999;
    top: 5px;
    font-size: 120%;
    right: 20px;
    display: inline-block;
    text-align: right; 
}

.widget .touch-button:hover {
	cursor: pointer;
}

.widget ul, 
.widget ol {
	padding-left: 0;
	margin-left: 0;
}

.widget_meta ul li, 
.widget_categories ul li, 
.widget_archive ul li, 
.widget_recent_comments ul li, 
.widget_recent_entries ul li, 
.widget_archive ul li {
	padding: 0;
}

.widget .tagcloud {
	margin: 20px 0;
}

.widget .tagcloud a {
	padding:5px 10px;
	display:inline-block;
	margin: 0 3px 6px 0;
	transition: all 0.3s;
	-webkit-transition: all 0.3s; /* Safari */

}

.widget.widget_tag_cloud a {
	font-size: inherit !important;
}

.widget.rsswidget {
	margin-right:5px;
}

.widget.widget_calendar,
.widget.widget_calendar table {
	width:100%;
	max-width:400px;
}

.widget.widget_calendar #prev {
	padding-top:10px;
}

.widget.widget_calendar thead th {
	font-weight:bold;
}

.widget.widget_calendar #today {
	font-weight: bold;
}

#kbv-flickr {
	margin: 0;
 }

#kbv-flickr ul {
	margin: 0 !important;
	padding: 0 !important;
	line-height: 0;
 }
	
#kbv-flickr li {
	list-style:none;
	padding: 0;
	margin: 0;
	border: 0;
	border-style:none;
	line-height: 0;
}

#kbv-flickr a {
	display:block;
    margin:5px 5px 0 0;
    padding:0;
    border:0;   
}

#kbv-flickr a img {
	padding:0;
}

#kbv-flickr .sm {
	width:25%;
	display:block;
	float:left;
}

#kbv-flickr ul, #kbv-flickr ol {
	margin: 0;
	padding-left: 0;
}
/*--------------------------------------------------------------
10.0 Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
10.1 Posts
--------------------------------------------------------------*/
body .entries-wrapper {
	padding-top: 40px;
}

.entries-wrapper .entry-post, 
.entry-posts .entry-post {
	margin: 0 0 40px;
	-webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2);
	-moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2);
	box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2);
	width: 100%;
}

.entry-details {
	margin-bottom: 20px;
}

.entry-details .entry-title {
	margin-top: 0;
}

.entry-details .zilla-likes {
	top: 2px;
}

.entry-post a img {
	opacity:1;
	transition: opacity .25s;
	-webkit-transition: opacity .25s;
}

.entry-post a img:hover {
	opacity:.7;
	transition: opacity .25s;
	-webkit-transition: opacity .25s;
}

.entry-post .feat-content {
	padding: 0 !important;
}

.entry-post .feat-content img {
	width: 100%;
	height: auto;
}

.entry-post .post-feat img {
	width: 100%;
	max-width: 100%;
	height: auto;
}

.entry-post .gallery {
	display: none;
}

.entry-title {
	margin-top: 20px;
	margin-bottom: 0;
}

.post-meta {
	margin: 20px 0;
}

.post-meta span {
	display: inline-block;
}

.post-meta i {
	margin-right: 7px;
}

.post-edit-link {
	display: inline-block;
	margin: 10px 0;
}

.feat-quote {
	font-size: 150%;
}

.feat-quote:hover {
	opacity: 0.7;
}

.post-meta {
	font-size: 80%;
}

.post-meta .meta-author, .post-meta .meta-time {
	padding-right: 20px;
}

.read-more-btn {
	font-size: 90%;
}

.previous-post-wrapper {
	text-align: left;
	display: inline;
}

.previous-post-wrapper a:hover i {
	right: 5px;
}

.previous-post-wrapper a i {
	padding-right: 10px;
	position: relative;
	right: 0;
	transition: all 0.3s;
	-webkit-transition: all 0.3s; /* Safari */
}

.next-post-wrapper {
	text-align: right;
}

.next-post-wrapper a i {
	padding-left: 10px;
	position: relative;
	left: 0;
	transition: all 0.3s;
	-webkit-transition: all 0.3s; /* Safari */
}

.next-post-wrapper a:hover i {
	left: 5px;
}

.nav-posts {
	margin: 0;
}

.nav-post {
	display: inline-block;
}

.nav-post a {
	width: 45px;
	height: 45px;
	margin: 20px 0;
	display: block;
	text-indent: -9999px;
	opacity: 0.7;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	background-image: url('images/bg_direction_nav_content.png');
	background-repeat: no-repeat;
	border-radius: 3px;
}

.next-post a {
	background-position: right;
}

.nav-post a:hover {
	opacity: 1;
}

.post-link-wrapper {
	padding: 15px 0 0;
}

.post-link-wrapper .social-share {
	padding: 12px 15px;
	color: #fff;
	line-height: 0;
	display: block;
}

.post-social-share {
	display: inline;
	padding: 0;
	line-height: 0;
	margin: 5px 0;
}

.post-social-share li {
	display: inline-block;
	margin: 0 0 3px;
	padding: 0;
}

.post-link {
	text-transform: uppercase;
}

.post-link a, .post-link a:hover {
	color: #fff;
	display: inline-block;
	position: relative;
	line-height: 0;
}

.post-link-wrapper a {
	padding: 12px 20px;
}

@media (max-width: 768px) {
	.portfolio-slide-out .post-link a i {
		padding: 0;
	}
}

.post-link span.close {
	line-height: 0;
	display: inline-block;
	padding: 12px 15px;
}

@media (max-width: 1024px) {
	.post-link span.close {
		float: right;
	}
}

.post-link span.close:hover {
	cursor: pointer; 
}

.post-link span.close:hover i {
	left: 0;
}

.post-link span.close i {
	padding-left: 0;
	color: #fff;
}

.tags:before,
.tags:after {
	content: "";
   	display: block; /* reduce the damage in FF3.0 */
   	clear: both;
}

.tags a {
	padding:2px 6px;
	display:inline-block;
	margin: 3px;
	transition: all 0.3s;
	-webkit-transition: all 0.3s; /* Safari */
	font-size: 85%;
}

.masonry .entry-post {
	margin:0 0 2% 0;
}

.entry-posts .item.entry-span3 {
	width: 23%;
}

.entry-posts .item.entry-span6 {
	width: 48%;
}

.posts-grid-sizer-span-6 {
	width: 50%;
}

.posts-grid-sizer-span-3 {
	width: 25%;
}

@media (max-width: 1200px) {
	.posts-grid-sizer-span-3 {
		width: 33%;
	}
	.entry-posts .item.entry-span3 {
		width: 31.333%;
	}
}

@media (max-width: 1024px) {
	.posts-grid-sizer-span-3 {
		width: 50%;
	}
	.entry-posts .item.entry-span3 {
		width: 48%;
	}
}

@media (max-width: 768px) {
	.posts-grid-sizer-span-6 {
		width: 100%;
	}

	.posts-grid-sizer-span-3 {
		width: 100%;
	}

	.entry-posts .item.entry-span3, .entry-posts .item.entry-span3, .entry-posts .item.entry-span6 {
		width: 100%;
	}
}

.zilla-likes {
	position: absolute;
	top: 22px;
	right: 0;
}

.zilla-likes.active, .zilla-likes:hover {
	background-image: url('images/heart_active.png') !important;
}
/*--------------------------------------------------------------
10.2 Pages
--------------------------------------------------------------*/
#main-content {
	margin: auto;
}

.page-title-wrapper .page-title {
	margin-top: 20px;
}

.page-title-wrapper hr {
	margin-bottom: 0;
}

.under-construction {
	height: 100%;
	background-attachment: fixed;
	background-position: center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.under-construction #wrapper {
	background-color: transparent !important;
}
/*--------------------------------------------------------------
10.3 Asides
--------------------------------------------------------------*/
/*--------------------------------------------------------------
10.4 Comments
--------------------------------------------------------------*/

#comments .comment-awaiting-moderation, #comments .comment-content, #comments .comment-metadata {
	padding-left: 67px;
}

#comments .comments-title {
	margin-top: 60px;
}

.comment-body {
	position: relative;
}

.comment-author img {
	height: 32px;
	width: 32px;
	position: absolute;
	top: 0;
	left: -47px;
	border-radius: 3px;
}

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

.comment-author .fn {
	font-weight: bold;
}

.comment {
	margin-top: 40px;
	padding-top: 40px;
}

.says {
	display: none;
}

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

.comment-form-author {
	margin-top: 0;
	width: 48%;
	margin-right: 4%;
	float: left;
}

.comment-form-email {
	margin-top: 0;
	width: 48%;
	float: left;
}

.comment-form-comment {
	float: left;
	width: 100%;
	margin-top: 0;
}

/*--------------------------------------------------------------
11.0 Media
--------------------------------------------------------------*/
/*--------------------------------------------------------------
11.1 Galleries
--------------------------------------------------------------*/
.flexslider .flex-direction-nav a {
	background-image: url('images/bg_direction_nav_content.png');
	background-repeat: no-repeat;
}

.flex-disabled {
	display: none !important;
}
/*--------------------------------------------------------------
11.2 Video
--------------------------------------------------------------*/
.mejs-container, 
.mejs-embed, 
.mejs-embed body, 
.mejs-container 
.mejs-controls {
	z-index: 5;
}

.mejs-controls .mejs-time-rail .mejs-time-loaded {
	background: #333 !important;
}

.mejs-overlay-button {
	display: none;
}
/*Makes Wordpress video embeds responsive*/
.wp-video-shortcode {
	max-width: 100%;
}
.mejs-controls {
	visibility: visible !important;
}

.wp-video {
	width: 100% !important;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
 }
/*--------------------------------------------------------------
11.3 Audio
--------------------------------------------------------------*/
.wp-audio-shortcode {
	width: 100%;
}
/*--------------------------------------------------------------
11.4 Google Map
--------------------------------------------------------------*/
#map{
  display: block;
  width: 100%;
  margin: 0 auto;
}

#map img {
    max-width: none; 
}
/*--------------------------------------------------------------
12.0 Sliders
--------------------------------------------------------------*/
/*--------------------------------------------------------------
12.1 Reveal Slider
--------------------------------------------------------------*/
.reveal{
	position: relative;
	width: 100%;
	line-height: 0;
}

.reveal > img{
	width: 100%;
}

.reveal > .img2{
	position: absolute;
	left: 0;
	top: 0;
	clip:rect(0, 140px, 9999pc, 0);
}

.reveal > .activator {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	background-color: #fff; /*Add a background color so that it works in Internet Explorer*/
	cursor: url(images/resize.png)19 0, auto; /*Custom cursor for image reveal*/
}
/*--------------------------------------------------------------
12.2 Testimonial Slider
--------------------------------------------------------------*/
.quote-box {
	padding:15px;
	text-align:center;
	line-height:1.6;
	font-style:italic;
	margin: 0;
}

.quote-box-left {
	padding:15px;
	text-align:center;
	font-size:14px;
	line-height:1.6;
	font-style:italic;
}

.quote-left .thumb-pic {
	padding:20px 20px 20px 0;
}

.left-triangle {
   position:relative;
   margin:0 0 0 35px;
}

/* creates triangle */
.left-triangle:after {
   content: "";
   display: block; /* reduce the damage in FF3.0 */
   position: absolute;
   top: 20px;
   left: -30px;
   width: 0;
   border-top: 13px solid transparent;
   border-bottom: 0 solid transparent; 
   z-index :2
}
/*--------------------------------------------------------------
13.0 Alignments
--------------------------------------------------------------*/
.left-padding {
	padding-left: 20px;
}

.top-padding {
	padding-top: 20px;
}

.bottom-padding {
	padding-bottom: 20px;
}

.right-padding {
	padding-right: 20px;
}

.no-padding {
	padding: 0 !important
}

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

.align-top,
#hero .align-top {
	vertical-align: top;
}

.align-middle,
#hero .align-middle {
	vertical-align: middle;
}

.align-bottom,
#hero .align-bottom {
	vertical-align: bottom;
}

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

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

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

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

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

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

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

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


.vcenter-wrapper {
	display: table;
	width: 100%;
	height: 100%;
}

.vcenter-wrapper .vcenter {
	display: table-cell;
	vertical-align: middle;
}

.side-padding {
	margin: 0 20px 20px 20px;
}

@media (max-width: 767px) {
	.left-padding, .right-padding, .top-padding, .bottom-padding {
		padding-top: 20px;
		padding-right: 20px;
		padding-bottom: 20px;
		padding-left: 20px;
	}
}
/*--------------------------------------------------------------
14.0 Portfolio
--------------------------------------------------------------*/
/*--------------------------------------------------------------
14.1 Thumbnail Gallery
--------------------------------------------------------------*/
.portfolio-container .portfolio-thumb img {
	-webkit-transition: all 1s ease; /* Safari and Chrome */
    -moz-transition: all 1s ease; /* Firefox */
    -ms-transition: all 1s ease; /* IE 9 */
    -o-transition: all 1s ease; /* Opera */
    transition: all 1s ease;
}

.portfolio-container .portfolio-thumb:hover img {
	-webkit-transform:scale(1.15); /* Safari and Chrome */
    -moz-transform:scale(1.15); /* Firefox */
    -ms-transform:scale(1.15); /* IE 9 */
    -o-transform:scale(1.15); /* Opera */
    transform:scale(1.15);
}

.folio-grid-sizer-normal { 
	width: 20%; 
}

.folio-grid-sizer-small { 
	width: 10%; 
}

.masonry .w1 {
	width: 20%;
}

.masonry .w2 {
	width: 40%;
}

.masonry .w3 {
	width: 10%;
}

.masonry .w4 {
	width: 20%;
}

@media (max-width: 1024px) {
	.folio-grid-sizer-small { 
		width: 20%; 
	}
	.masonry .w3 {
		width: 20%;
	}
	.masonry .w4 {
		width: 40%;
	}
}


@media (max-width: 768px) {
	.folio-grid-sizer-normal { 
		width: 50%; 
	}

	.masonry .entry-post {
		margin:0% 0% 4% 0%;
	}

	.masonry .w1 {
		width: 50%;
	}

	.masonry .w2 {
		width: 100%;
	}
}

@media (max-width: 560px) {
	.folio-grid-sizer-small { 
		width: 50%; 
	}
	.masonry .w3 {
		width: 50%;
	}

	.masonry .w4 {
		width: 100%;
	}
}

.tax-portfolio_categories .entries-wrapper {
	padding-bottom: 0;
}

.item {
	box-sizing: border-box;
}

.item .item-filler span {
	position: relative;
	top: 100px;
	opacity: 0;
	display: block;
	transition-delay: 0s;
    -webkit-transition-delay: 0s; /* Safari */
	text-align: center;
}

.item:hover .item-filler span {
	top: 0;
	opacity: 1;
    transition-delay: 0.2s;
    -webkit-transition-delay: 0.2s; /* Safari */
}

.item .item-filler .portfolio-title {
	font-size: 130%;
	font-weight: bold;
}

.item:hover .item-filler .portfolio-title {
	top: 0;
	opacity: 1;
    transition-delay: 0s;
    -webkit-transition-delay: 0s; /* Safari */
}

.portfolio-thumb-wrapper {
	display: block;
	width: 100%;
}

.portfolio-thumb-wrapper br {
	display: none;
}

.portfolio-thumb-wrapper .folio-col-12 {
	width: 8.33333%;
}

.portfolio-thumb-wrapper .folio-col-10 {
	width: 10%;
}

.portfolio-thumb-wrapper .folio-col-8 {
	width: 12.5%;
}

.portfolio-thumb-wrapper .folio-col-6 {
	width: 16.66666666%;
}

.portfolio-thumb-wrapper .folio-col-4 {
	width: 25%;
}

.portfolio-thumb-wrapper .folio-col-3 {
	width: 33.33333%;
}

.portfolio-thumb-wrapper .folio-col-2 {
	width: 50%;
}

.portfolio-thumb-wrapper .folio-col-1 {
	width: 100%;
}

@media (max-width: 1024px) {
	.portfolio-thumb-wrapper .folio-col-12 {
		width: 12.5%;
	}

	.portfolio-thumb-wrapper .folio-col-10 {
		width: 12.5%;
	}

	.portfolio-thumb-wrapper .folio-col-8 {
		width: 16.66666666%;
	}

	.portfolio-thumb-wrapper .folio-col-6 {
		width: 25%;
	}
	.portfolio-thumb-wrapper .folio-col-4 {
		width: 33.333333%;
	}
}
@media (max-width: 768px) {
	.portfolio-thumb-wrapper .folio-col-12 {
		width: 16.6666666%;
	}

	.portfolio-thumb-wrapper .folio-col-10 {
		width: 16.6666666%;
	}

	.portfolio-thumb-wrapper .folio-col-8 {
		width: 25%;
	}

	.portfolio-thumb-wrapper .folio-col-6 {
		width: 33.33333%;
	}

	.portfolio-thumb-wrapper .folio-col-4 {
		width: 50%;
	}

	.portfolio-thumb-wrapper .folio-col-3 {
		width: 50%;
	}

	.portfolio-thumb-wrapper .folio-col-2 {
		width: 50%;
	}

	.portfolio-thumb-wrapper .folio-col-1 {
		width: 100%;
	}
}

@media (max-width: 560px) {
	.portfolio-thumb-wrapper .folio-col-12 {
		width: 16.6666666%;
	}

	.portfolio-thumb-wrapper .folio-col-10 {
		width: 25%;
	}

	.portfolio-thumb-wrapper .folio-col-8 {
		width: 25%;
	}

	.portfolio-thumb-wrapper .folio-col-6 {
		width: 50%;
	}
}

.portfolio-thumb {
	position:relative;
	display: block;
	vertical-align: middle;
	float: left;
	-webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover;
	  background-position: center center;
	  overflow: hidden;
	width: 100%;
	font-size: 0;

}

.portfolio-thumb img {
	width: 100%;
	height: auto;
}

.portfolio-thumb .portfolio-thumb-cover {
	width:100%;
	height:100%;
	background:#fff;
	position:absolute;
	left: 0;
	top: 0;
	opacity:0;
	transition: opacity .25s;
	-webkit-transition: opacity .25s;
	display:block;
}

.portfolio-icon-container .portfolio-table {
	width:100%;
	height:100%;
}

.portfolio-icon-container {
	position:absolute;
	overflow:hidden;
	width:100%;
	height:100%;
	z-index:20;
}

.portfolio-filter {
	padding-top: 20px;
	padding-bottom: 20px;
}

.portfolio-filter ul, .portfolio-filter ul li {
	margin: 0;
	padding: 0;
	list-style: none;
}

.portfolio-filter ul {
	text-align: center;
}

.portfolio-filter ul li {
	display: inline-block;
	margin: 0 0 5px 15px;
}

.portfolio-filter .portfolio-filter-link {
	margin: 0 0 0 0;
}

.item .item-cover {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	opacity: 0;
}

.item .item-filler {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 50;
}

.portfolio-thumb span {
	color: #fff;
}

.portfolio-thumb:hover .item-cover {
	opacity: 0.7;
}

.portfolio-thumb .item-filler a {
	position: relative;
	top: 100px;
	opacity: 0;
	cursor: pointer; 
	display: table;
	margin: auto;
}

.portfolio-thumb .item-filler .fa {
	font-size: 1.4em;
	width: 100%;
	text-align: center;
	color: #fff;
}
/*--------------------------------------------------------------
14.2 Single Page
--------------------------------------------------------------*/
.project-details {
	padding: 0;
	margin: 0;
	list-style: none;
}

.project-details li {
	margin-bottom: 2px;
}

.portfolio-slide-out-wrapper {
	background: #fff;
	position: fixed;
	height: 100%;
	width: 50%;
	top: 0;
	right: -50%;
	z-index: 99999;
}

.portfolio-slide-out-container {
	position: relative;
	height: 100%;
	width: 100%;
	overflow-x: hidden;
	overflow-y: scroll;
}

.portfolio-slide-out {
	position: relative;
	width: 100%;
	min-height: 100%;
	overflow: hidden;

}

.portfolio-slide-out > .portfolio-slide-out-cover {
	position: absolute;
	left: -2.5%;
	top: -7%;
	width: 105%;
	height: 105%;
	opacity: 0.1;
	background-position: center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	-webkit-filter: blur(15px);
	  -moz-filter: blur(15px);
	  -o-filter: blur(15px);
	  -ms-filter: blur(15px);
	  filter: blur(15px);
	  -webkit-transform: translate3d(0, 0, 0);
}

.portfolio-slide-out > .row {
	padding: 0 4%;
}

.portfolio-slide-out-wrapper .open {
	display: block;
	cursor: pointer;
	font-size: 120%;
	font-weight: bold;
	position: absolute;
	padding: 10px 20px;
	top: 10%;
	left: 0;
	color: #fff;
	overflow-y: hidden;
	transform-origin: top left;
	-ms-transform-origin: top left; /* IE 9 */
    -webkit-transform-origin: top left; /* Chrome, Safari, Opera */
	box-sizing: border-box;
	-ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    transform: rotate(90deg);
}

.portfolio-slide-out-wrapper .open span {
	margin: 0 10px;
}

.portfolio-slide-out-wrapper .open .fa {
	margin-left: 5px;
}
/*--------------------------------------------------------------
15.0 Profile
--------------------------------------------------------------*/
.profile-image {
	height:100%;
	position:relative;
	margin: 0 0;
	overflow: hidden;
}

.profile-image i {
	font-size: 2em;
	text-align: center;
	color: #fff;
}

.profile-image .item-cover {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	opacity: 0;
}

.profile-image:hover .item-cover {
	opacity: 0.7;
}

.profile-icon-set {
	padding: 0;
    width: 100%;
    margin: 0;
    text-align: center;
}

.profile-icon-set li {
	list-style:none;
	padding: 0;
	margin:10px 10px;
}

.profile-icon-set li {
	position:relative;
	left:100%;
	transition: left .25s;
	-webkit-transition: left .25s; /* Safari */
}

.profile-image:hover .profile-icon-set li {
	left:0%;
}

.profile-image:hover .profile-icon-set li:nth-of-type(2) {
	transition-delay: 0.1s;
    -webkit-transition-delay: 0.1s; /* Safari */
}

.profile-image:hover .profile-icon-set li:nth-of-type(3) {
	transition-delay: 0.2s;
    -webkit-transition-delay: 0.2s; /* Safari */
}

.profile-image:hover .profile-icon-set li:nth-of-type(4) {
	transition-delay: 0.3s;
    -webkit-transition-delay: 0.3s; /* Safari */
}

.profile-image:hover .profile-icon-set li:nth-of-type(5) {
	transition-delay: 0.4s;
    -webkit-transition-delay: 0.4s; /* Safari */
}

.profile-image:hover .profile-icon-set li:nth-of-type(6) {
	transition-delay: 0.5s;
    -webkit-transition-delay: 0.5s; /* Safari */
}

.profile-image:hover .profile-icon-set li:nth-of-type(7) {
	transition-delay: 0.6s;
    -webkit-transition-delay: 0.6s; /* Safari */
}

.profile-image:hover .profile-icon-set li:nth-of-type(8) {
	transition-delay: 0.7s;
    -webkit-transition-delay: 0.7s; /* Safari */
}

.profile-image:hover .profile-icon-set li:nth-of-type(9) {
	transition-delay: 0.8s;
    -webkit-transition-delay: 0.8s; /* Safari */
}

.profile-image:hover .profile-icon-set li:nth-of-type(10) {
	transition-delay: 0.9s;
    -webkit-transition-delay: 0.9s; /* Safari */
}

.profile-image:hover .profile-icon-set li:nth-of-type(11) {
	transition-delay: 1s;
    -webkit-transition-delay: 1s; /* Safari */
}

.profile-icon-set-horizontal li {
	display:inline-block;
	position:relative;
	left:100%;
	transition: left .25s;
	-webkit-transition: left .25s; /* Safari */
}
/*--------------------------------------------------------------
16.0 Rows and Columns
--------------------------------------------------------------*/
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  padding: 0 10px;
  box-sizing: border-box;
}

#wrapper {
	position:relative;
	padding: 0;
	left: 0;
}

#wrapper:before, 
#wrapper:after,
.container-wrapper:before, 
.container-wrapper:after {
	content: " ";
	display: table;
	clear: both;
}

.container-wrapper {
	position: relative;
	display: block;
	width: 100%;
	max-width: 100%;
	padding: 0 40px;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box;   
	box-sizing: border-box;
}

.container-wrapper .container-wrapper {
	padding: 0;
}

.full-width-section .container {
	max-width: 100% !important;
}

.container {
	margin: auto;
}

.col-sm-12 .column {
	background:transparent !important;
}

#wrapper .section .column {
	padding-bottom:1px;
}
/*--------------------------------------------------------------
17.0 Pricing Table
--------------------------------------------------------------*/
.pricing-plan {
	background: #fff;
	border: 1px #dfdfdf solid;
	width: 100%;
}

.pricing-plan.featured {
	position: relative;
	top: -18px;
	z-index: 5;
	-webkit-box-shadow: 0 5px 20px 1px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 5px 20px 1px rgba(0,0,0,0.1);
	box-shadow: 0 5px 20px 1px rgba(0,0,0,0.1);
}

.pricing-plan .pricing-title {
	text-transform: uppercase;
}

.pricing-plan .pricing {
	background: #fff;
	padding: 1px 0 0;
	text-align: center;
}

.pricing-plan.featured .pricing {
	padding: 1px 0 0;
	text-align: center;
}

.pricing-plan .currency {
	font-weight: bold;
}

.pricing-plan .pricing .price {
	background: #fff;
	display: block;
	padding: 20px;
	font-size:4em;
	font-weight: bold;
	border-top: 1px solid #efefef;
}

.pricing-plan.featured .pricing-title {
	margin: 20px 0;
}

.pricing-plan .pricing sup {
	font-size: 50%;
	font-weight: bold;
	opacity: 0.5;
}

.pricing-plan .signup-wrapper {
	text-align: center;
	margin-bottom: 20px;
}

.pricing-plan .signup {
	margin: 0;
}

.pricing-plan ul {
	padding: 0;
	margin: 0 0 20px;
	border-bottom: 1px solid #efefef;
}

.pricing-plan ul li {
	text-align: center;
	list-style: none;
	padding: 20px 20px;
	margin-bottom: 0;
}

.pricing-plan ul li:first-of-type {
	border-top: 1px solid #efefef;
}

.pricing-plan ul li:nth-child(odd) {
	background: #fff;
}

.pricing-plan ul li:nth-child(even) {
	background: #f7f7f7;
}

/*--------------------------------------------------------------
18.0 Footer
--------------------------------------------------------------*/
#footer {
	position: relative;
}

#footer-rights-container .copyright {
	text-align: right;
	font-size: 80%;
	margin: 10px 0;
	display: block;
	width: 100%;
}

#footer-rights-container ul, #footer-rights-container li, #footer-rights-container p {
	margin: 10px 20px;
}

#footer-rights-container .icon-container .icon {
	text-align: left;
	display: inline-block;
	margin:10px 0 10px 10px;
}

#footer-rights-container .icon-container .icon:first-of-type {
	margin:10px 0 10px 0;
}

#footer-rights-container .icon-container .icon i {
	font-size: 100%;
	color: #fff;
	opacity:0.5;
	transition: all 0.3s;
    -webkit-transition: all 0.3s; /* Safari */
}

#footer-rights-container .icon-container .icon i:hover {
	opacity:1;
	transition: all 0.3s;
    -webkit-transition: all 0.3s; /* Safari */
}

@media (max-width: 767px) {
	#footer-rights-container .copyright {
		text-align: center;
	}

	#footer-rights-container .icon-container {
		text-align: center;
	}
}
/*--------------------------------------------------------------
19.0 404 Error
--------------------------------------------------------------*/
.error-404 {
	padding-top: 100px;
	padding-bottom: 100px;
	text-align: center;
}

.error-404 h1 {
	font-size: 80px !important;
}

.error-404 p {
	font-size: 50px !important;
}
/*--------------------------------------------------------------
20.0 Transitions
--------------------------------------------------------------*/
.preload-center, .preload-video {
	background: url('images/preloader.gif') center center no-repeat #c4c4c4 !important;
}

.preload-top {
	background: url('images/preloader.gif') center 100px no-repeat #c4c4c4 !important;
}

.preload-center > *, 
.preload-top > *, 
.preload-hidden > *,
.preload-video > * {
	opacity: 0;
}

.active > * {
	opacity: 1;
	transition: opacity 1s;
    -webkit-transition: opacity 1s; /* Safari */
}

.transition, 
.transition:hover {
	transition: all 0.3s;
    -webkit-transition: all 0.3s; /* Safari */
}

.parallax {
	background-attachment: fixed;
}

@media (max-width: 1024px) {
	.parallax {
		background-position: center top !important;
	}
}
/*--------------------------------------------------------------
21.0 Additional Styling
--------------------------------------------------------------*/
.work-field {
	padding:20px;
	color: #fff;
}

.work-field * {
	color: #fff;
}

.drop-shadow {
	-webkit-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.5);
	box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.5);
}

.cover {  
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#sizer {
	float: none;
}

@media (max-width: 1024px) {
	#sizer {
		float: left;
	}
}

@media (max-width: 768px) {
	#sizer {
		float: right;
	}
}

@media (max-width: 1024px) {
	.parallax {
		background-attachment: scroll !important;
	}
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

.sticky {
}

.gallery-caption {
}

.bypostauthor {
}

.screen-reader-text {
	display: none;
}