/* global settings */
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600&subset=latin,cyrillic-ext,cyrillic);
html,body{height:100%;margin:0;}
body{
	margin:0;
	min-width:1000px;
	background:#fff;
	font:13px/21px Arial;
	color:#575656;
}
img{
	vertical-align:top;
	border-style:none;
}
a{
	text-decoration:none;
	color:#575656;
	outline:none;
}
a:hover{text-decoration:underline;} 
input,
textarea,
select{
	font:100% Arial, Helvetica, sans-serif;
	vertical-align:middle;
	outline:none;
}
form,
fieldset{
	margin:0;
	padding:0;
	border-style:none;
}
.row{
	height:1%;
	overflow:hidden;
}
.wrap{
	width:100%;
	overflow:hidden;
}
.alignleft{float:left;}
.alignright{float:right;}
/* wrapper */
#wrapper{
	width:100%;
	overflow:hidden;
	position:relative;
	min-height:100%;
}
.w1{
    max-width: 1000px;
	/*width:961px;*/
	margin:0 auto;
	padding:40px 0 141px;
	position:relative;
	z-index:1;
}
#header{
	width:100%;
	overflow:hidden;
}
.logo{
	float:left;
	margin:52px 0 0 20px;
	font-size:15px;
	line-height:17px;
	font-weight:600;
}
.logo a{
	display:block;
	height:100%;
	color:#575656;
    letter-spacing: -1px;
    font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif;
    /*font-family: Century Gothic;*/
}
.index .lang{top: 407px;}
.lang{
	list-style:none;
	margin:0;
	padding:0;
	overflow:hidden;
	text-align:center;
	font-size:0;
	line-height:0;
	letter-spacing:-1px;
	position:absolute;
	top:16px;
	width:100%;
	z-index:100;
	margin-left: -15px;
}
.index .lang{
	position:absolute;
	top:407px;
	width:100%;
}
*+html .lang li{display:inline;}
.lang li{
	display:inline-block;
	letter-spacing:2px;
	font-size:14px;
	line-height:16px;
	margin:0 14px;
	min-height:19px;
}
.lang li{color:#adadad;}
.lang li a{color:#adadad;}
.lang .active{color:#565655;}
.nav.nav-main {z-index:7000;}
.nav{
    position:absolute;
    width: 100%;
    top:50%;
    margin-bottom:-22px;
	list-style:none;
	margin:0;
	/*padding:359px 0 0;*/
    padding: 0;
	overflow:hidden;
	text-align:center;
	letter-spacing:-1px;
	font-size:0;
	line-height:0;
}
*+html .nav li{display:inline;}
.nav li{
	display:inline-block;
	font-size:12px;
	line-height:14px;
	text-transform:uppercase;
	letter-spacing:2px;
	position:relative;
	padding:28px 14px 0;
}
.people {
}
.people-main.people{
	background: url(../i/ico-1.png) no-repeat;
width: 84px;
height: 27px;
	text-indent:-9999px;
	position:absolute;
	top:357px;
	left:314px;
}
.people-main.people.active{
	background: url(../i/runActive.png) no-repeat;
}
.people-main.people.forward{
	background: url(../i/runForward.png) no-repeat;
}
.people-main.people.forward.active{
	background: url(../i/runForwardActive.png) no-repeat;
}
.nav li a{text-decoration:none;}
#footer{
	background: url(../i/bg-footer.png) no-repeat 50% 0;
height:141px;
	margin:-141px 0 0;
	position:relative;
}
.changed{background-position:50% -141px !important;}
.changed .footer-nav li a{color:#fff;}
#footer .changer{
	text-indent:-9999px;
	position:absolute;
	left:50%;
	top:22px;
	margin:0 0 0 -512px;
	width:140px;
	height:25px;
	z-index:8010;
	cursor:pointer;
}
.changer .ico{
	background: url(../i/ico-1.png) no-repeat 0 -24px;
	width: 66px;
	height: 24px;
	text-indent:-9999px;
	position:absolute;
	right:-13px;
	bottom:65px;
	display:none;
}
.footer-nav{
	list-style:none;
	margin:0;
	padding:0 0 60px 0;
	overflow:hidden;
	text-align:center;
	letter-spacing:-1px;
	font-size:0;
	line-height:0;
	position:relative;
	z-index:8010;
}
*+html .footer-nav li{display:inline;}
.footer-nav li{
	display:inline-block;
	font-size:12px;
	line-height:14px;
	text-transform:uppercase;
	letter-spacing:2px;
	position:relative;
	padding:37px 0 0;
    color: inherit;
    margin-top:-8px;
}
#footer .people{
	background: url(../i/ico-1.png) no-repeat;
	width: 84px;
	height: 27px;
	text-indent:-9999px;
	position:absolute;
	top:0;
	left:0;
    z-index: 8000;
}
.footer-nav li span{
    font-size: 13px;
    visibility:hidden;
	padding:0 11px 0 12px;
}
.footer-nav li a{
	padding:0 14px ;
	text-decoration:none;
    color: inherit;
    position: absolute;
}
.footer-nav li a:hover{
	font-size:13px;
	padding:0 11px 0 12px;
}
#footer .people.active{
	background: url(../i/runActive.png) no-repeat;
    z-index: 8000;
}
#footer .people.forward{
	background: url(../i/runForward.png) no-repeat;
}
#footer .people.forward.active{
	background: url(../i/runForwardActive.png) no-repeat;
    z-index: 8000;
}

