/*
Theme Name: John Smith - AJAX Portfolio WP Theme
Theme URI: http://themes.fxoffice.net/johnsmith_wp/
Description: WordPress theme by <a href="http://www.fxoffice.net">FXoffice</a>
Author: FXoffice
Author URI: http://themeforest.net/user/FXoffice
Version: 1.4
Tags: black, blue, white, left-sidebar, flexible-width, custom-header, custom-background, threaded-comments, editor-style, photoblogging
License: GNU General Public License v2
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/


/* General
---------------------------------------- */

@charset utf-8;

@font-face{ font-family: 'Anton'; 
			src: url('css/anton.eot'); 
			src: url('css/anton.eot?#iefix') format('embedded-opentype'), 
			url('css/anton.woff') format('woff'), 
			url('css/anton.ttf') format('truetype'), 
			url('css/anton.svg#Anton') format('svg'); }
			


body{
	height: 100%;
	background:#000;
	color: #7b7b7b;
	font:12px Tahoma, Geneva, sans-serif;
	line-height:17px;
}
html, body, #wrapper {
	height: 100%;
	}
#wrapper{
	overflow-x:hidden;
	position:relative;
	width: 100%;
	min-height:100%;
	margin-bottom:-51px;	
}
#spinnerBG{
	position: fixed;
	z-index: 9999;
	width: 100%;
	height: 100%;
	background:#000 url("images/webSiteLoader.gif") center no-repeat;
}
.backPattern {
	display: block;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: fixed;
    top: 0;
    width: 100%;
	z-index:-99;
}
/*-------------logo------------*/
.line_top{ 
	position:absolute; 
	width:100%; 
	left:0; 
	top:0; 
	height:5px; 
	background:url(./images/op-80.png) 0 0 repeat; 
	z-index:1;
} 
body > #wrapper {
	height: auto; 
	/*min-height: 100%;*/
}
#wrapper>header{
    max-width:100%; 
	height:285px; 
	padding-top:100px; 
	z-index:10; 
	position:relative;
}

#header-widget{position:absolute; top:0; left:0; width:100%; background:white; height:50px; float:left;font-size:26px; 
line-height:36px; font-family: 'Anton', sans-serif; text-transform:uppercase; color: #f65f10; padding-top:0px;}

#cta{width:960px; ; margin:0 auto;}

#header-widget a:hover {color:#000000;}

#logo { 
	float:left; 
	position:absolute; 
	left:22px; 
	bottom:18px;
	width:310px; 
	height:186px; 
	margin-top:50px;
}
.firstWord {
	line-height:0.8em; 
	font-size:90px; 
	color:#fff; 
	padding-right:2px;
}


#logoText{
	padding:0px 0px 0 0px;  
	text-transform:uppercase; 
	float:left; 
	font-family: 'Anton', sans-serif; 
	letter-spacing:-4px; 
	line-height:0.83em; 
	font-size:100px; 
	color:#01dcff;
	text-align:left; 
	 
}


.tagline  { float:left; position:absolute; left:10px; bottom:0px;
width:510px; height:0px; margin-top:0px;}

.tagline h2 {font-size:35px;word-spacing: 5px;padding-top: 0px;
margin-top:-10px;}


#logoText:hover {
	text-decoration:none;
}

#logoImg{
	float:left; 
	width:100%; 
	height:auto;
}
#logoImg img {
	width:100%;
	height:auto;
}

/*-------------Menu------------*/
.mobile-menu-trigger{ 
	background: none repeat scroll 0 0 #fff;
    display: none;
	height:36px;width:100%;
	position:absolute;bottom:0;
    text-align: left;
	font-size:28px; 
	font-family: 'Anton', sans-serif; 
	color:#000; 
	line-height:35px; 
	letter-spacing:0px; 
	font-weight:400; 
	text-indent:2%;
	text-transform:uppercase;
	z-index:9999;
}
.mobile-menu-trigger:hover{
	color:#000;
	text-decoration:none;
}
.mobile-menu-trigger>span{
	display:block; position:absolute; height:36px; width:36px; right:0;top:0;
	background: url("./images/select.png") no-repeat scroll center;
	background-color:#01dcff;
}
.mobile_nav{
	display:none;
}
#mobileMenu{
	display:none;
}
.main_nav{
	right:0; 
	height:auto; 
	position:absolute; 
	bottom:0; 
	background:#000; 
}
.menu > ul > li > strong{ 
	position:absolute; 
	width:100%; 
	left:0px; 
	top:0;
	height:100%;
	background:#fff; 
	padding-left:3px;
}
.menu > ul > li { 
	float:left; 
	position:relative; 
	margin-left:0px;
	background:url(./images/linemenu.png) 0 20px no-repeat; 
	padding-left:3px;
	width:auto;
	cursor:pointer;
}
.menu > ul > li > a{ 
	display:block; 
	font-size:22px; 
	line-height:36px; 
	font-family: 'Anton', sans-serif; 
	text-transform:uppercase;
	text-decoration:none; 
	font-weight:normal; 
	padding:10px 30px 12px;
	text-align:center; 
	position:relative; 
}
.menu > ul > li:first-child {
	background:none; }
	
	.menu2 > ul > li > strong{ 
		position:absolute; 
		width:100%; 
		left:0px; 
		top:0;
		height:100%;
		background:#fff; 
		padding-left:3px;
	}
	.menu2 > ul > li { 
		float:left; 
		position:relative; 
		margin-left:0px;
		background:url(./images/linemenu2.png) 0 20px no-repeat; 
		padding-left:3px;
		width:auto;
		cursor:pointer;
	}
	.menu2 > ul > li > a{ 
		display:block; 
		font-size:22px; 
		line-height:36px; 
		font-family: 'Anton', sans-serif; 
		text-transform:uppercase;
		text-decoration:none; 
		font-weight:normal; 
		padding:10px 30px 12px;
		text-align:center; 
		position:relative; 
	}
	.menu2 > ul > li:first-child {
		background:none; }
		
		.menu2 > ul > li > a:hover{
			text-transform:uppercase; 
			color:#000; 
			text-decoration:none;}

/*-------------Sub Menu------------*/
.sub-menu{
	position:absolute; 
	left:0; 
	background:url(./images/mask.png) 0 0 repeat;
	width:auto;
	padding-top:4px;
}
.sub-menu li{ 
	margin-bottom:4px; 
	position:relative;
}
.sub-menu strong{ 
	position:absolute; 
	width:100%; 
	left:0; 
	top:0; 
	height:100%; 
	background:#fff; 
	opacity:0; 
}
.sub-menu span{
	position:absolute; 
	width:100%; 
	left:0; 
	top:0; 
	height:100%; 
	background:#01dcff;
}
.sub-menu a{ 
	display:block; 
	font-size:26px; 
	font-family: 'Anton', sans-serif; 
	font-weight:400; 
	color:#000;
	text-decoration:none!important; 
	text-transform:uppercase; 
	text-align: center; 
	line-height:35px; 
	position:relative; 
	padding:5px 22px;
}
.sub-menu .sub-menu{
	width:100%!important;
    top: -4px;
}
.itemHov strong{
	opacity:1!important;
}
.itemHov a {
	color:#01dcff!important;
}
/*-------------FrontSlider------------*/
#splash{
	top:0px; 
	left:0; 
	z-index:2; 
	background:url(./images/op-80.png) 0 0 repeat; 
	padding:12px 0 12px 0; 
	display:none;
	-webkit-backface-visibility: hidden;
	-webkit-perspective: 1000;
}

