/*
  Icon Font: akcicons
*/

@font-face {
  font-family: "akcicons";
  src: url("../icons/akcicons_b235cdcd0e983c5aaccbe10cd33fd3f4.eot");
  src: url("../icons/akcicons_b235cdcd0e983c5aaccbe10cd33fd3f4.eot?#iefix") format("embedded-opentype"),
       url(data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAATsAA0AAAAABwgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAE0AAAABoAAAAcbRqvCk9TLzIAAAGgAAAASgAAAGBBOV5pY21hcAAAAgAAAABCAAABQgAP9K1jdnQgAAACRAAAAAQAAAAEABEBRGdhc3AAAATIAAAACAAAAAj//wADZ2x5ZgAAAlgAAADfAAAA7PS5QQ1oZWFkAAABMAAAAC4AAAA2Af1MuGhoZWEAAAFgAAAAHQAAACQD8gHFaG10eAAAAewAAAASAAAAFAYAABFsb2NhAAACSAAAAA4AAAAOAOAAvG1heHAAAAGAAAAAHwAAACAASgBKbmFtZQAAAzgAAAFgAAACixeQSvVwb3N0AAAEmAAAAC0AAABG3Z3qEXjaY2BkYGAAYs/e9eLx/DZfGbiZGEDgQl6bLIL+f4CJkfEgkMvBAJYGAA0WCZsAAHjaY2BkYGA8+P8Agx4TAwgwMTIwMqACFgBQxgK7AAAAeNpjYGRgYGBjkGRgYgABEMnIABJzYNADCQAABmAAlQB42mNgYWJg/MLAysDA6MOYxsDA4A6lvzJIMrQwMDAxsHEywIEAgskQkOaawnDgI8NHJsYD/w8w6DEeZHAACjMiKVFgYAQANc4MOAAAeNpjYmAQZAACJigGAQABhQAYAAB42mNgYGBmgGAZBkYGELAB8hjBfBYGBSDNAoRA/kem//+BJMP///zMUJUMjGwMMCYDIxOQYGJABYwMwx4AAD6CBq4AAAARAUQAAAAqACoAKgBAAGgAdgAAeNpjYGIQZGBgmMkYysDMwM6gt5GRQd9mEzsLw1ujjWysd2w2MTMBmQwbmUHCrCDhTexsjH9sNjGCxI0FjQXVjQWVBTvK09IYQ/+tFmQ0BprGyMDw/wATA+MBBg4GBmFFQWVTRnVG5QmMBR7/qo0ZW74wHvg34RuYycDABFLLWApUK8AgwcAgZCQmKsLHxM+ox2JqImZkZqKmxCaSOytXzdxMRJhd0tFQY4GJqqqJKuOBXF/1hEA3EREOqQDvJHXfHlWQOMxuRsaDQP8wiAgoCDAxODAx/AO6igEAhBw01wB42n2PT07CQBjF3/AvmBjDEWZjgouWaWHFltCFCS7ZF5jCBGhJGQJcwIUx8SYmXsEjGI/g1hO48bWMJrqgXzrfb15f33wD4ArPEDg9Qzw6Fmjiw3EFDXw5ruJa3DmuoSnuHdfREi+OG9Tf6RS1C+4eyr8KFmjhzXEFl/h0XMWtqDiuMcc6rkOKJ8cN6q8YIIdGDMt1BokJjlwj7lYwOJCHmLPW9KQsiT11i0XpyqjYsuf0aGohfCj2Nh2WtUEfHVbivMmv18eWO5+qpn4DDHIdWz2Tk6OM9Moc5HA+X8dpKvfGLmSUpTbK8rmWoa9ke2Htpt/pJFSTQvW3iZ9qy5gYS0w547Q8cUthOTXTLCWNyksa7HgdjPTM7NjP3aLP93/eSQ3RhYeALo+sSD1G/ZmxL39OJoZdL1BeqILe2QnHPD6nZMpPksFFtF/2YiCMdb41WSqVCnyllDyX9g20/3GHeNpjYGIAg/8HGCSBFCMDOmADizIxMjEyM7Kwl+ZluhkaGEBpQyhtBADHnAhyAAAAAAAAAf//AAJ42mNgYGBkAIIztovOg+gLeW2yMBoASD0GPgAA),
       url("../icons/akcicons_b235cdcd0e983c5aaccbe10cd33fd3f4.woff") format("woff"),
       url("../icons/akcicons_b235cdcd0e983c5aaccbe10cd33fd3f4.ttf") format("truetype"),
       url("../icons/akcicons_b235cdcd0e983c5aaccbe10cd33fd3f4.svg#akcicons") format("svg");
  font-weight: normal;
  font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: "akcicons";
    src: url("../icons/akcicons_b235cdcd0e983c5aaccbe10cd33fd3f4.svg#akcicons") format("svg");
  }
}

