@media print {
	.noprint { display:none; visibility:hidden; }
}

body { background:rgb(190,190,190);}
img {border:none; }
.clear {clear:both;}
.isSmartphone {display:none;}
.noSmartphone {display:inline;}
.hide {display:none;}
img.hide {display:none;}
img.block {display:inline-block;}


.basepadding { padding:10px; }
.textpadding {padding: 30px 0 30px 0;}
.gallerypadding{padding:30px 0 30px 0;}
.rand { padding:10px; }

.fLeft{ display:block; float:left;}
.fRight{ display:block; float:right;}

.mainwidth {
	position:relative;
	max-width:960px;
	padding-left:10%;
	padding-right:10%;
	display:block;
	margin:0 auto;
}


#head {
	-webkit-transition: top 0.25s ease-in-out, background-color 0.2s ease-in-out;
	-moz-transition: top 0.25s ease-in-out, background-color 0.2s ease-in-out;
	-o-transition: top 0.25s ease-in-out, background-color 0.2s ease-in-out;
	transition: top 0.25s ease-in-out, background-color 0.2s ease-in-out;
	
	position:fixed;
	z-index:50;
	left:0;
	top:0;
	height:30%;
	width:100%;
	background-color:rgba(0,0,0,0);
	height:50px;
}
#head.top {
	background-color:rgba(0,0,0,0.7);
}
	
#logo {
	position:absolute;
	top:0;
	left:10%;
	z-index:3;
	padding:15px 0;
	color:#FFF;
	
	text-shadow: 0 1px 0.5px #000;
}
#logo a {
	color:#FFF;
	font-family: 'SourceSansProLight',Calibri, Verdana, Geneva, Arial, sans-serif;
}
#logo a strong {
	font-family: 'SourceSansPro',Calibri, Verdana, Geneva, Arial, sans-serif;
}
#menu {
	position:fixed;
	top:5px;
	right:20px;
	display:block;
	padding:3px 0;
	margin:0;
	z-index:1;	
	
	text-shadow: 0 1px 0.5px #000;
}
#menu #Navigation {
	margin:1px 190px 0 0;
	padding:0; 
	/*height:1px; 
	overflow:hidden;*/
}
/*#menu.HoJS:hover #Navigation, #menu #Navigation.open {height:auto;}
#menu #Navigation:hover{overflow:visible;}*/

#menuHead {
	font-family: 'barcode3of9',Calibri, Verdana, Geneva, Arial, sans-serif;
	color:#FFF;
	font-size:24px;
	white-space:nowrap;
	text-align:right;
	display:block;
	height:40px;
	width:180px;
	overflow:hidden;
	line-height:0;
	/*position:relative;
	float:right;*/
	/*width:100px;*/
	position:absolute;
	right:0;
	top:10px;
	/*background:url(_pix/button_menu.png) center right no-repeat;*/
	margin:0;
	cursor:pointer;
}
#headerColor {
	position:absolute;
	top:0;
	left:0;
	z-index:100;
	width:100%;
	height:200px;
	background:url(_pix/bgTransHead.png) top left repeat-x;
}
#headerImages {
	position:fixed;
	top:0;
	left:0;
	z-index:3;
	width:100%;
	height:100%;
	overflow:hidden;
}
#headerImages.relative {
	position:relative;
}

#headerImages .galleryImg {
	width:100%;
	height:100%;
	overflow:hidden;
}
#headerImages .galleryImg img {
	width:100%;
	height:auto;
}

#content {
	position:relative;
	width:80%;
	left:10%;
	top:30%;
	max-width:960px;
	display:block;
	margin:0;
	z-index:10;
}
#innerContent {
	position:relative;
}
#footer {
	position: relative;
	z-index: 5;
	background-color: #000;
	border-top:1px solid #333;
	padding:10px 10% 50px 10%;
	margin:0;
}
#footer hr {
	display:block;
	margin-top:2px;
}
#projectmenu {
	position:relative;
	width:100%;
	min-height:100%;
	z-index:2;
}
#projectmenu .mainCat, #projectmenu .subCat {
	color:#FFF;
	background-color: rgba(0,0,0,0.5);
	display: block;
	padding: 30px 5% 30px 10%;
	margin:0 0 1px 0;
	overflow: hidden;
}
#projectmenu .mainCat {padding-top:60px;}
#projectmenu .item {
	position:relative;
	
	-webkit-transition: padding 0.2s ease-in-out, background-color 0.2s ease-in-out;
	-moz-transition: padding 0.2s ease-in-out, background-color 0.2s ease-in-out;
	-o-transition: padding 0.2s ease-in-out, background-color 0.2s ease-in-out;
	transition: padding 0.2s ease-in-out, background-color 0.2s ease-in-out;

	color:#FFF;
	background-color: rgba(0,0,0,0.5);
	display: block;
	padding: 70px 5% 70px 10%;
	margin:0 0 1px 0;
	overflow: hidden;
	cursor:pointer;
}
#projectmenu .item:hover {
	background-color: rgba(0,0,0,0.7);
	padding:70px 3% 70px 12%;
}

