/****************** GENERAL ******************/
body {
    color: #333;
}
body:not(#page-1) .fixed #mainHeader,
.fixed #mainHeader {
    background: #00a99b;
    -webkit-box-shadow: 2px 4px 6px 0px rgba(0,0,0,0.13);
-moz-box-shadow: 2px 4px 6px 0px rgba(0,0,0,0.13);
box-shadow: 2px 4px 6px 0px rgba(0,0,0,0.13);
}
#page {
    background: #fff;
}
#content:not(.home) h1 {
    color: #00a99b;
}
.intro{
    background-color:#007cdb}
.texto-principal{
    background-color:}
.titulo-texto-faq{
    color:#ffffff} 
.texto-faq{
    background-color:#007cdb} 
.container-faq{
    background-color:#e6e6e6}
.destaque{
    margin-bottom: 16px;
    background-color: #f2f2f2;
}
h2, h3 {
    color: #00a99b;
}
h2, .h2 {
    color: #666;
}
h4, .h4 {
    color: #555;
}
a {
    color: #00a99b;
}
a:hover {
    color: #00a99b;
}
a p {
    color: #333;
}

/***************** BOOTSTRAP *****************/
.btn-primary {
    background: none;
    border-color: #00a99b;
    color: #00a99b;
}
.btn-primary:hover {
    background-color: #00a99b;
    border-color: #00a99b;
    color: #fff;
}
.btn-default {
    background: none;
    border-color: #ccc;
    color: #555;
}
.label.label-default {
    background: #aaa;
}
blockquote {
    color: #555;
}

/****************** HEADERS ******************/
#preHeader {
    background: #00a99b;
    color: #fff;
}
#preHeader a {
    color: #fff;
}
@media (max-width: 767px) {
    #page-1 #mainHeader {
        background: rgba(50, 120, 150, 0.8);
    }
    #mainMenu {
        background: rgba(50, 120, 150, 0.8);
    }
}
ul.navbar-nav > li.primary > a.firstLevel {
    color: #ffffff;
}
ul.navbar-nav > li.primary > a.firstLevel.active,
ul.navbar-nav > li.primary > a.firstLevel:hover,
ul.navbar-nav > li.primary > a.firstLevel:focus {
    border-bottom: 1px solid #ffffff;
    color:#ffffff;
    background: none;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {

}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}
@media(max-width:767px) {
    ul.navbar-nav > li.primary > a.firstLevel.active,
    ul.navbar-nav > li.primary > a.firstLevel:hover,
    ul.navbar-nav > li.primary > a.firstLevel:focus {
        border-bottom: none;
    }
    #mainMenu .navbar-nav li {
        border-bottom: 1px solid #eee;
    }
}
#mainMenu .navbar-nav ul li a {
    border-bottom: 1px solid #ddd;
}
.navbar-nav ul li a {
    color: #666;
}
.navbar-nav ul li a:hover, .navbar-nav ul li.hover > a {
    background: #00a99b;
    color: #fff;
}
ul.navbar-nav > li.primary .dropdown > a,
ul.navbar-nav > li.primary .dropdown {
    color: #fff;
}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background: none;
    border: none;
}
@media(min-width:768px) {
    .navbar-nav ul {
        background: #fff;
    }
}
#lang-btn {
    background: transparent;
    border: 0;
}
#lang-btn:hover,
#lang-btn:focus {
    color: #ccc;
}
#lang-menu a {
    color: #333;
}
.info-header i {
    background: #fff;
    color: #00a99b;
}
.searchWrapper {
    color: #888;
    border-left: 1px solid rgba(0, 0, 0, 0.1);
    border-right: 1px solid rgba(0, 0, 0, 0.1);
}
.searchWrapper button:hover {
    background: #00a99b;
}
.page-header {
    background-color: #ff5f25;
    color:#ffffff;
    border: none;
}
.page-header h1, .page-header p.main-title, .page-header a {
    color: #fff;
}
.breadcrumb {
    background: transparent;
}

/*************** ROYAL SLIDER ****************/

#full-width-slider {
    color: #000;
}
.infoBlock a {
    color: #fff;
}
.photosBy {
    background: #fff;
    color: #000;
} 
.photosBy a {
    color: #000;
}


