html,body{height:100%;width:100%; overflow:hidden; font-family:'Open Sans',Arial,sans-serif; font-size:12px; color:#fff; font-weight:600px;  }
a{ color:#fff; text-decoration:none; -webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear;-o-transition:all 0.2s linear; transition:all 0.2s linear; }
a:hover, a.selected{  }
.fix:before, .fix:after { content: " "; display: table; }
.fix:after { clear: both; }

body{ background:#fafafa; }
#slideshow{ position:absolute; z-index:1;  top:0; left:0; right:0; bottom:0; }
#slideshow div{ 
  position:absolute; z-index:1;  top:0; left:0; right:0; bottom:0; display:none; 
  background: url(../img/gallery/KM_view_1.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
} 
.wrap{ position:absolute; z-index:2;  top:0; left:0; right:0; bottom:0; background:transparent url(../img/dot-pattern.png) repeat; overflow:auto }
#content{ position:relative; top:0; width:930px; padding:50px 20px; margin:0 auto; line-height:14px; text-align:center;   }
#content .text{ margin:65px 10px; font-size:24px; line-height:42px; text-shadow: 1px 1px 5px #000; }
#content .buttons{ width:540px; margin:0 auto; }
#content .buttons a{display:block; float:left; width:250px; padding:20px 0 20px 5px; border-top:1px solid #fff; border-bottom:1px solid #fff; font-size:14px; text-shadow: 1px 1px 5px #000; letter-spacing:2px;  }
#content .buttons a:hover{ text-shadow: 0 0 5px #fff; }
#content .buttons a.r{ float:right; }

@font-face {
  font-family: 'fontello';
  src: url("../font/fontello.eot?7094073");
  src: url("../font/fontello.eot?7094073#iefix") format('embedded-opentype'), url("../font/fontello.woff?7094073") format('woff'), url("../font/fontello.ttf?7094073") format('truetype'), url("../font/fontello.svg?7094073#fontello") format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('../font/fontello.svg?7094073#fontello') format('svg');
  }
}
*/
[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: 'fontello';
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: 0.2em;
  text-align: center;
/* opacity .8 */
/* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
/* fix buttons height, for twitter bootstrap */
  line-height: 1em;
/* Animation center compensation - magrins should be symmetric */
/* remove if not needed */
  margin-left: 0.2em;
/* you can be more comfortable with increased icons size */
/* font-size: 120%; */
/* Uncomment for 3D effect */
/* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.icon-right-dir:before { content: '\25b8'; } /* '▸' */