#projectmenu p,#projectmenu h1, #projectmenu h2{color:#FFF; margin:0;}
#projectmenu .item .parameter {
	float:right;
	width:15%;
}
#projectmenu .item .title {
	float:left;
	margin-right:5%;
	width:75%;
}
#projectmenu .item .title h2 {
	font-size:60px;
	line-height:60px;
}
@media screen and (max-width:480px){
#projectmenu .item .title h2 {
	font-size:40px;
	line-height:40px;
}
}
#projectthumbs {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	overflow:hidden;
	z-index:1;
}
#projectthumbs div{
	position:absolute;
	top:0;
	left:0;
	
	-webkit-transition: opacity 0.5s ease-in-out;
	-moz-transition: opacity 0.5s ease-in-out;
	-o-transition: opacity 0.5s ease-in-out;
	transition: opacity 0.5s ease-in-out;
	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: center;
	width: 100%;
	height: 100%;
	/*filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);*/
	opacity: 0;
}
#projectthumbs div.hover {
	/*filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=1);*/
	opacity: 1;
}



#projectCont {
	position:relative;
	margin:0;
	/*left:0;
	top:100%;*/
	background-color:#FFF;
	z-index:4;
}
#projectTitle {
	position:absolute;
	/*width:80%;
	max-width:840px;
	left:10%;
	top:-80px;
	background-color:#FFF;
	height:80px;*/
	width:100%;
	top:-80px;
	background-color:rgba(0,0,0,0.5);
	height:80px;
}
#projectTitle h1 {
	/*margin:20px 40px 0 20px;*/
	color:#FFF;
	margin:20px 60px 0 10%;
}	

.scrollDown{
	display:block;
	position:absolute;
	right:20px;
	top:10px;
	width:40px;
	height:40px;
	background:url(_pix/button_scrollDown.png) center no-repeat;
}
/*______________________________________________________________________gallery*/
.gallery { 
	position:relative; 
}
.slideSet {
	position:relative;
	width:100%;
	overflow:hidden;	
}
/*flexH*/
.gallery.flexH .slideSet {
	overflow:hidden;	
	max-height:200px;
	-webkit-transition: max-height 0.5s ease-in-out;
	-moz-transition: max-height 0.5s ease-in-out;
	-o-transition: max-height 0.5s ease-in-out;
	transition: max-height 0.5s ease-in-out;	
}
.gallery.flexH:hover .slideSet{max-height:400px;}
.gallery.flexH .slideCont{
	margin:-75px 0 0 0;
	-webkit-transition: margin 0.5s ease-in-out;
	-moz-transition: margin 0.5s ease-in-out;
	-o-transition: margin 0.5s ease-in-out;
	transition: margin 0.5s ease-in-out;
}
.gallery.flexH:hover .slideCont{margin:0;}

.slideSet .galleryImg {
	position:relative;
	display:block;
	width:100%;
	float:left;
}

.slideSet .galleryText {
	position:absolute;
	bottom:0;
}

.button_l {
	background:url(_pix/slidearrow_left.png) center no-repeat;
	position:absolute;
	display:block;
	cursor:pointer;
	top:0;
	left:0;
	height:100%;
	width:80px;
	z-index:50;
}
.button_l:hover {background:url(_pix/slidearrow_left-act.png) center no-repeat;}

.button_r {
	background:url(_pix/slidearrow_right.png) center no-repeat;
	position:absolute;
	display:block;
	cursor:pointer;
	top:0;
	right:0;
	height:100%;
	width:80px;
	z-index:51;
}
.button_r:hover {background:url(_pix/slidearrow_right-act.png) center no-repeat;}

.gallery.hButtons .button_l,.gallery.hButtons .button_r { 
	width:0;
	-webkit-transition: width 0.5s ease-in-out;
	-moz-transition: width 0.5s ease-in-out;
	-o-transition: width 0.5s ease-in-out;
	transition: width 0.5s ease-in-out;

}
.gallery.hButtons:hover .button_l,.gallery.hButtons:hover .button_r {width:80px;}

