@font-face {
	font-family: 'NeuzeitGro-Bold';
	src: url('../fonts/neuzeitgro-bold-webfont.eot');
	src: url('../fonts/neuzeitgro-bold-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/neuzeitgro-bold-webfont.woff') format('woff'),
		 url('../fonts/neuzeitgro-bold-webfont.ttf') format('truetype'),
	font-weight: normal;
	font-style: normal;

}
.slide p, .slide2 p {
width:230px;
}
@font-face {
	font-family: 'NeuzeitGro-Light';
	src: url('../fonts/neuzeitgro-light-webfont.eot');
	src: url('../fonts/neuzeitgro-light-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/neuzeitgro-light-webfont.woff') format('woff'),
		 url('../fonts/neuzeitgro-light-webfont.ttf') format('truetype'),
	font-weight: normal;
	font-style: normal;

}
div.slide.cloned.multiple.panel, div.slide2.cloned.multiple.panel{
/* display:none; */
}
html {
	width:100%;
	height:100%;
	margin:0;
	padding:0;
}
body {
	position:relative;
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	line-height:17px;
/*    overflow: scroll;*/
/*	overflow-y:scroll;*/
  -webkit-perspective: 1300px;
  perspective: 1300px;
}
ul {
	margin:0;
	padding:0;
}
img {border: 0 solid #fff;}
a {
	color:#000;
	text-decoration:none;
	cursor:pointer;
}
#menu {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-transform:uppercase;
	width:100%;
	height:27px;
	position:fixed;
	top:0;
	left:0;
	background-image:url(../img/back.png);
	z-index: 99999;
-o-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
ul.menu {
	list-style: none outside none;
	width:765px;
	padding-left:5px;
	margin: 0 auto;
	padding-top: 6px;
	height:21px;
	position: relative;
	text-align: center;
}
ul.menu li {
	/*float:left;*/
	padding-left:30px;
	position:relative;
	display: inline-block;
}
ul.menu li.last {
	padding:0 30px 0 30px;
}
ul.menu li a {
	cursor:pointer;
	padding-right: 30px;
	dosplay:block;
}
ul.menu li a.mainmenu {
	border-right: 1px solid #ccc;
}
ul.menu li a.mainmenu.last {
	border-right: 0px solid #ccc;
	padding-right:0;
}

ul.submenu1 {
	list-style: none outside none;
	width:170px;
	position:absolute;
	left:0px;
	top:21px;
	padding: 0;
	background-image:url(../img/back.png);
}
ul.submenu2 {
	list-style: none outside none;
	width:170px;
	position:absolute;
	left:0px;
	top:21px;
	padding: 0;
	background-image:url(../img/back.png);
	text-align: left;
}
ul.submenu3 {
	list-style: none outside none;
	width:170px;
	position:absolute;
	left:0px;
	top:21px;
	padding: 0;
	background-image:url(../img/back.png);
}
.hidden {display:none;}
ul.submenu1 li, ul.submenu2 li, ul.submenu3 li {
	border-top:1px solid #ccc;
	border-right:0 solid #ccc;
	padding:7px 15px;
	width:140px;
}
ul.submenu1 li.last, ul.submenu2 li.last, ul.submenu3 li.last {
	border-bottom:1px solid #ccc;
	padding:7px 15px;
	width:140px;
}
.submenuwrapper {
	position:relative;
	width:960px;
	height: 112px;
	margin: 0 auto;
}
#logo {
	width:276px;
	margin: 0 auto;
	padding-top:60px;
	padding-right:22px;
}
#content {
	position:absolute;
	bottom: 100px;
	left:50%;
	width: 960px;
	margin-left: -480px;
}
#contentpages {
	position:absolute;
	top: 130px;
	left:50%;
	width: 960px;
	margin-left: -480px;
	background-image:url(../img/back.png);
}
#contentpages span {padding:0;}
#footer {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	width:100%;
	height:19px !important;
	padding-top:4px;
	position:fixed !important;
	bottom:-1px !important;
	left:0 !important;
	background-image:url(../img/back.png) !important;
	text-align: center;
	z-index:99999;
	-o-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.footer {
	position: relative !important;
	width:940px !important;
	margin:0 auto;
	text-align: center;
}
.moot {
	float:right;
	position: relative !important;
	width:100px !important;
	margin-top: -2px;
}
.blockleft {float:left; width:643px;}
.blockright {float:right;width:300px;}
.blockmain1 {width:960px;background-image:url(../img/back.png);margin-bottom:7px;float:left;opacity:0;}
.blockmain2 {width:952px;background-image:url(../img/back.png);margin-bottom:7px;float:left;padding-left:8px;opacity:0;}
.block1 {width:216px;padding:10px 10px 15px 10px;float:left;margin: 0;}
.block1 img {width:216px;}
.blocka {width:500px;float:left;padding:20px;font-size:18px;}
.blockb {width:295px;float:left;padding:12px 0 15px 18px;}
.blockb h1 {font-size:22px; font-weight:normal; margin:-3px 0 0 0; padding:0;line-height:28px;}
span {
	font-size:18px;
	padding: 0 0 10px 0;
	display:block;
	width:100%;
}