#yekra-wrapper{max-width:700px; height: 443px; margin: 0 auto 10px;}

.thumb-wrapper{position:relative; width:100%;float:left;top: 0;
	left:0;} 

.thumb{ 
	position:relative; 
	height:226px; 
	padding:1px 0; 
	background:#202425;  
	top: 0;
	left: 0;
}
.thumb li>a {
	float:left; 
	position:relative; 
	height:226px;  
	margin-top:0px; 
	overflow:hidden;
}
.thumb li em { 
	float:left; 
	position:relative; 
	height:226px;  
	margin-top:0px; 
	overflow:hidden;
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	transition:all 0.5s ease;
}
.thumb li{ 
	float:left; 
	position:relative; 
	height:226px;  
	margin-top:0px;
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	transition:all 0.5s ease;
}
.thumb li .lineimg {
	width:100%; 
	height:0px; 
	position:absolute; 
	top:0px; 
	background:#01dcff; 
	z-index:10;
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	transition:all 0.5s ease;
}		
.thumb i{ 
	position:absolute; 
	width:0; 
	background:#fff; 
	height:5px; 
	top:-5px; 
	left:0;
}
.thumb li .plane { 
	display:block; 
	position:absolute; 
	top:60px; 
	padding:25px 20px 13px 15px; 
	width:200px; 
	background:#000; 
	left:0; 
	color:#fff; 
	font-weight:400; 
	border-bottom:5px solid #01dcff; 
	font-size:12px; 
	font-family:Tahoma, Geneva, sans-serif;
}
.thumb li .plane p {
	color:#01dcff; 
	padding-bottom:7px;
}
.thumb li .plane p a {
	color:#fff; 
	text-decoration: none; 
	outline:none; 
}
.thumb li .plane p a:hover {
	color:#fff; 
	text-decoration: underline; 
}
.animy div.plane{
	-o-transform:translateY(166px);
	-webkit-transform:translate3d(0,166px,0);
	-webkit-transition:-webkit-transform 0.5s ease;
}
.animy div.lineimg{
	height:5px;
}
.animy a img{
	-o-transform:translateY(-168px);
	-webkit-transform:translate3d(0,-226px,0);
	-webkit-transition:-webkit-transform 0.5s ease;
}		
.animyss div.plane{
	-webkit-transform:translateY(0px);
	-webkit-transition:-webkit-transform 0.5s ease;
}
.animyss a img{
	-webkit-transform:translateY(0px);
	-webkit-transition:-webkit-transform 0.5s ease;
}			
.no-animy div.lineimg{
	height:5px;
}
.no-animy a img { 
	margin-top:-166px;
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	transition:all 0.5s ease;
}
.no-animy div.plane {
	margin-top:55px;
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	transition:all 0.5s ease;
}
.no-animyss div.lineimg{
	height:0px;
}
.no-animyss a img { 
	margin-top:0px;
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	transition:all 0.5s ease;
}
.no-animyss div.plane{
	margin-top:0px;
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	transition:all 0.5s ease;
}
/*-------------Background Slider------------*/
#supersized-loader { 
	position:absolute; 
	top:50%; 
	left:50%; 
	z-index:0; 
	width:60px; 
	height:60px; 
	margin:-30px 0 0 -30px; 
	text-indent:-999em; 
	background:url(../img/progress.gif) no-repeat center center;
}
#supersized {  
	display:block; 
	position:fixed; 
	left:0; 
	top:0; 
	overflow:hidden;
	z-index:-999; 
	height:100%; 
	width:100%; 
}
#supersized img { 
	width:auto; 
	height:auto; 
	position:relative; 
	display:none; 
	outline:none; 
	border:none; 
}
#supersized.speed img { 
	-ms-interpolation-mode:nearest-neighbor; 
	image-rendering: -moz-crisp-edges; 
}	/*Speed*/
#supersized.quality img { 
	-ms-interpolation-mode:bicubic; 
	image-rendering: optimizeQuality; 
}			/*Quality*/
#supersized li { 
	display:block; 
	list-style:none; 
	z-index:-30; 
	position:fixed; 
	overflow:hidden; 
	top:0; 
	left:0;
	width:100%; 
	height:100%; 
	background:#111; 
}
#supersized a { 
	width:100%; 
	height:100%; 
	display:block; 
}
#supersized li.prevslide { 
	z-index:-20; 
}
#supersized li.activeslide { 
	z-index:-10; 
}
#supersized li.image-loading {
	background:#111 url(../img/progress.gif) no-repeat center center; 
	width:100%;
	height:100%; 
}
#supersized li.image-loading img{ 
	visibility:hidden;
 }
#supersized li.prevslide img, #supersized li.activeslide img{ 
	display:inline; 
}

#imgSpinner{
	display: none;
	position: fixed;
	top: 274px;
	left: 110px;
	z-index: 10;
	width: 160px;
	height:20px;
	background: url("images/spinner-bg.png") 0 0 no-repeat;
}
#imgSpinner>div{
	width: 160px;
	height: 20px;
	background: url("images/webSiteLoader.gif") 0 0 no-repeat;	
}
.topImg{
	position: fixed;
	z-index: 1;
	background: #000;
}
.bottomImg{
	position: fixed;
	z-index: 0;
	background: #000;
}
/*-------------Content-----------*/
/*-------------Content Wrapper-----------*/
.clearfixed:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfixed {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfixed { 
	height: 1%;
}
.clearfixed {
	display: block;
}
/* End hide from IE-mac */
#main{
    width:100%; 
	min-height:388px; 
	overflow:hidden; 
	/*padding-bottom:140px;*/
}
#pageSpinner{
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 0;
	width: 160px;
	height: 20px;
	margin-left:-80px;
	margin-top:-10px;
	background: #000000;
	opacity:0.8;
}
#pageSpinner>div{
	width: 160px;
	height: 20px;
	background: url("images/webSiteLoader.gif") 0 0 no-repeat;
}
#page{
	margin-top: 20px;
	width:100%;
}
#page>article{
	position: relative; overflow:hidden;
	padding-bottom: 46px;
	width: 100%; 
	left: 0;
	display:none;
}
.backGr {
	background: url("images/menu_bg.png");
}
.hr{
	background:url(./images/hr.png) 0 0 repeat-x; 
	width:100%; 
	height:1px;
	margin:30px auto 30px;
}
.vr{
	background:url(./images/hr.png) 0 0 repeat-y; 
	width:1px; 
	height:1px;
	height:100%;
	margin:5px auto 0;
}
/*-------------Teg Style-----------*/
h2{	font-size:30px; 
	font-family: 'Anton', sans-serif; 
	color:#fff; 
	line-height:36px; 
	letter-spacing:0px; 
	font-weight:400; 
	text-transform:uppercase;
}
h3{
	color: #01dcff;	
	padding: 0px 0 17px 0;
	font-size: 1em;
	line-height: 18px;
}
h3>a{
	color: #5e8b7f;	
}
h3>a:hover{
	color: #fff;	
}
h4{
    padding-bottom: 18px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 0.88em;
    line-height: 10px;
}
h5{
	padding-bottom: 43px;
	color: #fff;
	text-transform: uppercase;
	font-size: 0.81em;
}
p{	
	padding-bottom:0px;
}
a{	
	text-transform:uppercase; 
	color:#fff; 
	text-decoration:none;
}
a:hover{
	text-transform:uppercase; 
	color:#fff; 
	text-decoration:underline;
}
a.link {
	color:#fff; 
	text-decoration:none;
	text-transform:none;
}
a.link:hover {
	text-decoration:underline;
	text-transform:none;
}
a.link2 {
	color:#01dcff; 
	text-decoration:underline; 
	text-transform:none;
}
a.link2:hover { 
	text-decoration:none; 
	color:#fff;
	text-transform:none;
}
a.link3 {
	text-decoration:underline; 
	color:#7b7b7b;
	text-transform:none;
}
a.link3:hover { 
	text-decoration:none;
	text-transform:none;
}
article img
{
	max-width: 100%;
    height:auto;
    width: auto\9; /* ie8 */
}  