.slideSet .gCont {
	position:relative;
	width:1000%;
}
/*________fadeSet*/
.fadeSet {
	position:relative;
	width:100%;
	overflow:hidden;	
}
.gallery.flexH .fadeSet {
	overflow:hidden;	
	max-height:200px;
	-webkit-transition: max-height 0.5s ease-in-out;
	-moz-transition: max-height 0.5s ease-in-out;
	-o-transition: max-height 0.5s ease-in-out;
	transition: max-height 0.5s ease-in-out;	
}
.gallery.flexH:hover .fadeSet{max-height:400px;}
.gallery.flexH .fadeCont{
	margin:-75px 0 0 0;
	-webkit-transition: margin 0.5s ease-in-out;
	-moz-transition: margin 0.5s ease-in-out;
	-o-transition: margin 0.5s ease-in-out;
	transition: margin 0.5s ease-in-out;
}
.gallery.flexH:hover .fadeCont{margin:0;}

.fadeSet .galleryImg.c0 {
	position:relative;
	opacity: 1;
}
.fadeSet .galleryImg {
	position:absolute;
	display:block;
	width:100%;
	top:0;
	left:0;
	/*zoom: 1;
	filter: alpha(opacity=50);*/
	opacity: 0;
}
.fadeSet .galleryImg.cssoff {
  visibility:hidden;
  opacity:0;
  -webkit-transition:visibility 0s linear 1s, opacity 1s linear;
  -moz-transition:visibility 0s linear 1s, opacity 1s linear;
  transition:visibility 0s linear 1s, opacity 1s linear;
}
.fadeSet .galleryImg.csson {
  visibility:visible;
  opacity:1;
  -webkit-transition-delay:0s;
  -moz-transition-delay:0s;
  transition-delay:0s;
}

.slideSet .galleryText {
}

.slideSet .video {
/*position: absolute; right: 0; bottom: 0;
min-width: 100%; min-height: 100%;
width: auto; height: auto;
background-size: cover;*/
}
.videobutton{
	position:absolute;
	left:50%;
	top:50%;
	width:70px;
	height:70px;
	background: url(_pix/videobutton.png) center no-repeat;
	margin:-35px 0 0 -35px;
}

/*slideSet (visible inact content)*/
.slideSet.viscont .slideCont {
	margin-left:auto;
	margin-right:auto;
	max-width:960px;
	padding-left:10%;
	padding-right:10%;
}
.slideSet.viscont  .galleryImg{
	opacity:0.2;
	-webkit-transition: opacity 0.5s ease-in-out;
	-moz-transition: opacity 0.5s ease-in-out;
	-o-transition: opacity 0.5s ease-in-out;
	transition: opacity 0.5s ease-in-out;
}
.slideSet.viscont .galleryImg.on { opacity:1;}
/*______________________________________________________________________toggleBoxes*/
.toggleBox .toggleHead h1,.toggleBox .toggleHead h2,.toggleBox .toggleHead h3,.toggleBox .toggleHead h4  {margin:7px 0;} 
.toggleHead {cursor:pointer;}
.toggleHead.toggleIcon {
	background-image:url(_pix/button_toggleOpen.png);
	background-position:center right;
	background-repeat:no-repeat;
}
.toggleBox.HoJS:hover .toggleHead.toggleIcon, .toggleHead.toggleIconAct{
	background-image:url(_pix/button_toggleClose.png);
	background-position:center right;
	background-repeat:no-repeat;
}
.toggleBox .toggleCont { 
	display:block;
	height:1px; 
	overflow:hidden;
	padding:0;
}
.toggleBox.HoJS:hover .toggleCont, .toggleBox .toggleContOn {
	display:block;
	height:auto;
	overflow:hidden;
}
/*______________________________________________________________________forms*/
.wS {width:155px;}
.wM {width:250px;}
.wFS{width:99%;}
.wHS{width:50%;}

.input {
	font-family:inherit;
	display:block;
	min-height:28px;
	background-color:#161616;
	color:#FFF;
	border:none;
	padding:0;
	margin:0 0 5px 0;
	-moz-box-shadow: 0 2px 5px 0 #000;
	-webkit-box-shadow: 0 2px 5px 0 #000;
	box-shadow: 0 2px 5px 0 #000;

}
.button {
	font-family:inherit;
	display:block;
	margin:0;
	margin-top:4px;
	
	background-color:#000;
	font-weight: bold;
	font-style:normal;
	font-size:14px;
	line-height: 22px;
	color:#FFF;
	border:none;
	padding:7px 14px;
	
	-moz-box-shadow: 0 2px 5px 0 #000;
	-webkit-box-shadow: 0 2px 5px 0 #000;
	box-shadow: 0 2px 5px 0 #000;

	text-align:center;
	cursor:pointer;
	
	-webkit-appearance:none;
}
.button:hover{
	background-color: #161616;
}

