#kenburns-effect img {
  backface-visibility: hidden;
  animation-timing-function: ease-in-out;
  transition-duration: 1.5s;
}
#kenburns-effect:hover img {
  transform: scale(1.07, 1.07);
}
@keyframes splash {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
#splash-effect {
  animation: splash 2s forwards;
}
.clear-fix:after {
  display: block;
  clear: both;
  content: " ";
}
.component.image-quote {
  box-sizing: border-box;
}
.component.image-quote.xl .field-image {
  margin-left: 0;
  left: 16.66666667%;
}
.component.image-quote.xl .section-text {
  width: 41.66666667%;
}
.component.image-quote .component-content {
  margin: 20px 10px;
  box-sizing: border-box;
}
.component.image-quote .component-content:after {
  content: " ";
  display: block;
  clear: both;
}
.component.image-quote .field-image {
  max-height: 360px;
  box-sizing: border-box;
  position: relative;
  float: left;
  margin-left: 8.33333333%;
  left: 8.33333333%;
  width: 58.33333333%;
  line-height: 0;
  overflow: hidden;
  animation: splash 2s forwards;
}
.component.image-quote .field-image img {
  backface-visibility: hidden;
  animation-timing-function: ease-in-out;
  transition-duration: 1.5s;
}
.component.image-quote .field-image:hover img {
  transform: scale(1.07, 1.07);
}
.component.image-quote .field-image .qia-icon {
  position: absolute;
  top: 20px;
  left: 20px;
}
.component.image-quote .field-image img {
  margin: 0;
  padding: 0;
  width: 100%;
  height: auto;
}
.component.image-quote .field-image a {
  line-height: 0;
}
.component.image-quote .section-text {
  box-sizing: border-box;
  overflow: hidden;
  position: relative;
  z-index: 1;
  background: #FFFFFF;
  width: 33.33333333%;
  min-height: 315px;
  padding: 20px 0;
}
.component.image-quote .field-description {
  position: relative;
  overflow: hidden;
  padding: 0 20px;
  font: lighter 28px futura, sans-serif;
  color: #505050;
  line-height: 32px;
  margin-bottom: 12px;
  color: #1B3067;
  quotes: "\201C" "\201D" "\2018" "\2019";
}
.component.image-quote .field-description p {
  display: inline;
}
.component.image-quote .field-description:before {
  content: open-quote;
}
.component.image-quote .field-description:after {
  content: close-quote;
}
.component.image-quote .field-author {
  padding: 0 0 20px 20px;
  font: lighter 15px futura, sans-serif;
  line-height: 20px;
  color: #A6A6A6;
}
.component.image-quote .field-author-title {
  font: lighter 15px futura, sans-serif;
  line-height: 20px;
  color: #505050;
}
.component.image-quote .author-name:after {
  content: ",";
}
@media (min-width: 701px) and (max-width: 1023px) {
  .component.image-quote .component-content {
    padding: 0 12.5%;
  }
  .component.image-quote .component-content .field-image {
    width: 75%;
    margin-left: 0;
    left: 0;
    float: left;
  }
  .component.image-quote .component-content .field-image img {
    width: 100%;
    height: auto;
  }
  .component.image-quote .component-content .section-text {
    width: 43.75%;
    margin-left: -18.75%;
    float: right;
    min-height: 200px;
  }
  .component.image-quote .component-content:after {
    display: block;
    clear: both;
    content: " ";
  }
  .component.image-quote.xl .component-content .section-text {
    width: 50%;
    margin-left: -50%;
  }
}
@media (max-width: 700px) {
  .component.image-quote .component-content {
    margin: 0;
    width: 100%;
    box-sizing: border-box;
    padding: 20px;
  }
  .component.image-quote .component-content .field-image {
    width: 100%;
    max-height: 188px;
    margin-left: 0;
    left: 0;
    float: none;
  }
  .component.image-quote .component-content .field-image:before {
    display: inline-block;
    vertical-align: middle;
    height: 100%;
  }
  .component.image-quote .component-content .field-image img {
    vertical-align: bottom;
  }
  .component.image-quote .component-content .section-text {
    position: static;
    width: 100%;
    min-height: inherit;
  }
  .component.image-quote .component-content .section-text .field-description {
    padding: 0;
    font-size: 24px;
    line-height: 28px;
  }
  .component.image-quote .component-content .section-text .field-author {
    padding: 0;
  }
}
@media print {
  .component.image-quote .field-image {
    max-height: none !important;
  }
  .component.image-quote .qia-icon {
    display: none;
  }
}