body {
  background-color: #f9f4ec;
}

.navbar-default .navbar-brand {
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 700;
  color: #B3907A;
  padding-left: 110px;
}

.navbar-brand>img {
  width: 70px;
  margin-top: -10px;
  display: inline;
  position: absolute;
  left: 15px;
}

#companies .container-fluid {
  max-width: 1000px;
  margin: auto;
}

#companies img { width:100%; }

#about {
  padding-top: 38px;
}
#about .row {
  margin-top: 62px;
}
#about .row .col-xs-5 {
  padding-top: 31px;
}
#about img { max-width: 100%; }

#cubeshow {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  -webkit-perspective: 1000px;
          perspective: 1000px;
}

#cubeshow figure {
  margin: 0;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  -webkit-transform-origin: 50% 50% -125px;
          transform-origin: 50% 50% -125px;
  background-position: center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
  opacity: 0;
}
#cubeshow figure.slide00 {
  opacity: 1;
}
@media(min-width:768px) {
  #cubeshow figure {
    -webkit-transform-origin: 50% 50% -250px;
            transform-origin: 50% 50% -250px;
  }
  #cubeshow figure {
    -webkit-transform-origin: 50% 50% -37.5vh;
            transform-origin: 50% 50% -37.5vh;
  }
}

#cubeshow figure.slide00 {
  background-image: url(../img/header-slides/slide00.png);
  -webkit-animation: silder 25s linear infinite -1s;
          animation: silder 25s linear infinite -1s;
}
#cubeshow figure.slide01 {
  background-image: url(../img/header-slides/slide01.jpg);
  -webkit-animation: silder 25s linear infinite -21s;
          animation: silder 25s linear infinite -21s;
}
#cubeshow figure.slide02 {
  background-image: url(../img/header-slides/slide02.jpg);
  -webkit-animation: silder 25s linear infinite -16s;
          animation: silder 25s linear infinite -16s;
}
#cubeshow figure.slide03 {
  background-image: url(../img/header-slides/slide03.jpg);
  -webkit-animation: silder 25s linear infinite -11s;
          animation: silder 25s linear infinite -11s;
}
#cubeshow figure.slide04 {
  background-image: url(../img/header-slides/slide04.jpg);
  -webkit-animation: silder 25s linear infinite -6s;
          animation: silder 25s linear infinite -6s;
}

@-webkit-keyframes silder {
  0%,100% { opacity: 0; z-index:-1; transform: rotateX( 90.0deg ); }
  1%      { opacity: 1; z-index:-1;                                }
  4%      {             z-index: 0; transform: rotateX(    0deg ); }
  20%     {             z-index: 0; transform: rotateX(    0deg ); }
  23%     { opacity: 1; z-index:-1;                                }
  24%     { opacity: 0;             transform: rotateX(-90.0deg ); }
}

@keyframes silder {
  0%,100% { opacity: 0; z-index:-1; transform: rotateX( 90.0deg ); }
  1%      { opacity: 1; z-index:-1;                                }
  4%      {             z-index: 0; transform: rotateX(    0deg ); }
  20%     {             z-index: 0; transform: rotateX(    0deg ); }
  23%     { opacity: 1; z-index:-1;                                }
  24%     { opacity: 0;             transform: rotateX(-90.0deg ); }
}

#backend {
  opacity: .3;
  padding: 10px 0;
}