/*-------------Class Style-----------*/
.pad0 { padding:0px 0 0px 0; }
.pad1 { padding:0px 0 27px 0; }
.pad2 { padding:0px 0 23px 0; }
.pad3 { padding:0px 0 34px 0; }
.pad4 { padding:0px 0 21px 0; }
.pad5 { padding:0px 0 33px 0; }
.pad6 { padding:0px 0 22px 0; }
.pad7 { padding:0px 0 1px 0; }
.pad8 { padding:0px 0 22px 0; }
.pad9 { padding:0px 0 14px 0; }
.pad10 { padding:0px 0 15px 0; }
.pad11 { padding:0px 0 18px 0; }
.pad12 {margin-top:-10px;padding-bottom:10px;}
.marg_1 { margin-top:17px;}
.extra-wrap {overflow:hidden;}
.img-indent {
	float:left; 
	margin:4px 25px 0px 0;
}
.img-indent2 {
	float:left; 
	margin:4px 30px 0px 0;
}
.whitetext {
	text-transform:uppercase; 
	color:#fff; 
}
a.whitetext {
	text-transform:uppercase; 
	color:#fff;
	text-decoration:none;
}
a.whitetext:hover {
	text-transform:uppercase; 
	color:#fff; 
	text-decoration:underline;
}
.thumbnail, .featured-thumbnail{
    position: relative;
    float: left;
    margin: 0 15px 5px 0;
}
.clear {clear:both;}
a.button-1 {
	background:#fff; 
	color:#000; 
	line-height:24px; 
	padding:4px 14px 4px 14px; 
	text-transform:uppercase; 
	display:inline-block; 
	font-size:20px; 
	font-family: 'Anton', sans-serif; 
	font-weight:400;
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	transition:all 0.5s ease;}
a.button-1:hover {
	background:#7b7b7b; 
	color:#fff; 
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	transition:all 0.5s ease;
	text-decoration:none;
	cursor: pointer;
}
.button-2 a {
	background:#fff; 
	color:#000; 
	line-height:1.2em; 
	padding:4px 14px 4px 14px; 
	margin-top:18px;
	text-transform:uppercase; 
	display:inline-block; 
	float:right;
	font-size:1.6em; 
	font-family: 'Anton', sans-serif; 
	font-weight:400;
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	transition:all 0.5s ease;
}
.button-2 a:hover {
	background:#7b7b7b; 
	color:#fff; 
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	transition:all 0.5s ease;
}
.bottomEnd {padding-top:18px;}
.bottomEnd .button-1 a {
	background:#fff; 
	color:#000; 
	line-height:24px; 
	width:70px;
	padding-top:4px;
	padding-bottom:4px;
	text-align:center; 
	text-transform:uppercase; 
	display:inline-block; 
	float:left;
	margin-right:8px;
	font-size:20px; 
	font-family: 'Anton', sans-serif; 
	font-weight:400;
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	transition:all 0.5s ease;
}
.bottomEnd .button-1 a:hover {
	background:#7b7b7b; 
	color:#fff; 
	text-decoration:none;
	cursor: pointer;
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	transition:all 0.5s ease;
}
.formButton { border:0;
	background:#fff; 
	color:#000; 
	line-height:24px; 
	height:32px;
	padding:0px 14px; 
	margin-bottom:18px;
	text-transform:uppercase; 
	display:inline-block; 
	float:right;
	margin-left:8px;
	font-size:20px; 
	font-family: 'Anton', sans-serif; 
	font-weight:400;
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	transition:all 0.5s ease;
	-webkit-appearance:none;
	box-shadow: none;
	-webkit-box-shadow: none;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	-webkit-appearance: none;
}
.formButton:hover {
	background:#7b7b7b; 
	color:#fff; 
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	transition:all 0.5s ease;
}
.formButtons {
	margin-top:-18px;
	border:0;
	background:#fff; 
	color:#000; 
	line-height:1.2em; 
	height:32px;
	padding:0px 12px; 
	margin-bottom:18px;
	text-transform:uppercase; 
	display:inline-block; 
	float:right;
	font-size:1.6em; 
	font-family: 'Anton', sans-serif; 
	font-weight:400;
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	transition:all 0.5s ease;
	-webkit-appearance:none;
	box-shadow: none;
	-webkit-box-shadow: none;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	-webkit-appearance: none;
}
.formButtons:hover {
	background:#7b7b7b; 
	color:#fff; 
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	transition:all 0.5s ease;
}
.button{ 
	border:0;
	background:#fff; 
	color:#000; 
	line-height:1.3em; 
	padding:4px 14px; 
	text-transform:uppercase; 
	display:inline-block; 
	float:left;
	margin-top:17px;
	margin-right:1px;
	font-size:1.65em; 
	font-family: 'Anton', sans-serif; 
	font-weight:400;
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	transition:all 0.5s ease;
}
.button:hover{
	background:#7b7b7b; 
	color:#fff; 
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	transition:all 0.5s ease;
}
a .button-1:hover, .button-2 a:hover, .button:hover, .formButton:hover{ 
	text-decoration:none;
	cursor: pointer;
}
input.readMore{
    margin-right: 10px;
    height: 27px;
    cursor: pointer;
}
.bottomEnd .leftbtn a{
	width:72px;
	display:inline;
}
/*-------------Animate Style-----------*/
.animate:hover{
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.animate{
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;	
}

/*-------------Portfolio Style------------*/
#gallery {
	width:90%;
	max-width:930px;
	margin:0 auto;
	height:620px;
	overflow:hidden;
}
#slider{position:relative; visibility:hidden;}
.bx-wrapper {
	position: relative;
	padding: 0;
	*zoom: 1;
}
.bx-wrapper img {
	width: 100%;
	display: block;
}
.bx-next, .bx-prev{ 
	float:left;
	position:relative; 
	width:71px;
	color:#fff; 
	line-height:24px; 
	text-align:center; 
	background:url(./images/button_shape.png) 0 0 repeat-x; 
	text-transform:uppercase; 
	font-weight:400; 
	font-family: 'Anton', sans-serif; 
	font-size:1.65em ; 
	padding:4px 0 4px 0; 
	margin-right:1px;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease
}	
.bx-controls-direction a:hover{
	background-position:0 -50px; 
	color:#fff !important;  
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease; 
	text-decoration:none;
}
.close {
    background: url("./images/button_shape.png") repeat-x scroll 0 0 transparent;
    bottom: -33px;
    color: #FFFFFF;
    font-family: 'Anton',sans-serif;
    font-size: 1.65em;
    font-weight: 400;
    line-height: 26px;
    padding: 3px 16px 4px 14px;
    position: absolute;
    right: 0;
    text-transform: uppercase;
}
.close:hover {
	background-position:0 -50px; 
	color:#fff !important;  
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
	text-decoration:none;
}
.close span {
    background: url("./images/close_hover.png") no-repeat scroll right 7px transparent;
    display: block;
    padding-right: 18px;
    position: relative;
}
.numStatuses{ 
	position:absolute; 
	bottom:1px; 
	left:0;
	font-size:18px; 
	font-family: 'Anton', sans-serif; 
	color:#fff; 
	line-height:22px;
	background:url(./images/op-50.png) 0 0 repeat; 
	width:143px; 
	padding:7px 0px 7px 0px; 
	text-align:center;
	z-index:1;	
}
.numStatuses .curr {color:#01dcff;}
/* ------------------------------Quicksand----------------------------------  */
.portfolioDesc {  
	height: auto;
    left: 0;
    position: absolute;
    top: 500px;
    width: auto;
	padding:20px;
	overflow:hidden;
}
.folio_link{ 
	background: url("./images/mask.png");
	width:100%;
	height:100%;
	display:block;
	position:absolute;
	top:0;
	left:0;
} 
.two_col {width:48.95%;float: left !important;
    margin-bottom: 1.0416%;
    margin-right: 1.0416%;
	position:relative;
	cursor:pointer;
	overflow:hidden;
}
.three_col {width: 32.2916%;float: left !important;
    margin-bottom: 1.0416%;
    margin-right: 1.0416%;
	position:relative;
	cursor:pointer;
	overflow:hidden;
}
.four_col {width: 23.9583%;float: left !important;
    margin-bottom: 1.0416%;
    margin-right: 1.0416%;
	position:relative;
	cursor:pointer;
	overflow:hidden;
}


.filterable-grid img{
	background-color:black;
}

.filter {margin-bottom:16px;margin-top:-6px;}
.filter li {float:left;}
.filter li a{ background:#fff; color:#000; margin-right:10px;line-height:24px; padding:4px 14px 4px 14px; text-transform:uppercase; display:inline-block; font-size:20px; font-family: 'Anton', sans-serif; font-weight:400;
  -webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	transition:all 0.5s ease; margin-bottom:10px;
}
.filter a:hover {background:#7b7b7b; color:#fff; -webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	transition:all 0.5s ease;
	text-decoration:none;}
.active a{color:#fff!important;text-decoration:none;background:#7b7b7b!important;}
.show_items {float:left; color:#fff;padding:8px 14px 0 0;}
.folio-title {margin-bottom:20px;}
.port-title{margin-bottom:31px;}
.port_pad {margin-top:6px;}
.folio_height {min-height:300px;}



.numStatus{ 
	position:absolute; 
	bottom:35px; 
	left:13px;
	font-size:18px; 
	font-family: 'Anton', sans-serif; 
	color:#fff; 
	line-height:20px;
	background:url(./images/op-50.png) 0 0 repeat; 
	width:132px; 
	padding:7px 0px 7px 0px; 
	text-align:center; 
}
.numStatus .curr {color:#01dcff;}
/*-------------wp-pagenavi Style------------*/
.wp-pagenavi{
    margin: 0px;
    width: 350px;
    color: #878783;
    font: 16px "Signika Negative", sans-serif;
    text-transform: uppercase;
}
.wp-pagenavi a{
	display: inline-block;
	padding: 1px 9px;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	white-space: pre;
}
.wp-pagenavi a:hover{
    color: #fff;
    -webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.wp-pagenavi .current{
	display: inline-block;
	padding: 1px 9px;
	color: #fff;
	font-weight: normal !important;
}
.nextpostslink{
    padding: 1px 7px !important;
    margin-left: 4px;
}
.previouspostslink{
	padding: 1px 7px !important;
	margin-right: 4px;
}
/*-------------Forms Style------------*/
.wpcf7 {max-width:365px;}
#commentform p,.wpcf7-form p {padding-bottom:18px;}
#commentform .field>input, .wpcf7-form span input{
	margin:0; 
	width:96%;
	max-width:250px; 
	height:15px; 
	background:#3b3b3b;
	padding:8px 2% 9px 2%; 
	color:#fff; 
	font:1em Tahoma, Geneva, sans-serif;
	border: 0;
	-webkit-appearance:none;
	box-shadow: none;
   -webkit-box-shadow: none;
   -webkit-border-radius: 0px;
   -moz-border-radius: 0px;
   border-radius: 0px;
   -webkit-appearance: none;
}
#commentform .field>input:focus, .wpcf7-form span input:focus{outline:none;}
.wpcf7-form span textarea{
	overflow: auto; 
	margin:0;
	resize:none;
	width:96%; 
	max-width:360px; 
	height:175px;
	background:#3b3b3b;
	padding:8px 2%;
	color:#fff; 
	font:1em Tahoma, Geneva, sans-serif;
	border: 0; 
	-webkit-appearance:none;
	box-shadow: none;
   -webkit-box-shadow: none;
   -webkit-border-radius: 0px;
   -moz-border-radius: 0px;
	border-radius: 0px;
   -webkit-appearance: none;
}
#commentform textarea {
	overflow: auto; 
	margin:0;
	resize:none;
	width:96%; 
	max-width:335px; 
	height:175px; 
	background:#3b3b3b; 
	padding:8px 2%; 
	color:#fff; 
	font:1em Tahoma, Geneva, sans-serif;
	border: 0; 
	-webkit-appearance:none;
	box-shadow: none;
   -webkit-box-shadow: none;
   -webkit-border-radius: 0px;
   -moz-border-radius: 0px;
   border-radius: 0px;
   -webkit-appearance: none;
}
#commentform {max-width:350px;}
#commentform textarea:focus, .wpcf7-form span textarea:focus{outline:none;}
#msg{ 
	color: #01dcff;
	margin-bottom: 19px;
	margin-top:-3px;
}
.field>label{
	text-align: right;
	width: 59px;
	display: inline-block;
}
#submit{
	float: right;
}
div.wpcf7-response-output {margin:0!important;}

/*-------------Search Forms Style------------*/

.searchform {
	background-image: url("./images/search_button.png");  
	background-position: right center;
    background-repeat: no-repeat;height:32px;}
.form_bg {
	position:relative;
    background-color: #3b3b3b;
    color: #fff;
    font-size: 12px;
    line-height: 1;
    margin:4px 0 4px 0;
	max-width:230px;
}
.searchform input {
    background: none repeat scroll 0 0 transparent !important;
    line-height: 1;
    margin: 0;
    padding: 0 3.043%;
	height: 30px;
    width: 77%;
	color: #fff;
	font:1em Tahoma, Geneva, sans-serif;
	border: 0; 
	-webkit-appearance:none;
	box-shadow: none;
   -webkit-box-shadow: none;
   -webkit-border-radius: 0px;
   -moz-border-radius: 0px;
   border-radius: 0px;
   -webkit-appearance: none;
}
.sb{background-color:#01dcff;
 background: url("./images/button_search.png") no-repeat 12px 12px transparent;
 position:absolute;top:0;right:0;width:32px;height:32px;cursor:pointer;}
.searchform input.submit {	
    display: block;
    float: right;
    text-indent: -999999px;
    width: 13%;
	height:30px;
	cursor:pointer;
}
.searchform input.submit:hover {
    background:#fff;
}
.errorInput{
	border: 1px solid #01dcff;
}
.no-results h2 {
	padding-bottom:27px;
}

/*-------------Comment Forms Style------------*/
#respond{
	padding-top: 23px;
	border-top:1px solid #292929;
}
#respond h2{
	padding-bottom:25px;
}
#commentform{
	overflow: hidden;
}
/*-------------Comment List Style------------*/
.commentlist{
	list-style: none;
	width: 100%;
	
}
.comment-body{
	position: relative;
	overflow: hidden;
	background: #3b3b3b;
	padding: 14px 18px 14px;
	margin-bottom:22px;
}
.vcard{
	text-align:center;
    float: left;
    display: inline-block;
    width: 93px; 
    margin-right: 18px;
}
.comment .children{
    margin: 0 0 5px 60px; 
	padding-top:-10px;
}
.comment{
	margin-bottom: 22px;
}
.commentlist{
	margin-bottom: 30px;
}
.fn>a:first-letter, .fn:first-letter{
	text-transform: uppercase;
}
.fn>a{
	color: #fff;	
	font-size: 13px;
	line-height: 18px;	
	font-style: normal;
	text-align:center;
	display: inline-block;	
	text-transform:none;
}
.fn{
	color: #fff;	
	font-size: 13px;
	line-height: 18px;	
	font-style: normal;
	display: inline-block;
	margin: 5px 0 0 0;
}
.says {display:none;}
.comment-meta{
    position:absolute;
	bottom:15px;
	right:18px;
}
.commentmetadata a{text-transform:none;}
.comment-body>p{
	display: table-cell; 
	color:#fff;
	padding-bottom: 23px; 
}
.comment-reply-link{
	color:#01dcff;
	text-transform:none;
}
.comment-reply-link:hover {
	color:#01dcff;
	text-transform:none;
}
/*------------Blog------------*/
.post-holder ol{
	margin-left:19px;
}
.post-holder ul{
    list-style: disc inside none;
}
.blogy {
	padding-right:2.083%;
	float:right;
}
.content-holder:first-child {
	border-top:none;
	padding-top:0;
}
.content-holder {
	padding-top:27px;
	padding-bottom:24px;
	border-top:1px solid #292929;
}
.excerpt-holder p{
	padding-top:29px; 
}
.excerpt-holder .single_title{
	margin-left:15px;
}
.post-content {
	margin-bottom:27px;
}
.blog_holder .post-content {
	margin-bottom:0;
}
.blog_holder{
	padding-left:1px;
}
.post-content img{
	margin-right:22px;
	margin-top:4px;
}
.thumb-wrap img{
	margin-top:4px;
	margin-bottom:14px;
}
.post-meta{
    margin: 26px 0 20px -2px;
    border-bottom: 1px solid #373534;
    padding-bottom: 4px;
}
.post-meta a{
	color: #878783;
}
.post-meta a:hover{
	color: #fff;
}
.related_posts {
	padding-top:24px;
	border-top:1px solid #292929;
}