.error {
	border:5px solid #66cc00; 
	background-color:#FFF; 
	padding:5px;
}
.errorField {border: 2px solid #66cc00; background-color:#FFFFFF;}
.errorBox {border:1px solid #66cc00; background-color:#66cc00; padding:5px; color:#FFF;}
/*_____________________________________________________________________________________menu______*/
.submenu, .submenuact {
	font-size:11px;
	line-height: 22px;
	color: #FFF;
}
.submenuact { color:#B4B4B4;}
ul#nav a, #footer ul a {
	display:block;
	font-size:14px;
	line-height: 16px;
	color: #FFF;
	font-weight:normal;
	font-style:normal;
	margin:0;
	padding:9px 15px;
}
ul#nav a:hover, ul#nav a.act, #footer ul a:hover, #footer ul a.act {color:#FFF;}
#footer ul li a:first-child{padding-left: 0;}
/*ul#nav a:hover {font-family: 'barcode3of9',Calibri, Verdana, Geneva, Arial, sans-serif;}*/
ul#nav, #footer ul {
	position: relative;
	width:100%;
	text-align:left;
	list-style: none;
	margin:0 0 0 0;
	padding: 0;
}

ul#nav li, #footer ul li {
	display:block;
	float: left;
	min-height: 1px;
	line-height: 1.3em;
	vertical-align: middle;
	list-style: none;
	/*margin: 0 1px 0 0;*/
	margin:0;
	padding:0;
	/*background-color:#FFF;*/
}

ul#nav li:hover {
	position: relative;
	z-index:auto;
	cursor: default;
}

ul#nav li:before,  #footer ul li:before { position:absolute; content: ""; display:none;}
ul#nav ul {
	position: absolute;
	visibility: hidden;
	top: 100%;
	left: 0;
	z-index:155;
	padding:0;
	margin:0;
	min-width:200px;
}
ul#nav ul a {
	display:block;
	border:none;
}
ul#nav ul li { display:block; float: none; }
ul#nav ul li a{
	font-size:14px;
	line-height:16px;
	font-style:normal;
	font-weight:normal;
	margin:0;
	padding:9px 15px;
}
ul#nav ul ul {
	top: -10px;
	left: 99%;
	min-width:150px;
}

ul#nav li:hover > ul {
	visibility: visible;
}



/*_________________________________________templates*/
.textblock {
	margin-top:10px;
	padding:20px;
	background:rgba(0,0,0,0.7);
}
.textblock.small {
	max-width:500px;
}


.textblock p,.textblock h1,.textblock h2,.textblock h3,.textblock h4,.textblock td{color:#FFF;}
.textblock a{color:#999;}
.textblock a:hover{color:#FFF;}

.dark{
	background-color: rgb(0,0,0);
	display: block;
	position: relative;
	z-index: 5;
}
.dark, .dark p,.dark h1,.dark h2,.dark h3,.dark h4,.dark td{color:#FFF;}
.dark a{color:#999;}
.dark a:hover{color:#FFF;}

.sp1 {
	display:block;
	float:left;
	width:48%;
}
.sp2 {
	display:block;
	float:right;
	width:48%;
}
.sp3_1 {
	display:block;
	float:left;
	width:30%;
	margin-right:3%;
}
.sp3_2 {
	display:block;
	float:left;
	width:30%;
}
.sp3_3 {
	display:block;
	float:right;
	width:30%;
}
/*#preloader { display:none; position: fixed; left: 0; top: 0; z-index: 999; width: 100%; height: 100%; overflow: visible; background:rgb(0,0,0) url(_pix/icon_loading.gif) center no-repeat; 
 }
.js #preloader{ display:block;}*/



#preloader { display:block; position: fixed; left: 0; top: 0; z-index: 999; width: 100%; height: 100%; overflow: hidden; background-color: rgb(0,0,0); }
/*@-webkit-keyframes spin {
	from { -webkit-transform: rotate(0deg); }
	50%  { -webkit-transform: rotate(180deg); }
	to   { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
	from { transform: rotate(0deg); }
	50%  { transform: rotate(180deg); }
	to   { transform: rotate(360deg); }
}
.preloadericon {
	position: absolute;
	top:50%;
	left:50%;
	width: 50px;
	height: 50px;
	margin-left:-25px;
	margin-top:-25px;
	border: 2px solid #FFF;
	border-right-color: transparent;
	border-radius: 50%;
	animation: spin 1s linear infinite;
	-webkit-animation: spin 1s linear infinite;
}*/
@-webkit-keyframes spin {
	from { left: 0; }
	50%  { left: 75%; }
	to   { left: 0; }
}
@keyframes spin {
	from { left: 0; }
	50%  { left: 75%; }
	to   { left: 0; }
}
.preloadericon {
	position: absolute;
	top:50%;
	left:50%;
	width: 200px;
	height: 1px;
	margin-left:-100px;
	border-bottom: 1px solid #333;
}
.preloadericon:before{
	position:absolute;
	top:1px;
	display:block;
	content:' '; 
	width:25%; 
	height:1px; 
	background:#FFF;
	animation: spin 3s linear infinite;
	-webkit-animation: spin 3s linear infinite;
}