/*!
 * Start Bootstrap - Full Slider HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */
html,
body {
  height: 100%;
  background: #f8f8f8; }

nav {
  -webkit-font-smoothing: antialiased;
  font-size: 2.1rem; }
  nav span {
    font-family: "Playfair Display"; }
  nav .logo {
    position: absolute;
    top: 0px;
    text-indent: -9999px;
    width: 60px;
    height: 73px;
    background: url(../../images/logo.svg) no-repeat center center;
    background-size: 60px; }
    nav .logo:active {
      margin-top: 2px; }

#contenthere {
  position: relative;
  height: inherit; }

header.project {
  text-align: center;
  height: 70%;
  background: #fff; }
  header.project:before {
    content: " ";
    display: inline-block;
    vertical-align: middle;
    /* vertical alignment of the inline element */
    height: 100%; }
  header.project div.projectTitle {
    -webkit-font-smoothing: antialiased;
    max-width: 100%;
    display: inline-block;
    vertical-align: middle; }
    header.project div.projectTitle h1 {
      position: relative;
      font-size: 8rem;
      letter-spacing: -4px;
      -webkit-animation: fromRight 0.8s ease;
      -moz-animation: fromRight 0.8s ease;
      -ms-animation: fromRight 0.8s ease;
      -o-animation: fromRight 0.8s ease;
      animation: fromRight 0.8s ease; }
      header.project div.projectTitle h1 sup {
        position: absolute;
        font-size: 3.2rem;
        margin: 15px 0px 0px 10px; }
    header.project div.projectTitle h2 {
      font-family: "Times New Roman" !important;
      font-size: 2.6rem;
      font-style: italic;
      letter-spacing: -1px;
      -webkit-animation: fromBottom 0.9s ease;
      -moz-animation: fromBottom 0.9s ease;
      -ms-animation: fromBottom 0.9s ease;
      -o-animation: fromBottom 0.9s ease;
      animation: fromBottom 0.9s ease; }

@-webkit-keyframes fromBottom {
  0% {
    opacity: 0;
    -webkit-transform: translateY(60px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0px); } }
@keyframes fromBottom {
  0% {
    opacity: 0;
    transform: translateY(60px); }
  100% {
    opacity: 1;
    transform: translateY(0px); } }
@-webkit-keyframes fromRight {
  0% {
    opacity: 0;
    -webkit-transform: translateY(60px); }
  10% {
    opacity: 0; }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0px); } }
@keyframes fromRight {
  0% {
    opacity: 0;
    transform: translateY(60px); }
  10% {
    opacity: 0; }
  100% {
    opacity: 1;
    transform: translateY(0px); } }
.carousel,
.item,
.active {
  height: 100%; }

.carousel-inner {
  height: 100%; }

/* Background images are set within the HTML using inline CSS, not here */
.fill {
  width: 100%;
  height: 100%;
  background-position: center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover; }

.videoVimeo .big-vid {
  position: absolute;
  margin: 0 auto;
  width: 939px;
  height: 528px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }

footer {
  /*margin: 50px 0;*/
  background: #fff;
  height: 25%; }
  footer div {
    height: 100%;
    text-align: center; }
    footer div:before {
      content: " ";
      display: inline-block;
      vertical-align: middle;
      /* vertical alignment of the inline element */
      height: 100%; }
    footer div a {
      color: #000 !important;
      padding: 20px; }

.testX {
  background-repeat: no-repeat;
  background-position: center center;
  /*max-width: 1280px!important;*/
  width: 100%;
  height: 100%;
  position: relative;
  margin: 0 auto;
  /*overflow:hidden;*/ }

.testX:after {
  /*    content:".";
      display:block;
      clear:both;
      visibility:hidden;*/ }