/*
 * inner
 */
.inner .lang{top:16px;}


/*
 * scroll-pane
 */
.egg .scroll-box {
    padding-right: 55px;
}
.scroll-box{
	padding:19px 30px 20px 18px;
	background:#fff;
	/*background:#fff url(../i/dotted.png) no-repeat;*/
	/*height: 638px;*/
    height: inherit;
	margin:0 0 0 20px;
	width:858px;
	position:relative;
    overflow:hidden;
    /*display:table-cell;*/
    vertical-align:middle;
}
.scroll-box .close{
	background: url(../i/close.png) no-repeat;
width: 23px;
height: 23px;
	position:absolute;
	right:-34px;
	top:18px;
	text-indent:-9999px;
	z-index:3000;
}
.scroll-pane{
	width:858px;
	overflow:auto;
	position:relative;
    height: inherit;
	/*height: 638px;*/
    /*height: inherit;*/
	padding:0 30px 0 0 ;
	outline:none;
}
.scroll-holder{
	width:857px;
}
.scroll-pane p{margin:0 0 5px;}
.scroll-pane .img-holder{text-align:center;margin:0 0 10px;}
.jspContainer
{
	overflow: hidden;
	/*position: relative;*/
}

.jspPane
{
	position:relative;
}
.jspVerticalBar
{
	position: absolute;
	top: 0;
	right: 0;
	width: 23px;
	height: 100%;
	z-index:3000;
}
.col-holder .jspVerticalBar {
    height:auto;
    margin-top:10px;
}
.jspHorizontalBar
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 16px;
	background: red;
}
.jspVerticalBar *,
.jspHorizontalBar *
{
	margin: 0;
	padding: 0;
}

.jspCap
{
	display: none;
}

.jspHorizontalBar .jspCap
{
	float: left;
}

.jspTrack
{
	position: relative;
}

.jspDrag
{
	position: relative;
	top: 0;
	left: 5px;
	cursor: pointer;
	background: url(../i/slide.png) no-repeat;
width: 12px;
height: 34px;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
	float: left;
	height: 100%;
}

.jspArrow
{
	text-indent: -20000px;
	display: block;
	cursor: pointer;
}
.jspHorizontalBar .jspArrow
{
	width: 16px;
	float: left;
	height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
	outline: none;
}

.jspCorner
{
	background: #eeeef4;
	float: left;
	height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
	margin: 0 -3px 0 0;
}
.jspArrowUp{
	background: url(../i/arrow.png) no-repeat;
width: 23px;
height: 13px;
}
.jspArrowDown{
	background: url(../i/arrow.png) no-repeat 0 -13px;
	width: 23px;
	height: 13px;
	position:absolute;
	bottom:0;
}

/*
 * inner2
 */
