body{
                                                                                                                        }
            /*----------main color------------*/
        .text-blue-1,
        .header .header-menu .menu .subnav > li > a:hover,
        .bravo_wrap .footer .menu-footer .menu__nav li .subnav > li > a:hover,
        .desktopMenu .menu a:hover,
        .desktopMenu .menu .subnav__backBtn a,
        .hotel_rooms_form .nav-enquiry .enquiry-item.active span,
        .bravo_single_book .nav-enquiry .enquiry-item.active span,
        .pricing-table .title{
            color: #20a3a8;
        }

        .tabs.-underline .tabs__controls .tabs__button:hover,
        .tabs.-pills-2 .tabs__controls .tabs__button:hover,
        .tabs.-bookmark-2 .tabs__button:hover,
        .sidebar.-dashboard .sidebar__button.-is-active,
        .tabs.-underline-2 .tabs__controls .tabs__button.is-tab-el-active,
        .accordion.-db-sidebar .accordion__item.is-active .sidebar__button,
        .tabs.-underline-2 .tabs__controls .tabs__button:hover{
            color: #20a3a8 !important;
        }

        .pagination.-dots .pagination__item.is-active,
        .button.-outline-blue-1:hover,
        .form-checkbox:hover input ~ .form-checkbox__mark,
        .pricing-tabs .tab-btns:before,
        .tabs.-underline-2 .tabs__controls .tabs__button::after{
            background-color: #20a3a8;
        }

        .bg-blue-1,
        .button.-blue-1:hover,
        .tabs.-pills-2 .tabs__controls .tabs__button.is-tab-el-active,
        .tourTypeCard.-type-1:hover,
        .noUi-connect,
        .accordion.-map .accordion__item.is-active .accordion__icon,
        .form-checkbox input:checked ~ .form-checkbox__mark{
            background-color: #20a3a8 !important;
        }

        .button.-blue-1:hover,
        .border-blue-1,
        .button.-outline-blue-1,
        .noUi-handle,
        .hotel_rooms_form .nav-enquiry .enquiry-item.active span,
        .bravo_single_book .nav-enquiry .enquiry-item.active span,
        .form-checkbox input:checked ~ .form-checkbox__mark,
        .pricing-table .inner-box:hover, .pricing-table.tagged .inner-box{
            border-color: #20a3a8;
        }
        /*-----------end main color------------*/
    
            
    .bg-dark-1 {
    background-color: #20a3a8 !important;
}
.bg-orange {
    background-color: #FFA500 !important;
}
.bg-dark-3 {
  background-color: #20a3a8 !important;
}
.bg-dark-2 {
  background-color: #20a3a8 !important;
}
.layout-pt-lg {
    padding-top: 40px;
}
.layout-pt-md {
  padding-top: 10px;
}
.header .header-logo img {
  width: 140px;
  padding: 12px;
}
a:hover{
    color:#000;
}
[type="submit"]:not(:disabled), button:not(:disabled) {
  cursor: pointer;
  border-color: #20a3a8;
}

.float {
  position: fixed;
  width: 60px;
  height: 60px;
  bottom: 40px;
  right: 40px;
  background-color: #25d366;
  color: #FFF;
  border-radius: 50px;
  text-align: center;
  font-size: 30px;
  box-shadow: 2px 2px 3px #999;
  z-index: 100;
}




.wrap-contact-float-sidebar {
    position: fixed;
    left: -300px;
    width: 300px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 9999;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    -ms-transition: all .2s linear;
    transition: all .2s linear;
    cursor: pointer;
    /* padding: 20px 30px; */
}

.wrap-contact-float-sidebar a.contact-btn {}

.wrap-contact-float-sidebar .widget {
    margin: 0;
    background: rgb(28 139 143);
    padding: 20px 30px;
    color: #FFF;
    font-size: 14px;
    line-height: 1.2em;
}

.wrap-contact-float-sidebar .widget a {
    color: #FFF;
    font-weight: 400;
    font-size: 12px;
    text-decoration: underline;
}

