@charset "utf-8";


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

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

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

html, body {
	width:100%;
	height:100%; 
}

body {
	background: #060606;
	padding:0px;
	margin:0px;
	line-height: 1;
	font: 12px/24px 'century_gothic';
    font-weight: normal;
	color: #060606;
	-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
	-webkit-text-size-adjust: 100%;
}

a { 
	/*font-weight: bold;*/
	color: #212122;
	text-decoration: none; 
	/*border-bottom: 1px solid #454645;*/
	-webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    -ms-transition: all .1s linear;
    -o-transition: all .1s linear;
    transition: all .1s linear;
}

a:hover {
	color: #2f98c9;
}

#mp-pusher
	{
		visibility:hidden;
	}

#footer_mobile
{
	display:none;
}

ol, ul {
	list-style: none;
}

a img {
	border: 0;
}

::selection {
background:red;
color:#fff;
}

::-moz-selection {
background:red;
color:#fff;
}

::-webkit-selection {
background:red;
color:#fff;
}

/*p { margin: 0 0 1.7em }*/
strong { font-weight: 700 }
em { font-style: italic }

strong, th, thead td, b {font-weight: bold;}


/*************/
/* Slideshow */
/*************/

#fullscreenSlideshow {
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:1;
	background: #060606;
	opacity:0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
}
#fullscreenSlideshow .overlay {
	background: url('../images/overlay.png') repeat;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
#fullscreenSlideshow .content {
	position:absolute;
	right:80px;
	bottom:0px;
}
#fullscreenSlideshow .content.right {
	right:40px;
	left: auto;
	text-align: right;
}
#fullscreenSlideshow .content.bottom {
	bottom:40px;
	left:50%;
	top:auto;
	margin-left: -25%;
	width:50%;
	text-align: center;	
}
#fullscreenSlideshow .content.center {
	left:50%;
	margin-left: -25%;
	text-align: center;	
	width:50%;
}

#fullscreenSlideshow .content h1 {
	font-size:14px;
}

#fullscreenSlideshow .content *{
	color:#fff;
	text-shadow: 0px 1px 1px rgba(0,0,0,0.4);
}

#fullscreenSlideshow .content.dark *{
	color:#212122;
	text-shadow: 0px 1px 1px rgba(255,255,255,0.2);
}


#slideshowNav {
	position:absolute;
	bottom:0px;
	right:0px;
	z-index: 99;
}
#slideCount {
	display:block;
	float:left;
	margin-right:1px;
	background: #000;
	color: #fff;
	width:70px;
	height:40px;
	line-height:40px;
	text-align: center;
	font-size:24px;
	font-family: 'Oswald', arial, sans-serif;
	text-transform: uppercase;
	vertical-align: middle;
}
#slideControls {
	display:block;
	float:right;
	/*background: #000;*/
	height:40px;
	width:70px;
	vertical-align: middle;
}
#slideControls a {
	width:35px;
	height:40px;
	display:block;
	float:left;
	text-indent: -999em;
	border:none;
	background: url('../images/slidecontrols.png') no-repeat;
}
#slideControls a:hover {
	/*background-color: #ee1b24;*/
}
#slideControls a#slidenext {
	background-position: -35px 0;
}
#slideControls a#slideprev {
	background-position: 0 0;
}

/* Masonry pages */
#masonry, #masonryGallery {
	padding-bottom:1px;
	min-height:95%;
}

/********************/
/* Media Containers */
/********************/

.mediaContainer {
	opacity:1;

	-webkit-transition:opacity 0.3s linear;
	-moz-transition:opacity 0.3s linear;
	-o-transition:opacity 0.3s linear;
	-ms-transition:opacity 0.3s linear;
	transition:opacity 0.3s linear;
	margin:0px 0px 2px 2px;
}

.mediaContainer:hover {
	opacity:0.7;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
}
.mediaContainer.video:hover, .mediaContainer.gallery:hover, .mediaContainer.audio:hover {
	opacity:1;

}
.mediaContainer img {
	width:100%;
	height:auto;
	vertical-align: middle;
}


/*************************************/
/* Post, Portfolio and Gallery Pages */
/*************************************/

.type-post, .type-portfolio, div.type-attachment {
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box;   
	box-sizing: border-box;      
	width:0;
	float:left;
	overflow: hidden;
}

.type-post .inner {
	margin:10px;
	border:1px solid #cecece;
	border-top: 3px solid #000;
	background: #f3f3f3;
	-webkit-box-shadow:  0px 0px 5px 0px rgba(0, 0, 0, 0.1);
    box-shadow:  0px 0px 5px 0px rgba(0, 0, 0, 0.1);
    -webkit-transition:background-color 0.3s linear;
	-moz-transition:background-color 0.3s linear;
	-o-transition:background-color 0.3s linear;
	-ms-transition:background-color 0.3s linear;
	transition:background-color 0.3s linear;
}
.type-post:hover .inner{
	background: #fefefe;
}
.type-post .inner .entry {
	padding: 20px;
}
.type-post .mediaContainer a {
	border:none;
} 
.type-post .mediaContainer.video {
	width:100%;
	vertical-align: middle;
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	height: 0;
}
.type-post .mediaContainer.video.jpvid {
	padding-top:30px;
}
.type-post .mediaContainer.video iframe, .type-post .mediaContainer.video embed, .type-post .mediaContainer.video video, .type-post .mediaContainer.video object {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.type-post .entryTitle {
	text-align: center;
	position:relative;
}
.type-post .entryTitle h2 {
	margin-bottom:5px;
}
.type-post.format-link .entryTitle h2:before {
	background: url('../images/link.png') no-repeat right bottom;
	position:absolute;
	content: " ";
	bottom:0;
	right:0;
	width:32px;
	height:32px;
	
}
/*******************/
/* Post entry meta */
/*******************/

.type-post .entryMeta {
	background: #080808;
	padding: 5px 20px;
	overflow: hidden;
}
.type-post .entry blockquote {
	margin:0;
}
.type-post .entry img, .content img {
	max-width:100%;
	height:auto;
}
.type-post .entryMeta a{
	color: #a1a1a1;
	border:none;
}
.type-post .entryMeta a:hover{
	color: #fff;
}
.type-post .entryMeta .readMore {
	float:right;
}

.masonryNavigation {
	position:relative;
	bottom:0;
	text-align: center;
	clear:both;
	min-height:30px;
}
#ajaxLoadMore {
	text-align:center;
}
#ajaxLoadMore a {
	width:230px;
	height:30px;
	padding:0;
	margin:0;
	margin-top:40px;
	line-height:30px;
}

