/*
Theme Name: Flat
Theme URI: http://themeforest.net/user/bsbeeks
Author: Arianit Selimaj (Design) & Brandon Beeks (Development)
Author URI: http://themeforest.net/user/bsbeeks
Description: A full screen, repsonsive portfolio theme for designers, photographers, etc.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, gray, orange, light, dark, one-column, two-columns, three-columns, flexible-width, custom-colors, custom-header, custom-menu, full-width-template, theme-options, threaded-comments

Text Domain: flat

This theme, like WordPress, is licensed under the GPL.

::::::::::::::::::::::::::::::::::::::::::::::::::::::
:::::::::::::::::: TABLE OF CONTENTS :::::::::::::::::
::::::::::::::::::::::::::::::::::::::::::::::::::::::

1: RESET
2: GLOBALS
	- STRUCTURE
	- ICONS
	- HEADINGS
	- PAGE/POST CONTENT STYLES
  - IMAGES
	- FORMS
	- SHORTCODES
	- BUTTONS
3: HEADER
	- NAVIGATION
	- MUSIC BUTTON
	- SOCIAL BUTTONS
4: FULLSCREEN SLIDER
5: AJAX SLIDER
6: HOMEPAGE
	- SLIDE INFO
	- HOMEPAGE 2 SLIDER
7: SEVICES
8: CONTACT
9: BLOG/POST
	- FILTER OPTIONS
	- CONTENT
  - CATEGORIES
  - TAGS
	- COMMENTS
10: PORTFOLIO
11: PORTFOLIO ITEM

/* =Reset
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
body {
	line-height: 1;
}
ol,
ul {
	list-style: none;
}
blockquote,
q {
	quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}
p:empty {
  display: none !important;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
  margin-bottom: 50px;
}
caption,
th,
td {
	font-weight: normal;
	text-align: left;
  padding: 10px;
  border: 1px solid #e5e5e5;
}
th {
  background: #f5f5f5;
  font-weight: bold;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
}
html {
	font-size: 100%;
	-webkit-text-size-adjust: none;
	-ms-text-size-adjust: none;
}
a:focus {
	outline: thin dotted;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
	display: block;
}
audio,
canvas,
video {
	display: inline-block;
}
audio:not([controls]) {
	display: none;
}
del {
	color: #333;
}
ins {
	background: #fff9c0;
	text-decoration: none;
}
hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin: 24px;
	margin-bottom: 1.714285714rem;
}
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}
small {
	font-size: smaller;
}
img {
	border: 0;
	-ms-interpolation-mode: bicubic;
}

::-webkit-scrollbar {
    width: 11px;
}
 
::-webkit-scrollbar-track {
    -webkit-box-shadow: none;
}
 
::-webkit-scrollbar-thumb {
    background: #d9d9d9;
    -webkit-box-shadow: none; 
}



/*************************/
/******* GLOBALS *********/
/*************************/
body {
	font-family: Arial, Helvetica, sans-serif; /* THIS IS A CUSTOMIZATION FONT */
	/*background: #dfdfdf;*/
        background: #fff4b9;
  overflow-x: hidden;
}

.clear:after, .clear:before {
	content: '';
	display: block;
	clear: both;
}
.hide-mobile {
	display: block;
}
.show-mobile {
	display: none;
}

/* STRUCTURE */
#container {
  transition: left .3s;
  -moz-transition: left .3s;
  -webkit-transition: left .3s;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  overflow-x: hidden;
}
  #container.open {
    left: 270px;
    position: absolute;
    width: 100%;
    height: 100%;
    transition: left .3s;
    -moz-transition: left .3s;
    -webkit-transition: left .3s;
    overflow-x: hidden;
  }
#content {
	width: 80%;
	max-width: 1170px;
	margin: 7% auto;
	position: relative;
	font-size: 16px;
	line-height: 22px;
	color: #000;
        font-family: 'Maya Samuels Pro'; !important;
	font-weight:100;
        letter-spacing: 0.0px
}
	.page-template-page-templateshome-php #content {
		width: auto;
		margin: 0 auto;
		position: static;
	}
	.single-post #content {
		width: 60%;
	}
	
.threecol:after, .twocol:after {
  content: '';
  display: block;
  clear: both;
}
.twocol .col {
	width: 47.5%;
	float: left;
	margin-right: 5%;
}
	.twocol .col:nth-child(2n) {
		margin-right: 0;
	}
.threecol .col {
	width: 70%;
	float: left;
	margin-right: 5%;
	margin-bottom: 40px;
}
	.threecol .col:nth-child(3n) {
		margin-right: 0;
	}

/* ICONS */
@font-face {
	font-family: 'icon';
	src:url('fonts/icon.eot');
	src:url('fonts/icon.eot?#iefix') format('embedded-opentype'),
		url('fonts/icon.woff') format('woff'),
		url('fonts/icon.ttf') format('truetype'),
		url('fonts/icon.svg#icon') format('svg');
	font-weight: normal;
	font-style: normal;
}

.icon-facebook, .icon-twitter, .icon-tumblr, .icon-youtube, .icon-thumbs-up, .icon-arrow-right, .icon-arrow-left, .icon-arrow-down, .icon-arrow-up, .icon-dribbble, .icon-pinterest, .icon-behance, .icon-list, .icon-music, .icon-user, .icon-comment, .icon-calendar, .icon-linkedin, .icon-google {
	font-family: 'icon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}
.icon-facebook:before { content: "\66"; }
.icon-twitter:before { content: "\74"; }
.icon-tumblr:before { content: "\54"; }
.icon-youtube:before { content: "\79"; }
.icon-thumbs-up:before { content: "\6c"; }
.icon-arrow-right:before { content: "\3e"; }
.icon-arrow-left:before { content: "\3c"; }
.icon-arrow-down:before { content: "\72"; }
.icon-arrow-up:before { content: "\75"; }
.icon-dribbble:before { content: "\64"; }
.icon-pinterest:before { content: "\70"; }
.icon-behance:before { content: "\62"; }
.icon-list:before { content: "\6e"; }
.icon-music:before { content: "\6d"; }
.icon-user:before { content: "\50"; }
.icon-comment:before { content: "\63"; }
.icon-calendar:before { content: "\43"; }
.icon-linkedin:before { content: "\21"; }
.icon-google:before { content: "\22"; }

/* HEADINGS */
h1, h2, h3, h4 {
	color: #414141;
	font-weight: normal;
	margin: 0 0 20px 0;
	/*font-family: 'Questrial', Arial, Helvetica, sans-serif;*/ /* THIS IS A CUSTOMIZABLE FONT */
	font-family: 'Maya Samuels Pro Light';
}
h1 { font-size: 36px; line-height: 36px; }
	h1 span {
		font-size: 16px;
		/*color: #7c7c7c;*/
		color: #000;
		display: block;
		margin-top: 15px;
		line-height: 24px;
		font-style:none;
}
h2 { font-size: 30px; }
h3 { font-size: 24px; }
h4 { font-size: 18px; }

.page-title {
	margin-bottom: 40px;
}

h3.title-icon {
	padding-left: 40px;
	position: relative;
}
h3.title-icon span {
	position: absolute;
	left: 0;
	vertical-align: top;
	height: 24px;
}
	h3.title-icon span img {
		height: 24px;
	}

/* PAGE/POST CONTENT STYLES */
#content ul, #content ol {
	margin-bottom: 50px;
}
#content ul ul, #content ul ol, #content ol ol, #content ol ul {
  margin-bottom: 0;
}
#content ul li {
	margin: 10px 0 10px 20px;
	list-style-type: disc;
}
#content ol li {
	margin: 10px 0 10px 35px;
	position: relative;
	min-height: 26px;
}
	#content ol li:first-child {
		counter-reset: customlistcounter;
	}
	#content ol li:before {
		content: counter(customlistcounter);
		counter-increment: customlistcounter;
		position: absolute;
		top: -3px;
		left: -35px;
		background: #fff;
		padding: 3px 8px;
		margin-right: 15px;
	}
#content p {
	margin-bottom: 50px;
}
	#content p:empty {
		display: none;
	}
a {
	text-decoration: none;
	color: #ec6136;
}
input[type='text'], textarea {
	border: 1px solid #e1e1e1;
	font-size: 14px;
	padding: 10px;
	width: 90%;
}
textarea {
	height: 100px;
}
blockquote p, q p {
  font-size: 14px !important;
  font-style: italic;
  line-height: 24px !important;
  padding: 0 20px;
}

/*Images */
#content img {
  max-width: 100%;
}
#content img {
  height: auto;
}
img.alignleft {
  float: left;
  margin: 15px 15px 15px 0;
}
img.alignright {
  float: right;
  margin: 15px 0 15px 15px;
}
.alignright:after, .alignleft:after {
  content: '';
  clear: both;
  display: block;
}
.gallery img {
  border: none !important;
}
.gallery p {
  margin-bottom: 0 !important;
}
.wp-caption-dd, .wp-caption-text {
  background: #f5f5f5;
  border: 1px solid #e5e5e5;
  padding: 20px;
}

/* FORMS */
.field {
	float: left;
	width: 96%;
	margin: 0 2% 20px;
  min-height: 85px;
}
	.field label {
		display: block; 
		margin-bottom: 20px;
		color: #777777;
	}
	.field textarea {
		width: 97%;
	}
	.field.half { width: 44%; margin: 0 2% 20px; }
	.field.third { width: 29.33%; margin: 0 2% 20px; }