.related_posts .entry {
	float:left;
	width:110px;
	margin-right:20px;
}
.related_posts .entry .excerpt {
	margin-top:0;
	padding-bottom:0;
}
.related_posts .entry p {
	display:none;
}
.entry-header h2{
   padding-bottom:27px;
}
.entry-header>h3{
    padding: 0;
} 
.sticky  h2{
	padding-bottom:27px;
}
.excerpt {
	padding-bottom:16px;
}
.categoryPost{
    display: inline-block;
    padding: 4px 0 0 23px;
    margin-right: 20px;
}
.userPost{
    display: inline-block;   
    padding-top: 8px;
}
.userPost  a{
	font: Tahoma,Geneva,sans-serif;
	color:#7b7b7b; 
	text-transform:none;
}
.userPost a:first-letter{
	text-transform: uppercase;
}
.comments{
    display: inline-block;
    float: right;
    padding-top: 8px;
}
.comments a{
	font: Tahoma,Geneva,sans-serif;
	color:#7b7b7b; 
	text-transform:none;
}
.space {
	padding-top:23px;
	padding-bottom:29px;
	border-top:1px solid #292929;
}
.content{
	display: inline-block;
	margin-bottom: 5px;
	width: 100%;
}
article.post{
	margin-bottom: 44px;
	width: 100%;
}
article.post footer{
    margin-top: 10px;
}
.postData{
    float: left;
    margin:4px 12px 15px 0;
    background: #01dcff;
	width:53px;
	height:53px;
	text-align:center;
}
.postDay {
	margin-top:10px;
	font-family:"Anton", san-serif; 
	font-size:1.7em; 
	line-height:0.6em; 
	color:#000;
}
.postMonth{
	margin-top:8px;
	font-family:"Anton", san-serif; 
	font-size:1.7em; 
	line-height:0.6em; 
	color:#000;
	text-transform:uppercase;
}
.single_title {
	padding-top:10px;
}
.single_title a{
	color: #FFFFFF;
	text-transform: uppercase;
}
.fright{
	float: right;
}
.avatar:first-child{
	float:left; 
	margin-right:22px;
	margin-top:4px;
}
.avatar img{
	width:150px;
	height:150px;
}
.author-info h2 {
	margin-top:4px;
}
#recent-author-posts {
	margin-top:30px;
	padding-top:24px;
	border-top:1px solid #292929;
}
#recent-author-comments{
	padding-top:24px;
	border-top:1px solid #292929;
}
#recent-author-comments li:last-child{
	margin-bottom:0!important;
}
/*-------------sidebar------------*/
.widget{
    padding-bottom: 27px;
}
.widget h2{
    padding-bottom: 27px;
}
.latestpost>li{
	padding-top: 20px;
	background:url("images/line_bg_2.png") left top repeat-x;
}
.latestpost>li:first-child{
	padding-top: 0;
	background: none;
}
.recent-post-meta{
	display: inline-block;
	color: #fff;
}
.recent-comments{	
	display: inline-block;
	color: #FFFFFF;
    list-style: disc outside none;
	text-transform:none;
}
.recent-comments li{	
	margin-bottom: 10px;
    margin-left: 13.5px;
}
.recent-comments li a{	
	color: #7b7b7b;
	text-transform:none;
}
.recent-comments>a{
	color: #FFAF00;
}
.recent-comments>a:hover{
	color: #fff;
}
.recent-content{
	display: table-cell;
}
.recent-content>p{
	padding-bottom: 5px;
}
#sidebar h5{
	padding-bottom: 33px;
	font-weight: 500;
	font-size: 18px;
}
.widget ul{
    list-style: disc; color:#fff;
}
.widget li{
    margin-bottom: 10px;margin-left:13.5px;
}
.widget li a{
   font: Tahoma,Geneva,sans-serif;
   color:#7b7b7b; 
   text-transform:none;
}
#footer_block_2 li{
    margin-bottom: 9px;
}
#footer_block_3 li{
    margin-bottom: 9px;
}
/*-------------contacts------------*/
.contacts span{
    display: inline-block;
    width: 71px;
}
.contacts{
	float: left;
	margin-right: 60px;
	padding-bottom: 40px;
	color: #878783;
}
/*-------------footer------------*/

