/****************** GENERAL ******************/
body {
    color: #333;
}
body:not(#page-1) .fixed #mainHeader,
.fixed #mainHeader {
    background: #002de0;
    -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: #002de0;
}
.intro{
    background-color:#ffffff}
.texto-principal{
    background-color:COLOR_HOME_TEXT}
.titulo-texto-faq{
    color:#ffffff} 
.texto-faq{
    background-color:#0352ba} 
.container-faq{
    background-color:#da9858}
.destaque{
    margin-bottom: 16px;
    background-color: #ffffff;
}
h2, h3 {
    color: #002de0;
}
h2, .h2 {
    color: #666;
}
h4, .h4 {
    color: #555;
}
a {
    color: #002de0;
}
a:hover {
    color: #002de0;
}
a p {
    color: #333;
}

/***************** BOOTSTRAP *****************/
.btn-primary {
    background: none;
    border-color: #002de0;
    color: #002de0;
}
.btn-primary:hover {
    background-color: #002de0;
    border-color: #002de0;
    color: #fff;
}

.btn-primary-request {
    background-color: #002de0;
    
    border-color: #002de0;
    color: #fff;
}

.btn-primary-request:hover {
    background-color: #002de0;
    border-color: #002de0;
    opacity: 0.70;
    color: #fff;
}
.btn-default {
    background: none;
    border-color: #ccc;
    color: #555;
}
.label.label-default {
    background: #aaa;
}
blockquote {
    color: #555;
}

/****************** HEADERS ******************/
#preHeader {
    background: #002de0;
    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: #002de0;
    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: #002de0;
}
.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: #002de0;
}
.page-header {
    background-color: #00a0cc;
    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: #002de0;
}

/************ 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: #002de0;
    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: #002de0;
}
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 #002de0;
}
.activity-result .checkbox-icon:before {
    color: #fff;
}
.activity-result.active .checkbox-icon:before {
    color: #002de0;
}
.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: #00a0cc;
    color: #ffffff;
}
#booking-breadcrumb .breadcrumb-item.active {
    background: #002de0;
    color: #fff;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #002de0;
}
.hotBox {
    background: #002de0;
    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: #009cc7;
}
footer {
    background: #009cc7;
}
footer, footer h3, footer .widget-title, footer a {
    color: #fff;
}
footer p.lead {
    color: #002de0;
}
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: #002de0;
    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: #002de0;
}
#loader:after {
    border-top-color: #002de0;
}
.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: flex;
    flex-direction: row; 
    margin: 0 auto; 
    justify-content: center;
    width: 100%; 
    position: fixed;
    z-index:999;
    bottom:0px;
 }
 .bg-barra{
     background-color:#fff;
     opacity:0.5;
     display: flex;
        flex-direction: row; 
        margin: 0 auto; 
        justify-content: center;
        width: 100%; 
        position: fixed;
        z-index:998;
        bottom:0px;
        height:65px;
 }
 footer{
     margin-bottom:65px;
     background-color:#009cc7;
 }
 .tips:not(:last-child){
    margin-right:8px;
 }

 #toTop{
     bottom:60px !important;
 }
}

.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: #d400ff;  -webkit-box-shadow: 0 0 3px #d400ff; }
  50% { background-color: #011ca2; -webkit-box-shadow: 0 0 3px #011ca2; }
  100% { background-color: #d400ff;  -webkit-box-shadow: 0 0 3px #d400ff; }
}

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

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

@keyframes glowing {
  0% { background-color: #d400ff; box-shadow: 0 0 3px #d400ff; }
  50% { background-color: #011ca2; box-shadow: 0 0 3px  #011ca2; }
  100% { background-color:#d400ff;  box-shadow: 0 0 3px#d400ff; }
}

.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);
  }
}


/****************** layout-caixa-notifc ******************/
.bg {
    background-color: gray;
}


.circunf {
    background-color:  #002de0;
    width: 68px;
    height: 68px;
    border-radius: 70px !important;
    border: 2px solid rgb(255, 255, 255) !important;
    border-radius: 50% !important;
    margin-top: 25px;
}

.border {
    border: 2px solid  #002de0;
    border-radius: 50%;
    display: flex;
    cursor: pointer;
    width: 71px;
    height: 71px;
    margin-left: -3.6px;
    margin-top: -3.5px;
}

.img {
    width: 55px;
    display: flex;
    margin-left: 5px;
    margin-top: 11px;
}

.notific {
    border: 1px solid #d3d3d3 !important;
    width: 20px !important;
    height: 20px !important;
    background-color: red !important;
    border-radius: 20px !important;
    margin-left: 43px !important;
    line-height: 16px; 
    margin-top: -52px !important;
}

.notifictxt {
    font-size: 13px !important;
    font-family: Roboto, sans-serif !important;
    color: #fff !important;
    font-weight: 700 !important;
    font-style: normal !important;
    margin-left: 6px;
}

.txt {
    font-size: 13px !important;
    font-family: Roboto, sans-serif !important;
    color: #fff !important;
    font-weight: 700 !important;
    font-style: normal !important;
    margin-left: 18px;
    ;
}

.info {
    background-color:  #002de0;
    width: 200px !important;
    margin-right: 10px;
    margin-top: auto;
    margin-bottom: 5px;
    height: 100px;
    max-width: 150px;
    border-radius: 20px;
    box-shadow: 0px 1px 10px 1px #aaa; 
}

.flex {
    display: flex;
}

.column {
    flex-direction: column;
}

.topotxt {
    color: #fff;
    font-size: 13px !important;
    font-family: Roboto, sans-serif !important;
    font-weight: 400;
    font-style: normal;
    margin-left: 25px;
}

.topo {
    padding-top: 20px;
}

.rodape {
    height: 25px;
    background-color: #fff;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    margin-top: 13px;
    text-align: center;
}

.rodapetxt {
    color:  #002de0;
    font-size: 13px !important;
    font-family: Roboto, sans-serif !important;
    font-weight: 400;
    font-style: normal; 
}

.close-notifc {
    position: absolute;
    left: -189px;
    top: 246px;
    background: #ffffff; 
    width: 15px;
    height: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    box-shadow: 1px 1px 2px 2px #aaa;
}

.closetxt {
    color: #000;
    font-size: 12px !important;
    font-family: Roboto, sans-serif !important;
    font-weight: 600;
    margin-top: -1px;
    cursor:pointer;
}

.barra_5{
            flex: 1;
            background-color: #ffffff;
            color: #c2007b;  
            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);
            }