.project-box{
	width:100%;
	display:table-cell;
	vertical-align: bottom;
    padding-bottom: 50px;
}
.nomobile .project-box .col:hover{z-index:5;}
.project-box .col{
    padding: 0;
    /*padding-left: 2px;*/
	display:inline-block;
	vertical-align: bottom;
	/*width:192px;*/
	/*position:relative;*/
	z-index:1;
	cursor:pointer;
	/*margin: 0 -3px 0 0;*/
}
.project-box .col-holder{
    outline: 0;
    overflow:hidden;
	width:auto;
}
.project-box:after,
.project-box .col-holder:after{
	content:"";
	display:block;
	clear:both;
}
.project-box .project{
    margin: 0;
    /*margin: 0 0 0 -4px;*/
	list-style:none;
	display:inline-block;
	vertical-align: bottom;
	padding:0;
}
.project-box .project li{
	vertical-align:top;
	/*height:51px;*/
	/*position:relative;*/
	z-index:1;
	/*margin:0 0 14px;*/
	cursor:pointer;
}
.project-box .project li.empty {
    background: transparent;
}

.project-box .project li:hover{z-index:5;}
/*.project-box .project li:hover .box{display:block;}*/
.project-box .project li .box{
	position:absolute;
	top:-31px;
	left:-20px;
	z-index:100;
	/*width:390px;*/
	overflow:visible;
	display:none;
}
.project-box .project li a{
	text-decoration:none;
	cursor:pointer;
	padding:5px;
	display:block;
	width:51px;
	height:51px;
}
.project-box .project li .box img{
	float:left;
	margin:0 1px 0 0;
}
.project-box .project li .box span {
	color:#fff;
	/*padding:5px 10px;*/
	float:left;
	font-size:12px;
    top: 5px;
    left: 35px;
    position: absolute;
    z-index:100500;
	line-height:14px;
	text-transform:uppercase;
	letter-spacing:2px;
    background: none;
}
.project-box .project li .box span span{
	background:#000;
    white-space: nowrap;
    padding: 2px;
    padding-left: 4px;
    font-size: 11px;
}
.project-box .project li img{
	position:relative;
	z-index:2;
}
.project-box .project .bg{
	background: url(../i/bg-proj.gif) no-repeat 50% 0;
    width: 51px;
    height: 51px;
	position:absolute;
	z-index:3;
	top:7px;
	left:7px;
}
.nomobile .project-box .col:hover .bg{display:none;}
.nomobile .project-box .col:hover .hover{display:block;}
.nomobile .project-box .col:hover .no-hover{display:none;}
.nomobile .project-box .col .hover{display:none;}
.mobile   .project-box .col .no-hover{display:none;}
.project-box .col .no-hover{display:block;}
.project-box .project-row{
	display:inline-block;
	vertical-align: bottom;
	/*width:64px;*/
	/*position:relative;*/
	z-index:1;
	/*margin: 0 -3px 0 0;*/
}
.project-box .project-row:hover{z-index:5;}
.project-box .project-list{
	list-style:none;
	margin:0;
	padding:0;
	overflow:hidden;
	font-size:11px;
	line-height:13px;
	text-transform:uppercase;
	letter-spacing:2px;
}
.project-box .project-list li { float: left; text-align: right; margin-right: 4px; }
.project-box .project-list li span{  padding-right: 3px;}
.project-box .project-list li.span1{ width: 61px; }
.project-box .project-list li.span2{ width: 126px; }
.project-box .project-list li.span3{ width: 191px; }
.project-box .project-list li.span4{ width: 256px; }
.project-box .project-list li.span5{ width: 321px; }
.project-box .project-list li.span6{ width: 386px; }
.project-box .project-list li.span7{ width: 451px; }
.project-box .project-list li.span8{ width: 516px; }
.project-box .project-list li.span9{ width: 581px; }
.project-box .project-list li.span10{ width: 646px; }
.project-box .project-list li.span11{ width: 711px; }
.project-box .project-list li.span12{ width: 776px; }
.project-box .project-list li.span13{ width: 841px; }
.project-box .project-list li.span14{ width: 906px; }
.project-box .project-list li.span15{ width: 971px; }
/*
 * inner3
 */
.contacts-box{
	text-align:center;
	font-size:12px;
	line-height:14px;
	text-transform:uppercase;
	letter-spacing:2px;
	display:table-cell;
	vertical-align: middle;
}
.contacts-box span,
.contacts-box address{
	display:block;
	font-style:normal;
	font-weight:normal;
	padding:0 0 17px;
}
.contacts-box .mail{padding:0 0 33px;}
.contacts-box .show-map{padding:0 0 12px;}
.contacts-box .on-map{
	font-size:13px;
	line-height:15px;
	color:#ec008c;
	letter-spacing:0;
	text-transform:none;
}