[data-icon]:before { content: attr(data-icon); }

[data-icon]:before,
.icon-arrow-up-r:before,
.icon-li:before,
.icon-mapdot:before {
  display: inline-block;
  font-family: "akcicons";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
}

.icon-arrow-up-r:before { content: "\f100"; }
.icon-li:before { content: "\f102"; }
.icon-mapdot:before { content: "\f101"; }

/*---------------------------------------------------
    LESS Elements 0.9
  ---------------------------------------------------
    A set of useful LESS mixins
    More info at: http://lesselements.com

    customized by FLXLABS Felix Eggmann October 2014
  ---------------------------------------------------*/
p {
  margin-bottom: 2ex;
}
html,
body {
  overflow: hidden;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  -webkit-text-size-adjust: none;
}
html {
  font-size: 100%;
  font-size: 2.8vw;
  /*
    font-size:70%;
    @media (min-width:460px){
	font-size:80%;
    }
    @media (min-width:768px){
	font-size:100%;
    }
    @media (min-width:1200px){
	font-size:1.2vw;
    }
*/
}
@media (min-width: 47.5em) {
  html {
    font-size: 1.2vw;
  }
}
body {
  font-family: 'Varela Round', sans-serif;
}
#wrap {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: absolute;
  z-index: 999;
}
*,
*:before,
*:after {
  box-sizing: border-box;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
  font-size: 100%;
  margin: 0;
}
p {
  font-size: 100%;
  margin: 0 0 1.875em;
}
hr {
  border: 0;
  padding: 0;
  height: 1px;
  background: #fff;
  margin: 0 0 2.46691176em;
}
h1,
h2 {
  text-align: center;
  margin: 0 0 1.875em;
}
h1 span,
h2 span {
  font-family: 'Arial', 'Helvetica', sans-serif;
  color: #0000ff;
}
a {
  font-family: 'Arial', 'Helvetica', sans-serif;
  color: #000000;
  text-decoration: none;
  border-bottom: 0.09em solid #000000;
}
a:hover,
a:active,
a:focus {
  color: #0000ff;
  border-color: #0000ff;
}
.content {
  letter-spacing: 0.05em;
}
.content ul {
  list-style-position: outside;
  margin: 0 0 1.875em;
  padding: 0 0 0 1em;
}
.content ul li {
  margin-bottom: 1ex;
}
.content .icon-mapdot {
  display: block;
  margin-top: -0.5ex;
  font-size: 130%;
}
.content .icon-arrow-up-r {
  display: block;
  font-size: 100%;
  margin-top: -0.15em;
}
.content .icon-arrow-up-r:before {
  font-size: 63%;
}
.scrr {
  display: none;
}
dl dt {
  width: 20%;
  float: left;
  clear: left;
}
dl dd {
  margin-left: 20%;
}
#main {
  overflow: hidden;
  width: 100%;
  height: 100%;
}
#main > .overlay {
  position: absolute;
  z-index: 999;
  width: 100%;
  margin: 0 auto;
  background: #DCDCDA;
  background-color: rgba(255, 255, 250, 0.7);
  box-sizing: border-box;
}
#main > .overlay > aside {
  float: left;
  width: 29%;
}
#main > .overlay > aside img {
  width: 100%;
  height: auto;
}
#main > .overlay > .content {
  padding: 2vw;
  margin-left: 30%;
}
#main > .overlay h1 {
  text-align: left;
  font-size: 200%;
  color: #0000ff;
}
div.screen {
  display: none;
  position: absolute;
  z-index: 9999;
  width: 5.1875em;
  height: 100%;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
div.screen .scroller {
  position: absolute;
  height: 100%;
  overflow: hidden;
}
div.screen .scroller > .content {
  -webkit-transform: scaleZ(1);
  -moz-transform: scaleZ(1);
  -o-transform: scaleZ(1);
  -ms-transform: scaleZ(1);
  transform: scaleZ(1);
  display: none;
  width: 100%;
  padding: 2.4em 1.875em;
}
@media (min-width: 47.5em) {
  div.screen .scroller > .content {
    padding: 2.2em 3.75em;
  }
}
div.screen .scroller > .content > * {
  font-size: 1.0625em;
  line-height: 1.76470588;
}
div.screen .scroller .iScrollIndicator {
  border-radius: 0!important;
  border: none!important;
}
div.screen > .nav-bar {
  position: absolute;
  background-color: transparent;
  width: 5.1875em;
  height: 100%;
  padding: 2em 1.0375em 0;
  text-align: center;
  cursor: pointer;
}
div.screen > .nav-bar .icon {
  margin-bottom: 1em;
  background-color: #DCDCDA;
  width: 1.38461538em;
  height: 1.38461538em;
  line-height: 1.42307692em;
  -webkit-border-radius: 1.38461538em;
  -moz-border-radius: 1.38461538em;
  border-radius: 1.38461538em;
  margin: 0 auto 1em;
  font-size: 1.625em;
}
div.screen > .nav-bar .title {
  font-family: 'Arial', 'Helvetica', sans-serif;
  color: #000;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  -webkit-opacity: 0;
  opacity: 0;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  filter: alpha(opacity=0);
  line-height: 1.2;
  font-size: 2.1875em;
}
div.screen > .nav-bar:hover .title {
  color: #0000ff;
}
div.screen.over,
div.screen.shown,
div.screen.transitioning {
  z-index: 99999;
}
div.screen.over > .nav-bar,
div.screen.shown > .nav-bar,
div.screen.transitioning > .nav-bar {
  background-color: #fff;
}
div.screen.over > .nav-bar .title,
div.screen.shown > .nav-bar .title,
div.screen.transitioning > .nav-bar .title {
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  filter: alpha(opacity=100);
}
div.screen.transitioning .scroller > .content {
  display: none!important;
}
div.screen.shown {
  width: 100%;
}
div.screen.shown .scroller > .content {
  display: block;
}
@media (min-width: 47.5em) {
  div.screen.shown {
    width: 50%;
  }
}
#screenA {
  left: 0;
}
#screenA > .nav-bar {
  right: 0;
}
#screenA .scroller {
  background-color: #DCDCDA;
  left: 0;
  right: 5.1875em;
}
#screenA.screenB {
  display: none;
}
@media (min-width: 47.5em) {
  #screenA.screenB {
    display: block;
  }
}
#screenA .iScrollVerticalScrollbar {
  left: 0!important;
}
#screenA .iScrollIndicator {
  background-color: #fff!important;
}
#screenB {
  color: #fff;
  right: 0;
}
#screenB a {
  color: #fff;
  border-color: #fff;
}
#screenB a:hover,
#screenB a:active,
#screenB a:focus {
  color: #0000ff;
  border-color: #0000ff;
}
#screenB h1 span,
#screenB h2 span {
  color: #fff;
}
#screenB > .nav-bar {
  left: 0;
}
#screenB > .nav-bar .icon {
  background-color: #413C41;
}
#screenB > .nav-bar .title {
  color: #fff;
}
#screenB > .nav-bar:hover .title {
  color: #0000ff;
}
#screenB .scroller {
  background-color: #413C41;
  left: 5.1875em;
  right: 0;
}
#screenB.over > .nav-bar,
#screenB.shown > .nav-bar,
#screenB.transitioning > .nav-bar {
  background-color: #000;
}
#screenB.screenA {
  display: none;
}
@media (min-width: 47.5em) {
  #screenB.screenA {
    display: block;
  }
}
#screenB .iScrollIndicator {
  background-color: #000!important;
}
html.running .screen {
  display: block;
}
.icon.a:after {
  content: "A";
}
.icon.k:after {
  content: "K";
}
section {
  min-height: 100%;
  margin: 0 0 3.75em;
}
#page-contact h3 {
  margin-left: 20%;
}
#logo {
  position: absolute;
  z-index: 9999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: all 1s ease-out;
  -moz-transition: all 1s ease-out;
  -o-transition: all 1s ease-out;
  transition: all 1s ease-out;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  filter: alpha(opacity=100);
  display: block;
  margin: 0 auto;
}
#logo img {
  width: 100%;
  height: 100%;
}
html.running #logo {
  -moz-opacity: 0;
  -khtml-opacity: 0;
  -webkit-opacity: 0;
  opacity: 0;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  filter: alpha(opacity=0);
  display: none;
}
html.running #logo.transitioning {
  display: block;
}
#bg {
  position: absolute;
  overflow: hidden;
  z-index: 0;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
#bg img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}