.coltitle {width: 130px;float:left;margin: 20px 20px 20px 20px;padding:0;}
.colpage {width:240px;float:left;margin:20px 20px 20px 0;padding:0; overflow: hidden}

.colpage1 {width:240px;float:left;margin:20px 20px 0 0;padding:0;}
.colpage span {line-height:20px;}

input {width:100%;height:23px;background-color:#C6C6C6;border:0 solid #fff;margin-bottom:5px;}
textarea {width:100%;height:80px;background-color:#C6C6C6;border:0 solid #fff;margin-bottom:5px;}

.smaller {font-size:12px;}

.slidetext {width:100%;min-height:110px;padding-bottom: 30px;background-image:url(../img/back.png);}
.logoback {width:100%;background-image:url(../img/back.png);}

.slidewrap {width:960px;margin:0 auto;}
.slidecol {width:300px;padding:10px;float:left;}
.slidecol h1 {font-size:22px; font-weight:normal; margin:0; padding:0 40px 0 0;line-height:28px;float:left;height:80px;border-right:1px solid rgb(204, 204, 204);}
.slidecol h2 {font-size:14px; font-weight:normal; margin:0; padding:0 0 0 20px;line-height:20px;float:left;}
.left {position:absolute;top:0;left:0;width:150px;height:100%;cursor:pointer;z-index:99999;}
.right {position:absolute;top:0;right:0;width:150px;height:100%;cursor:pointer;z-index:99999;}

#slider2 {background-color:#fff;padding:0 13px;width:314px;height:440px;}
.posttext {width:300px;}
.postdate {font-size: 11px;}
.posttitle {font-size: 20px;margin:40px 0 10px 0;line-height: 28px;}
.posttext a.read-more {width:100%;text-align:left;display:block;cursor:pointer;margin-top:5px;font-weight:bold;}

.hiddenp {display:none;width:100%;min-height:460px;background-color:#fff;top:0;left:0;}
.hiddenwrap {width:960px;margin:0 auto;}
a#back {cursor:pointer;margin-bottom:20px;display:block;font-weight:bold;}

.hiddenwrap .right2 {float:right; width:331px;padding-right:300px}
.hiddenwrap .posttext {width:100%;}
.hiddenwrap .posttitle {margin-top:0;}

h1 {font-size:22px; font-weight:normal; margin:0; padding:0;line-height:28px;}
h2 {font-size:14px; font-weight:normal; margin:0; padding:0;line-height:20px;}

#slider2 .slide img {width:300px; max-height:300px; height:auto;}
.hiddenp img {width:300px; height:auto;}
.hiddenp {z-index: 99999;}

#slider2 .slide p {width:230px;}

.postheader {height:100px;}
.posttag {font-size:20px;color:#aaa;}

.social {
	position: absolute !important;
	padding-left: 0 !important;
	height: 14px;
	width: 14px;
}

.facebook {
	right: -20px;
	top: 7px;
}

.twitter {
	right: -48px;
	margin-top: 1px;
	top: 7px;
}

.y360p:hover .target,
.y360:hover {
  -webkit-animation: y360 1.5s linear;
  -moz-animation: y360 1.5s  linear;
  animation: y360 1.5s  linear;

  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

/* 360deg rotation */
@-moz-keyframes y360 {
 100% {
	transform: rotateY( 360deg );
 }
}

@-webkit-keyframes "y360" {
  to   { -webkit-transform: rotateY(-360deg); }
  from { -webkit-transform: rotateY(0deg);    }
}

/* reverse animation on mouse out */
@-moz-keyframes y360r {
 100% {
  from   { transform: rotateY(-360deg); }
  to { transform: rotateY(0deg);    }
 }
}

@-webkit-keyframes "y360r" {
  from   { -webkit-transform: rotateY(-360deg); }
  to { -webkit-transform: rotateY(0deg);    }
}


#projects {
	display: none;
	width: 960px;
	margin: 40px auto;
}
#projects .item {
	background: url(../img/back.png);
	display: inline-block;
	vertical-align: top;
	width: 450px;
	height: 254px;
	margin-bottom: 30px;
	overflow: hidden;
	position: relative;
}

#projects .item.in-progress h3 {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
			transform: translate(-50%, -50%);
	font-size: 26px;
}

	#projects .item .shadow,
	#projects .item img {
		width: 100%;
		position: absolute;
		top: 0;
		left: 0;
		transition: all 0.5s ease;
	}

	#projects .item img {
		margin-top: -23px;
	}

	#projects .item .shadow {
		background: #000;
		height: 100%;
		opacity: 0.1;
		z-index: 1;
	}

	#projects .item span {
		/*background: rgba(255,255,255,0.6);*/
		background-image:url(../img/back.png);
		position: absolute;
		bottom: 0px;
		display: block;
		width: 100%;
		transition: all 0.3s ease;
		margin: 0;
		padding: 0;
		z-index: 3;
		height: 35px;
	}
	
	#projects .item h3 {
		text-align: center;
		font-size: 22px;
		line-height: 35px;
		font-weight: normal;
		margin: 0;
		padding: 0;
	}

	#projects .item p {
		font-size: 11px;
		line-height: 17px;
		padding: 0 10px;
	}

	#projects .item:hover img  {
		transform: scale(1.1, 1.1);
	}
	#projects .item:hover .shadow  {
		opacity: 0.6;
	}

	#projects .item:hover span  {
		height: 140px;
	}