/************** BOOKING SEARCH ***************/
.booking-search .btn.dropdown-toggle {
    background: #fff;
    border: 1px solid #ccc;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    -ms-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    -o-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
}
#search-home {
    background: rgba(0, 0, 0, 0.3);
}
#search-home .form-control {
    background: none;
    border-color: #fff;
    color: #fff;
}
#search-home .input-group-addon {
    background: none;
    border-color: #fff;
    color: #fff;
}
#search-home .btn {
    background: none;
    border-color: #fff;
    color: #fff;
}
#search-home .btn-primary:hover {
    background: rgba(50, 120, 150, 0.6);
}

/***************** HOMEPAGE ******************/
.iconBlocHome i.fa {
    color: #00a99b;
}

/************ ISOTOPE / PORTFOLIO ************/
.isotopeWrapper.loaded {
    background: none;
}
.isotopeContent {
    background: #fff;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
.more-action figcaption p {
    color: #fff;
}
.more-link:hover .more-action {
    background: rgba(83, 129, 186, 0.5);
}
.more-icon i {
    color: #00a99b;
    background: #fff;
}
.lazy-more-btn {
    background: #aaa!important;
    color: #fff!important;
}
.lazy-more-btn:hover {
    background: #fff!important;
    color: #333!important;
}

/*************** MISCELLANEOUS ***************/
aside .widget-title {
    color: #00a99b;
}
aside h3 {
    color: #555;
}
.more-content {
    background: rgba(50, 50, 50, 0.3);
    color: #fff;
}
.more-content h3 {
    color: #fff;
    border: 1px solid #fff;
}
.boxed {
    background: #f1f1f1;
    border: 1px solid #ddd;
    padding: 20px;
}
.facility-icon {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ddd;
    color: #777;
}
.facility-icon a {
    color: #777;
}
@media (min-width: 768px) {
    .booking-result > .sep {
        border-left: 1px solid #ddd;
    }
}
.checkbox-icon {
    border: 2px solid #00a99b;
}
.activity-result .checkbox-icon:before {
    color: #fff;
}
.activity-result.active .checkbox-icon:before {
    color: #00a99b;
}
.booking-result .legend {
    background: #E8E8E8;
    color: #555;
}
.activity-result .hb-calendar {
    background: #f2f2f2;
}
#booking-breadcrumb .breadcrumb-item {
    background: #e8e8e8;
}
#booking-breadcrumb .breadcrumb-item.done {
    background: #ff5f25;
    color: #ffffff;
}
#booking-breadcrumb .breadcrumb-item.active {
    background: #00a99b;
    color: #fff;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #00a99b;
}
.hotBox {
    background: #00a99b;
    color: #fff;
}   
.hotBox h2,
.hotBox a {
    color: #fff;
}
#pages-list li a {
    border: 1px solid #ddd;
    background-color: #aaa;
    color: #fff;
}
#pages-list li a:hover {
    background-color: #e6e6e6;
    border-color: #adadad;
    color: #333;
}
/******************* FOOTER ******************/
#footerRights {
    background: #00a99b;
}
footer {
    background: #00a99b;
}
footer, footer h3, footer .widget-title, footer a {
    color: #fff;
}
footer p.lead {
    color: #00a99b;
}
footer .searchWrapper, footer .dropdown, footer .dropup {
    background: rgba(0, 0, 0, 0.5);
}
footer .dropup .btn, footer .dropup.open .btn {
    color: #fff;
    border: 0 none;
    background: none;
}
#toTop {
    background: #fff;
    border: 1px solid #ddd;
}
#toTop:hover {
    background: #00a99b;
    color: #fff;
}
footer .searchWrapper .form-control {
    color: #fff;
}
footer .searchWrapper .form-control::-webkit-input-placeholder {
    color: #ddd;
}
footer .searchWrapper .form-control:-moz-placeholder {
    color: #ddd;
}
footer .searchWrapper .form-control::-moz-placeholder {
    color: #ddd;
}
footer .searchWrapper .form-control:-ms-input-placeholder {
    color: #ddd;
}
/******************* LOADER ******************/
#loader-wrapper {
    background: #fff;
}
#loader {
    border-top-color: #888;
}
#loader:before {
    border-top-color: #00a99b;
}
#loader:after {
    border-top-color: #00a99b;
}
.barra{
    display:flex;
    flex-direction: column-reverse;
    justify-content: center;
    <!-- background-color: rgba(255, 255, 255, 0.6); -->
    padding:5px;
    width: 70px;
    position: fixed;
    right:0px;
    bottom:80px;
    z-index:999;
    <!-- box-shadow: 0 2px 5px 1px rgba(102,102,102,0.1); -->
    
}
@media(max-width:480px) {
 .barra{
 display:none;
 }
}