#ajaxLoadMore #postCount {
	margin:0 5px;
}

/********************************/
/* Portfolio / Gallery Specific */
/********************************/

.type-portfolio .mediaContainer, .latestPortfolios .mediaContainer, .type-attachment .mediaContainer {
	position: relative;
}
.type-portfolio .mediaContainer .entry, .latestPortfolios .mediaContainer .entry {
	opacity:0;
		
	position:absolute;
	left:0;
	top:0;
	
	width:100%;
	height:100%;
	z-index:100;
	
	background:rgba(112,0,5,0.7);
	/*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#9c0007,endColorstr=#9c0007);)*/
	
	-webkit-transition:opacity 0.2s linear;
	-moz-transition:opacity 0.2s linear;
	-o-transition:opacity 0.2s linear;
	-ms-transition:opacity 0.2s linear;
	transition:opacity 0.2s linear;
	
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box;   
	box-sizing: border-box;
}
.type-portfolio .mediaContainer:hover, .latestPortfolios .mediaContainer:hover {
	opacity:1;
	
}
.type-portfolio .mediaContainer:hover .entry, .latestPortfolios .mediaContainer:hover .entry {
	opacity:1;
}
.type-portfolio .entryTitle, .latestPortfolios .mediaContainer .entryTitle {
	text-align: left;
	position:absolute;
	height:60px;
	top:50%;
	margin-top:-30px;
	left:0;
	font-family: 'century_gothic';
}
.type-portfolio .entryTitle h2, .latestPortfolios .mediaContainer .entryTitle h2 {
	color:#fff;
	text-shadow: 0px 1px 1px rgba(0,0,0,0.4);
	margin-bottom:0;
	background:#ee1b24;
	padding:3px 5px 3px 20px;
	text-align: left;
	font-family: 'century_gothic_bold';
	font-size:24px;
	line-height:1.5em;
	letter-spacing:0px;
	text-transform:uppercase;
}
.type-portfolio .entryTitle p, .latestPortfolios .mediaContainer p{
	color: #fff;
	text-transform: uppercase;
	margin:0 0 0 20px;
}

#portfolioCategories {
	/*padding:80px 40px 30px;*/
	float:left;
	margin:0;
}
#portfolioCategories li {
	float:left;
	/*margin-right:10px;
	margin-bottom:10px;*/
	
}
#portfolioCategories li a {
	margin:0;
}
/* Single Portfolio */

div.singlePortfolio {
	width:100%;
	position: relative;
}

div.singlePortfolio .entry {
	width:35%;
	float:left;
}

/* Portfolio gallery */

#portfolioGallery {
	height:85%;
	width:100%;
	position:relative;
	background: #000;
}
#portfolioGallery a {
	border:none;
}

#fullscreenGallery, #portfolioVideo iframe, #portfolioVideo embed, #portfolioVideo video {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
}

#fullscreenGallery .content {
	position:absolute;
	left:40px;
	bottom:140px;
	width:50%;
}

#fullscreenGallery .content h1 {
	font-size:48px;
}

#fullscreenGallery .content *{
	color:#fff;
	text-shadow: 0px 1px 1px rgba(0,0,0,0.4);
}

#fullscreenGallery .content.dark *{
	color:#212122;
	text-shadow: 0px 1px 1px rgba(255,255,255,0.2);
}

/***********/
/* Columns */
/***********/

.one_half{ width:48%; }
.one_third{ width:30.66%; }
.two_third{ width:65.33%; }
.one_fourth{ width:22%; }
.three_fourth{ width:74%; }
.one_fifth{ width:16.8%; }
.two_fifth{ width:37.6%; }
.three_fifth{ width:58.4%; }
.four_fifth{ width:67.2%; }
.one_sixth{ width:13.33%; }
.five_sixth{ width:82.67%; }
.one_half,.one_third,.two_third,.three_fourth,.one_fourth,.one_fifth,.two_fifth,.three_fifth,.four_fifth,.one_sixth,.five_sixth{ position:relative; margin-right:4%; float:left; }
.last{ margin-right:0 !important; clear:right; }
.clearboth {clear:both;display:block;font-size:0;height:0;line-height:0;width:100%;}

/**********************/
/* Latest Posts Widget */
/***********************/

.latestPosts .type-post {
	width:100%;
}
.latestPosts .type-post .inner {
	margin:10px 0;
}
/****************************/
/* Latest Portfolios Widget */
/****************************/