/*
 * inner4
 */

.gallery-container {
    height: 100%;
    display: table;
    width: 100%;
}
.gallery-box{
    display: table-cell;
	position:relative;
	width:100%;
    height:100%;
    vertical-align: middle;
	/*padding:30px 0 0;*/
}
.gallery-box .info{
	text-align:center;
	/*padding:0 0 15px;*/
}
.gallery-box .info span{
	display:block;
	font-size:12px;
	line-height:16px;
	letter-spacing:2px;
	/*text-transform:uppercase;*/
}
.gallery-box .gallery-holder{
	/*width:469px;*/
    height: inherit;
	overflow:hidden;
	margin:0 auto;
	position:relative;
}
.gallery-box .gallery-holder ul{
	list-style:none;
	margin:0;
	padding:0;
	overflow:hidden;
	/*width:469px;*/
    height: inherit;
	/*height:469px;*/
	position:relative;
    max-width: 80%;
    margin: 0 auto;
}
.gallery-box .holder p {
    word-wrap: break-word;
    margin: 0 auto;
    text-indent: 1.5em;
    letter-spacing: 3px;
    text-align: center;
    background: #fff;
}
.gallery-box .holder .project-text p {
    display: block;
    margin: 0 auto;
    position: absolute;
}
.gallery-box .holder div.left {
	right: 50%;
    cursor: pointer;
	width:100%; 
	height: 100%;
	position: absolute;
    z-index: 100;
}
.gallery-box .holder div.right {
    left: 50%;
    cursor: pointer;
	width:100%; 
	height: 100%;
	position: absolute;
    z-index: 100;
}
.gallery-box .gallery-holder ul li {
    /*opacity: 0;*/    
    visibility: hidden;
    display: none;
}
.gallery-box .gallery-holder ul li,.gallery-box .gallery-holder ul li.active{
	/*display:none;*/
    height: inherit;
    /*
	position:absolute;
	top:0;
	left:50%;
    right:auto;
    */
    /*position: relative;*/
}
.gallery-box .gallery-holder ul li.active{
	display:block;
    height: inherit;
}
.gallery-box .holder{
	position:relative;
	/*width:960px;*/
    width: 100%;
    height: 100%;
	margin:0 auto;
	/*overflow:hidden;*/
}
.gallery-box .gallery-bg{
    margin: 2% 0;
    height: 60%;
	/*background: url(../i/dotted2.gif) repeat-x;*/
    /*min-height: 474px;*/
	/*padding:4px 9999px 0;*/
	/*margin:0 -9999px 26px;
    margin-top: 40px;
    */
}
.gallery-box .next,
.gallery-box .prev{
	background: url(../i/next-prev.png) no-repeat;
    width: 13px;
    height: 23px;
	text-indent:-9999px;
	position:absolute;
	top:50%;
    margin-top: -11px;
    left: auto;
    right: 0;
}
.gallery-box .next{
	background-position:0 -23px;
    left: 0;
    right: auto;
}
.gallery-box .close{
	background: url(../i/close.png) no-repeat;
    width: 18px;
    height: 18px;
	text-indent:-9999px;
	position:absolute;
	top:0px;
	right:200px;
    z-index:200;
}
.gallery-box .expand{
	background: url(../i/expand.png) no-repeat;
	width: 18px;
	height: 18px;
	text-indent:-9999px;
	position:absolute;
	top:0px;
	right:165px;
    z-index:200;
    margin-left: 27px;
}
.gallery-box .switcher {
    /*height: 10%;*/
}
.gallery-box .switcher ul{
	list-style:none;
	margin:0;
	padding:0;
	overflow:hidden;
	text-align:center;
	letter-spacing:-1px;
	font-size:0;
	line-height:0;
}
*+html .gallery-box .switcher ul li{display:inline;}
.gallery-box .switcher ul li{
	display:inline-block;
	/*margin:0 10px;*/
    width:30px;
    height: 42px;
}
.gallery-box .switcher ul .active a{background-position:50% -77px;}
.gallery-box .switcher ul li a{
	padding:0 0 15px;
	font-size:11px;
	line-height:13px;
	background: url(../i/plus.png) no-repeat 50% 15px;
	min-width:8px;
	display:block;
	color:#565656;
	text-decoration:none;
}
.gallery-box .switcher ul li a span{
    visibility: hidden;
	opacity:0;
    zoom: 1;
}
/*
gallery-box .switcher ul li a:hover{color:#565656;}
/

/*
 * loader
 */
