@font-face {
  font-family: "Lokem-Headings";
  src: url("../fonts/Sofia_Pro_Bold.woff2") format("woff2");
  src: url("../fonts/Sofia_Pro_Bold.woff") format("woff");
  src: url("../fonts/Sofia_Pro_Bold.ttf") format("truetype");
  font-weight: 600;
}

@font-face {
  font-family: "Lokem-Lighter";
  src: url("../fonts/Sofia_Pro_UltraLight.woff2") format("woff2");
  src: url("../fonts/Sofia_Pro_UltraLight.woff") format("woff");
  src: url("../fonts/Sofia_Pro_UltraLight.ttf") format("truetype");
  font-weight: 600;
}

@font-face {
  font-family: "Lokem-Medium";
  src: url("../fonts/ReadexPro/ReadexPro-Medium.eot") format("eot");
  src: url("../fonts/ReadexPro/ReadexPro-Medium.woff") format("woff");
  src: url("../fonts/ReadexPro/ReadexPro-Medium.ttf") format("truetype");
  font-weight: 600;
}
.tm-container {
  width: 100%;
  height: auto;
  display: inline-flex;
}
.active-slide {
  animation: fadeIn 5s;
  -webkit-animation: fadeIn 5s;
  -moz-animation: fadeIn 5s;
  -o-animation: fadeIn 5s;
  -ms-animation: fadeIn 5s;
}
.tm-img-div {
  width: 30%;
  height: 100%;
  text-align: right;
  float: left;
  padding-top: 180px;
}
.tm-img {
  border-radius: 50%;
  width: 250px;
  height: 250px;
}
.tm-content-div {
  width: 70%;
  height: 100%;
  font-family: Lokem-Lighter;
  padding-left: 50px;
  padding-right: 15%;
  padding-top: 120px;
  vertical-align: top;
  float: left;
  font-size: 16px;
}
.quote-img {
  width: 65px;
}
.tm-content-container {
  color: #fff;
}
.tm-author {
  color: #f3bf30;
}
.quote-img-container-bottom {
  text-align: right;
  padding-right: 40px;
}
.hide-slide {
  display: none !important;
}
@media (max-width: 995px) {
  .tm-container {
    width: auto;
    height: auto;
    display: block;
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .tm-img-div {
    width: auto;
    height: auto;
    text-align: center;
    float: initial;
    padding-top: 0px;
  }
  .tm-content-div {
    width: auto;
    height: auto;
    font-family: Lokem-Lighter;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 10px;
    vertical-align: initial;
    float: initial;
  }
  .quote-img-container {
    padding-left: 35px;
  }
  .tm-content-container {
    text-align: center;
    padding-left: 30px;
    padding-right: 30px;
  }
  .tm-author {
    padding-left: 35px;
  }
}