.latestPortfolios .mediaContainer {
	margin-bottom:10px;
}
.latestPortfolios .mediaContainer .entryTitle {
	height:54px;
	margin-top:-27px;
}
.latestPortfolios .mediaContainer .entryTitle h2 {
	font-size:16px;
	padding-left:10px;
}
.latestPortfolios .mediaContainer p{
	font-size:11px;
	margin-left:10px;
}

/******************/
/* Twitter Widget */
/******************/
	
.twitterWidget li {float:left; margin-bottom:1em; margin-top:1em; padding-left:35px; position:relative;}
.twitterWidget a {}
.twitterWidget span{ display:block; }
.twitterWidget li:before {content:"L"; position:absolute; left:0; top:0; font-family: 'socialicoregular', sans-serif; background: #000000; width:24px; height:24px; margin-right:6px; font-size:20px; color: #efefef; text-align: center;}
.twitterWidget .twitter-text { margin-bottom:0.6em; line-height:1.5em; }
.twitterWidget .twitter-date { margin-bottom: 10px; font-style: italic; }
.twitterWidget .twitter-date a{ font-size:0.8em; border-bottom: none;}
.twitterWidget .twitter-date a:before { content: "\2014 \0020"; }

/****************/
/* Social Icons */
/****************/

.socialContainer { 
	overflow: hidden; 
	display:inline-block;
}
.socialContainer ul {
	margin-bottom:0;
}
.socialContainer ul li { 
	background: none; 
	border: none; 
	display:inline-block; 
	list-style-type: none; 
	margin: 0; 
	padding: 0; 
	font-family: 'socialicoregular', sans-serif;
	font-size:30px;
}
.socialContainer ul li a { 
	display: block;
	overflow: hidden; 
	color: #efefef;
	border-bottom:none; 
	font-weight:normal;
	width:30px;
	text-align: center;

}

.socialContainer ul li a:hover { 
	background: #2f98c9;
}


/*-----------------------------------------------------------------------------------*
/* Miscellaneous
/*-----------------------------------------------------------------------------------*/	

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
.remove-margin { margin-right: 0 !important }
.clear{clear:both;}
.clearLeft{clear:left;}
.clearRight{clear:right;}
.hide{display:none;}
.show{display:block;}
.right{float:right !important;}
.alignright{float:right !important; margin-left:1.2em;}
.left{float:left !important;}
.alignleft{float:left !important; margin-right:1.2em;}
.aligncenter {margin:0 auto; text-align:center;}
.noMargin{margin:0 !important;}

/**** Isotope Filtering ****/

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:         top, left, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}