footer {
	position: relative;
	margin-top: -40px; 
	height: 40px;
	clear:both;
	max-width:100%; 
	overflow:hidden;
	background:url(./images/op-80.png) 0 0 repeat; 
	padding:11px 0 0 30px; 
	font-size:0.8em; 
	color:#fff; 
	text-transform:uppercase;
}
footer p {
	padding-bottom:0px !important; 
	display:inline-block; 
	margin-top:6px;
}
footer a{ 
	color:#fff;
}
footer a:hover{ 
	text-decoration:underline;
}
footer span {
	color:#01dcff; 
	font-family:Arial, Helvetica, sans-serif;
	line-height:18px;
}
.navig { 
	float:right; 
	margin-right:30px; 
	font-size:1em; 
	color:#edebe8; 
	text-transform:uppercase; 
}
.navig p {
	width:82px;
}
.navig a {
	margin-right:4px;
}
a.icon-1 {
	width:28px; 
	height:28px; 
	background:url(./images/icon-01.png) 0 0px no-repeat; 
	display:inline-block; 
	margin-left:14px;  
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
}
a.icon-1:hover {
	background-position:0 -28px;  
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
}
a.icon-2 {
	width:28px;
	height:28px; 
	background:url(./images/icon-02.png) 0 0px no-repeat; 
	display:inline-block;  
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
}
a.icon-2:hover {
	background-position:0 -28px;  
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
}
a.icon-3 {
	width:28px; 
	height:28px; 
	background:url(./images/icon-03.png) 0 0px no-repeat; 
	display:inline-block;  
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
}
a.icon-3:hover {
	background-position:0 -28px;  
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
}
a.icon-4 {
	width:28px; 
	height:28px;
	background:url(./images/icon-04.png) 0 0px no-repeat; 
	display:inline-block;  
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
}
a.icon-4:hover {
	background-position:0 -28px;  
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
}
a.icon-5 {
	width:28px; 
	height:28px; 
	background:url(./images/icon-05.png) 0 0px no-repeat; 
	display:inline-block;  
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
}
a.icon-5:hover {
	background-position:0 -28px;  
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
}
a.icon-6 {
	width:28px; 
	height:28px; 
	background:url(./images/icon-06a.png) 0 0px no-repeat; 
	display:inline-block;  
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
}
a.icon-6:hover {
	background-position:0 -28px;  
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
}