.wrap-contact-float-sidebar .widget a:hover {
    color: #cfae6a;
}

.wrap-contact-float-sidebar:hover {
    left: 0;
}

.wrap-contact-float-sidebar .widget p {color:#fff}

.wrap-contact-float-sidebar .widget ul {
    padding: 0;
    margin: 0;
    list-style: none;
    font-size: 12px;
}

.wrap-contact-float-sidebar .widget ul li {
    margin: 0;
    padding: 0;
}

.wrap-contact-float-sidebar .widget ul li {
    margin: 0 0 10px;
    padding-left: 34px;
    position: relative;
}

.wrap-contact-float-sidebar .widget ul li i {
    color: #fff;;
    font-size: 16px;
    position: absolute;
    left: 0;
    top: 0;
}

.wrap-contact-float-sidebar a.contact-btn {
    background: rgb(28 139 143);
    opacity:0.9;
    font-size: 14px;
    font-weight: 300;
    color: #fff;
    padding: 5px 15px;
    position: absolute;
    right: -92px;
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg) translateX(50%);
    -webkit-transition: all 0.15s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
    -ms-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    z-index: 99;
    top: 0;
    margin-top: 168px;
    max-width: 200px;
    text-align: center;
}

.wrap-contact-float-sidebar a.contact-btn:hover {
    background-color: #006789;
    color: #fff;
    text-decoration: none;
}

.wrap-contact-float-sidebar a.contact-btn {
    animation: shake3 3s infinite cubic-bezier(.36, .07, .19, .97) both;
    transform: rotate(-90deg) translateX(50%);
}

.wrap-contact-float-sidebar:hover a.contact-btn,
body.category-blog .wrap-contact-float-sidebar a.contact-btn,
body.post-type-archive-rite .wrap-contact-float-sidebar a.contact-btn,
body.single-rite .wrap-contact-float-sidebar a.contact-btn,
body.single-post .wrap-contact-float-sidebar a.contact-btn,
body.woocommerce-cart .wrap-contact-float-sidebar a.contact-btn,
body.woocommerce-account .wrap-contact-float-sidebar a.contact-btn,
body.page-template-contact-page .wrap-contact-float-sidebar a.contact-btn,
body.modal-open .wrap-contact-float-sidebar a.contact-btn {
    animation: none;
}

@keyframes shake3 {

    5%,
    45% {
        transform: translate3d(-1px, 0, 0) rotate(-90deg) translateX(50%);
    }

    10%,
    40% {
        transform: translate3d(7px, 0, 0) rotate(-90deg) translateX(50%);
    }

    15%,
    25%,
    35% {
        transform: translate3d(-8px, 0, 0) rotate(-90deg) translateX(50%);
    }

    20%,
    30% {
        transform: translate3d(8px, 0, 0) rotate(-90deg) translateX(50%);
    }

    50%,
    60% {
        transform: translate3d(0, 0, 0) rotate(-90deg) translateX(50%);
    }

    60%,
    100% {
        transform: translate3d(0, 0, 0) rotate(-90deg) translateX(50%);
    }
}



.masthead.-type-1 .masthead__bg::after {
  content: "";
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(270deg, rgba(5, 16, 54, 0.5) 0%, #051036 72.43%);
  opacity: 0.25;
}


.toto {
 border: 1px solid #fff;
 font-weight:bold;
 background-color:#20a3a8;
 color:#fff;
 padding:10px;
 text-align:center;
 
}
.zozo{
 border: 1px solid #fff;
 font-weight:bold;
 background-color:#f37634;
 color:#fff;
 padding:0px;
 text-align:center;
}

.momo{
 border: 1px solid #fff;
 font-weight:bold;
 background-color:var(--color-light-2);
 color:#000;
 padding:10px;
 text-align:center;
}
.bobo{
 
 background-color:var(--color-light-2);

}
.bravo-how-it-works{
    
    padding:40px;
}
.gogo{
 border: 1px solid #fff;
 background-color:var(--color-light-2);
 color:#000;
 text-align:center;
}