/*******************/
/* jPlayer support */
/*******************/
div.jp-jplayer {
	width:100%;
	height:0;
	position:relative;
	background:#000;
}
div.jp-jplayer-video {
	padding-bottom:56.25%;
	margin-top:-30px;
}
div.jp-video .jp-jplayer img,div.jp-video .jp-jplayer video,div.jp-video .jp-jplayer object {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
div.jp-audio,div.jp-video {
	background:#000;
	position:relative;
}
div.jp-video-full {
	width:100%;
	height:100%;
	position: fixed;
	left:0;
	top:0;
	background: #000;
	z-index:999999;
}
div.jp-video-full div.jp-jplayer {
	top:0;
	left:0;
	position:fixed;
	width:100%;
	height:100%;
	z-index:999999;
	padding:0;
}
div.jp-video-full .jp-jplayer object {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height: 100%;
}
div.jp-video-full div.jp-gui {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:1000;
}
div.jp-video-full div.jp-interface {
	position:absolute;
	bottom:0;
	left:0;
	z-index:1000;
}
div.jp-video div.jp-video-play {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	cursor:pointer;
}
a.jp-video-play-icon {
	position:relative;
	display:block;
	text-indent:-9999px;
	width:100%;
	height:100%;
	overflow:hidden;
}
div.jp-interface {
	width:100%;
	height:30px;
	position:relative;
	background: #000;
}
div.jp-interface a {
	cursor:pointer;
}
.jp-controls,.jp-toggles {
	list-style:none;
	padding:0;
	margin:0;
}
.jp-controls li,.jp-toggles li {
	display:inline;
}
.jp-controls a,.jp-toggles a {
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	position:absolute;
}
a.jp-play,a.jp-pause {
	width:30px;
	height:30px;
	z-index:1;
	outline:none;
	top:0;
	left:10px;
}
a.jp-play {
	background:url('../images/positive/jplayericons.png') 0 0 no-repeat;
}
a.jp-pause {
	background:url('../images/positive/jplayericons.png') -30px 0 no-repeat;
	display:none;
}
.jp-current-time,.jp-duration {
	position:absolute;
	top:0;
	font-size:10px;
	letter-spacing: 1px;
	font-weight:bold;
	width:40px;
	line-height:30px;
	color:#a1a1a1;
}
.jp-current-time {
	left:55px;
}
.jp-duration {
	right:135px;
}
div.jp-audio .jp-duration, div.jp-video.smallLayout .jp-duration {
	right:105px;
}
div.jp-progress {
	position:absolute;
	height:6px;
	left:95px;
	top:12px;
	right:185px;
	max-width: 100%;
}
div.jp-audio div.jp-progress, div.jp-video.smallLayout div.jp-progress {
	right:155px;
}
div.jp-seek-bar {
	width:0px;
	height:100%;
	cursor:pointer;
	background:#464849;
}
div.jp-play-bar {
	width:0px;
	height:100%;
	background: #fff;
}
a.jp-mute,a.jp-unmute {
	width:30px;
	height:30px;
	z-index:1;
	outline:none;
	background:url('../images/positive/jplayericons.png') -60px 0 no-repeat;
	top:0;
	right:95px;
}
a.jp-unmute {
	display:none;
	background-position:-90px 0;
}
div.jp-audio a.jp-mute, div.jp-audio a.jp-unmute, div.jp-video.smallLayout a.jp-mute, div.jp-video.smallLayout a.jp-unmute {
	right:65px;
}
div.jp-volume-bar {
	position:absolute;
	top:12px;
	right:50px;
	width:45px;
	height:6px;
	cursor:pointer;
	background: #464849;
}
div.jp-audio div.jp-volume-bar, div.jp-video.smallLayout div.jp-volume-bar{
	right:20px;
}
.jp-volume-bar-value {
	width: 0px;
	height: 6px;
	margin: 0;

}
div.jp-play-bar,
div.jp-volume-bar-value {
  background-color: #2F98C9;
}
a.jp-full-screen,a.jp-restore-screen {
	width:30px;
	height:30px;
	z-index:1;
	outline:none;
	right:10px;
	top:0;
}
a.jp-full-screen {
	background:url('../images/positive/jplayericons.png') -120px 0 no-repeat;
}
a.jp-restore-screen {
	background:url('../images/positive/jplayericons.png') -150px 0 no-repeat;
	display:none;
}
div.jp-video.smallLayout a.jp-full-screen, div.jp-video.smallLayout a.jp-restore-screen {
	display:none !important;
}
.jp-no-solution {
	position:absolute;
	width:350px;
	margin-left:-175px;
	left:50%;
	top:20px;
	padding:5px;
	font-size:.8em;
	background-color:#f8f8f8;
	color:#000;
	display:none;
}
.jp-no-solution a {
	color:#000;
}
.jp-no-solution span {
	font-size:1em;
	display:block;
	text-align:center;
	font-weight: bold;
}

#main_canvas
{
	width:100%;
	height:100%;
	position:absolute;
	background:#000;
}

.sg-box-1
{
	width:50%;
	float:left;
	top:10%;
	height:40%;
	position:absolute;
	overflow:hidden;
	background:red;
	background:url(../images/infra1.jpg) no-repeat top center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.sg-box-2
{
	width:50%;
	float:left;
	top:10%;
	height:40%;
	left:50%;
	position:absolute;
	overflow:hidden;
	background:#FF0;
	background:url(../images/infra2.jpg) no-repeat top center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	
}

.sg-box-3
{
	width:50%;
	top:50%;
	background:#0C0;
	height:40%;
	float:left;
	position:absolute;
	background:url(../images/infra3.jpg) no-repeat top center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.sg-box-4
{
	width:50%;
	left:50%;
	top:50%;
	height:40%;
	background:#36F;
	float:left;
	position:absolute;
	background:url(../images/infra4.jpg) no-repeat top center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

/* TEAM IMAGES */

#main_canvas_team
{
	width:100%;
	height:100%;
	position:absolute;
	background:#000;
}


.tm-box-1
{
	width:50%;
	float:left;
	top:0%;
	height:50%;
	position:absolute;
	overflow:hidden;
	color:#fff;
	background:url(../profile/team.jpg) no-repeat top center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	/*background:red;
	background:url(../profile/team.jpg) no-repeat top center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;*/
}

.tm-box-2 h1
{
	color:#fff;
}

.tm-box-2
{
	width:50%;
	float:left;
	top:0%;
	height:50%;
	left:50%;
	position:absolute;
	overflow:hidden;
	/*background:#FF0;
	background:url(../profile/team.jpg) no-repeat top center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;*/
  background-size: cover;
	
}

.tm-box-3
{
	width:100%;
	top:50%;
	background:#0C0;
	height:50%;
	float:left;
	position:absolute;
	background:url(../profile/team1.jpg) no-repeat top center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
/*
.tm-box-4
{
	width:50%;
	left:50%;
	top:50%;
	height:40%;
	background:#36F;
	float:left;
	position:absolute;
	background:url(../images/infra4.jpg) no-repeat top center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}*/

/* END TEAM IMAGES */



.sg-line-hor
{
	top:50%;
	height:10px;
	background:#000;
	width:100%;
	position:absolute;
}
.sg-line-vert
{
	left:50%;
	height:100%;
	width:10px;
	background:#000;
	position:absolute;
}

.team_name
{
	font-size:13px;
	top:0px;
}


/* MENU CSS*/
ul.menu {
	/*font-family:arial;*/
	font-family: 'century_gothic_bold';
	list-style:none;
	margin:0;
	padding:0;
	z-index:999;
	width:100%;
	font-size:11px;
	padding-top:25px;
}
ul.menu * {
	margin:0;
	padding:0
}

ul.menu a {
	display:block;
	color:#fff;
	text-decoration:none;
	text-transform:uppercase;
	border-left:1px solid #fff;
	line-height:1em;
}
ul.menu li {
	position:relative;
	/*width:139px;*/
	/*width:100px;*/
	width:auto !important;
	float:left;
	margin-right:0px
margin-top:3px
}

ul.menu li.subart
{
	width:80px;	
}

ul.menu ul {
	position:absolute;
	bottom:18px;
	margin:0 auto;
	display:none;
	opacity:0;
	list-style:none;
	left:0px;
}
ul.menu ul li {
	position:relative;
	/*width:140px;*/
	margin:0 auto;
}
ul.menu ul li a {
	display:block;
	font-size:10px;
	padding:0px;
	color: #000;
	text-transform:capitalize;
	line-height:2em;
}
/* Sub Menu*/
ul.menu ul li a:hover {
}

.menu .on a:link, .menu .on a:visited {
	background:#E8E8E8;
	cursor:pointer;
	color:#000;
}


ul#menu li:hover a {
color:#ffea00;
}

ul#menu li ul li a {

color:#000;
/*border-bottom:1px solid #cbcbcb;*/
text-align:left;
padding-left:10px;
font-size:11px;
background:url(../images/grey_bg.png);
}

ul#menu li ul li:hover a {

color:#000;
/*border-bottom:1px solid #cbcbcb;*/
}

ul.menu ul ul {
}
ul.menu .menulink {
	padding:1px 10px 1px 10px;
	text-align:left;
	font-size:11px;
	background:url(../images/menu-bg.jpg);
	background-repeat:no-repeat;
	background-position:left;
	/*padding-bottom:2px;*/
}
ul.menu .menulink:hover,ul.menu .menuhover {
	/*background:#E8E8E8 url(../images/menu-bg-roll.jpg);*/
	/*border-bottom:2px solid red;*/
	background-repeat:no-repeat;
	background-position:center;
	color:#C00;
	padding-bottom:0px;
}
ul.menu .menuhome {
	border:0px solid #aaa;
	padding:8px 10px 7px 10px;
	font-weight:normal;
	font-size:11px;
	background-repeat:no-repeat;
	background-position:center;
}
ul.menu .menuhome:hover,ul.menu .menuhover {
	background:url(../images/menu-bg-roll.jpg);
	background-repeat:no-repeat;
	background-position:center;
}
ul.menu .sub {
	background:#E8E8E8 url(../images/arrow.gif) 136px 8px no-repeat;
}
ul.menu .sub {
	background:#E8E8E8
}
ul.menu .topline {
	background:#E8E8E8;
	border-top: 0px solid #aaa
}



.img_border
{
	/*border: 5px solid #CAC9C9;*/
	border: 5px solid #444444;
}

.img_border:hover
{
	border: 5px solid #525252;
}

#workflow_div
{
	width:600px;
	top:60px;
	background:#000000;
	position:relative;
}
/* ROLLOVER CONTENT */
.rollover {
	padding:0px;
	list-style: none;
	margin:0px auto;
}
.rollover li {
	padding: 0;
	margin: 0 2px;
	float: left;
	position: relative;
	text-align: center;
}
.rollover a {
	padding: 0px 0px;
	display: block;
	border:0px;
	width: 190px;
	text-decoration: none;
	font-weight: bold;
	/*background: url(../images/button.gif) no-repeat center center;*/
}

.rollover li em {
	background: url(../images/hover.png) no-repeat;
	width: 310px;
	height:86px;
	position: absolute;
	top: -90px;
	left: -60px;
	text-align:justify;
	padding: 5px 5px 5px 5px;
	font-style: normal;
	z-index: 2;
	display: none;
}

a.back:link
{
	color:#C0C0C0;
	text-decoration:none;
}

a.back:visited
{
	color:#C0C0C0;
	text-decoration:none;
}

a.back:active
{
	color:#C0C0C0;
	text-decoration:none;
}

a.back:hover
{
	color:#C0C0C0;
	text-decoration:underline;
}

.back_t
{
	color:#C0C0C0;
}

#home
{
	background-color:#F04F4F;
	width:152px;
}

#menu #box {
		
		/* position absolute so that z-index can be defined and able to move this item using javascript */
		position:absolute; 
		left:0; 
		top:0; 
		z-index:200; 

		/* image of the right rounded corner */
		background:url(tail.gif) no-repeat right center; 
		height:35px;


		/* add padding 8px so that the tail would appear */
		padding-right:8px;
		
		/* set the box position manually */
		margin-left:5px;
		
	}
	
	#menu #box .head {
		/* image of the left rounded corner */
		background:url(head.gif) no-repeat 0 0;
		height:35px;
		color:#eee;
		
		/* force text display in one line */
		white-space:nowrap;

		/* set the text position manually */
		padding-left:8px;
		padding-top:12px;
	}
	
	#footer
	{
		width:100%;
		position:fixed;
		bottom:0px;
		background:url(../images/grey_bg.png) repeat-x bottom left;
		z-index:999;
	}
	
	.two_column
	{
		width:60%;
		display: inline-block;
		padding:0%;
		float:left;
	}
	
	.fit
	{
		float:right;
	}
	
	.footerlogo
	{
		padding:0px;
		float:right;
		padding-right:0px;
		width:270px;
		padding:0px;
		padding-bottom:0px;
	}
	
	#copyright
	{
		color:#fff;
		padding:0px 10px ;
		font-size:9px;
		font-family: 'century_gothic_bold';
		padding-left:6px;
		padding-top:10px;
	}
	
	h1
	{
	color: #fff;
    font-size: 28px;
    font-weight: normal;
    line-height: 1.1em;
    margin-bottom: 20px;
	font-family: 'century_gothic';
	text-transform:uppercase;
	padding-top:0px;
	margin-top:0px;
	}
	
	#content_area
	{
		/*padding:4%;
		width:92%;*/
		width:100%;
		height:100%;
		/*background:url(../images/black_bg.png) #060606;*/
		/*background:#000;*/
		font-family: 'century_gothic';
		color:#fff;
		z-index:100;
		position:absolute;
		top:0px;
		font-size:12px;
	}
	
	#content_area img
	{
    width: 100%;
    height: auto;
}
	
	
	#content_area_contact
	{
		/*padding:4%;
		width:92%;*/
		width:100%;
		height:100%;
		/*background:#000;*/
		font-family: 'century_gothic';
		/*color:#fff;*/
		z-index:888;
		position:absolute;
		top:0px;
	}
	/*.text-item
	{
		width:50%;
		background:url(../images/black_bg.png);
		margin:0px auto;
		padding:20px;
		padding-bottom:10px;
		border:1px solid #515151;
	}*/
	
	.text-item
	{
		/*width:55%;*/
		width:750px;
		/*background:url(../images/black_bg.png);*/
		margin:0px;
		padding:30px;
		padding-top:20px;
		padding-bottom:10px;
		padding-right:45px;
		line-height:1.7em;
	}
	
	
	/* contact */
	
