@font-face {
  font-family: KelsonBold;
  src: url("../fonts/kelson_sans_bold-webfont.eot");
  src: url("../fonts/kelson_sans_bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/kelson_sans_bold-webfont.woff") format("woff"), url("../fonts/kelson_sans_bold-webfont.ttf") format("truetype");
  font-style: normal;
  font-weight: normal; }
@font-face {
  font-family: KelsonLight;
  src: url("../fonts/kelson_sans_light-webfont.eot");
  src: url("../fonts/kelson_sans_light-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/kelson_sans_light-webfont.woff") format("woff"), url("../fonts/kelson_sans_light-webfont.ttf") format("truetype");
  font-style: normal;
  font-weight: normal; }
* {
  margin: 0;
  padding: 0;
  border: 0;
  line-height: 1.4em;
  vertical-align: baseline;
  text-decoration: none;
  outline: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box; }

.absolute-center {
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0; }

.full-screen, html, body, #main-container, #works, #visionoir, #idea, #logos, #contact {
  width: 100%;
  height: 100%; }

#landing {
  background: url("../images/mini/main-max.jpg") fixed;
  position: relative;
  -moz-background-size: 100% 100%;
  /* Firefox 3.x */
  background-size: 100% 100%;
  background-repeat: no-repeat; }
  #landing .logo {
    background: url("../images/logo.png");
    height: 108px;
    width: 515px; }

#main-menu {
  width: 100%;
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  height: 62px;
  background: #e7e7e7;
  font-family: KelsonLight;
  font-weight: bold;
  z-index: 999; }
  #main-menu .logo div {
    background: #3c3a37 url("../images/js.png") no-repeat center center;
    height: 100%;
    width: 80px;
    position: absolute;
    bottom: 0;
    left: 0; }
  #main-menu ul {
    text-align: center;
    list-style: none;
    margin-top: 14.0px; }
    #main-menu ul li {
      display: inline-block;
      font-size: 17pt;
      margin-right: 17pt; }
      #main-menu ul li a {
        text-decoration: none;
        color: #3c3a37;
        font-weight: bold; }
      #main-menu ul li a:hover {
        text-decoration: underline; }
    #main-menu ul li:last-child {
      margin-right: 0; }

#main-menu.stuck {
  position: fixed;
  bottom: auto;
  top: 0px; }

#visionoir, #idea {
  background: url("../images/mini/visio-bg-max.jpg") fixed;
  -moz-background-size: 100% 100%;
  /* Firefox 3.x */
  background-size: 100% 100%;
  background-repeat: no-repeat;
  position: relative; }
  #visionoir .lap img, #idea .lap img {
    margin-right: 1%;
    width: 1141px; }
  #visionoir .title, #idea .title {
    display: inline-block;
    padding: 60px 60px 20px 20px;
    border: 1px solid #fff;
    width: 475px;
    margin: 5% 0% 0% 5%;
    z-index: 777; }
    #visionoir .title h3, #idea .title h3 {
      font-family: KelsonBold;
      font-weight: normal;
      color: #fff;
      letter-spacing: 7pt;
      text-transform: uppercase;
      font-size: 30pt;
      line-height: 30pt;
      margin-bottom: 1pt; }
    #visionoir .title h4, #idea .title h4 {
      font-family: KelsonLight;
      font-weight: normal;
      color: #fff;
      text-transform: uppercase;
      font-size: 23pt; }
  #visionoir .descr, #idea .descr {
    border: 1px solid #fff;
    margin: 10px 0% 0% 5%;
    z-index: 777;
    font-family: KelsonLight;
    font-size: 15pt;
    color: #fff; }
    #visionoir .descr p, #visionoir .descr .links, #idea .descr p, #idea .descr .links {
      padding: 20px; }
    #visionoir .descr a, #idea .descr a {
      color: #fff;
      text-decoration: underline; }
    #visionoir .descr .links, #idea .descr .links {
      border-top: 1px solid #fff; }
      #visionoir .descr .links a, #idea .descr .links a {
        color: #fff;
        font-size: 20pt;
        margin-right: 20pt; }
      #visionoir .descr .links a:last-child, #idea .descr .links a:last-child {
        margin-right: 0px; }

#idea {
  background: url("../images/mini/idea-bg-max.jpg") fixed;
  -moz-background-size: 100% 100%;
  /* Firefox 3.x */
  background-size: 100% 100%;
  background-repeat: no-repeat; }
  #idea .title h4 {
    font-size: 18pt; }

#logos {
  background: url("../images/mini/logos-bg-max.jpg") fixed;
  position: relative;
  -moz-background-size: 100% 100%;
  /* Firefox 3.x */
  background-size: 100% 100%;
  background-repeat: no-repeat; }
  #logos .title {
    display: inline-block;
    padding: 60px 60px 20px 20px;
    border: 1px solid #fff;
    width: 475px;
    margin: 5% 0% 0% 5%;
    z-index: 777; }
    #logos .title h3 {
      font-family: KelsonBold;
      font-weight: normal;
      color: #fff;
      letter-spacing: 7pt;
      margin-bottom: -8px;
      text-transform: uppercase;
      font-size: 30pt; }
  #logos .showcase {
    width: 100%;
    text-align: center;
    top: 32%; }
    #logos .showcase img {
      margin-right: 5%; }
    #logos .showcase img:last-child {
      margin-right: 0; }

#contact {
  background: url("../images/mini/main-max.jpg") fixed;
  position: relative; }
  #contact .title {
    display: inline-block;
    padding: 60px 60px 20px 20px;
    border: 1px solid #fff;
    width: 475px;
    margin: 5% 0% 0% 5%;
    z-index: 777; }
    #contact .title h3 {
      font-family: KelsonBold;
      font-weight: normal;
      color: #fff;
      letter-spacing: 7pt;
      margin-bottom: -8px;
      text-transform: uppercase;
      font-size: 30pt; }
  #contact .details {
    display: inline-block;
    padding: 60px 60px 20px 20px;
    border: 1px solid #fff;
    width: 475px;
    font-family: KelsonLight;
    font-weight: normal;
    color: #fff;
    max-height: 50%;
    width: 50%;
    bottom: 30%;
    top: auto;
    font-size: 15pt;
    color: #fff; }
    #contact .details a {
      color: #fff;
      font-weight: bold;
      text-decoration: none; }
    #contact .details .fa {
      margin-right: 20pt; }