.loader{
	font-size:15px;
	line-height:17px;
	text-align:center;
	width:100%;
	/*padding:407px 0 0;*/
    top: 50%;
    margin-bottom:-21px;
    position:absolute;
}
.loader span{
	padding:2px 0 0 0;
	height: 22px;
	display:inline-block;
	min-width:42px;
}
.loader span.people{
	background: url(../i/ico-1.png) no-repeat 0 0;
	padding:0;
	margin:0;
	width:84px;
	height:27px;
}
/*
 * inner5
 */
/*
.index #main {
    position: static;
}
*/
#main{
	/*width:100%;*/
	position:relative;
	min-height: 410px !important;
}
#main:after{
	content:"";
	display:block;
	clear:both;
}
.main-holder {
    margin: 0 auto;
	/*width: 100%;*/
	display:table;
	height: 100%;
}
.events{
	/*padding:74px 0 0;*/
	width: 960px !important;
	margin:0 auto;
}
.events .news-box{
	/*padding:17px 13px 20px 7px;*/
	/*background: url(../i/dotted3.png) no-repeat;*/
    width:188px;
/*height:569px;*/
	margin:0;
	position:relative;
	float:left;
}
.events .news-box .scroll-pane{
	width:208px;
	/*height:567px;*/
	padding:0 0 0 0;
	position:relative;
}
.events .news-box  .scroll-holder{width:165px;}
.news {
	list-style:none;
	margin:0;
	padding:0;
	overflow:hidden;
	font-size:13px;
	line-height:15px;
}
.news li{
	width:100%;
	margin:0 0 47px;
    cursor: pointer;
}
/*.news .active{color:#8ed8f8;}*/
.news .active{color:blue;}
.news li em{
	font-style:normal;
	display:block;
	padding:0 0 7px;
}
.news li span{display:block;}
.events .article-box{
	/*padding:17px 13px 20px 17px;*/
	/*background: url(../i/dotted4.png) no-repeat;*/
	width:636px;
	/*height:569px;*/
	margin:0 0 0 20px;
	position:relative;
	float:right;
}
.events .article-box .close {
    right: 0;
}
.events .article-box .scroll-pane{
	width:636px;
	/*height:567px;*/
	padding:0 0 0 0;
	position:relative;
}
.events .article-box  .scroll-holder{width:590px;}
.events .article-box .scroll-pane .img-holder img{
	margin:0 19px 0 0;
}
.events .article-box .scroll-pane .img-holder{text-align:left;}
.events .article-box .scroll-pane .box{margin:0 0 47px;}
.events .article-box .scroll-pane .title{
	margin:0 0 20px;
	height:49px;
	background:#8ed8f8;
	display:table;
}
.events .article-box .scroll-pane h3{
	font-size:12px;
	text-transform:uppercase;
	line-height:16px;
	padding:0 110px 0 13px;
	letter-spacing:2px;
	color:#5b5b5a;
	display:table-cell;
	vertical-align:middle;
	margin:0;
	width:467px;
}
.events .article-box .scroll-pane p{
	font-size:13px;
	line-height:20px;
	margin:0 0 20px;
}