.message {
	position: absolute;
	top: -90px;
	width: 100%;
	text-align: center;
	background: #E2FFDB;
	color: #458436;
	padding: 15px 20px;
	border: 1px solid #C7EDC4;
	font: 600 12px Arial, Helvetica, sans-serif !important;
}
	.message.error {
		background: #FFDBDB;
		color: #b04f4f;
		border-color: #EDC0C0;
	}

/* SHORTCODES */
.tab-nav {
	margin: 0 0 -1px 0 !important;
	padding: 0;
	position: relative;
	z-index: 2;
	border-left: 1px solid #bcbcbc;
}
.tab-nav:after {
	content: '';
	display: block;
	clear: both;
}
	.tab-nav li {
		display: block;
		float: left;
		list-style-type: none;
		margin: 0 !important;
		padding: 25px 0;
		text-align: center;
		background: #d0d0d0;
		border: 1px solid #bcbcbc;
		border-left: none;
		margin-bottom: -1px;
		cursor: pointer;
		font-weight: bold;
	}
		.tab-nav li.active {
			background: #fff;
			border-bottom-color: #fff;
		}
.tab-content {
	position: relative;
}
	.tab-content:after {
		content: '';
		display: block;
		clear: both;
	}
.tab-content > div {
	border: 1px solid #bbb;
	display: none;
	margin-top: 0px;
	padding: 25px;
	background: #fff;
}
	.tab-content > div.active {
		display: block;
	}
	.tab-content > div > p:last-child {
		margin-bottom: 0 !important;
	}

.toggle-section {
	background: #d0d0d0;
	border: 1px solid #bcbcbc;
	border-bottom: none;
}
.toggle-section.open {
	background: #fff;
}
	.toggle-content {
		display: none;
	}
		.toggle-content > p {
			margin: 0 !important;
		}
	.toggle-title {
		height: 60px;
		padding: 0 25px;
		line-height: 60px;
		border-bottom: 1px solid #bcbcbc;
		margin-bottom: -1px;
		font-weight: bold;
	}
	.toggle-content > p {
		padding: 25px;
	}
	.toggle-content > p:last-child {
		margin-bottom: 0;
	}

/* BUTTONS */
.button, #submit {
	display: inline-block;
	font-size: 14px;
	font-family: 'Questrial', Arial, Helvetica, sans-serif; /* THIS IS A CUSTOMIZABLE FONT */
	color: #fff;
	padding: 20px;
	/*background: #ec6136;*/
	background: #987730;	
	text-decoration: none;
	text-transform: uppercase;
	border: none;
	outline: none;
	cursor: pointer;
	transition: all .2s;
	-moz-transition: all .2s;
	-webkit-transition: all .2s;
}
	.button:hover, #submit:hover {
		background: #98474e;
	}
	.button:after {
		content: '>';
		font-family: 'icon';
		margin-left: 30px;
		display: inline-block;
		font-size: 11px;
	}
.button-square {
	display: block;
	width: 58px;
	height: 54px;
	float: left;
/*background: #98474e;*/
background: #000;
	color: #fff;
	text-align: center;
	line-height: 54px;
	text-decoration: none;
	font-size: 22px;
	transition: all .2s;
	-moz-transition: all .2s;
	-webkit-transition: all .2s;
	cursor: pointer;
	margin-left: 1px;
}
	.button-square:hover {
		/*background: #987830;*/
		background: #282828;
	}