.text-item-contact {top:0px;}
#contact-holder h1 {color:#000;}
#contact-holder {color:#000; height:100%;position:relative;z-index:2;padding-top:0; /* background:url(../images/white_bg.png);*/ padding:0px;}
#contact-holder .text-holder {width:96%;margin:0 auto;position:relative;z-index:1;padding-top:0px;;}
#contact-holder h1 {font-weight:normal; font-family:'haettenschweiler'; font-size:37px; color:#ee1b24; margin:0px; margin-bottom:10px;}
#contact-holder .information {font-size:12px;margin-top:10px; text-transform:uppercase; line-height:1.6em;}
#contact-holder .information h4 { margin-bottom:10px; margin-top:0px;}
#contact-holder .information .o-text {background:url("../images/o-text.gif") 0 60% no-repeat;display:inline-block;text-indent:-9999px;width:19px;}
#contact-holder .telephone {display:block; margin-top:10px;}
#contact-holder .information2 {margin-top:100px;}
#contact-holder .social {overflow:hidden; margin-bottom:15px;}
#contact-holder .social a {float:left;width:26px;height:26px;background:url("../images/ico-social.gif") no-repeat; text-indent:-9999px; margin-right:5px;}
#contact-holder .social a.architizer {background-position:0 -26px;}
#contact-holder .social a.linkedin {background-position:0 -52px;}
#contact-holder .email {clear:both; position:relative;bottom:0;margin-bottom:60px;}
#contact-holder .email a {color:#666; font-size:18px; line-height:24px; text-transform:lowercase}
#contact-holder .email a:hover {font-weight:normal;}
#contact-holder a.copyright {color:#666; font-size:14px;}
#contact-holder .image-holder {position:absolute;top:0;height:100%;width:1280px;text-align:center;}
#contact-holder a.wow-location {/*background:url("../images/ico-o.gif") no-repeat; */width:30px;height:28px;display:block;text-indent:-9999px; position:absolute;z-index:1;}
#contact-holder a.wow-location.world-map {top:364px;right:355px;}
#contact-holder a.wow-location.local-map {top:270px;right:676px;}
#contact-holder img.world-map {width:1075px;height:582px;}
#contact-holder img.local-map {display:none;width:1075px;height:582px;}