.popup-holder{
	height: 100%;
	z-index:1000;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
.popup{
	left: 50%;
	margin-left: -460px;
	position: absolute;
	top: 100px;
}

/* kily */

span.progress {
    margin-bottom: 15px;
    vertical-align: middle;
}
.lang li.active, .lang li a {
    font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif;
}
ul.lang li a, ul.lang li.active {
    color: #ccc;
}
.index .lang li a, .index .lang li.active {
    color:#565655;
}

.footer-nav li a,.nav li a {
    font-family: Open Sans;
}
.events-wrapper {width:100%;display: table; height: inherit;}
.events-wrapper-cell {width:100%;display: table-cell; vertical-align: middle; height: inherit}
.gallery-holder img { /*visibility: hidden;*/ /*height: 100%;*/ display: block; margin: 0 auto; /*max-height: 100%; max-width: 100%;*/ position: absolute; /*left: 50%; top:50%;*/ }
.footer { background: url(../i/bg-footer.png) no-repeat 50% -165px; width:100%; height: 65px; bottom: 53px; position: absolute; display: none; }
.egg .scroll-pane {margin: 0 auto;}
.egg p {text-indent:1.5em; letter-spacing: 3px;}
.w1.gallery {width: 100%;max-width:none;}
.egg #main.egg .scroll-box {width: 888px;}
p.letterspaced {text-align: center; text-indent:0; letter-spacing: 3px;}
.col-holder .jspPane {width: 100% !important;}
.col-holder .jspContainer {width: 100% !important;}
.col-holder .jspVerticalBar {right: 0;}
/* new clearfix */
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.videoplay {
    background: url(../i/video_play_button.png) transparent no-repeat;
    width:160px;
    height: 160px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -80px 0 0 -80px;
    padding: 0;
    border: 0;
    z-index: 110;
    cursor: pointer;
}
.videoplay:hover {
    background: url(../i/video_play_button_h.png) transparent no-repeat;
}
.gallery-box .switcher ul li.project-text a {
    background-image: url(../i/project_text.png);
}

img:-moz-loading { opacity: 0 !important; }
.gallery-holder ul li a img:-moz-loading { opacity: 0 !important; }
.nonav #footer {display: none};

* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
.gallery-progress {
    display: block; 
    position: absolute;
    bottom: 50%;
    left: 50%;
    margin-left: -82px;
    margin-bottom:-8px;
}
.handler {
    width: 35%;
    height: 100%;
    position: absolute;
    z-index:8001;
}

.events .article-box .scroll-pane p img {
    max-width: 100% !important;
    height: auto !important;
}

.handler.handler-left { left:0; }
.handler.handler-right { right:0; }
.handler.handler-top { top:0; height:35%; width: 100%; }
.handler.handler-bottom { bottom:0; height:35%; width: 100%; }
.handler.handler-left-thin { left:0; width: 15%; }
.handler.handler-right-thin { right:0; width: 15%; }
.handler.handler-top-thin { top:0; height:15%; width: 100%; }
.handler.handler-bottom-thin { bottom:0; height:15%; width: 100%; }
.handler.handler-right-span { right:0; width: 95%;  }
.handler.handler-left-span { left:0; width: 95%; }

.hidden {visibility: hidden;}

.holder .prev,
.holder .next,
.holder .close,
.holder .expand {
   visibility: hidden; 
   -webkit-touch-callout: none;
   -webkit-user-select: none;
   -khtml-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
}
.letter { z-index: 8020; text-decoration: none; position: absolute; background: transparent url('../i/letters.png') no-repeat; visibility: hidden; }

.letter.letter-a { background-position: 0 0; width: 9px; height: 14px; visibility: visible; }
.letter.letter-a.start { top: 6px; left: 33px; }
.letter.letter-a.end { top: 5px; left: 13px; }

.letter.letter-r { background-position: -9px 0; width: 9px; height: 14px; }
.letter.letter-r.start { top: 6px; left: 33px; opacity: 0; }
.letter.letter-r.end { top: 7px; left: 24px; opacity: 1;}

.letter.letter-t { background-position: -18px 0; width: 9px; height: 13px; }
.letter.letter-t.start { top: 6px; left: 33px; opacity: 0; }
.letter.letter-t.end { top: 10px; left: 34px; opacity: 1; }

.letter.letter-b { background-position: -27px 0; width: 9px; height: 16px; visibility: visible; }
.letter.letter-b.start { top: 5px; right: 38px; }
.letter.letter-b.end { top: 10px; right: 39px; }

.letter.letter-l { background-position: 0 -16px; width: 10px; height: 14px; }
.letter.letter-l.start { top: 5px; right: 38px; opacity: 0; }
.letter.letter-l.end { top: 9px; right: 27px; opacity: 1;}

.letter.letter-ya { background-position: -10px -16px; width: 11px; height: 15px; }
.letter.letter-ya.start { top: 5px; right: 38px; opacity: 0;}
.letter.letter-ya.end { top: 6px; right: 16px; opacity: 1;}

.letter.letter-excl { background-position: -21px -16px; width: 5px; height: 14px; }
.letter.letter-excl.start { top: 5px; right: 38px; opacity: 0; }
.letter.letter-excl.end { top: 5px; right: 11px; opacity: 1;}

/* \*/
* html .gainlayout { height: 1%; }
*/* */
.footer-nav li a, .nav li a {
    white-space:nowrap;
}