/*-------------flickr------------*/
.flickrImages{
    width: 225px;
}
.flickrImages>h5{
    padding-bottom: 44px;
}
.flickrImages>a{
	display: inline-block;
	overflow: hidden;
	margin: 1px 5px 3px -1px;
	width: 71px;
	height: 71px;
}

/*-------------textwidget------------*/
.textwidget{
    white-space: pre;
}
/*------------page-404-------------*/
.error404{
	padding: 46px 0;
	color: #01dcff;
	font-size: 10em;
}
/*------------recent comments-------------*/

.recentcommentslist{
	margin-top: 3px;
}
.recentcomments{
	margin-bottom: 13px !important;
}
.recentcomments>img{
    float: left;
    margin: 0 13px 0 0;
}
.recentcomments>h3:first-letter{
	text-transform: uppercase;
}
.recentcomments>h3{
    padding-bottom: 5px;
    line-height: 9px;
}
.recentcomments>small{
    color: #878783;
	
}
.recentcomments>.last-comment-body{
	
}
/*------------Calendar-------------*/
#calendar_wrap {
	padding:0;
	}
#wp-calendar {
	width:100%;
}
#wp-calendar caption {
	text-align:center;
	}
#wp-calendar td {
	padding:6px 0;
	border:none;
	text-align:center;
	}
#wp-calendar caption {
	margin-bottom:5px;
	padding:4px 0;
	color: #fff;
	font-weight:bold;
	font-size:16px;
	}
#wp-calendar thead th {
	padding:7px 0;
	background:#fff;
	color:#000;
	text-align:center;
	font-size:14px;
	}
#wp-calendar #prev {
	text-align:left;
	}
#wp-calendar #next {
	text-align:right;
	}
/*-----*/
.left{
	float: right;
}
.right{
	float: left;
}
.left-align{
	float: left;
	margin-right:15px;
}
.right-align{
	float: right;
	margin-left:15px;
}
.alignC{
	margin:43px auto; 
	width:930px;
}
.pad {
	padding-bottom:24px;
}
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding-bottom:18px;
}
 .alignleft {
	float: left;
	margin-right:25px;
}
.alignright {
	float: right;
	margin-right:25px;
}
.gallery-caption {
	color: #292929;
	font-size: 12px;
}
.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}
.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}
.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}
.bypostauthor {
	background: none;
}

/*----------------------------------Recent Posts Templates-------------------------------------------*/