a.small:link, a.small:visited, a.medium:link, a.medium:visited, a.large:link, a.large:visited, a.xlarge:link, a.xlarge:visited {
    font:700 12px 'Open Sans', sans-serif; float:left; padding:6px 10px; margin-right:13px; color:#555; border:1px solid #D9D9D9; text-shadow:0 1px 1px #FFF;
    background: #F8F8F8;
    background: -moz-linear-gradient(top, #F8F8F8 0%, #F1F1F1 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F8F8F8), color-stop(100%,#F1F1F1));
    background: -webkit-linear-gradient(top, #F8F8F8 0%,#F1F1F1 100%);
    background: -o-linear-gradient(top, #F8F8F8 0%,#F1F1F1 100%);
    background: -ms-linear-gradient(top, #F8F8F8 0%,#F1F1F1 100%);
    background: linear-gradient(top, #F8F8F8 0%,#F1F1F1 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F8F8F8', endColorstr='#F1F1F1',GradientType=0 );
    box-shadow: inset 0px 1px 0px #FFF;
}
a.small:hover, a.medium:hover, a.large:hover, a.xlarge:hover  {
    background: #F1F1F1; 
    background: -moz-linear-gradient(top, #F1F1F1 0%, #F8F8F8 100%); 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F1F1F1), color-stop(100%,#F8F8F8));
    background: -webkit-linear-gradient(top, #F1F1F1 0%,#F8F8F8 100%); 
    background: -o-linear-gradient(top, #F1F1F1 0%,#F8F8F8 100%); 
    background: -ms-linear-gradient(top, #F1F1F1 0%,#F8F8F8 100%);
    background: linear-gradient(top, #F1F1F1 0%,#F8F8F8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F1F1F1', endColorstr='#F8F8F8',GradientType=0 );    
}
a.dark:link, a.dark:visited {
    font:700 12px 'Open Sans', sans-serif; float:left; padding:6px 10px; margin-right:13px; color:#555;  border:1px solid #9D9D9D; text-shadow:0 1px 1px #DADADA;
    background: #C9C9C9;
    background: -moz-linear-gradient(top, #C9C9C9 0%, #AFAFAF 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#C9C9C9), color-stop(100%,#AFAFAF));
    background: -webkit-linear-gradient(top, #C9C9C9 0%,#AFAFAF 100%);
    background: -o-linear-gradient(top, #C9C9C9 0%,#AFAFAF 100%);
    background: -ms-linear-gradient(top, #C9C9C9 0%,#AFAFAF 100%);
    background: linear-gradient(top, #C9C9C9 0%,#AFAFAF 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#C9C9C9', endColorstr='#AFAFAF',GradientType=0 );
    box-shadow: inset 0px 1px 0px #D7D7D7;
}
a.dark:hover  {
    background: #AFAFAF;
    background: -moz-linear-gradient(top, #AFAFAF 0%, #C9C9C9 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#AFAFAF), color-stop(100%,#C9C9C9));
    background: -webkit-linear-gradient(top, #AFAFAF 0%,#C9C9C9 100%);
    background: -o-linear-gradient(top, #AFAFAF 0%,#C9C9C9 100%);
    background: -ms-linear-gradient(top, #AFAFAF 0%,#C9C9C9 100%);
    background: linear-gradient(top, #AFAFAF 0%,#C9C9C9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#AFAFAF', endColorstr='#C9C9C9',GradientType=0 );    
}
a.pink:link, a.pink:visited {
    font:700 12px 'Open Sans', sans-serif; float:left; padding:6px 10px; margin-right:13px; color:#913944;  border:1px solid #D8596D; text-shadow:0 1px 1px #F9A6B4;
    background: #F78096;
    background: -moz-linear-gradient(top, #F78096 0%, #F5687A 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F78096), color-stop(100%,#F5687A));
    background: -webkit-linear-gradient(top, #F78096 0%,#F5687A 100%);
    background: -o-linear-gradient(top, #F78096 0%,#F5687A 100%);
    background: -ms-linear-gradient(top, #F78096 0%,#F5687A 100%);
    background: linear-gradient(top, #F78096 0%,#F5687A 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F78096', endColorstr='#F5687A',GradientType=0 );
    box-shadow: inset 0px 1px 0px #F9A1B1;
}
a.pink:hover  {
    background: #F5687A;
    background: -moz-linear-gradient(top, #F5687A 0%, #F78096 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F5687A), color-stop(100%,#F78096));
    background: -webkit-linear-gradient(top, #F5687A 0%,#F78096 100%);
    background: -o-linear-gradient(top, #F5687A 0%,#F78096 100%);
    background: -ms-linear-gradient(top, #F5687A 0%,#F78096 100%);
    background: linear-gradient(top, #F5687A 0%,#F78096 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F5687A', endColorstr='#F78096',GradientType=0 );    
}
a.orange:link, a.orange:visited {
    font:700 12px 'Open Sans', sans-serif; float:left; padding:6px 10px; margin-right:13px; color:#996633;  border:1px solid #DB9D33; text-shadow:0 1px 1px #FEE1A0;
    background: #FED86F;
    background: -moz-linear-gradient(top, #FED86F 0%, #FEBB4A 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FED86F), color-stop(100%,#FEBB4A));
    background: -webkit-linear-gradient(top, #FED86F 0%,#FEBB4A 100%);
    background: -o-linear-gradient(top, #FED86F 0%,#FEBB4A 100%);
    background: -ms-linear-gradient(top, #FED86F 0%,#FEBB4A 100%);
    background: linear-gradient(top, #FED86F 0%,#FEBB4A 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FED86F', endColorstr='#FEBB4A',GradientType=0 );
    box-shadow: inset 0px 1px 0px #FEE395;
}
a.orange:hover  {
    background: #FEBB4A;
    background: -moz-linear-gradient(top, #FEBB4A 0%, #FED86F 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FEBB4A), color-stop(100%,#FED86F));
    background: -webkit-linear-gradient(top, #FEBB4A 0%,#FED86F 100%);
    background: -o-linear-gradient(top, #FEBB4A 0%,#FED86F 100%);
    background: -ms-linear-gradient(top, #FEBB4A 0%,#FED86F 100%);
    background: linear-gradient(top, #FEBB4A 0%,#FED86F 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FEBB4A', endColorstr='#FED86F',GradientType=0 );    
}
a.green:link, a.green:visited {
    font:700 12px 'Open Sans', sans-serif; float:left; padding:6px 10px; margin-right:13px; color:#5d7731;  border:1px solid #90B153; text-shadow:0 1px 1px #CFE5A4;
    background: #CAE285;
    background: -moz-linear-gradient(top, #CAE285 0%, #A1CC59 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#CAE285), color-stop(100%,#A1CC59));
    background: -webkit-linear-gradient(top, #CAE285 0%,#A1CC59 100%);
    background: -o-linear-gradient(top, #CAE285 0%,#A1CC59 100%);
    background: -ms-linear-gradient(top, #CAE285 0%,#A1CC59 100%);
    background: linear-gradient(top, #CAE285 0%,#A1CC59 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#CAE285', endColorstr='#A1CC59',GradientType=0 );
    box-shadow: inset 0px 1px 0px #D7E9A4;
}
a.green:hover  {
    background: #A1CC59;
    background: -moz-linear-gradient(top, #A1CC59 0%, #CAE285 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#A1CC59), color-stop(100%,#CAE285));
    background: -webkit-linear-gradient(top, #A1CC59 0%,#CAE285 100%);
    background: -o-linear-gradient(top, #A1CC59 0%,#CAE285 100%);
    background: -ms-linear-gradient(top, #A1CC59 0%,#CAE285 100%);
    background: linear-gradient(top, #A1CC59 0%,#CAE285 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#A1CC59', endColorstr='#CAE285',GradientType=0 );    
}
a.blue:link, a.blue:visited {
    font:700 12px 'Open Sans', sans-serif; float:left; padding:6px 10px; margin-right:13px; color:#42788e; border:1px solid #78B8D0; text-shadow:0 1px 1px #B6E6F9;
    background: #AAE4F8;
    background: -moz-linear-gradient(top, #AAE4F8 0%, #72CFF3 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#AAE4F8), color-stop(100%,#72CFF3));
    background: -webkit-linear-gradient(top, #AAE4F8 0%,#72CFF3 100%);
    background: -o-linear-gradient(top, #AAE4F8 0%,#72CFF3 100%);
    background: -ms-linear-gradient(top, #AAE4F8 0%,#72CFF3 100%);
    background: linear-gradient(top, #AAE4F8 0%,#72CFF3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#AAE4F8', endColorstr='#72CFF3',GradientType=0 );
    box-shadow: inset 0px 1px 0px #C0EBFA;
}
a.blue:hover  {
    background: #72CFF3;
    background: -moz-linear-gradient(top, #72CFF3 0%, #AAE4F8 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#72CFF3), color-stop(100%,#AAE4F8));
    background: -webkit-linear-gradient(top, #72CFF3 0%,#AAE4F8 100%);
    background: -o-linear-gradient(top, #72CFF3 0%,#AAE4F8 100%);
    background: -ms-linear-gradient(top, #72CFF3 0%,#AAE4F8 100%);
    background: linear-gradient(top, #72CFF3 0%,#AAE4F8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#72CFF3', endColorstr='#AAE4F8',GradientType=0 );    
}
a.purple:link, a.purple:visited {
    font:700 12px 'Open Sans', sans-serif; float:left; padding:6px 10px; margin-right:13px; color:#7b5777; border:1px solid #AB86A7; text-shadow:0 1px 1px #EACAE6;
    background: #E7C2E3;
    background: -moz-linear-gradient(top, #E7C2E3 0%, #D494CE 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E7C2E3), color-stop(100%,#D494CE));
    background: -webkit-linear-gradient(top, #E7C2E3 0%,#D494CE 100%);
    background: -o-linear-gradient(top, #E7C2E3 0%,#D494CE 100%);
    background: -ms-linear-gradient(top, #E7C2E3 0%,#D494CE 100%);
    background: linear-gradient(top, #E7C2E3 0%,#D494CE 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E7C2E3', endColorstr='#D494CE',GradientType=0 );
    box-shadow: inset 0px 1px 0px #EED3EB;
}
a.purple:hover  {
    background: #D494CE;
    background: -moz-linear-gradient(top, #D494CE 0%, #E7C2E3 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#D494CE), color-stop(100%,#E7C2E3));
    background: -webkit-linear-gradient(top, #D494CE 0%,#E7C2E3 100%);
    background: -o-linear-gradient(top, #D494CE 0%,#E7C2E3 100%);
    background: -ms-linear-gradient(top, #D494CE 0%,#E7C2E3 100%);
    background: linear-gradient(top, #D494CE 0%,#E7C2E3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#D494CE', endColorstr='#E7C2E3',GradientType=0 );    
}
a.teal:link, a.teal:visited {
    font:700 12px 'Open Sans', sans-serif; float:left; padding:6px 10px; margin-right:13px; color:#437b7d; border:1px solid #89C4C5; text-shadow:0 1px 1px #BEF3F5;
    background: #B6F1F4;
    background: -moz-linear-gradient(top, #B6F1F4 0%, #7CE7EA 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#B6F1F4), color-stop(100%,#7CE7EA));
    background: -webkit-linear-gradient(top, #B6F1F4 0%,#7CE7EA 100%);
    background: -o-linear-gradient(top, #B6F1F4 0%,#7CE7EA 100%);
    background: -ms-linear-gradient(top, #B6F1F4 0%,#7CE7EA 100%);
    background: linear-gradient(top, #B6F1F4 0%,#7CE7EA 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#B6F1F4', endColorstr='#7CE7EA',GradientType=0 );
    box-shadow: inset 0px 1px 0px #C9F5F7;
}
a.teal:hover  {
    background: #7CE7EA;
    background: -moz-linear-gradient(top, #7CE7EA 0%, #B6F1F4 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7CE7EA), color-stop(100%,#B6F1F4));
    background: -webkit-linear-gradient(top, #7CE7EA 0%,#B6F1F4 100%);
    background: -o-linear-gradient(top, #7CE7EA 0%,#B6F1F4 100%);
    background: -ms-linear-gradient(top, #7CE7EA 0%,#B6F1F4 100%);
    background: linear-gradient(top, #7CE7EA 0%,#B6F1F4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7CE7EA', endColorstr='#B6F1F4',GradientType=0 );    
}
a.dblue:link, a.dblue:visited {
    font:700 12px 'Open Sans', sans-serif; float:left; padding:6px 10px; margin-right:13px; color:#515f6a; border:1px solid #82929E; text-shadow:0 1px 1px #C4D0D9;
    background: #BBC9D4;
    background: -moz-linear-gradient(top, #BBC9D4 0%, #90A7B8 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#BBC9D4), color-stop(100%,#90A7B8));
    background: -webkit-linear-gradient(top, #BBC9D4 0%,#90A7B8 100%);
    background: -o-linear-gradient(top, #BBC9D4 0%,#90A7B8 100%);
    background: -ms-linear-gradient(top, #BBC9D4 0%,#90A7B8 100%);
    background: linear-gradient(top, #BBC9D4 0%,#90A7B8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#BBC9D4', endColorstr='#90A7B8',GradientType=0 );
    box-shadow: inset 0px 1px 0px #CED8E0; 
}
a.dblue:hover  {
    background: #90A7B8;
    background: -moz-linear-gradient(top, #90A7B8 0%, #BBC9D4 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#90A7B8), color-stop(100%,#BBC9D4));
    background: -webkit-linear-gradient(top, #90A7B8 0%,#BBC9D4 100%);
    background: -o-linear-gradient(top, #90A7B8 0%,#BBC9D4 100%);
    background: -ms-linear-gradient(top, #90A7B8 0%,#BBC9D4 100%);
    background: linear-gradient(top, #90A7B8 0%,#BBC9D4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#90A7B8', endColorstr='#BBC9D4',GradientType=0 );    
}
a.black:link, a.black:visited {
    font:700 12px 'Open Sans', sans-serif; float:left; padding:6px 10px; margin-right:13px; color:#FFF; border:1px solid #313131; text-shadow:0 1px 1px #000;
    background: #5D5D5D;
    background: -moz-linear-gradient(top, #5D5D5D 0%, #444444 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5D5D5D), color-stop(100%,#444444));
    background: -webkit-linear-gradient(top, #5D5D5D 0%,#444444 100%);
    background: -o-linear-gradient(top, #5D5D5D 0%,#444444 100%);
    background: -ms-linear-gradient(top, #5D5D5D 0%,#444444 100%);
    background: linear-gradient(top, #5D5D5D 0%,#444444 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5D5D5D', endColorstr='#444444',GradientType=0 );
    box-shadow: inset 0px 1px 0px #868686;
}
a.black:hover  {
    background: #444444;
    background: -moz-linear-gradient(top, #444444 0%, #5D5D5D 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#444444), color-stop(100%,#5D5D5D));
    background: -webkit-linear-gradient(top, #444444 0%,#5D5D5D 100%);
    background: -o-linear-gradient(top, #444444 0%,#5D5D5D 100%);
    background: -ms-linear-gradient(top, #444444 0%,#5D5D5D 100%);
    background: linear-gradient(top, #444444 0%,#5D5D5D 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#5D5D5D',GradientType=0 );    
}
a.medium:link, a.medium:visited { font-size:14px; padding:10px 15px;    }
a.large:link, a.large:visited { font-size:16px; padding:12px 18px; }
a.xlarge:link, a.xlarge:visited { font-size:18px; padding:15px 20px; margin-bottom:8px; }
a.rounded:link, a.rounded:visited { border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;}

/*************************/
/******** HEADER *********/
/*************************/

/* NAVIGATION */
#nav {
	width: 270px;
	position: fixed;
	z-index: 100;
	left: -270px;
	top: 0;
	height: 100%;
	/*background: #3a3a3a;*/
	background: #fff;
	transition: left .3s;
	-moz-transition: left .3s;
	-webkit-transition: left .3s;
	font-family: 'Questrial', Arial, Helvetica, sans-serif; /* THIS IS A CUSTOMIZABLE FONT */
}
#nav.open {
	left: 0;
}
	#nav-toggle {
		display: block;
		width: 86px;
		height: 76px;
		text-align: center;
		line-height: 76px;
		position: fixed;
		top: 50%;
		margin-top: -58px;
		background-color: #000;
		background-size: 24%;
		color: #fff;
		left: 0;
		font-size: 22px;
		z-index: 100;
		transition: left .3s;
		-moz-transition: left .3s;
		-webkit-transition: left .3s;
	}
		#nav-toggle.open {
			left: 270px;
		}
	.nav-menu li {
		margin-top: 1px;
	}
	.nav-menu a {
		font-size: 15px;
		text-transform: uppercase;
		color: #b4b4b4;
		text-decoration: none;
		display: table-cell;
		vertical-align: middle;
		width: 270px;
		padding: 5px 40px;
		background: #454545;
		min-height: 30px !important;
		max-height: 65px !important;
		transition: all .3s;
		-moz-transition: all .3s;
		-webkit-transition: all .3s;
	}
		.nav-menu a:hover, .nav-menu .current_page_item a {
			color: #ffffff;
			background: #545454;
		}
		.nav-menu .sub-menu {
			display: none;
		}
	#logo {
		width: 270px;
		height: 200px;
		display: block;
		overflow: hidden;
		border: none;
		outline: none;
		background-position: center;
		background-size: 200px auto;
		background-repeat: no-repeat;

}

/* MUSIC BUTTON */
/*#music {
	right: 35px;
	top: 35px;
	z-index: 100;
}*/

/* SOCIAL BUTTONS */
#social {
	position: fixed;
	right: 30px;
	top: 35px;
	z-index: 100;
}
	#social:hover > #social-toggle {
		background: #987730;
	}
	#social-buttons {
		position: absolute;
		width: 0;
		overflow: hidden;
		transition: all .3s;
		-moz-transition: all .3s;
		-webkit-transition: all .3s;
		right: 59px;
	}
		#social-buttons a {
			float: right;
		}
		#social-buttons.open {
			width: 532px;
		}
		#social-buttons-inner {
			width: 532px;
		}
		#social #facebook:hover { background: #3b5998; }
		#social #twitter:hover { background: #00a0d1; }
		#social #tumblr:hover { background: #34526f; }
		#social #pinterest:hover { background: #c8232c; }
		#social #behance:hover { background: #053eff; }
		#social #dribbble:hover { background: #ea4c89; }
		#social #youtube:hover { background: #c4302b; }
		#social #social-toggle { z-index: 2; }


/*************************/
/*** FULLSCREEN SLIDER ***/
/*************************/
.fullscreen-slider {
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 0;
	overflow: hidden;
  top: 0;
  left: 0;
}
	.slide {
		width: 100%;
		height: 100%;
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
		position: absolute;
		display: none;
	}
		.slide.current {
			top: 0;
			display: block;
		}
		.slide.next, .slide.prev {
			display: block;
		}
		.slide:hover {
			cursor: url('images/slide_cursor.cur');
		}
	.slide-info {
		position: absolute;
		top: 15%;
		left: 20%;
		width: 30%;
	}
    /* dark */
		.slide-info h1 {
			font-size: 32px;
			/*color: #414141;*/
			color: #000;
			margin-bottom: 20px;
			line-height: 33px;
		}
		.slide-info p, .slide-info span {
			color: #7c7c7c;
			font-size: 16px;
			line-height: 22px;
			margin-bottom: 30px;
		}
    /* light */
    .slide-info.light h1 {
      color: #fff;
    }
    .slide-info.light p, .slide-info.light span {
      color: #bbb;
    }
	#slider-controls {
		position: fixed;
		right: 35px;
		bottom: 35px;
		width: 58px;
	}
		#slider-controls a {
			font-size: 16px;
			margin-bottom: 1px;
		}


/*************************/
/**** PROJECT SLIDER *****/
/*************************/
#project-controls {
  position: fixed;
  right: 35px;
  bottom: 35px;
  width: 118px;
  z-index: 10;
}
  #project-controls a {
    font-size: 16px;
    margin-left: 1px;
  }

/*************************/
/****** AJAX SLIDER ******/
/*************************/
#ajax-nav {
	position: absolute;
	top: 0;
	right: 0;
}
.ajax-holder {
	position: relative;
}
	.ajax-content, .ajax-content-new {
			position: absolute;
			width: 100%;
		}
		

/*************************/
/******* HOMEPAGE ********/
/*************************/

/* SLIDE INFO */
h1.home {
		font-size: 30px;
		color: #8b8b8b;
		text-transform: uppercase;
		margin: 7% 0 5% 0;
		text-align: center;
		line-height: 30px;
	}
		h1.home span {
			font-size: 40px;
			color: #414141;
			display: block;
			margin-top: 20px;
			line-height: 40px;
		}

/* HOMEPAGE 2 SLIDER */
#home-projects {
	text-align: center;
	overflow: hidden;
	position: relative;
}
	#projects {
		width: 100%;
	}
  .project-group {
    width: 100%;
    height: 100%;
    position: absolute;
  }
		.project {
			float: left;
			text-align: center;
      width: 33.3%;
		}
		.project-link {
			background-size: cover;
			background-repeat: no-repeat;
			background-position: center;
			background-color: #adadad;
			position: relative;
			overflow: hidden;
			display: inline-block;
			width: 80%;
		}
		.circle .project-link, .circle .project-link .hover {
			border-radius: 100%;
			-moz-border-radius: 100%;
			-webkit-border-radius: 100%;
		}
		.project-link .hexagon-top {
			content: '';
			display: block;
			position: absolute;
			left: 0;
			border-style: solid;
			border-bottom-color: transparent;
			border-left-color: #dfdfdf;
			border-right-color: #dfdfdf;
			width: 0;
			height: 0;
			z-index: 2;
		}
		.project-link .hexagon-bottom {
			content: '';
			display: block;
			position: absolute;
			left: 0;
			bottom: 0;
			border-style: solid;
			border-top-color: transparent;
			border-left-color: #dfdfdf;
			border-right-color: #dfdfdf;
			width: 0;
			height: 0;
			z-index: 2;
		}
			.project-link .hover {
				position: absolute;
				width: 100%;
				height: 100%;
				font-size: 14px;
				text-align: center;
				color: #fff;
				background: #ec6136;
				text-decoration: none;
				text-transform: uppercase;
				display: block;
				opacity: 0;
				transition: all .3s;
				-moz-transition: all .3s;
				-webkit-transitin: all .3s;
			}
				.project-link .hover-text {
					display: block;
					margin-top: 45%;
				}
				.project-link .hover-text:after {
					content: '>';
					font-family: 'icon';
					font-size: 12px;
					margin-left: 15px;
				}
			.project-link:hover > .hover {
				opacity: .9;
			}


/*************************/
/******* SERVICES ********/
/*************************/
#services, #team {
	margin-bottom: 10px;
}
	.member {
		position: relative;
	}
		.member:nth-child(3n) {
			margin-right: 0;
		}
		.member-image {
			height: 290px;
			background: #979797;
			width: 100%;
			overflow: hidden;
			background-repeat: no-repeat;
			background-position: center center;
			background-size: cover;
		}
		.member-info {
			background: #fff;
			padding: 24px 20px;
			line-height: 20px;
			font-size: 20px;
			color: #5f5f5f;
		}
			.member-title {
				font-size: 14px;
				color: #828282;
				float: right;
			}
		.member-hover {
			opacity: 0;
			position: absolute;
			width: 100%;
			height: 290px;
			top: 0;
			left: 0;
			background: #ec6136;
			text-align: center;
			line-height: 290px;
			transition: opacity .3s;
			-moz-transition: opacity .3s;
			-webkit-transitino: opacity .3s;
		}
			.member-hover.show {
				opacity: .95;
			}
			.member-hover a {
				color: #ec6136;
				text-decoration: none;
				display: inline-block;
				background: #fff;
				border-radius: 2px;
				-moz-border-radius: 2px;
				-webkit-border-radius: 2px;
				width: 24px;
				height: 24px;
				text-align: center;
				line-height: 24px;
				margin-right: 2px;
			}


/*************************/
/******* CONTACT *********/
/*************************/
#contact-content {
	background: #fff;
	margin-bottom: 50px;
}
#contact-content > div {
	width: 50%;
	float: left;
	min-height: 390px;
	position: relative;
}
	#contact-form {
		padding: 30px;
	}
	#contact-map {
		width: 100%;
		position: relative;
		overflow: visible;
		z-index: 2;
	}
	#contact-map img {
		max-width: none !important;
	}


/*************************/
/****** BLOG & POSTS *****/
/*************************/

/* FILTER OPTIONS */
#filter-nav {
	position: absolute;
	top: 0;
	right: 150px;
	width: auto;
	min-width: 140px;
	text-align: left;
	background: #939393;
	font-size: 13px;
	text-transform: uppercase;
	padding: 0 20px;
}
	#filter-nav:hover {
		background: #828282;
	}

	#filter:after {
		content: "\72";
		text-transform: none;
		font-family: 'icon';
		margin-left: 75px;
		font-size: 13px;
	}
	#filters {
		display: none;
		position: absolute;
		left: 0;
		top: 54px;
		width: 100%;
		z-index: 3;
	}
		#filters > a {
			display: block;
			background: #828282;
			color: #fff;
			padding: 0 20px;
			width: auto;
			border-top: 1px solid #dfdfdf;
			transition: all .3s;
			-moz-transition: all .3s;
			-webkit-transition: all .3s;
		}
		#filters > a:hover, #filters .selected {
			background: #656565;
		}

/* CONTENT */
#blog-content {
	margin-bottom: 40px;
	position: relative;
}
	.post {
		float: left;
    max-width: 100%;
	}
		.post-image {
			position: relative;
		}
		#post-image img, .post-image img {
			width: 100%;
			height: auto;
			margin-bottom: -7px;
		}
	#post-title, .post-title {
		background: #ec6136;
		color: #fff;
		padding: 25px;
		font-size: 20px;
		margin: 0;
    word-wrap: break-word;
	}
		.post-title {
			color: #5f5f5f;
			background: #fff;
			border-bottom: 1px solid #e0e0e0;
		}
	#post-meta, .post-meta {
		background: #eee;
		border-bottom: 1px solid #e0e0e0;
		padding: 25px;
		font-size: 12px;
		font-weight: bold;
		color: #838383;
		position: relative;
	}
		.post-meta {
			background: #fff;
		}
		#post-meta span {
			display: inline-block;
			margin-right: 40px;
		}
		.post-comment-count {
			float: right;
		}
		#post-meta span:before, .post-meta span:before {
			font-family: 'icon';
			margin-right: 5px;
			font-size: 16px;
			display: inline-block;
			vertical-align: middle;
			color: #bebebe;
		}
		#post-author:before, .post-author:before { content: '\50'; }
		#post-comment-count:before, .post-comment-count:before { content: '\63'; }
		#post-date:before { content: '\43'; }
		#post-meta .addthis_toolbox {
			position: absolute;
			top: 28px;
			right: 25px;
			width: 135px;
		}
			#post-meta .addthis_toolbox span {
				margin-right: 0;
			}
	.post-hover {
		position: absolute;
		background: #ec6136;
		top: 0;
		left: 0;
		width: 100%;
		height: 101%;
		opacity: 0;
		transition: all .3s;
		-moz-transition: all .3s;
		-webkit-transition: all .3s;
		font-family: 'Questrial', Arial, Helvetica, sans-serif; /* THIS IS A CUSTOMIZABLE FONT */
	}
		.post-hover span {
			position: absolute;
			width: 100%;
			text-align: center;
			font-size: 14px;
			color: #fff;
			text-transform: uppercase;
			top: 48%;
		}
			.post-hover span:after {
				content: '>';
				font-family: 'icon';
				margin-left: 10px;
				display: inline-block;
				font-size: 11px;	
			}
		.post:hover .post-hover {
			opacity: .95;
		}

#post-body {
	padding: 35px;
	background: #fff;
	margin-bottom: 30px;
  word-wrap: break-word;
}
	#post-body p {
		font-size: 13px;
	}

/* POST NAV */
#post-nav:after {
  content: '';
  clear: both;
  display: block;
}
  #post-nav a {
    padding: 10px;
    background: #eee;
    display: block;
    float: left;
    width: 20px;
    height: 20px;
    text-align: center;
  }
  #post-nav-next {
    float: right;
  }

/* CATEGORIES */
#post-categories {
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom: 1px solid #eee;
}

/* TAGS */
#post-tags {
  padding: 20px;
  background: #eee;
  margin-bottom: 30px;
}
  #post-tags a {
    font-size: 12px;
    background: #f9f9f9;
    display: inline-block;
    margin: 0 5px 7px 0;
    border-radius: 2px;
    color: #999;
    padding: 10px;
    line-height: 12px;
  }
    #post-tags a:hover {
      background: #fff;
    }

/* COMMENTS */
.comments-title, #reply-title {
	background: #eeeeee;
	padding: 25px;
	color: #5f5f5f;
	border-bottom: 1px solid #e0e0e0;
	margin-bottom: 0;
	font-size: 18px;
}
#comment-list, #comment-form {
	background: #eeeeee;
	font-size: 13px;
	color: #808080;
	line-height: 20px;
	margin-bottom: 40px;
}
	#comment-list p {
		margin-bottom: 0;
	}
	#comments {
		padding: 25px;
		margin-bottom: 0 !important;
	}
		.comment {
			list-style-type: none !important;
		}
			.comment:after {
				content: '';
				display: block;
				clear: both;
			}
			.comment:last-child {
				margin-bottom: 0 !important;
			}
			.comment-avatar {
				float: left;
			}
			.comment-meta {
				margin-left: 105px;
				font-size: 11px;
				color: #9d9d9d;
				margin-bottom: 15px;
			}
				.comment-author {
					font-size: 14px;
					font-weight: bold;
					margin-right: 10px;
				}
				.comment-edit:before, .comment-reply-link:before {
					content: ' - ';
				}
			.comment-content {
				margin-left: 105px;
			}
      .comment.depth-2 {
        padding: 30px !important;
      }
      .comment .children {
        margin-bottom: 0 !important;
      }
			.comment .children:before, .comment .children:after {
				content: '';
        clear: both;
        display: block;
			}
				.comment .children li {
					margin: 20px 0 0 !important;
          padding: 0 20px;
					background: #e4e4e4;
				}


#comment-form label {
	font-size: 12px;
	color: #7b7b7b;
	font-weight: bold;
}
#comment-form input[type="text"], #comment-form textarea {
	background: #dddddd;
	border: none;
}
	#commentform {
		padding: 25px;
	}
	#commentform .form-submit {
		margin: 0 2% 0;
	}
.log-in {
	padding: 25px;
}
#reply-title small {
	float: right;
}


/*************************/
/******* PORFOLIO ********/
/*************************/
.portfolio-item {
	position: relative;
	height: 290px;
	margin-right: 0;
	width: 33.3%;
	float: left;
	background-size: cover;
	background-position: center center;
}
.portfolio-item-hover {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	background: #ec6136;
	opacity: 0;
	transition: opacity .3s;
	-moz-transition: opacity .3s;
	-webkit-transition: opacity .3s;
	color: #fff;
}
	.portfolio-item-hover h2 {
		color: #fff;
		margin: 25px;
	}
	.portfolio-item-category, .portfolio-item-link {
		position: absolute;
		bottom: 25px;
		text-transform: uppercase;
	}
	.portfolio-item-link { right: 25px; }
	.portfolio-item-category { left: 25px; }
	.portfolio-item-link:after {
		content: '>';
		font-family: 'icon';
		display: inline-block;
		font-size: 11px;
		margin-left: 10px;
	}
	.portfolio-item:hover > .portfolio-item-hover {
		opacity: .95;
	}
	/*#portfolio-share {
		background: #eee;
		border-top: 1px solid #e0e0e0;
		padding: 25px;
	}*/


/*************************/
/**** PORTFOLIO ITEM *****/
/*************************/
.single-portfolio #content {
  width: auto;
  margin: 0;
  position: static;
}
#portfolio-item-info {
  width: 650px;
  position: absolute;
  top: 75px;
  left: 10%;
  background: none;  
   }
	#portfolio-item-title {
		font-size: 26px;
		color: #000;
		/*background: #fff;*/
                background: rgba(0,0,0, 0.0);		
                padding: 25px 25px;
		margin: 0;
                position: relative;
	}
    /*#portfolio-item-toggle {
      width: 20px;
      height: 20px;
      border-radius: 100%;
      background: #b7b7b7;
      text-align: center;
      line-height: 18px;
      color: #fff;
      position: absolute;
      right: 20px;
      top: 50%;
      margin-top: -10px;
      cursor: pointer;
    }*/
  #portfolio-item-content {
    display: visible;
    /*border-top: 1px solid #606060;*/
  }
  	#portfolio-item-description {
  		font-size: 16px;
		font-weight:100;
		color: #000;
		padding: 20px;
		padding-bottom: 2px;
  		min-height: auto;
		max-height: auto;
  		overflow: auto;
  		/*background: #fff;*/
		background: rgba(0,0,0, 0.0);
  	}
  	#portfolio-item-button {
  		display: block;
  	}
  		#portfolio-item-button:after {
  			float: right;
  		}

.sticky {}
.gallery-caption {}
.bypostauthor {}

/*-----------------------------------------------------------MY MODS----------------------------------------------------------------------*/

.txt1{
width: 1100px;
padding-bottom: 100px;
}

.txt2{
width: 1100px;
padding-bottom: 40px;
}

#page-text-box{
top: 10px;
left: 10px;
position: absolute;
width: 55%;
padding: 25px;
/*background-color: #dfdfdf;*/
background: rgba(255,255,255, 0.2);
border-style: solid;
border-color: #c8c8c8;
border-width: 0px;
}

.txt-header{
font-family: ; 
font-size: 26px;
margin-bottom: 25px;
color: #fff;
line-height: 30px;
}

.txt-content{
font-family: ; 
font-size: 14px;
/*color: #98474e;*/
color: #fff;
line-height: 22px;
}

#haskoma-box{
width: 100%;
position: relative;
display: inline-block;
clear: both;
}

.haskoma-letter{
width: 45%;
float: left;
margin-right: 5px;
}

.haskoma-content{
color: #98474e;
width: 45%;
float: right;
margin-right: 0px;
}

/*.winery-slide {
		width: 100%;
		height: 100%;
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
		position: absolute;
		display: none;
		z-index: 0;
		overflow: hidden;
  		top: 0;
  		left: 0;	
background: url(http://sukkahlights.com/wordpress/assets/DSC_0462.gif);		
}*/

.winery-slide {
background: url(http://sukkahlights.com/wordpress/assets/DSC_0462.gif) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.about-slide {
/*min-height: 100%;
  min-width: 1024px;*/
  /*z-index: -1;
  min-height: 1200px;
  min-width: 2000px;
  width: 100%;
  height: auto;
  position: fixed;
  top: 0;
  left: 0;*/
/* Set rules to fill background */
  min-height: 100%;
  min-width: 1024px;
z-index: -1;
  /* Set up proportionate scaling */
  width: 100%;
  height: auto;

  /* Set up positioning */
  position: fixed;
  top: 0;
  left: 0;
}

.about-slide-txt {
  font-family: 'Maya Samuels Pro';
  font-weight: 100;
  color: #fff;
  font-size: 22px;
  line-height: 28px;
  width: 100%;
  top: 50px;
  left: 45px;
  letter-spacing:1px
}

.about-slide-title {
  font-family: 'Maya Samuels Pro';
  font-weight: 100;
  color: #fff;
  font-size: 40px;
  margin-bottom: 50px;
  line-height: 56px;
  width: 100%;
  top: 40px;
  left: 45px;
}

.about-slide-italic {
  font-family: 'Maya Samuels Pro';
  font-weight: 100;
  font-style: italic;  
  color: #fff;
  font-size: 22px;
  line-height: 28px;
  width: 100%;
  top: 40px;
  left: 45px;
}

.matzah-slide {
/*min-height: 100%;
  min-width: 1024px;*/
  /*min-height: 1200px;
  min-width: 2000px;
  width: 100%;
  height: auto;
  position: fixed;
  top: 0;
  left: 0;*/
/* Set rules to fill background */
  min-height: 100%;
  min-width: 1024px;
z-index: -1;
  /* Set up proportionate scaling */
  width: 100%;
  height: auto;
/* Set up positioning */
  position: fixed;
  top: 0;
  left: 0;
}

.matzah-slide-title {
  font-family: 'Maya Samuels Pro';
  font-weight: 100;
  color: #000;
  font-size: 40px;
  margin-bottom: 50px;
  line-height: 56px;
  width: 100%;
  top: 40px;
  left: 45px;
}

.matzah-slide-txt {
  font-family: 'Maya Samuels Pro';
  font-weight: 100;
  color: #000;
  font-size: 22px;
  line-height: 28px;
  width: 100%;
  top: 50px;
  left: 45px;
}

.tree-slide {
/*min-height: 100%;
  min-width: 1024px;*/
  /*z-index: -1;
  min-height: 1200px;
  min-width: 2000px;
  width: 100%;
  height: auto;
  position: fixed;
  top: 0;
  left: 0;*/
/* Set rules to fill background */
  min-height: 100%;
  min-width: 1024px;
z-index: -1;
  /* Set up proportionate scaling */
  width: 100%;
  height: auto;
 /* Set up positioning */
  position: fixed;
  top: 0;
  left: 0;
}

.tree-slide-title {
  font-family: 'Maya Samuels Pro';
  font-weight: 100;
  color: #fff;
  font-size: 40px;
  margin-bottom: 50px;
  line-height: 56px;
  width: 100%;
  top: 60px;
  left: 45px;
}

.tree-slide-txt {
  font-family: 'Maya Samuels Pro';
  font-weight: 100;
  color: #fff;
  font-size: 22px;
  line-height: 28px;
  width: 60%;
  top: 50px;
  left: 45px;
}

.whatwedo-slide {
/*min-height: 100%;
  min-width: 1024px;*/
  /*z-index: -1;
  min-height: 1200px;
  min-width: 2000px;
  width: 100%;
  height: auto;
  position: fixed;
  top: 0;
  left: 0;*/
/* Set rules to fill background */
  min-height: 100%;
  min-width: 1024px;
z-index: -1;
  /* Set up proportionate scaling */
  width: 100%;
  height: auto;

  /* Set up positioning */
  position: fixed;
  top: 0;
  left: 0;
}

.whatwedo-slide-title {
  font-family: 'Maya Samuels Pro';
  font-weight: 100;
  color: #fff;
  font-size: 40px;
  margin-bottom: 50px;
  line-height: 56px;
  width: 100%;
  top: 40px;
  left: 45px;
}

.whatwedo-slide-txt {
  font-family: 'Maya Samuels Pro';
  font-weight: 100;
  color: #fff;
  font-size: 22px;
  line-height: 28px;
  width: 75%;
  top: 50px;
  left: 45px;
}

.whatyouget-slide {
/*min-height: 100%;
  min-width: 1024px;*/
  /*z-index: -1;
  min-height: 1200px;
  min-width: 2000px;
  width: 100%;
  height: auto;
  position: fixed;
  top: 0;
  left: 0;*/
/* Set rules to fill background */
  min-height: 100%;
  min-width: 1024px;
z-index: -1;
  /* Set up proportionate scaling */
  width: 100%;
  height: auto;

  /* Set up positioning */
  position: fixed;
  top: 0;
  left: 0;
}

#whatyouget-block{
top: 100px;
width: 100%;
min-width: 1200px;
display: inline-block;
}

.whatyouget-slide-title {
  font-family: 'Maya Samuels Pro';
  font-weight: 100;
  color: #000;
  font-size: 40px;
  margin-bottom: 50px;0
  line-height: 56px;
  width: 100%;
  top: 40px;
  left: 45px;

}

.whatyouget-slide-txt1 {
  font-family: 'Maya Samuels Pro';
  font-weight: 100;
  color: #000;
  font-size: 22px;
  line-height: 28px;
  width: 40%;
  top: 50px;
  left: 45px;
  display: block;
  float: left;
  clear: both;
padding: 15px;

}

.whatyouget-slide-txt2 {
  font-family: 'Maya Samuels Pro';
  font-weight: 100;
  color: #fff;
  background: rgba(152,119,48, 0.7);
  font-size: 20px;
  line-height: 28px;
  width: 50%;
  top: 30px;
  left: 45px;
  display: block;
  float: left;
  padding: 15px;
}

.winery-slide {
/*min-height: 100%;
  min-width: 1024px;*/
  /*z-index: -1;
  min-height: 1200px;
  min-width: 2000px;
  width: 100%;
  height: auto;
  position: fixed;
  top: 0;
  left: 0;*/
/* Set rules to fill background */
  min-height: 100%;
  min-width: 1040px;
z-index: -1;
  /* Set up proportionate scaling */
  width: 100%;
  height: auto;

  /* Set up positioning */
  position: fixed;
  top: 0;
  left: 0;
}

.winery-slide-title {
  font-family: 'Maya Samuels Pro';
  font-weight: 100;
  color: #fff;
  font-size: 40px;
  margin-bottom: 50px;
  line-height: 56px;
  width: 100%;
  top: 40px;
  left: 45px;
}

.winery-slide-txt {
  font-family: 'Maya Samuels Pro';
  font-weight: 100;
  color: #fff;
  font-size: 22px;
  line-height: 28px;
  width: 70%;
  top: 50px;
  left: 45px;
}

/*#next,
.icon-arrow-down.button-square{
display: none;
}

.slide-info,
#page-text-box{
top: 10%;
width: 60%; !important;
}*/

#portfolio-item-toggle,
.addthis_toolbox.addthis_default_style{
display: none;
}

.BH-logo {
	position: fixed;
	left: 80px;
	top: 60px;
	z-index: 100;
        background: url(http://bircathaaretz.com/wp-content/uploads/2013/08/BH-logo.png)
}

#page-content{
top: 20px; !important;
}

.home1{
  font-family: 'Maya Samuels Pro';
  font-weight: 100;
  color: #000;
  font-size: 22px;
  line-height: 28px;
  font-style: italic;
}
.home1a{
  font-family: 'Maya Samuels Pro';
  font-weight: 100;
  color: #000;
  font-size: 22px;
  line-height: 28px;
}
.home2{
  font-family: 'Maya Samuels Pro';
  font-weight: 100;
  color: #fff;
  font-size: 22px;
  line-height: 28px;
  font-style: italic;
}
.home2a{
  font-family: 'Maya Samuels Pro';
  font-weight: 100;
  color: #fff;
  font-size: 22px;
  line-height: 28px;
}
.home2b{
  font-family: 'Maya Samuels Pro';
  font-weight: 100;
  color: #987730;
  font-size: 38px;
  line-height: 28px;
}
.home3{
  font-family: 'Maya Samuels Pro';
  font-weight: 100;
  color: #000;
  font-size: 22px;
  line-height: 28px;
}
.home4{
  font-family: 'Maya Samuels Pro';
  font-weight: 100;
  color: #fff;
  font-size: 22px;
  line-height: 28px;
}
.home5{
  font-family: 'Maya Samuels Pro';
  font-weight: 100;
  color: #98474e;
  font-size: 38px;
  line-height: 28px;
  padding-bottom: 10px;

}
.home5a{
  font-family: 'Maya Samuels Pro';
  font-weight: 100;
  color: #000;
  font-size: 38px;
  line-height: 28px;
}

.eff{
position: relative;
top: 70%;
bottom: 0px;
left: 20%;
font-size: 8px;
color: #000;
font-style: bold;
float: left;
}

.eff a hover{
font-color: #000;
}


.plot{
font-size: 24px;
color: #000;
padding-left: 10px;
padding-bottom: 30px;
}

.txt3{
font-color: #fffff;
}

.txt4{
float: right;
padding-top: 90px;
right: 15px;
font-color: #fffff;
}




/*=======================================================GRID============================================================*/


.wrapper{
   position: relative;
   float: left;
   left: 0px;
   /*width: 1320px;*/
   width: 400px;
   margin-bottom: 0px;
   background-color: #;
}

.left1,.left2,.left3,.left4,.left5,.left6,.left7,.left8,.left9,.left10,.left11,.left12,.left13,.left14,.left15{

font-size: 12px;
color: #ffffff;
text-align: center;
vertical-align:middle;
margin-top: 15px;
text-decoration: none;
}

.left106,.left107,.left108,.left109,.left110,.left111,.left112,.left113,.left114,.left115,.left116,.left117,.left118,.left119,.left120,.left121,.left122,.left123,.left124,.left125,.left126,.left127,.left128,.left129,.left130,.left131,.left132,.left136,.left137,.left138,.left139,.left140,.left141,.left142,.left143,.left144,.left145,.left146,.left147,.left151,.left152,.left153,.left154,.left155,.left156,.left157,.left158,.left159,.left160,.left161,.left162,.left166,.left167,.left168,.left169,.left170,.left171,.left171,.left172,.left173,.left174,.left175,.left176,.left177,.left178,.left179,.left180,.left181,.left182,.left183,.left184,.left185,.left186,.left187,.left188,.left196,.left197,.left198,.left199,.left200,.left201,.left202,.left203,.left204,.left205,.left206,.left207,.left208,.left209,.left105,.left210,.left211,.left212{
   
position: relative;
   float: left;
   margin-bottom: 10px;
   width: 20px;
   height: 20px;
   background-color: #000000;
   
}

.left1:hover,.left2:hover,.left3:hover,.left4:hover,.left5:hover,.left6:hover,.left7:hover,.left8:hover,.left9:hover,.left10:hover,.left11:hover,.left12:hover,.left13:hover,.left14:hover,.left15:hover{
-o-transition: background-color 0.2s linear;
-moz-transition: background-color 0.2s linear;
-khtml-transition: background-color 0.2s linear;
-webkit-transition: background-color 0.2s linear;
-ms-transition: background-color 0.2s linear;
transition: background-color 0.2s linear;
background-color: #FF4040;
}

/*------------------------------------------------SOLD TRANSITIONS---------------------------------------------------*/


.left1,.left2,.left3,.left4,.left5,.left6,.left7,.left8,.left9,.left10,.left11,.left12,.left13,.left14,.left15,.left16,.left17,.left18,.left19,.left20,.left21,.left22,.left23
,.left24,.left25,.left26,.left27,.left28,.left29,.left30,.left31,.left32,.left33,.left34,.left35,.left36,.left37,.left38,.left39,.left40,.left41,.left42,.left43,.left44,.left45,.left46
,.left47,.left48,.left49,.left50,.left51,.left52,.left53,.left54,.left55,.left56,.left57,.left58,.left59,.left60,.left61,.left62,.left63,.left64,.left65,.left66,.left67,.left68,.left69
,.left70,.left71,.left72,.left73,.left74,.left75,.left76,.left77,.left78,.left79,.left80,.left81,.left82,.left83,.left91,.left92,.left93,.left94,.left95,.left96,.left97,.left98,.left99
,.left100,.left101,.left102{
   position: relative;
   float: left;
   margin-bottom: 10px;
   width: 20px;
   height: 20px;
   background-color: #000000;
}

 {
-o-transition: background-color 0.2s linear;
-moz-transition: background-color 0.2s linear;
-khtml-transition: background-color 0.2s linear;
-webkit-transition: background-color 0.2s linear;
-ms-transition: background-color 0.2s linear;
transition: background-color 0.2s linear;
background-color: #000000;

}


.left1{
  left: 0px;
}

.left2{
  left: 5px;
}

.left3{
  left: 10px;
}

.left4{
  left: 15px;
}

.left5{
  left: 20px;
}

.left6{
  left: 25px;
}

.left7{
  left: 30px;
}

.left8{
  left: 35px;
}

.left9{
  left: 40px;
}

.left10{
  left: 45px;
}

.left11{
  left: 50px;
}

.left12{
  left: 55px;
}

.left13{
  left: 60px;
}

.left14{
  left: 65px;
}

.left15{
  left: 70px;
}

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

.left16{
  left: 0px;
}

.left17{
  left: 5px;
}

.left18{
  left: 10px;
}

.left19{
  left: 15px;
}

.left20{
  left: 20px;
}

.left21{
  left: 25px;
}

.left22{
  left: 30px;
}

.left23{
  left: 35px;
}

.left24{
  left: 40px;
}

.left25{
  left: 45px;
}

.left26{
  left: 50px;
}

.left27{
  left: 55px;
}

.left28{
  left: 60px;
}

.left29{
  left: 65px;
}

.left30{
  left: 70px;
}

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

.left31{
  left: 0px;
}

.left32{
  left: 5px;
}

.left33{
  left: 10px;
}

.left34{
  left: 15px;
}

.left35{
  left: 20px;
}

.left36{
  left: 25px;
}

.left37{
  left: 30px;
}

.left38{
  left: 35px;
}

.left39{
  left: 40px;
}

.left40{
  left: 45px;
}

.left41{
  left: 50px;
}

.left42{
  left: 55px;
}

.left43{
  left: 60px;
}

.left44{
  left: 65px;
}

.left45{
  left: 70px;
}

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

.left46{
  left: 0px;
}

.left47{
  left: 5px;
}

.left48{
  left: 10px;
}

.left49{
  left: 15px;
}

.left50{
  left: 20px;
}

.left51{
  left: 25px;
}

.left52{
  left: 30px;
}

.left53{
  left: 35px;
}

.left54{
  left: 40px;
}

.left55{
  left: 45px;
}

.left56{
  left: 50px;
}

.left57{
  left: 55px;
}

.left58{
  left: 60px;
}

.left59{
  left: 65px;
}

.left60{
  left: 70px;
}

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

.left61{
  left: 0px;
}

.left62{
  left: 5px;
}

.left63{
  left: 10px;
}

.left64{
  left: 15px;
}

.left65{
  left: 20px;
}

.left66{
  left: 25px;
}

.left67{
  left: 30px;
}

.left68{
  left: 35px;
}

.left69{
  left: 40px;
}

.left70{
  left: 45px;
}

.left71{
  left: 50px;
}

.left72{
  left: 55px;
}

.left73{
  left: 60px;
}

.left74{
  left: 65px;
}

.left75{
  left: 70px;
}

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

.left76{
  left: 0px;
}

.left77{
  left: 5px;
}

.left78{
  left: 10px;
}

.left79{
  left: 15px;
}

.left80{
  left: 20px;
}

.left81{
  left: 25px;
}

.left82{
  left: 30px;
}

.left83{
  left: 35px;
}

.left84{
  left: 40px;
}

.left85{
  left: 45px;
}

.left86{
  left: 50px;
}

.left87{
  left: 55px;
}

.left88{
  left: 60px;
}

.left89{
  left: 65px;
}

.left90{
  left: 70px;
}

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

.left91{
  left: 0px;
}

.left92{
  left: 5px;
}

.left93{
  left: 10px;
}

.left94{
  left: 15px;
}

.left95{
  left: 20px;
}

.left96{
  left: 25px;
}

.left97{
  left: 30px;
}

.left98{
  left: 35px;
}

.left99{
  left: 40px;
}

.left100{
  left: 45px;
}

.left101{
  left: 50px;
}

.left102{
  left: 55px;
}

.left103{
  left: 60px;
}

.left104{
  left: 65px;
}

.left105{
  left: 70px;
}

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

.left106{
  left: 0px;
}

.left107{
  left: 5px;
}

.left108{
  left: 10px;
}

.left109{
  left: 15px;
}

.left110{
  left: 20px;
}

.left111{
  left: 25px;
}

.left112{
  left: 30px;
}

.left113{
  left: 35px;
}

.left114{
  left: 40px;
}

.left115{
  left: 45px;
}

.left116{
  left: 50px;
}

.left117{
  left: 55px;
}

.left118{
  left: 60px;
}

.left119{
  left: 65px;
}

.left120{
  left: 70px;
}

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

.left121{
  left: 0px;
}

.left122{
  left: 5px;
}

.left123{
  left: 10px;
}

.left124{
  left: 15px;
}

.left125{
  left: 20px;
}

.left126{
  left: 25px;
}

.left127{
  left: 30px;
}

.left128{
  left: 35px;
}

.left129{
  left: 40px;
}

.left130{
  left: 45px;
}

.left131{
  left: 50px;
}

.left132{
  left: 55px;
}

.left133{
  left: 60px;
}

.left134{
  left: 65px;
}

.left135{
  left: 70px;
}

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

.left136{
  left: 0px;
}

.left137{
  left: 5px;
}

.left138{
  left: 10px;
}

.left139{
  left: 15px;
}

.left140{
  left: 20px;
}

.left141{
  left: 25px;
}

.left142{
  left: 30px;
}

.left143{
  left: 35px;
}

.left144{
  left: 40px;
}

.left145{
  left: 45px;
}

.left146{
  left: 50px;
}

.left147{
  left: 55px;
}

.left148{
  left: 60px;
}

.left149{
  left: 65px;
}

.left150{
  left: 70px;
}

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

.left151{
  left: 0px;
}

.left152{
  left: 5px;
}

.left153{
  left: 10px;
}

.left154{
  left: 15px;
}

.left155{
  left: 20px;
}

.left156{
  left: 25px;
}

.left157{
  left: 30px;
}

.left158{
  left: 35px;
}

.left159{
  left: 40px;
}

.left160{
  left: 45px;
}

.left161{
  left: 50px;
}

.left162{
  left: 55px;
}

.left163{
  left: 60px;
}

.left164{
  left: 65px;
}

.left165{
  left: 70px;
}

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

.left166{
  left: 0px;
}

.left167{
  left: 5px;
}

.left168{
  left: 10px;
}

.left169{
  left: 15px;
}

.left170{
  left: 20px;
}

.left171{
  left: 25px;
}

.left172{
  left: 30px;
}

.left173{
  left: 35px;
}

.left174{
  left: 40px;
}

.left175{
  left: 45px;
}

.left176{
  left: 50px;
}

.left177{
  left: 55px;
}

.left178{
  left: 60px;
}

.left179{
  left: 65px;
}

.left180{
  left: 70px;
}

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

.left181{
  left: 0px;
}

.left182{
  left: 5px;
}

.left183{
  left: 10px;
}

.left184{
  left: 15px;
}

.left185{
  left: 20px;
}

.left186{
  left: 25px;
}

.left187{
  left: 30px;
}

.left188{
  left: 35px;
}

.left189{
  left: 40px;
}

.left190{
  left: 45px;
}

.left191{
  left: 50px;
}

.left192{
  left: 55px;
}

.left193{
  left: 60px;
}

.left194{
  left: 65px;
}

.left195{
  left: 70px;
}

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

.left196{
  left: 0px;
}

.left197{
  left: 5px;
}

.left198{
  left: 10px;
}

.left199{
  left: 15px;
}

.left200{
  left: 20px;
}

.left201{
  left: 25px;
}

.left202{
  left: 30px;
}

.left203{
  left: 35px;
}

.left204{
  left: 40px;
}

.left205{
  left: 45px;
}

.left206{
  left: 50px;
}

.left207{
  left: 55px;
}

.left208{
  left: 60px;
}

.left209{
  left: 65px;
}

.left210{
  left: 70px;
}
/*------------------------------------------*/

.left211{
  left: 0px;
}

.left212{
  left: 5px;
}

.left213{
  left: 10px;
}

.left214{
  left: 15px;
}

.left215{
  left: 20px;
}

.left216{
  left: 25px;
}

.left217{
  left: 30px;
}

.left218{
  left: 35px;
}

.left219{
  left: 40px;
}

.left220{
  left: 45px;
}

.left221{
  left: 50px;
}

.left222{
  left: 55px;
}

.left223{
  left: 60px;
}

.left224{
  left: 65px;
}

.left225{
  left: 70px;
}
/*------------------------------------------*/

.left226{
  left: 0px;
}

.left227{
  left: 5px;
}

.left228{
  left: 10px;
}

.left229{
  left: 15px;
}

.left230{
  left: 20px;
}

.left231{
  left: 25px;
}

.left232{
  left: 30px;
}

.left233{
  left: 35px;
}

.left234{
  left: 40px;
}

.left235{
  left: 45px;
}

.left236{
  left: 50px;
}

.left237{
  left: 55px;
}

.left238{
  left: 60px;
}

.left239{
  left: 65px;
}

.left240{
  left: 70px;
}
/*------------------------------------------*/

.left241{
  left: 0px;
}

.left243{
  left: 5px;
}

.left244{
  left: 10px;
}

.left245{
  left: 15px;
}

.left246{
  left: 20px;
}

.left241{
  left: 25px;
}

.left187{
  left: 30px;
}

.left188{
  left: 35px;
}

.left189{
  left: 40px;
}

.left190{
  left: 45px;
}

.left191{
  left: 50px;
}

.left192{
  left: 55px;
}

.left193{
  left: 60px;
}

.left194{
  left: 65px;
}

.left195{
  left: 70px;
}





body {
   border-width: 0px;
   padding: 0px;
   margin: 0px;
   font-size: 90%;
   background-color: #e7e7de
}


/*=======================================================Box Animations========================================================*/

.grid {
	padding: 20px 20px 100px 20px;
	max-width: 1100px;
	margin: 0 auto;
	list-style: none;
	text-align: center;
}

.grid li {
	display: inline-block;
	/*width: 500px;*/
        width: 1200px;
        margin: 0;
	padding: 20px;
	text-align: left;
	position: relative;
}

.grid figure {
	margin: 0;
	position: relative;
}

.grid figure img {

max-width: 100%;
	display: block;
	position: relative;
}

.grid figcaption {
        position: absolute;
	top: 0;
	left: 0;
	padding: 20px;
	background: #98474e;
	color: #000000;
}

.grid figcaption h3 {
	margin: 0;
	padding: 0;
	color: #fff;
}

.grid figcaption span:before {
	content: 'by ';
}

.grid figcaption a {
		
        text-align: center;
	padding: 5px 10px;
	border-radius: 2px;
	display: inline-block;
	background: #000000;
	color: #fff;
}

/* Individual Caption Styles */


/*===============================Caption Style 3============================*/
.cs-style-3 figure {
	overflow: hidden;
}

.cs-style-3 figure img {
	-webkit-transition: -webkit-transform 0.4s;
	-moz-transition: -moz-transform 0.4s;
	transition: transform 0.4s;
}

.no-touch .cs-style-3 figure:hover img,
.cs-style-3 figure.cs-hover img {
	-webkit-transform: translateY(-50px);
	-moz-transform: translateY(-50px);
	-ms-transform: translateY(-50px);
	transform: translateY(-50px);
}

.cs-style-3 figcaption {
	height: 450px;
	/*width: 100%;*/
	width: 1100px;
        top: auto;
	bottom: 0;
	opacity: 0;
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	-ms-transform: translateY(100%);
	transform: translateY(100%);
	-webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;
	-moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;
	transition: transform 0.4s, opacity 0.1s 0.3s;
}

.no-touch .cs-style-3 figure:hover figcaption,
.cs-style-3 figure.cs-hover figcaption {
	opacity: 1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);
	-webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
	-moz-transition: -moz-transform 0.4s, opacity 0.1s;
	transition: transform 0.4s, opacity 0.1s;
}

.cs-style-3 figcaption a {
	position: absolute;
	bottom: 20px;
	right: 20px;
}



@media screen and (max-width: 31.5em) {
	.grid {
		padding: 10px 10px 100px 10px;
	}
	.grid li {
		width: 100%;
		min-width: 300px;
	}
}



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




/* General Demo Style */

*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body, html { font-size: 100%; padding: 0; margin: 0;}

/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }

body {
	font-family: 'Lato', Calibri, Arial, sans-serif;
	color: #b3b9bf;
	background: #f9f9f9;
}

a {
	color: #888;
	text-decoration: none;
}

a:hover,
a:active {
	color: #333;
}

/* Header Style */
.container > header {
	margin: 0 auto;
	padding: 2em;
	text-align: center;
	background: rgba(0,0,0,0.01);
}

.container > header h1 {
	font-size: 2.625em;
	line-height: 1.3;
	margin: 0;
	font-weight: 300;
}

/* To Navigation Style */
.codrops-top {
	background: #fff;
	background: rgba(255, 255, 255, 0.6);
	text-transform: uppercase;
	width: 100%;
	font-size: 0.69em;
	line-height: 2.2;
}

.codrops-top a {
	padding: 0 1em;
	letter-spacing: 0.1em;
	color: #888;
	display: inline-block;
}

.codrops-top a:hover {
	background: rgba(255,255,255,0.95);
	color: #333;
}

.codrops-top span.right {
	float: right;
}

.codrops-top span.right a {
	float: left;
	display: block;
}



/* Demo Buttons Style */
.codrops-demos {
	padding-top: 1em;
	font-size: 0.9em;
}

.codrops-demos a {
	display: inline-block;
	margin: 0.5em;
	padding: 0.7em 1.1em;
	border: 3px solid #b3b9bf;
	color: #b3b9bf;
	font-weight: 700;
}

.codrops-demos a:hover,
.codrops-demos a.current-demo,
.codrops-demos a.current-demo:hover {
	border-color: #2c3f52;
	color: #2c3f52;
}

@media screen and (max-width: 25em) {

	.codrops-icon span {
		display: none;
	}

}

/*------------------------------- CAPTION BOX -------------------------------------*/




















/*------------------------------- caption css #2 end  -------------------------------------*/