h1,h2,h3,h4,h5,h6{font-weight:700;font-family: 'Raleway', sans-serif;}
  .timeline{position:relative;padding:0;list-style:none;    margin-top: 6%;}
  .timeline:before{position:absolute;top:0;bottom:0;left:10px;width:2px;margin-left:-1.5px;content:'';background-color:#ff8300}
  .timeline>li{position:relative;min-height:50px;margin-bottom:50px}
  .timeline>li:after,.timeline>li:before{display:table;content:' '}
  .timeline>li:after{clear:both}
  .timeline>li .timeline-panel{position:relative;float:right;width:100%;padding:0 20px 0 100px;text-align:left;}
  .timeline>li .timeline-panel:before{right:auto;left:-15px;border-right-width:15px;border-left-width:0}
  .timeline>li .timeline-panel:after{right:auto;left:-14px;border-right-width:14px;border-left-width:0}
  .timeline>li .timeline-image{position:absolute;z-index:100;left:0;width:20px;height:20px;margin-left:0;text-align:center;color:#fff;border:7px solid #ff8300;border-radius:100%;background-color:#ff8300}
  .timeline>li .timeline-image h4{font-size:10px;line-height:14px;margin-top:12px}
  .timeline>li.timeline-inverted>.timeline-panel{float:right;padding:0 20px 0 100px;text-align:left}
  .timeline>li.timeline-inverted>.timeline-panel:before{right:auto;left:-15px;border-right-width:15px;border-left-width:0}
  .timeline>li.timeline-inverted>.timeline-panel:after{right:auto;left:-14px;border-right-width:14px;border-left-width:0}
  .timeline>li:last-child{margin-bottom:0}
  .timeline .timeline-heading h4{margin-top:0;color: #000000;}
  .timeline .timeline-heading h4.resaltar{margin-top:0;color: #ff8300;}
  .timeline .timeline-heading h4.subheading{text-transform:none}
  .timeline .timeline-body>p,.timeline .timeline-body>ul{margin-bottom:0}
  @media (min-width:768px){.timeline:before{left:50%}
  .timeline>li{min-height:100px;margin-bottom:100px}
  .timeline>li .timeline-panel{float:left;width:41%;padding:0 20px 20px 30px;text-align:right}
  .timeline>li .timeline-image{
    left:50%;
    width: 20px;
    height: 20px;
    margin-left: -10px;
  }
  .timeline>li .timeline-image h4{font-size:13px;line-height:18px;margin-top:16px}
  .timeline>li.timeline-inverted>.timeline-panel{float:right;padding:0 30px 20px 20px;text-align:left}}
  @media (min-width:992px){
    .timeline>li{min-height:150px}
    .timeline>li .timeline-panel{padding:0 20px 20px}
    .timeline>li .timeline-image{
        width: 20px;
        height: 20px;
        margin-left: -10px;
      }
    .timeline>li .timeline-image h4{font-size:18px;line-height:26px;margin-top:30px}
    .timeline>li.timeline-inverted>.timeline-panel{padding:0 20px 20px}}
  @media (min-width:1200px){
    .timeline>li{min-height:170px}
    .timeline>li .timeline-panel{padding:0 20px 20px 100px}
    .timeline>li .timeline-image{
      width: 20px;
      height: 20px;
      margin-left: -10px;
    }
    .timeline>li .timeline-image h4{margin-top:40px}
    .timeline>li.timeline-inverted>.timeline-panel{padding:0 100px 20px 20px}

  }
  @media (max-width:1500px){

  }
  @media (max-width:570px){
    .video{
      margin-top: 10%;
    }
    .section-heading {
        padding: 2% 2%;
    }
    h2 {
        font-size: 1rem;
    }
  }

  ul.social-buttons{margin-bottom:0}
  ul.social-buttons li a{font-size:20px;line-height:40px;display:block;width:40px;height:40px;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;color:#fff;border-radius:100%;outline:0;background-color:#212529}
  ul.social-buttons li a:active,ul.social-buttons li a:focus,ul.social-buttons li a:hover{background-color:#fed136}

.timeline-body p{
      margin: 30px 0px 30px !important;
}
.rounded-circle {
    border-radius: 50%!important;
}

.img-fluid {
    max-width: 100%;
    height: auto;
}
.timeline>li:after, .timeline>li:before {
    display: table;
    content: ' ';
}

.owl-controls{
  text-align: center;
  margin: auto;
}
.owl-controls .owl-dots{
  width: 20%;
  margin: -5% auto;
}
.owl-dot {
    background: #8D7249;
    z-index: 300;
    margin: 0 7px;
    width: 60px;
    height: 2px;
}
.owl-dot.active {
    background: #3B424B;
}
.banner-spa{
  width: 100%;
  margin-top: 3%;
}
.relojito-izq{
  width: 12px !important;
  float: left;
  margin-left: 70%;
  margin-top: 1.8%;
}
.relojito-der{
  width: 12px !important;
  float: right;
  margin-top: 1.8%;
  margin-right: 70%;
}
.elementos{
  width: 100px !important;
  text-align: center;
  margin: auto;
}
.scroll-about{
  margin-left: 70%;
  position: absolute;
  margin-top: 2.3%;
  background-color: #8D7249;
  color: #fff;
  padding: 0.3% 1%;
}