.slide-text small {

  color: #FF6600;
}

.title small {

  color: #144FFF;
}

.hero .wrapper small {

  color: #FF6600;
}

.box_item_info small {

  color: #FF6600;
}

.btn_4.learn-more .circle {

  background-color: #FF6600;
}

.phone_element a i {

  color: #FF6600;
}

.phone_element a span {

  color: #FF6600;
}

.phone_element a span:hover {
  color: #552200;

}

.progress-wrap svg.progress-circle path {

  stroke: #3266FF;
}

.sidebar-navigation nav ul li.back a {

  color: #575757;
}


.sidebar-navigation nav ul li a:focus, .sidebar-navigation nav ul li a:hover {

  color: #552200;
}

.list_ok ul li:before {

  color: #FF6600;
}

.contact_info ul li i {

  color: #FF6600;
}


.btn25 {

  background-color: #FF6600 !important;
  color: #2A2A2A !important;
}

.btn25:hover {

  background-color: #552200 !important;
  color: white !important;
}

.title.white small {

  color: #FF6600;
}


.contact_info ul li h4 {

  font-weight: 600 !important;
}


.title h2, .title h3 {

  color: #2A2A2A;
}

body {
  color: #2A2A2A;
}

h3 {

  font-weight: 600 !important;
}

.accordion .card-header h1 a {

  font-weight: 600;
  font-size: large;
}

main {

  background-color: #FFF9F6;
}

.pic {

    left: 25px;
    top: 20px;
}

.pic h1 {
    
    top: 46px;
}

.pic h1 {
    position: absolute;
    left: 95px;
    top: 48px;
    color: #fff;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 500;
}


.lead {
    font-size: 1.45rem;
  
  }



.hidden {

    display: block !important;
}

.collapse {
    visibility: visible !important;
}

.menu-habitaciones {

    font-family: "bootstrap-icons";
    content: "\f285";
    float: right;
}

a.btn_1, .btn_1 {

  background-color: #FF6600;
}

a.btn_1:hover, .btn_1:hover {

  background-color: #552200;
}

a.btn_1.outline:hover, .btn_1.outline:hover {

  background-color: #552200;
}

footer .footer_bg .background-image {
  filter: grayscale(0%);
}



footer a {

  color: #FF6600;
}


@media (max-width: 758px) {
  .parallax_wrapper.inverted .img_over {
            left: 160px;
        right: -40%;
  }
}

@media (min-width: 759px) {
  .parallax_wrapper.inverted .img_over {
                    left: 50%;
        right: -35%;
  }
}

@media (min-width: 1024px) {
  .parallax_wrapper.inverted .img_over {
  text-align: right;
  left: inherit;
  right: -65%;
}
}