.meta {color:#01dcff;}
.excerpt_points {font-weight:bold;}
.template-1 .thumb-wrap img {margin-right:26px;margin-bottom:0;padding-bottom:4px;}
.template-1 .title_pad {padding-bottom: 17px;}
.template-1 .excerpt {padding-bottom:0;}
.template-1 .entry {padding-bottom:33px;}
.template-1 .entry:last-child {padding-bottom:0;}
.template-1 .button-1 {margin-top:10px; float:right;}

.template-2 .thumb-wrap img {margin-right:30px;margin-bottom:0;padding-bottom:4px;}
.template-2 .excerpt {padding-bottom:0;}
.template-2 .entry {padding-bottom:23px;}
.template-2 .entry:last-child {padding-bottom:0;}
.template-2 .button-1 {margin-top:10px; float:right;}

.template-3 .thumb-wrap img {float:none; margin-bottom:0; padding-bottom:24px;}
.template-3 .title_pad {padding-bottom: 17px;}
.template-3 .excerpt {padding-bottom:0;}
.template-3 .entry {padding-bottom:23px;}
.template-3 .entry:last-child {padding-bottom:0;}
.template-3 .button-1 {margin-top:34px; float:left;}


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


@media only screen and (min-width: 1000px) and (max-width: 1199px) {
#cta { margin-left: 90px; width:900px;}	
	
h2 {
	font-size:30px;
}
#wrapper header {
	height:255px;
}
.menu > ul > li {
	background:url(./images/linemenu.png) 0 17px no-repeat;
}
.menu > ul > li > a{
	font-size:20px; 
	line-height:36px;
	padding:8px 15px 10px;
}
.menu2 > ul > li > a{
	font-size:20px; 
	line-height:36px;
	padding:8px 15px 10px;
}
.sub-menu a{ 
	display:block; 
	font-size:24px;
	line-height:30px;
}
.sub-menu li{ 
	
}
#logo {
	left:25px; 
	bottom:10px; 
	width:250px;
	height:150px;
}
.firstWord {
	font-size:75px;
	letter-spacing:-3px;
	padding-right:0;
	line-height:0.75em;
}
#logoText{ 
	font-size:80px;
	padding-right:5px;
}

.tagline h2 {font-size:30px; word-spacing: 5px;}

#page {
	margin-top:15px;
}


}

@media only screen and (min-width: 820px) and (max-width: 999px) {
	
#cta {	margin-left: 120px;
	width: 990px;}
	
#header-widget{height:40px;}

h2 {
	font-size:25px;
}
#wrapper header {
	height:220px;
}
.menu > ul > li {
	background:url(./images/linemenu.png) 0 12px no-repeat;
}

.menu2 > ul > li {
	background:url(./images/linemenu2.png) 0 12px no-repeat;
}

.menu > ul > li > a{
	font-size:18px;
	line-height:31px;
	padding:6px 10px 8px;
}

.menu2 > ul > li > a{
	font-size:18px;
	line-height:31px;
	padding:6px 10px 8px;
}

.sub-menu li{ 
	
}

.sub-menu a{ 
	display:block; 
	font-size:22px;
	line-height:27px;
}
#logo {
	left:25px; 
	bottom:10px; 
	width:200px;
	height:120px;
}
.firstWord {
	font-size:58px;
	letter-spacing:-1.5px;
	line
	padding-right:0;
}
#logoText{
	/*line-height:0.6em; */
	font-size:60px;
}

.tagline h2 {font-size:30px; word-spacing: 5px;}

.container_12 .grid_12 {
	width:100%;
}
#page {
	margin-top:12px;
}

}

@media only screen and (min-width: 0px) and (max-width: 600px) {
	#cta { margin-left: 0px; width:500px;}
/* prettyPhoto styling for small screens */
.pp_pic_holder.pp_default { width: 100%!important; left: 0!important; overflow: hidden; }
div.pp_default .pp_content_container .pp_left { padding-left: 0!important; }
div.pp_default .pp_content_container .pp_right { padding-right: 0!important; }
.pp_content { width: 100%!important; height: auto!important; }
.pp_fade { width: 100%!important; height: 100%!important; }
a.pp_expand, a.pp_contract, .pp_hoverContainer, .pp_gallery, .pp_top, .pp_bottom { display: none!important; }
#pp_full_res img { width: 100%!important; height: auto!important; }
.pp_details { width: 94%!important; padding-left: 3%; padding-right: 4%; padding-top: 10px; padding-bottom: 10px; background-color: #fff; margin-top: -2px!important; }
a.pp_close { right: 10px!important; top: 10px!important; }
.pp_details {
    background-color: transparent!important;
    padding: 0!important;
    width: 100% !important;
	margin-top: 0px !important;
}
.numStatus {
    left: 0; bottom:0;
}

.two_col {width:90.95%;margin-right: 0;}

}

@media only screen and (min-width: 480px) and (max-width: 819px) {
#cta { margin-left: 2px; width:800px;}	

#header-widget{height:40px;}

.menu2 > ul > li {
	background:none;
}

.menu2 > ul > li > a{
	font-size:12px;
	line-height:31px;
	padding:6px 4px 8px;
}
	
#gallery {
	height:460px;
}
.three_col {width: 42.2916%;}
.four_col {width: 32.2916%;}
.container_24 {
	padding-left:0;
	margin-right:auto;
	margin-left:auto;
	width:93%;
}
.blogy {
	float:none;
}
h2 {
	font-size:30px;
}
#wrapper header {
	height:220px;
	padding-top:0;
}
#logo{
	float:none;
	width:242px;
	height:120px;
	right:38px;
	/*left:auto;*/
	bottom:44px;
	padding-top:22px;
}
#logoImg {
    margin-top: -27px;
}
.firstWord {
	font-size:58px;
	letter-spacing:-2px;
	padding-right:0;
}
#logoText{
	/*line-height:0.6em; */
	font-size:65px;
}

.tagline h2 {font-size:24px;word-spacing: 2px;}

#page{
	margin-top:9px;	
}
#splash{
	margin-top:10px;
}
.main_nav{
	display:none;
}
.mobile-menu-trigger{
	display:block;
}
.mobile  {
	cursor:pointer;
	display:block;
	position:relative;
	padding-top:170px;
	width:100%;
}
.mobile >ul > li > a{
	height:36px; 
	background:#000;
	display:block; 
	font-size:28px; 
	line-height:36px; 
	font-family: 'Anton', sans-serif;
	text-transform:uppercase;
	text-decoration:none;
	font-weight:normal;
	text-align:left;
	position:relative;
	text-indent:2%; 
}
.mobile >ul > li > a:hover{
	color:#01dcff;
	background:#fff;
}
.mobile-sub-menu > li >a{
	height:36px; 
	background:#000;
	display:block; 
	font-size:28px; 
	line-height:36px; 
	font-family: 'Anton', sans-serif; 
	text-transform:uppercase;
	text-decoration:none; 
	font-weight:normal;
	text-align:left; 
	position:relative;
	text-indent:4.5%;
}
.mobile-sub-menu > li >a:hover{
	color:#01dcff;
	background:#fff;
}
.mobile-sub-menu .mobile-sub-menu li a{
	text-indent:7%;
}
.navig a {
	margin-right:6px;
}
.stay{
	display:none;
}
.bottomEnd{
	position:static;
	display:block; 
	margin-bottom:80px;
}
nav div.left{
	float:none;
}
#commentform .field>input, .wpcf7-form span input{
	width:100%;
	max-width:250px;
}
.vr{
	background:url(./images/hr.png) 0 0 repeat-x; 
	height:1px; 
	width:100%; 
	margin:30px 0 27px;
}

}

