/* ====  Slider ==== */

.sliderContent {
  padding: 0;
  position: relative;
  z-index: 5;
  margin: 300px 4% 100px;
  background: none;
  overflow: hidden;
  display: table;
  width: 92%;
}

img.key-image {
  display: inline;
  vertical-align: middle;
  height: 100px;
  transform: rotateX(90deg);
  -webkit-transform: rotateX(90deg);
  -moz-transform: rotateX(90deg);
  transition: all 0.8s ease;
  -webkit-transition: all 0.8s ease;
  -moz-transition: all 0.8s ease;
  -ms-transition: all 0.8s ease;
  text-shadow: 0 1px 1px #333;
}

.sliderContent h2 {
  display: inline-block;
  vertical-align: middle;
  color: #ffffff;
  padding-left: 5px;
  transform: rotateX(90deg);
  -webkit-transform: rotateX(90deg);
  -moz-transform: rotateX(90deg);
  transition: all 0.8s ease 0.5s;
  -webkit-transition: all 0.8s ease 0.5s;
  -moz-transition: all 0.8s ease 0.5s;
  -ms-transition: all 0.8s ease 0.5s;
  text-shadow: 0 1px 1px #333;
  font-size: calc(16px + 1.1vw);
  font-size: -webkit-calc(16px + 1.1vw);
  font-size: -moz-calc(16px + 1.1vw);
}

.sliderTitle .fa {
  color: #d2ae6d;
}

.show-text {
  transform: rotateX(0) !important;
  -webkit-transform: rotateX(0) !important;
  -moz-transform: rotateX(0) !important;
}

.front-images {
  max-width: 840px;
  margin: 10px 4%;
  width: 85%;
  float: right;
}

.front-images .front-image {
  display: table-cell;
  vertical-align: middle;
  width: 15%;
}

.front-images .front-image img {
  display: block;
  width: 96%;
  margin: 0 auto;
  opacity: 0.8;
}

.signature-image-top {
    position: absolute;
    right: 2%;
    top: 100px;
    text-align: center;
}

.signature-image-top h4 {
    font-size: calc(14px + 1vw);
    font-size: -webkit-calc(14px + 1vw);
    font-size: -moz-calc(14px + 1vw);
    text-shadow: 0 1px #000;
}

.signature-image-top {
    max-width: 45%;
}

@media screen and (min-width: 500px) {
  .front-images {
    float: none;
  }
  .signature-image-top {
      left: 4%;
  }
}

@media screen and (min-width: 960px) {
  .signature-image-top {
      max-width: 450px;
  }
}

@media screen and (min-width: 1200px) {
  .sliderContent {
    margin: 350px 4% 210px;
  }
}

@media screen and (min-width: 1400px) {
  .sliderContent {
    margin: 350px 4%;
  }

  .signature-image-top h4 {
      font-size: 30px;
  }
}