.loader
{
	padding:0px;
	background:url(../images/splash-o-big.png) no-repeat center;
	position:absolute;
	z-index:999;
	width:100%;
	height:100%;
}

/*SCRIPT ONE CSS */
#hidden {
    display: none;
}

/*SCRIPT TWO CSS */

.mydiv
{
	padding:30px;
	background:red;
	display: none
}


.loader ul {height:0px; padding:0px; margin:0px;text-align:center; position:absolute; top:55%; left:50%; margin-left:-50%; letter-spacing:2px; width:100%; display:block; font-size:12px; color:#3e3e3e; text-transform:uppercase; font-family: 'century_gothic_bold';}
.loader ul li{display:inline-block; *display:inline; zoom:1; padding:0px 13px 0px 13px; border-right:1px solid red; line-height:12px; }
.loader ul li.last {margin-right:0; border-right:0px;}

.service_contact ul{letter-spacing:1px; width:100%; display:block; font-size:10px; line-height:8px;  color:#3e3e3e; text-transform:uppercase; font-family: 'century_gothic'; padding:0px; margin:0px;}
.service_contact ul li{display:inline-block; *display:inline; zoom:1; padding:0px 5px 0px 5px; border-right:0px solid red;}
.service_contact ul li.last {margin-right:0; border-right:0px;}


#col
{
	width:488px;
	display:inline-block;
	float:left;
	margin:20px;
		margin-right:0px;
}

/*#preloader { 
	position:absolute; 
	top:50%; 
	left:50%; 
	z-index:10; 
	width:36px; 
	height:16px; 
	margin:-6px 0 0 -18px; 
	text-indent:-999em; 
	background: url("../images/loader.gif") no-repeat bottom center;
}*/


#preloader { 
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url(../images/ajax-loader.gif) 50% 50% no-repeat #ebebeb;
}

.pageloader {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url(../images/ajax-loader.gif) 50% 50% no-repeat #ebebeb;
}

#project_back
{
	font-family: 'century_gothic';
	font-size:13px;
	font-weight:bold;
	color:#fff;
	text-transform:uppercase;
	position:absolute;
	left:0px;
	bottom:0px;
	z-index:9999;
	/*background:#ee1b24;*/
	background:#000;
	padding:5px;
}

.arrow
{
	background: url("../images/back_arrow.png") no-repeat scroll 0px 0px rgba(0, 0, 0, 0);
    content: "";
    height: 16px;
	width:16px !important;
    transform: translate3d(0px, 0px, 0px);
    transition: all 0.3s ease 0s;
	margin:-1px 5px !important;
}

.arrow span
{
	padding:10px;
}

.arrow:hover
{
	background: url("../images/back_arrow.png") no-repeat scroll 0px -16px rgba(0, 0, 0, 0);
    content: "";
	width:16px !important;
    height: 16px;
    transform: translate3d(0px, 0px, 0px);
    transition: all 0.3s ease 0s;
	margin:2px 5px !important;
}

.map
{
padding:3px; background:#fff;
/*-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);*/
width:100%;
margin-top:10px;
}

.form_area
{
	/*background:url(../images/white_bg.png);*/
	padding:0px 0px;
	width:100%;
	margin-bottom:50px;
}

.contact_divider
{
	background:url(../images/contact_divider.png) repeat-x center bottom;
	padding:5px;
}

.description
{
	text-transform:uppercase;
	line-height:1.7em;
	padding-bottom:50px;
}

/* NEW ADDED FOR GART */
#main_canvas
{
	width:100%;
	height:100%;
	position:absolute;
	background:#000;
}

.descrition
{
	padding:20px;
	font-family: 'century_gothic';
	font-size:12px;
	line-height:1.6em;
}


.team_name
{
	font-family: 'century_gothic_bold';
	font-size:25px;
	color:#000;
	padding:20px;
	margin:0px;
	top:0px;
}

/*-----------------------------------------------------------------------------------*
/* Responsive
/*-----------------------------------------------------------------------------------*/	

/**********/
/* Tablet */
/**********/

@media screen and (max-width: 480px) { 
ul.menu li
{
	width:auto !important;
}
ul.menu li.subart
{
	width:auto !important;
	padding-right:15px;
}

ul.menu .menulink
{
	font-size:8px;
	padding:1px 5px;
}

ul.menu li
{
	width:auto !important;
}

ul.menu li.arrow
{
	width:10px !important;
}

.arrow
{
	background: url("../images/back_arrow_small.png") no-repeat scroll 0px 0px rgba(0, 0, 0, 0);
    content: "";
    height: 10px;
	width:10px !important;
    transform: translate3d(0px, 0px, 0px);
    transition: all 0.3s ease 0s;
	margin:2px 5px !important;	
}

.arrow span
{
	padding:5px;
}

.arrow:hover
{
	background: url("../images/back_arrow_small.png") no-repeat scroll 0px -10px rgba(0, 0, 0, 0);
    content: "";
	width:10px !important;
    height: 10px;
    transform: translate3d(0px, 0px, 0px);
    transition: all 0.3s ease 0s;
	margin:2px 5px !important;
}

.two_column
{
	width:auto !important;
}

}

@media screen and (max-width: 600px) { 
#col
{
	width:86% !important;
	padding:7% !important;
	display:inline-block;
	float:left;
	/*margin:20px;*/
	margin:0px !important;
}

.map
{
	margin-top:0px;
}

.form_area
{
	margin-bottom:20px;
}

ul.menu .menulink
{
	font-size:8px;
	padding:1px 5px;
}


ul.menu li
{
	width:auto !important;
}

ul.menu li.arrow
{
	width:10px !important;
}

.arrow
{
	background: url("../images/back_arrow_small.png") no-repeat scroll 0px 0px rgba(0, 0, 0, 0);
    content: "";
    height: 10px;
	width:10px !important;
    transform: translate3d(0px, 0px, 0px);
    transition: all 0.3s ease 0s;
	margin:2px 5px !important;	
}

.arrow span
{
	padding:5px;
}

.arrow:hover
{
	background: url("../images/back_arrow_small.png") no-repeat scroll 0px -10px rgba(0, 0, 0, 0);
    content: "";
	width:10px !important;
    height: 10px;
    transform: translate3d(0px, 0px, 0px);
    transition: all 0.3s ease 0s;
	margin:2px 5px !important;
}

.two_column
{
	width:auto !important;
}
}

@media screen and (max-width: 967px) { 
	
	.text-item
	{
		/*width:96% !important;
		padding:2% !important;*/
		padding:5% 7% !important;
		width:86% !important;
		font-size:11px;
		line-height:1.7em;
	}
	
	.text-item h1
	{
		/*width:96% !important;
		padding:2% !important;*/
		font-size:18px;
		font-weight:bold;
	}
	
.service_contact ul li
{
	font-size:9px !important;
	line-height:1.7em !important;
}
	
	header {
	    position:relative;
	    width:100%;
	    left:0;
	    height:auto; 
    }
    header #logo {
	    margin:0 auto;
	    width:100%;
	    float:none;
	    text-align:center;
    }
    header nav {
	    float:none;
	    background: #000;
	    padding: 10px 0;
	    text-align: center;
    }
	
    .tinynav { 
    	display: block; 
    	text-align:center; 
    	margin:0 auto; 
    	border: 1px solid #212122;
	   	padding: 0 0 0 10px;
	   	font-size: 14px;
     	width: 220px;
     	height:30px;
     	line-height:30px;
     	color: #fff;
     	font-family: 'Oswald', arial, sans-serif;
     	font-weight:normal;
     	background: #212122 url("../images/selectbox.png") no-repeat right center;
     	-webkit-appearance: none;
 	   	-webkit-box-shadow: 0;
 	   	text-shadow: none;
 	   	-moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;
    }
    
    .tinynav:focus {outline-color: #212122;}
    
    header nav .menu { display: none }
    
    footer {
		position: relative;
		margin: 0 auto;
		line-height:30px;
		right:0;
		padding:0;
		width: 100%;
		height:60px;
		text-align: center;
		overflow: hidden;
	}
	footer span {
		width:100%;
		float:none;
	}
	.socialContainer {
		width:100%;
		float:none;
	}

	div.single {
		width:100%;
	}
	#fullscreenSlideshow {
		position:relative;
		width:100% !important;
		height:100%;
	}
	#fullscreenSlideshow .overlay {
		position:absolute;
	}
	#fullscreenSlideshow .content {
		/*width:45%;*/
	}
	#slideshowNav {	
		bottom:0px;
	}
	#slideControls {
		/*display:none;*/
	}
	.wrapper { padding: 40px 30px;}
	
	.wrapper > .content {
	   	width: 70%;
    }
    #sidebar {
		width:100%;
		margin:0;
		position:relative;	
		border-top: 1px solid #dedede;
		padding-top:30px;
	}
	
	#sidebar .widget {
		width: 30%;
		margin:0 1.5%;
		float:left;
	}
	#portfolioGallery {
		height:60%;
	}
	#portfolioCategories {
		padding-top:40px;
	}
}