@media only screen and (min-width: 0px) and (max-width: 479px) {
	
#fb-wrapper {margin-left: 50px;}
#twitter-cta {margin-left: 50px;}

#header-widget{height:80px;}

#yekra-social-wrapper{ padding: 30px 0px 30px;}

#cta { margin-left:50px; width:300px;}	

.menu2 > ul > li {
	background:none;
}

.menu2 > ul > li > a{
	font-size:5px;
	line-height:1px;
	padding:6px 0px 8px;
}
	
	
#wrapper{
	margin-bottom:-71px;
}
#gallery {
	width:100%;
	height:220px;
}
.three_col {width: 90%;
 margin-right: 0;}
 .four_col {width: 42.2916%;}
#galleryHolder{
	display:none;
}
.container_24 {
	padding-left:0;
	margin-right:auto;
	margin-left:auto;
	width:93%;
}
h2 {
	font-size:26px;
}
#wrapper header {
	height:16em;
	padding-top:0;
}
#logo{
	float:none;
	width:180px;
	height:108px;
	right:38px;
	left:auto;
	bottom:44px;
}
#logoImg {
    margin-top: 0px;
}
.firstWord {
	font-size:48px;
	letter-spacing:-3px;
	padding-right:0;
}
#logoText{
	line-height:0.6em; 
	font-size:80px;
}

.tagline h2 {font-size:28px;word-spacing: 2px;}

#page{
	margin-top:8px;
}
#splash{
	margin-top:10px;
}
.main_nav{
	display:none;
}
.menu2 > ul > li > a{ 
	font-size:16px; 
	line-height:16px;  
	padding:5px;}
.mobile-menu-trigger{
	display:block;
}
.mobile  {
	cursor:pointer;
	display:block;
	position:relative;
	padding-top:14em;
	width:100%;
	list-style:disc outside none;
}
.mobile >ul > li > a{
	height:36px; 
	background:#000;
	display:block; 
	font-size:26px; 
	line-height:36px; 
	font-family: 'Anton', sans-serif; 
	text-transform:uppercase;
	text-decoration:none; 
	font-weight:normal;
	text-align:left; 
	position:relative;
	text-indent:2%; 
}
.mobile >ul > li > a:hover{
	color:#01dcff;
	background:#fff;
}
.mobile .sub-menu {
	display:block!important;
}
.mobile-sub-menu > li >a{
	height:36px; 
	background:#000;
	display:block; 
	font-size:26px; 
	line-height:36px; 
	font-family: 'Anton', sans-serif; 
	text-transform:uppercase;
	text-decoration:none; 
	font-weight:normal;
	text-align:left; 
	position:relative;
	text-indent:4.5%;
}
.mobile-sub-menu > li >a:hover{
	color:#01dcff;
	background:#fff;
}
.mobile-sub-menu .mobile-sub-menu li a{
	text-indent:7%;
}
.bottomEnd{
	position:static;
	display:block;
	margin-bottom:80px;
}
nav div.left{
	float:none;
}
.stay{
	display:none;
}
.thumb-wrap img{
	float:none;
}
.next, .prev {
	width:62px;
}
#commentform .field>input, .wpcf7-form span input{
	width:96%;
	max-width:400px;
}
.block{
	height:71px;
}
footer{
	height:60px;
	margin-top: -60px; 
	padding-left:5%;
}
.navig{
	float:none;
	left:0;
	margin-right:0;
}
.navig a.icon-1{
	margin-left:0;
}
.thumbnail, .featured-thumbnail{
	float: none;
	margin: 0 0 10px 0;
}
.comment-meta{
	position:static;
	float:right;
}
.comments{
	float:none;
}
.vr{
	background:url(./images/hr.png) 0 0 repeat-x; 
	height:1px; 
	width:100%; 
	margin:30px 0 27px;
}

}



@media only screen and (min-width: 0px) and (max-width: 600px) {
footer {margin-top: -90px; height: 70px; margin-right:25px;}
	
._56z-{width:250px !important;}

#main{
	min-height:220px;
}
#gallery {
	height:400px;
}
#splash{
	padding:6px 0 6px 0;
}
.thumb{
	height:150px;
}
.thumb li>a {
	height:150px;
}
.thumb li img {
	width:150px; 
	height:auto;
}
.thumb li em { 
	height:150px;
}	
.thumb li{
	height:150px;
}
.thumb li .plane {
	top:0px; 
	padding:15px 20px 6px 10px; 
	width:120px; 
	font-size:0.8em;
}
.animy div.plane{
				-webkit-transform:translate3d(0px, 150px, 0px);
				-webkit-transition:-webkit-transform 0.5s linear;
				-moz-transform:translate3d(0px, 150px, 0px);
				-moz-transition:-moz-transform 0.5s linear;
				-o-transform:translateY(150px);
				-o-transition:-o-transform 0.5s linear;
				-ms-transform:translateY(150px);
				-ms-transition:-o-transform 0.5s linear;
}
.animy div.lineimg{
	height:5px;
}
.animy a img{
			-webkit-transform:translate3d(0px, -150px, 0px);
			-webkit-transition:-webkit-transform 0.5s linear;
			-moz-transform:translate3d(0px, -150px, 0px);
			-moz-transition:-moz-transform 0.5s linear;
			-o-transform:translateY(-150px);
			-ms-transform:translateY(-150px);
			-ms-transition:-o-transform 0.5s linear;
}
.no-animy div.lineimg{
	height:5px;
}
.no-animy a img { 
	margin-top:-150px;
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	transition:all 0.5s ease;
}
.no-animy div.plane {
	margin-top:22px;
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	transition:all 0.5s ease;
}

.no-animyss div.lineimg{
	height:0px;
}
.no-animyss a img { 
	margin-top:0px;
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	transition:all 0.5s ease;
}
.no-animyss div.plane{
	margin-top:0px;
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	transition:all 0.5s ease;
}
			
#wrapper>header{ 
	padding-top:33px!important;
}

}
/* Video */
.video-wrap{
	margin-top:4px;
}

/* Google Map */
.google-map {
	width:100%;
	margin-bottom:6px;
	margin-right:20px;
	background:#fff;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-image:url(./images/googleMapLoader.gif);
	}
/* MailTo */
.mailto {
	text-transform:none;
	color:#01dcff;
	text-decoration:underline;
}
.mailto:hover {
	text-transform:none;
	color:#fff;
	text-decoration:none;
}
/* Dropcap */
.dropcap {
	display: block;
	float: left;
	margin: 7px 12px 9px 0;
	text-transform: uppercase;
	width: 52px;
	height: 47px;
	padding:5px 0 0 0;
	background: #01dcff;
	font-size: 34px;
	line-height: 40px;
	color: #000;
	text-align: center;
	font-family:"Anton", san-serif;
	overflow:hidden;
}
/* Blockquote */
blockquote {
	font-style: italic;
	padding: 0 3em;
}
blockquote cite,
blockquote em,
blockquote i {
	font-style: normal;
}
.spacer {
	height: 1px;
	background:#ecebeb;
	overflow: hidden;
	font-size: 0;
	line-height: 0;
	margin: 23px 9px 23px;
}


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