.buttoncall {
  background-color: #35b084;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: none;
  color: #FFFFFF;
  cursor: pointer;
  display: inline-block;
  font-family: Arial;
  font-size: 14px;
  padding: 5px 10px;
  text-align: center;
  text-decoration: none;
}
@-webkit-keyframes glowing {
  0% { background-color: #b80025;  -webkit-box-shadow: 0 0 3px #b80025; }
  50% { background-color: #e60017; -webkit-box-shadow: 0 0 3px #e60017; }
  100% { background-color: #b80025;  -webkit-box-shadow: 0 0 3px #b80025; }
}

@-moz-keyframes glowing {
  0% { background-color: #b80025;  -moz-box-shadow: 0 0 3px #b80025; }
  50% { background-color:  #e60017; -moz-box-shadow: 0 0 3px #e60017; }
  100% { background-color:#b80025;  -moz-box-shadow: 0 0 3px #b80025; }
}

@-o-keyframes glowing {
  0% { background-color: #b80025;  box-shadow: 0 0 3px #b80025; }
  50% { background-color: #e60017; box-shadow: 0 0 3px  #e60017; }
  100% { background-color: #b80025;  box-shadow: 0 0 3px #b80025; }
}

@keyframes glowing {
  0% { background-color: #b80025; box-shadow: 0 0 3px #b80025; }
  50% { background-color: #e60017; box-shadow: 0 0 3px  #e60017; }
  100% { background-color:#b80025;  box-shadow: 0 0 3px#b80025; }
}

.buttoncall {
  -webkit-animation: glowing 1500ms infinite;
  -moz-animation: glowing 1500ms infinite;
  -o-animation: glowing 1500ms infinite;
  animation: glowing 1500ms infinite;
}
.pulse{
  animation: pulse 3s infinite;
} 

@keyframes pulse {
  50%{
    transform: scale(1.1);
  }
}

.barra_1{
            flex: 1;
            background-color: #ffffff;
            color: #04ff00;  
            font-size: 33px;
            text-align: center;
            line-height: 51px;
            margin-bottom:5px;
            margin-top:5px;
            border-radius: 5px;
            border-radius: 50%;
            height: 53px;
            width: 53px;
            transition: all .6s;             
            animation-fill-mode: both;
            animation-iterative-count: 1;
            -webkit-box-shadow: 2px 4px 6px 0px rgba(0,0,0,0.13);
-moz-box-shadow: 2px 4px 6px 0px rgba(0,0,0,0.13);
box-shadow: 2px 4px 6px 0px rgba(0,0,0,0.13);
            }
            .barra_2{
            flex: 1;
            background-color: #ffffff;
            color: #000000;  
            font-size: 33px;
            text-align: center;
            line-height: 51px;
            margin-bottom:5px;
            margin-top:5px;
            border-radius: 5px;
            border-radius: 50%;
            height: 53px;
            width: 53px;
            transition: all .6s;             
            animation-fill-mode: both;
            animation-iterative-count: 1;
            -webkit-box-shadow: 2px 4px 6px 0px rgba(0,0,0,0.13);
-moz-box-shadow: 2px 4px 6px 0px rgba(0,0,0,0.13);
box-shadow: 2px 4px 6px 0px rgba(0,0,0,0.13);
            }
            .barra_5{
            flex: 1;
            background-color: #ffffff;
            color: #ff0088;  
            font-size: 33px;
            text-align: center;
            line-height: 51px;
            margin-bottom:5px;
            margin-top:5px;
            border-radius: 5px;
            border-radius: 50%;
            height: 53px;
            width: 53px;
            transition: all .6s;             
            animation-fill-mode: both;
            animation-iterative-count: 1;
            -webkit-box-shadow: 2px 4px 6px 0px rgba(0,0,0,0.13);
-moz-box-shadow: 2px 4px 6px 0px rgba(0,0,0,0.13);
box-shadow: 2px 4px 6px 0px rgba(0,0,0,0.13);
            }