/*****************/
/* Mobile Device */
/*****************/


@media screen and (max-width: 767px) { 
    
	ul.menu li.arrow  {
	position:relative;
	width:16px !important;
	float:left;
	margin-right:0px
}
	
	#copyright
	{
		font-size:5px !important;
	}
	
	#content_area
	{
		/*background:none !important;*/
	}
	
	.text-item
	{
		/*background:url("../images/black_bg.png");
		padding-bottom:60px !important;*/
		font-size:10px;
	}
	
	
	
	ul.menu li {
	position:relative;
	width:auto !important;
	float:left;
	margin-right:0px
}
	/*#footer
	{
		visibility:hidden
	}
	
	#mp-pusher
	{
		visibility:visible;
	}
	
	
	
	#footer_mobile
	{
		display:block;
		width:100%;
		position:fixed;
		bottom:0px;
		background:url(../images/grey_bg.png);
		z-index:9999;
	}*/
	
    .wrapper > .content {
	   	width: 100%;
    }
    
	
	#masonry, #masonryGallery {
		padding-bottom:0;
	}
	
	
	#fullscreenSlideshow .content {
		position:relative;
		width:auto;
		left:0;
		top:auto;
		margin-top: 30px !important;
		padding:0 30px;
		overflow: hidden;
	}
	#fullscreenSlideshow .content.right, #fullscreenSlideshow .content.bottom, #fullscreenSlideshow .content.center {
		right: auto;
		left: 0;
		bottom: auto;
		margin:0;
		text-align: left;
		width: auto;
	}
	
	
	#fullscreenSlideshow .content h1 {
		font-size:21px;
	}
	
	#portfolioGallery {
		height:100%;
	}
	
	div.single .type-post .inner, div.single #comments .inner {
		margin:0;
	}
	div.single .entryMeta {
		position:relative;
		width:100%;
		margin-bottom:40px;
	}
	
	div.single .entryMeta .icons{
		clear:none;
		float:left;
		width:50%;
	}
	div.single .entryMeta .wpMeta{
		clear:none;
		float:left;
		width:50%;
	}
	div.single .entryMeta .shareButtons{
		margin: 10px 0;
		float:left;
		width:100%;
	}
	div.single .entryMeta .shareButtons > * {
		width: 49% !important;
		margin:0;
		float:none;
	}
	#sidebar .widget {
		width: 100%;
		margin:0;
	}
	#slideCount {
		display:none;
	}
	
}

