#preloader{
    background: #0076c0;
}

#home_slider .left_arrow,
#home_slider .right_arrow {
    fill: #3eadff
}
/* !------------------------------ All light part color #fff ------------------------------
   ================================================== */

.button--itzel,
.description h2,
.description h3,
.details,
.button--itzel .button__icon,
.buttons a.active,
#filterOptions li a {
    color: #fff
}
.menu-wrap,
.news_row,
a.accordion_button,
.accordion_button,
.contact_form,
#swipebox-overlay,
#swipebox-bottom-bar,
#swipebox-top-bar {
    background-color: #fff
}
.menu-button::before {
    background: linear-gradient(#fff 20%, transparent 20%, transparent 40%, #fff 40%, #fff 60%, transparent 60%, transparent 80%, #fff 80%)
}
.button--itzel::before,
.center_line.light,
.tabs_about .graybtn,
.testimonials_carousel,
.testimonials .carousel-indicators .photo_carousel_ind.active,
.about_columns .list .menu_list {
    border-color: #fff
}
/* !------ SVG ------
   ================================================== */

.photo_carousel .right_arrow svg,
#testimonials .right_arrow svg,
.photo_carousel .left_arrow svg,
#testimonials .left_arrow svg,
#home_slider .left_arrow:hover,
#home_slider .right_arrow:hover {
    fill: #fff
}
/* !------------------------------ Black color #000 ------------------------------
   ================================================== */

a,
a:hover,
.first_title,
.panel a,
.reservation,
.reservation_button,
.contact_icon:hover,
footer,
.cs-skin-border .cs-selected span::after,
.navbar_bg .active a,
.accommodation_reservation,
a.navicon,
.menu p,
.contact_information,
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover,
.panel-collapse p b {
    color: #000
}
.eventime_button:hover,
.navicon .button--itzel,
.navicon .button__icon {
    color: #000 !important
}

.reservation_button:hover,
.navbar_bg_dark,
.navbar-toggle .icon-bar {
    background-color: #000
}
.reservation .first_line,
footer .first_line,
.accommodation_item,
.menu-wrap a,
.reservation_button {
    border-color: #000
}
/* !------------------------------ Gray color #838383 ------------------------------
   ================================================== */

.button--itzel.dark,
.accordion_right,
.button--itzel.dark::before,
span.sizearea,
.photo_carousel_ind {
    border-color: #838383
}
/* !------ SVG ------
   ================================================== */

#sh_carousel .right_arrow svg,
#sh_carousel .left_arrow svg,
.light .right_arrow svg,
.light .left_arrow svg {
    fill: #838383
}
.button--itzel.dark .button__icon,
.button--itzel.dark,
.graytxt,
.panel-collapse p,
.arrow_right,
.copyright,
.arrow_left,
span.sizearea,
.footer .link,
footer,
.navbar_bg a {
    color: #838383
}
.menu-button {
    background: rgba(0, 0, 0, 0.8)
}
.nav_mask_full {
    background: rgba(0, 0, 0, 1)
}
.fill_mask {}
/** background set here **/