@font-face {
    font-family: liberatus_duas;
    src: url("../images/promo/yag_el_jaguar/liberatus_duas.ttf");
}

@font-face {
    font-family: saf;
    src: url("../images/promo/yag_el_jaguar/SAF.otf");
}

.img-center {
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.os-sub-title {
  color: #248666;
}

.video-title {
  background-color: #248666;
}

.vertical {
  margin-top: 33.33333333%;
}

.title-large {
  font-weight: 400 !important;
}

.yag-title {
  font-size: 60px !important;
  line-height: 50px;
  letter-spacing: 1px;
  font-family: liberatus_duas;
  display: inline-block;
}

.bg-fashion {
  background-color: #C6D89A !important;
  background-image: url("../images/promo/yag_el_jaguar/texture.png") !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
}

.bg-solid, .owl-prev::before, .owl-next::before {
  background-color: #248666;
}

.owl-item {
  max-width: 100%;
}

.menu_sprite .button {
  display: inline-block;
  margin-bottom: 15px;
  border-radius: 15px;
  font-weight: 900;
  font-family: saf;
  color: #000000;
  background-color: #F8B318;
  background: -webkit-linear-gradient(#F8B318, #E98629);
  background: -o-linear-gradient(#F8B318, #E98629);
  background: linear-gradient(#F8B318, #E98629);
  border: 1px solid #CE833C;
  line-height: 25px;
  width: 220px;
  font-size: 15.5px;
}

.menu_sprite .highlight-button:hover {
  -webkit-transition: all 0.5s ease-in;
  -webkit-transform: scale3D(1.1,1.1,1.1);
  -ms-transition: all 0.5s ease-in;
  -ms-transform: scale3D(1.1,1.1,1.1);
  -moz-transition: all 0.5s ease-in;
  -moz-transform: scale3D(1.1,1.1,1.1);
  transition: all 0.5s ease-in;
  transform: scale3D(1.1,1.1,1.1);
}

.modal #mc-embedded-subscribe {
  margin-top: 20px;
}

.modal-content {
  background: #f4f4f4;
}

.key-person-details {
  padding: 32px 25px 30px;
}

.key-person:hover .key-person-details {
  bottom: 220px;
}

.blog-title-video a {
  color: #fff;
}

@media screen and (max-width: 800px) {
  .menu_sprite .button {
    display: grid;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
}

@media screen and (max-width: 991px){
  .bg-fashion .yag-title {
    margin-top: 20px;
  }
}

@media screen and (min-width: 992px) {
  .bg-fashion .yag-title {
    margin-top: 80px;
  }
}

@media screen and (min-width: 1200px) {
  .bg-fashion .yag-title {
    margin-top: 120px;
  }
}