/*@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {*/
@media screen and (max-width: 1280px){

.team_name
{
	font-family: 'century_gothic_bold';
	font-size:11px;
	color:#000;
	padding:10px;
	margin:0px;
	top:0px;
}


.sg-line-hor
{
	top:50%;
	height:3px;
	background:#000;
	width:100%;
	position:absolute;
}
.sg-line-vert
{
	left:50%;
	height:100%;
	width:3px;
	background:#000;
	position:absolute;
}

/*ul.menu .menulink
{
	font-size:8px;
	padding:1px 5px;
}


ul.menu li
{
	width:70px !important;
}

ul.menu li.subart
{
	width:auto !important;
	padding-right:15px;
}

ul.menu li.arrow
{
	width:10px !important;
}

.arrow
{
	background: url("../images/back_arrow_small.png") no-repeat scroll 0px 0px rgba(0, 0, 0, 0);
    content: "";
    height: 10px;
	width:10px !important;
    transform: translate3d(0px, 0px, 0px);
    transition: all 0.3s ease 0s;
	margin:2px 5px !important;
}

.arrow span
{
	padding:5px;
}

.arrow:hover
{
	background: url("../images/back_arrow_small.png") no-repeat scroll 0px -10px rgba(0, 0, 0, 0);
    content: "";
	width:10px !important;
    height: 10px;
    transform: translate3d(0px, 0px, 0px);
    transition: all 0.3s ease 0s;
	margin:2px 5px !important;
}
*/
.two_column
{
	width:auto !important;
}

#content_area
	{
		/*background:none !important;*/
	}
	
	.text-item
	{
		/*background:url("../images/black_bg.png");
		padding-bottom:60px !important;*/
		font-size:10px;
		height:100%;
	}
	
}



/*NEW CSS RESPONSIVE*/

/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}
.col:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }

/*  GRID OF TWO  */
.span_2_of_2 {
	width: 100%;
}
.span_1_of_2 {
	width: 49.2%;
}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.col { 
		margin: 1% 0 1% 0%;
	}
}

@media only screen and (max-width: 480px) {
	.span_2_of_2, .span_1_of_2 { width: 100%; }
}

#wowslider-container1 .wsl
{
	display:none;
}

#wowslider-container1 .ws_bullets
{
	display:none;
}