#projects .item:nth-child(odd) {
	float: left;
}

#projects .item:nth-child(even) {
	float: right;
}

#projects .item:after {
	content: '';
	display: block;
	clear: both;
}


.fly-perspective {
  -webkit-perspective: 1300px;
  perspective: 1300px;
}
.fly-perspective .fly-me {
  -moz-transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -moz-transform-origin: 50% 50% -100px%;
  -ms-transform-origin: 50% 50% -100px%;
  -webkit-transform-origin: 50% 50% -100px;
  transform-origin: 50% 50% -100px;
  -moz-transform: rotateX(-180deg);
  -ms-transform: rotateX(-180deg);
  -webkit-transform: rotateX(-180deg);
  transform: rotateX(-180deg);
  opacity: 0;
}
.fly-perspective .fly-me.fly {
  -moz-animation: fly 0.8s ease forwards;
  -webkit-animation: fly 0.8s ease forwards;
  animation: fly 0.8s ease forwards;
}

@-moz-keyframes fly {
  100% {
	-moz-transform: rotateX(0deg);
	transform: rotateX(0deg);
	opacity: 1;
  }
}
@-webkit-keyframes fly {
  100% {
	-webkit-transform: rotateX(0deg);
	transform: rotateX(0deg);
	opacity: 1;
  }
}
@keyframes fly {
  100% {
	-moz-transform: rotateX(0deg);
	-ms-transform: rotateX(0deg);
	-webkit-transform: rotateX(0deg);
	transform: rotateX(0deg);
	opacity: 1;
  }
}

#people {
	display: none;
	width: 960px;
	margin: 30px auto;
}

#people .content {
	background-image:url(../img/back.png);
	margin-bottom: 20px;
}

#people .colpage.image {height:240px;}
#people .colpage img {max-width: 100%}
/*

.blur {
	filter: blur(10px);
	-webkit-filter: blur(10px);
}*/

.single-row {
	transition: all 1.2s ease, top 1ms;
	/*transform: rotateX(90deg);*/
	display: block;
	opacity: 0;
}

.single-row.visible {
	/*transform: rotateX(0);*/
	opacity: 1;
}

.single-row .coltitle,
.single-row .colpage {
		margin: 40px 20px;
}

.single-row .colpage {
	width: 222px;
}

.loader-wrapper {
  display: none !important;
	background: white;
	height: 100%;
	width: 100%;
	display: block;
	position: absolute;
	top: 0;
}

.loader {
	width: 50px;
	height: 50px;
	position: absolute;
	top: 43%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.spinner {
	width: 30px;
	height: 30px;
	background-color: #333;

	margin: 100px auto;
	-webkit-animation: rotateplane 1.2s infinite ease-in-out;
	animation: rotateplane 1.2s infinite ease-in-out;
}

@-webkit-keyframes rotateplane {
	0% { -webkit-transform: perspective(120px) }
	50% { -webkit-transform: perspective(120px) rotateY(180deg) }
	100% { -webkit-transform: perspective(120px) rotateY(180deg)  rotateX(180deg) }
}

@keyframes rotateplane {
	0% { 
		transform: perspective(120px) rotateX(0deg) rotateY(0deg);
		-webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg) 
	} 50% { 
		transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
		-webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg) 
	} 100% { 
		transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
		-webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
	}
}