@media screen, projection {

html { height:100%; }
html.js { overflow-y:hidden; }
body{ text-align:left; height:100%; padding:0; background:#2a4462 url('../img/bg/bg.jpg') 50% 50% no-repeat; }

#holder { position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden;}
#content { position:relative; left:100px; margin-right:100px; height:100%; background:#f0f0f0; z-index:20; }
#content.close { left:100%; }


/* HEADER */
#header { position:absolute; left:-60px; top:0; bottom:0; width:400px; background:#fff; }
#header:before { content:''; position:absolute; left:-12px; top:0; height:100%; width:12px; background:url('../img/bg/shadow1.png') 0 0 repeat-y }
#header:after { content:''; position:absolute; right:0; top:0; height:100%; width:10px; background:url('../img/bg/shadow2.png') 0 50% repeat-y; background-size:100% 100%; }
#header-holder { position:absolute; top:8%; bottom:8%; right:40px; left:100px; }

#logo { margin:0 0 45px; }

.share { position:absolute; left:0; bottom:50px; margin:0; line-height:21px; }
.share .fb-like { display:inline-block; *display:inline; zoom:1; height:21px; vertical-align:top; }
.share .tweet { display:inline-block; *display:inline; zoom:1; height:21px; vertical-align:top; width:100px; }
.share .gplus { display:block; }
.share .gplus>div { font-size:100% !important; }
.share iframe { vertical-align:top; }
.share .more { display:inline-block; *display:inline; zoom:1; vertical-align:top; width:21px; height:21px; position:relative; }
.share .more .control { display:block; height:21px; background:url('../img/bg/mask.png') 0 -1900px no-repeat;  }
.share .more:hover .control { background-position:-100px -1900px; }
.share .more:hover .bubble { display:block; }
.share .more .bubble { position:absolute; bottom:100%; left:50%; z-index:99; width:100px;  display:none; margin:0 0 0 -50px; padding:0 0 14px; }
.share .more .spc { background:#fff; border:1px solid #d9d9d9; display:block; text-align:center; position:relative;
	border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; padding:11px 8px;
}
.share .more .spc:after { content:''; position:absolute; top:100%; left:50%; width:1px; height:15px; background:#d9d9d9; margin-left:-1px; }

.share .plus { background:url('../img/ico/all.png') 0 -200px no-repeat; }
.share .plus:hover { background-position:-100px -200px; }

/* MAIN */
#main { position:absolute; left:380px; top:8%; bottom:8%; right:38px;  }
#main-holder { display:block; width:100%; height:100%; overflow:auto; }

.col-l { float:left; display:inline; width:306px; margin:0 35px 0 0; }
.col-l h1 { text-align:center; }
.col-r { overflow:hidden; zoom:1; min-width:300px; }

/* FOOTER */
#footer { position:absolute; bottom:7%; left:40px; width:260px; font-size:12px; line-height:18px; color:#999; border-top:1px solid #ebebeb; padding:9px 0 0; }
#footer p { margin:0; }
#footer a { color:#999; }
#footer a:hover { color:#000; }

/* PAGE CONTROL */
#page-control { position:absolute; left:-60px;; top:0; width:60px; height:100%; color:#999; text-transform:uppercase; text-decoration:none; }
#page-control .ico { position:absolute; top:50%; left:-21px; width:43px; height:46px; margin-top:-23px; background:url('../img/ico/all.png') 0 -400px no-repeat; }
#page-control .text-open,
#page-control .text-close { position:absolute; top:50%; left:-215px; width:500px; text-align:center; line-height:18px; margin-top:-9px;  display:none; background:#fff;
	transform:rotate(-90deg);
	-moz-transform:rotate(-90deg);
	-webkit-transform:rotate(-90deg);
	-o-transform:rotate(-90deg);
	-ms-transform:rotate(-90deg);

}
.ie7 #page-control .text-open,
.ie7 #page-control .text-close,
.ie8 #page-control .text-open,
.ie8 #page-control .text-close { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); left:30px; margin-top:-250px; }
#page-control:hover { background:url('../img/bg/line.png') 100% 0 repeat-y;  }
#page-control:hover .ico { background-position:0 -600px; }
#page-control:hover .text-open { display:block; }

.close #page-control .ico { background:url('../img/ico/all.png') 0 -300px no-repeat; }
.close #page-control .text-close { display:block; }
.close #page-control:hover  { background:none; }
.close #page-control:hover .ico { background-position:0 -500px; }
.close #page-control:hover .text-open { display:none; }

/* PAGE BACK */
#page-back { position:absolute; left:-60px;; top:0; width:60px; height:100%; color:#999; text-transform:uppercase; text-decoration:none; }
#page-back .ico { position:absolute; top:50%; left:-1px; width:43px; height:49px; margin-top:-25px; background:url('../img/bg/mask.png') 0 -2400px no-repeat; }
#page-back:hover .ico { background-position:-100px -2400px;  }
#page-back .text-open { position:absolute; top:50%; left:-265px; width:500px; text-align:center; line-height:18px; margin-top:-9px;  display:none; background:#fff;
	transform:rotate(-90deg);
	-moz-transform:rotate(-90deg);
	-webkit-transform:rotate(-90deg);
	-o-transform:rotate(-90deg);
	-ms-transform:rotate(-90deg);
}
#page-back:hover .text-open { display:block; }
.ie7 #page-back .text-open,
.ie8 #page-control .text-open { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); left:-20px; margin-top:-250px; }

/* MAIN MENU */
#main-menu a { color:#999999; text-transform:uppercase; display:block; zoom:1; text-decoration:none; font-size:25px; line-height:35px; font-family:'segoe ui', arial, helvetica, sans-serif; font-weight:300;  }
#main-menu ul { padding:4px 0 12px; }
#main-menu ul li { border-top:1px solid #ebebeb; }
#main-menu ul li:first-child { border-top:0; }
#main-menu ul a { text-transform:none; color:#808080; font-size:16px;line-height:29px; padding:0 2px; }
#main-menu a:hover { text-decoration:none; }
#main-menu a.active,
#main-menu a[href]:hover { color:#000; }
#main-menu .lang { margin-top:20px; }

/* PROJECTS */

.projects { margin:0 0 0px; zoom:1; }
.projects h2 { float:left; display:inline; width:102px; height:102px; line-height:100px; margin:24px 0 0; background:url('../img/bg/mask.png') 0 -500px no-repeat; font-size:14px; font-weight:normal; text-align:center; }
.projects h2 span { display:inline-block; line-height:18px; vertical-align:middle; padding:0 5px; }
.projects ul { font-family:'Courier New', monospace; letter-spacing:-0.63em; word-spacing:-0.63em; white-space:nowrap; position:relative; zoom:1; overflow:visible; overflow-x:scroll; }
.projects .list {  margin:0 0 0 102px; width:182px; position:relative; padding-right:54px;  }
.projects li { position:relative; display:inline-block; *display:inline; zoom:1; vertical-align:top; width:152px; margin:0; padding:0 0 0 30px; font-family:'segoe ui', arial, helvetica, sans-serif; letter-spacing:0px; word-spacing:0px; text-align:center; text-transform:uppercase; }
.projects li > a { text-decoration:none; color:#333;}
.projects li:after { content:''; height:1px; width:30px; background:#ccc; position:absolute; top:76px; left:0; }
.projects .img { width:152px; height:152px; display:block; overflow:hidden;	font-size:0px; line-height:152px; position:relative; text-align:center; margin:0 0 14px; background:#fff; }
.projects .img .sprite { background:url('../img/bg/mask.png') 0 -300px no-repeat; }
.reference .img .sprite  { background-position:0 -1200px; }
.projects li > a:hover .img .sprite { background-position:0 -1500px; }
.projects .desc { white-space:normal; }
.projects .desc:after { content:''; width:1px; height:11px; background:#ccc; position:absolute; top:152px; left:106px; }
.projects li.empty .img { background:#fff url('../img/bg/empty.png') 50% 50% no-repeat; }
.projects .pager { position:absolute; height:77px; top:39px; right:0; margin:0; }
.projects .pager a { display:block; width:34px; height:34px; background:url('../img/btn/pager.png') 0 0 no-repeat; margin:0 0 10px; }
.projects .pager .next { background-position:-50px 0; }
.projects .pager .prev.disabled { background-position:0 -50px; }
.projects .pager .next.disabled { background-position:-50px -50px; }


.row-half { height:50%; display:table; width:100%; }
.row-half .projects { display:table-cell; vertical-align:middle; }
.row-half + .row-half .projects { padding:20px 0; }

.row-third { height:33%; display:table; width:100%; }
.row-third .projects { display:table-cell; vertical-align:middle; }
.row-third + .row-third .projects { padding:20px 0; }

.js .projects ul { overflow:hidden; }
.js .sk-carousel-x { position:relative; width:100%; overflow:hidden; }
.js .sk-carousel-x ul { overflow:visible; }

/* PARAMS */
.params { margin:0 0 1.9em; }
.params li { overflow:hidden; zoom:1; background:url('../img/bg/dot.png') 0 100% repeat-x; line-height:16px; margin:0 0 15px; }
.params li .l { background:#f0f0f0; padding-right:4px; }
.params li .r { background:#f0f0f0; padding-left:4px; }


/* */
.slide { position:absolute; top:0; left:0; width:100%; height:100%; left:100%; }
.slide-inner { position:absolute; top:0; left:0; width:100%; height:100%; background:#fff; box-shadow:0 0 8px rgba(0,0,0,.7); -moz-box-shadow:0 0 8px rgba(0,0,0,.7); -webkit-box-shadow:0 0 8px rgba(0,0,0,.7); }
.slide .control { position:absolute; top:50%; left:-86px; z-index:10; margin:-81px 0 0; width:166px; height:162px; background:url('../img/bg/mask.png') 0 -800px no-repeat; font-size:16px; line-height:162px; color:#666; text-transform:uppercase; text-decoration:none; }
.slide.open .control  { background-position:0 -1000px; }
.slide .control span { display:inline-block; line-height:18px; vertical-align:middle; padding:0 15px 0 48px; margin-top:-7px; }
.slide .control:hover { color:#333; }

.slide .pager { position:absolute; bottom:11%; left:110px; z-index:10; }
.slide .pages a { background:url('../img/bg/mask.png') 0 -1400px no-repeat; display:inline-block; vertical-align:top; width:26px; height:26px; overflow:hidden; margin:0 9px 0 0; font-size:0px; line-height:0px; text-indent:500px; *text-indent:0; }
.slide .pages .activeSlide { background-position:-100px -1400px; }
.slide .more { background:url('../img/bg/mask.png') 0 -1700px no-repeat; display:inline-block; vertical-align:top; width:127px; height:26px; line-height:26px; overflow:hidden; text-transform:uppercase; color:#666666; text-decoration:none;; font-size:13px; padding:0 0 0 13px; margin-left:12px; }
.slide .more:hover { color:#fff; background-position:0 -1800px; }

#slide-02 { z-index:10; }
#slide-03 { z-index:12; }
#slide-01-inner { left:-620px; }
#slide-02-inner { left:-430px; }
#slide-03-inner { left:-240px; }

.slideshow { position:absolute; top:0; left:0; width:100%; height:100%; }
.slideshow > div { position:absolute; top:0; left:0; width:100% !important; height:100% !important; background:0 50% no-repeat; background-size:cover; -moz-background-size:cover; -webkit-background-size:cover; }
.ie8 .slideshow > div,
.ie7 .slideshow > div { background:none; }

.slide .prize { position:absolute; top:50%; left:115px; z-index:10; margin:-90px 0 0 0; height: 180px; }
.slide .prize p { height: 180px; line-height: 180px; background: #fff; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; font-size: 0px; padding: 0 40px; text-transform:uppercase; text-align:center; }
.slide .prize p > * {  display:inline-block; vertical-align:middle; }
.slide .prize .line { width: 1px; height: 120px; overflow:hidden; background:#e8e8e8; margin: 0 25px; }
.slide .prize strong { font-size: 14px; line-height: 18px; font-weight:normal; color: #666; }
.slide .prize .plus { position:absolute; top: 50%; left: -13px; width: 26px; height: 26px; margin-top: -13px; background: url('../img/btn/collapse.png') 0 -26px no-repeat; }
.slide .prize.close p { display:none; }
.slide .prize.close .plus { background-position: 0 0; }

.js .slide .prize { display:none; }

.slide .bgvideo { bottom: 0; left: 0; overflow: hidden; position: absolute; right: 0; top: 0; }
.slide .bgvideo .inner-video { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; background: #2a4462; }
.slide .bgvideo .inner-video.playing { z-index: 10; }.slide .bgvideo .inner-video.playing .ico-play { position: absolute; left: 40px; bottom: 40px; width: 30px; height: 30px; background: url('../img/ico/ico-play.png') 0 0 no-repeat; cursor: pointer; z-index: 5; }
.slide .bgvideo .inner-video.playing .ico-play.playing { background: url('../img/ico/ico-pause.png') 0 0 no-repeat; }
.slide .bgvideo video { display: block; margin: 0 auto; height: auto; left: 50%; height: 101%; width: 101%; position: absolute; top: 50%; transform: translate(-50%, -50%); }

/* SCROLLBAR */
.scrollbar { position:absolute; left:-5000px; top:-5000px; height:100%; }
.content-scroll { display:block; width:100%; height:100%; overflow:hidden; position:relative; }
.content-inner {  zoom:1; height:100%; }
#main-holder .js-scrolled .content-inner { padding-right:45px; height:auto; }
#main-holder .js-scrolled+.scrollbar  { left:auto; right:0; top:0; }

.sk-slider-range { display:block; width:17px; height:100%; background:#e4e4e4; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; }
.sk-slider-pane {  margin:0; position:absolute; top:73px; right:0; left:0; bottom:73px; }
.sk-slider-handle { position:absolute; left:3px; top:0%; width:11px; height:140px; margin:-70px 0 0 0;  background:url('../img/bg/mask.png') -200px -300px no-repeat; cursor:pointer;}
.sk-slider-active .sk-slider-handle  { background-position:-225px -300px; }

/* DIALOG */
#video-dialog-overlay { position:fixed; left:0; top:0; z-index:100; width:100%; height:100%; background:url('../img/bg/overlay.png') 0 0 repeat; display:none; }
#video-dialog { width:1024px; height:576px; position:absolute; left:-5000px; top:-5000px; z-index:101; }


#leed-logo { position:absolute; top:50%; left:50%; margin:80px 0 0 -340px; width:80px; height:80px; }

/* CONTACT FORM (11.09.12, svoby) */
#contact-form .row { margin-bottom: 15px; }
#contact-form .inp-text { height: auto; padding: 13px; background: white; color: #111; border: 1px solid #ccc; *width: 93%; }
#contact-form .inp-text:focus { border-color: #aaa; outline: 0; }
#contact-form .inline-btn, #contact-form .inline-btn input { height: 43px; line-height: 43px; }
#contact-form .inline-btn { padding: 0 10px; border-color: #ccc; }
#contact-form .inline-btn:hover { opacity: 0.9; }
#contact-form .fl { float: left; line-height: 47px; }
#contact-form .fr { float: right; }
#contact-form .grid-h { width: 48%; }
#contact-form textarea.inp-text { *width: 96%; }
/* CONTACT FORM > CSS3 */
#contact-form .inp-text, #contact-form .inline-btn {
	-webkit-border-radius: 6px;
	   -moz-border-radius: 6px;
	        border-radius: 6px;
}
#contact-form .inp-text {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;

	-webkit-box-shadow: inset 0px 0px 4px 0px #ccc;
	        box-shadow: inset 0px 0px 4px 0px #ccc;
}
#contact-form .inline-btn {
	background-color: #2b4462;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#5a86b7), to(#2b4462));
	background-image: -webkit-linear-gradient(top, #5a86b7, #2b4462);
	background-image:    -moz-linear-gradient(top, #5a86b7, #2b4462);
	background-image:      -o-linear-gradient(top, #5a86b7, #2b4462);
	background-image:         linear-gradient(to bottom, #5a86b7, #2b4462);
}

/* VERTICAL ALIGN MIDDLE for img */
.ie7 .slide .control span
{
	display:block;
	margin-top: expression(function(element){
		if(element){
			element.style.marginTop = Math.round((element.parentNode.offsetHeight - element.offsetHeight) / 2) - 2;
		}
	}(this));
}

.ie7 .projects h2 span,
.ie7 .projects .img img,
.ie7 .content-image .img span img
{
	display:block;
	margin-top: expression(function(element){
		if(element){
			element.style.marginTop = Math.round((element.parentNode.offsetHeight - element.offsetHeight) / 2) - 2;
		}
	}(this));
}


/* LOADER */

/**/
}

@media screen and (max-width: 1240px)
{
	.col-l { float:none; display:block; width:auto; max-width:100%; }
}


@media screen and (min-width: 1076px)
{
	.projects .list { width:364px; }
}

@media screen and (min-width: 1258px)
{
	.projects .list { width:546px; }
}

@media screen and (min-width: 1440px)
{
	.projects .list { width:728px; }
}

@media screen and (min-width: 1622px)
{
	.projects .list { width:910px; }
}