/* <i> default italic, kept for icons now rendered as <span class="zc-i"> */
:where(span.zc-i) { font-style: italic; }

.daterangepicker .daterangepicker_input span:where(.zc-i) { position: absolute; left: 8px; top: 8px; }
.daterangepicker.rtl .daterangepicker_input span:where(.zc-i) { left: auto; right: 8px; }
.irs--flat .irs-handle > span:where(.zc-i):first-child { position: absolute; display: block; top: 0px; left: 50%; width: 2px; height: 100%; margin-left: -1px; background-color: rgb(218, 68, 83); }
.irs--flat .irs-handle.state_hover > span:where(.zc-i):first-child, .irs--flat .irs-handle:hover > span:where(.zc-i):first-child { background-color: rgb(164, 53, 64); }
.irs--modern .irs-handle > span:where(.zc-i):nth-child(1) { position: absolute; display: block; top: -4px; left: 1px; width: 6px; height: 6px; border: 1px solid rgb(163, 173, 193); background: white; transform: rotate(45deg); }
.irs--modern .irs-handle > span:where(.zc-i):nth-child(2) { position: absolute; display: block; box-sizing: border-box; top: 0px; left: 0px; width: 10px; height: 12px; background: linear-gradient(white 0%, rgb(233, 230, 230) 100%); border-radius: 0px 0px 3px 3px; }
.irs--modern .irs-handle > span:where(.zc-i):nth-child(3) { position: absolute; display: block; box-sizing: border-box; top: 3px; left: 3px; width: 4px; height: 5px; border-left: 1px solid rgb(163, 173, 193); border-right: 1px solid rgb(163, 173, 193); }
.irs--modern .irs-handle.state_hover > span:where(.zc-i):nth-child(1), .irs--modern .irs-handle:hover > span:where(.zc-i):nth-child(1) { border-color: rgb(118, 133, 162); }
.irs--modern .irs-handle.state_hover > span:where(.zc-i):nth-child(3), .irs--modern .irs-handle:hover > span:where(.zc-i):nth-child(3) { border-color: rgb(72, 83, 106); }
.irs--sharp .irs-handle > span:where(.zc-i):first-child { position: absolute; display: block; top: 100%; left: 0px; width: 0px; height: 0px; border-width: 5px; border-style: solid; border-color: rgb(168, 4, 178) transparent transparent; border-image: none; }
.irs--sharp .irs-handle.state_hover > span:where(.zc-i):first-child, .irs--sharp .irs-handle:hover > span:where(.zc-i):first-child { border-top-color: black; }
.eb-btn span:where(.zc-i) { display: inline-block; width: 24px; height: 24px; margin-right: 10px; font-size: 10px; line-height: 24px; border-radius: 50%; background-color: rgba(0, 0, 0, 0.15); text-align: center; }
.btn.eb-btn.btn-transparent span:where(.zc-i) { padding-left: 0px; color: rgb(96, 96, 96); background: transparent !important; }
.btn.eb-btn.icon-right span:where(.zc-i) { margin-right: 0px; margin-left: 10px; }
.btn.eb-btn.icon-left span:where(.zc-i) { margin-left: 0px; margin-right: 10px; }
.btn.eb-btn.btn-transparent.icon-right span:where(.zc-i) { margin-left: 5px; }
.btn.eb-btn.btn-transparent.icon-left span:where(.zc-i) { margin-right: 5px; }
.checkout-payment-tabs .eb-payment-tabs .payment-tab-item a span:where(.zc-i) { font-size: 13px; margin-right: 8px; }
.eb-alert.eb-alert-small span:where(.zc-i) { width: 25px; height: 25px; margin-right: 10px; line-height: 25px; font-size: 12px; }
.eb-alert.eb-alert-success span:where(.zc-i) { background: rgb(170, 210, 181); }
.eb-alert.eb-alert-error span:where(.zc-i) { background: rgb(198, 86, 85); }
.additional-service-item span:where(.zc-i)::before { margin-left: 5px; font-size: 13px; }
.eb-dropdown span:where(.zc-i) { margin-left: 5px; margin-right: 7px; }
.room-list-item .featured-room span:where(.zc-i) { background: rgb(222, 182, 102); border-radius: 50%; width: 18px; height: 18px; font-size: 12px; line-height: 18px; text-align: center; color: rgb(255, 255, 255); margin-right: 6px; }
.room-list-item .room-services .room-service-item span:where(.zc-i) { font-size: 14px; display: block; }
.room-list-item.room-list-item-archive .btn span:where(.zc-i) { right: 14px; margin-top: -2px; vertical-align: middle; border-radius: 50%; line-height: 20px; height: 20px; width: 20px; background: var(--color-primary); margin-left: 8px; margin-right: 0px; color: rgb(255, 255, 255); font-size: 6px; text-align: center; }
.room-list-item.room-list-item-archive .btn:hover span:where(.zc-i) { background: rgb(255, 255, 255); color: var(--color-primary); }
.price-breakdown-item span:where(.zc-i) { margin-right: 5px; font-size: 12px; }
.room-page .room-info .item span:where(.zc-i) { margin-right: 10px; display: inline-block; width: 36px; height: 36px; line-height: 36px; border-radius: 50%; text-align: center; background: rgb(242, 245, 243); margin-top: 2px; }
.room-page .room-info .item span:where(.zc-i)::before { margin-left: 0px; font-size: 18px; position: relative; color: rgb(141, 151, 150); }
.room-services-list .room-services-item span:where(.zc-i) { margin-right: 8px; }
.room-services-list-page .room-services-item span:where(.zc-i) { margin: 0px auto 10px; display: block; font-size: 18px; }
.room-more-details span:where(.zc-i) { margin-left: 5px; }
.single-place .social_media a span:where(.zc-i) { font-size: 16px; }
.eb-user-dashboard .no-bookings span:where(.zc-i) { display: block; font-size: 34px; margin-bottom: 20px; color: rgb(214, 217, 219); }
.mlduo-stat-box span:where(.zc-i) { position: absolute; top: 34px; right: 44px; font-size: 50px; color: rgba(0, 0, 0, 0.15); }
.eb-branch-item .eb-branch-details .eb-branch-location span:where(.zc-i) { margin-right: 5px; font-size: 13px; }
.eb-branch-page .eb-branch-info .eb-branch-contact li span:where(.zc-i) { margin-right: 12px; font-size: 14px; }
.eb-branch-search-form #eb_search_form span:where(.zc-i) { margin-right: 0px; font-size: 16px; }
.eb-popup-search-form-btn .btn span:where(.zc-i) { width: 28px; height: 28px; display: inline-block; font-size: 14px; line-height: 28px; border-radius: 50%; background-color: rgba(0, 0, 0, 0.15); color: rgb(255, 255, 255); text-align: center; margin-right: 0px; }
.eb-search-form.eb-search-form.eb-slide-search-form .eb-field-button .eb-btn-search-form span:where(.zc-i) { display: none; }
.testimonial-item .rating span:where(.zc-i) { color: rgb(227, 227, 227); font-size: 13px; margin: 0px 2px; }
.testimonial-item .rating span:where(.zc-i).voted { color: rgb(255, 182, 0); }
@media (max-width: 991.98px) { .eb-alert span:where(.zc-i) { display: none; } }
@media (max-width: 991.98px) { .eb-search-form.eb-search-form.eb-slide-search-form .eb-field-button .eb-btn-search-form span:where(.zc-i) { display: inline-block; margin-right: 0px; } }
@media (max-width: 767.98px) { .room-page .room-info .item span:where(.zc-i) { margin-right: 5px; } }
rs-module span:where(.zc-i)[class^="fa-"], rs-module span:where(.zc-i)[class*=" fa-"], .rb-modal-wrapper span:where(.zc-i)[class^="fa-"], .rb-modal-wrapper span:where(.zc-i)[class*=" fa-"], #waitaminute span:where(.zc-i)[class^="fa-"], #waitaminute span:where(.zc-i)[class*=" fa-"], #objectlibrary span:where(.zc-i)[class^="fa-"], #objectlibrary span:where(.zc-i)[class*=" fa-"], #rs_overview span:where(.zc-i)[class^="fa-"], #rs_overview span:where(.zc-i)[class*=" fa-"], #rs_overview_menu span:where(.zc-i)[class^="fa-"], #rs_overview_menu span:where(.zc-i)[class*=" fa-"], #builderView span:where(.zc-i)[class^="fa-"], #builderView span:where(.zc-i)[class*=" fa-"] { display: inline-block; font-style: normal; font-variant: normal; font-size-adjust: none; font-language-override: normal; font-kerning: auto; font-optical-sizing: auto; font-feature-settings: normal; font-variation-settings: normal; font-weight: normal; font-stretch: normal; line-height: 1; font-family: FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; }
.tp-video-play-button span:where(.zc-i) { width: 50px; height: 50px; display: inline-block; vertical-align: top; text-align: center !important; line-height: 50px !important; font-size: 30px !important; }
.rev-btn span:where(.zc-i) { font-size: inherit; font-weight: normal; position: relative; top: 0px; transition: opacity 0.2s ease-out, margin 0.2s ease-out; margin-left: 0px; line-height: inherit; }
.rev-btn.rev-hiddenicon span:where(.zc-i) { font-size: inherit; font-weight: normal; position: relative; top: 0px; transition: opacity 0.2s ease-out, margin 0.2s ease-out; opacity: 0; margin-left: 0px !important; width: 0px !important; }
.rev-btn.rev-hiddenicon:hover span:where(.zc-i) { opacity: 1 !important; margin-left: 10px !important; width: auto !important; }
.wp-block-button__link span:where(.zc-i) { margin-right: 6px; }
.alert span:where(.zc-i) { margin-right: 10px; }
.button.btn_lg span:where(.zc-i), .rev-btn span:where(.zc-i) { margin-right: 10px; }
.button span:where(.zc-i), .btn span:where(.zc-i) { margin-right: 10px; font-size: 10px; }
.button .icon span:where(.zc-i) { right: 14px; margin-top: 0px; vertical-align: middle; border-radius: 50%; line-height: 20px; height: 20px; width: 20px; background: rgb(222, 182, 102); margin-left: 10px; margin-right: 0px; color: rgb(255, 255, 255); font-size: 8px; text-align: center; }
.button:hover .icon span:where(.zc-i) { background: rgb(255, 255, 255); color: rgb(222, 182, 102); }
.button.btn_sm span:where(.zc-i) { margin-right: 6px; }
.button.btn_xs span:where(.zc-i) { margin-right: 6px; }
.notification .notification-icon span:where(.zc-i) { font-size: 22px; line-height: 40px; color: rgb(245, 245, 245); }
#back_to_top span:where(.zc-i) { color: rgb(255, 255, 255); line-height: 55px; font-size: 22px; }
.top_menu .top_menu_right li span:where(.zc-i) { margin-right: 4px; }
#main_menu .navbar-nav .menu_button .btn span:where(.zc-i)::before { top: 0px; position: relative; }
#hero .f_item .icon_box span:where(.zc-i) { color: rgb(255, 255, 255); font-size: 22px; line-height: 50px; }
#hero .f_item .icon_box span:where(.zc-i)::before { margin: 0px; font-size: 22px; }
.room-item .room-services .room-service-item span:where(.zc-i) { font-size: 14px; display: block; }
.rooms-carousel.owl-carousel .owl-nav .owl-prev span:where(.zc-i), .rooms-carousel.owl-carousel .owl-nav .owl-next span:where(.zc-i), .eb-rooms-carousel.owl-carousel .owl-nav .owl-prev span:where(.zc-i), .eb-rooms-carousel.owl-carousel .owl-nav .owl-next span:where(.zc-i) { font-size: 20px; color: rgb(133, 138, 153); line-height: 50px; transition: 0.4s; }
.rooms-carousel.owl-carousel .owl-nav .owl-prev:hover span:where(.zc-i), .rooms-carousel.owl-carousel .owl-nav .owl-next:hover span:where(.zc-i), .eb-rooms-carousel.owl-carousel .owl-nav .owl-prev:hover span:where(.zc-i), .eb-rooms-carousel.owl-carousel .owl-nav .owl-next:hover span:where(.zc-i) { color: rgb(96, 96, 96); }
.features .owl-thumb-item .media-left span:where(.zc-i)::before { font-size: 30px; margin: 0px; color: rgb(222, 182, 102); }
.news-grid-item .details .info span:where(.zc-i) { margin-left: 10px; margin-right: 3px; font-size: 13px; color: rgb(125, 134, 147); }
.news-grid-item .details .info span:where(.zc-i):first-child { margin-left: 0px; }
.video_popup a span:where(.zc-i) { color: rgb(255, 255, 255); margin-left: 8px; font-size: 60px; line-height: 105px; }
.testimonials-slider .review_content .review_rating span:where(.zc-i) { color: rgb(222, 182, 102); margin: 0px 2px; }
.testimonial-item .review .rating span:where(.zc-i) { margin: 0px 2px; color: rgb(222, 182, 102); }
.contact-item span:where(.zc-i) { float: left; font-size: 1em; color: rgb(255, 255, 255); margin-right: 5px; line-height: 0.7em; }
.subscribe-form .button span:where(.zc-i) { position: relative; right: 9px; font-size: 22px; text-align: center; }
footer .address_details li span:where(.zc-i) { margin-right: 12px; font-size: 15px; }
.footer-language-switcher span:where(.zc-i) { font-size: 15px; margin-left: 4px; }
.footer-language-switcher .language-switcher-title span:where(.zc-i) { font-size: 16px; }
footer .subfooter .social_media a span:where(.zc-i) { line-height: 30px; }
.sidebar .widget.widget_search button span:where(.zc-i) { font-size: 16px; }
.sidebar .widget.zante_recent_posts_widget .recent-post-item .details span span:where(.zc-i) { margin-right: 3px; font-size: 10px; }
.help .phone span:where(.zc-i), .help .email span:where(.zc-i) { margin-right: 10px; }
.blog_list .details .info .meta_part span:where(.zc-i) { margin-right: 5px; font-size: 15px; color: rgb(125, 134, 147); font-weight: 700; }
.blog_post .details .info .meta_part span:where(.zc-i) { margin-right: 5px; font-size: 15px; color: rgb(125, 134, 147); font-weight: 700; }
.blog_post .details .meta_post .tags span span:where(.zc-i) { margin-right: 5px; }
.blog_post .details .meta_post .share span span:where(.zc-i) { margin-right: 5px; }
#hero_coming_soon button span:where(.zc-i) { position: relative; right: 7px; font-size: 1.5em; text-align: center; }
.google-map .toggle-streetview span:where(.zc-i) { line-height: 60px; font-size: 18px; color: rgb(133, 138, 153); }
.google-map .toggle-streetview:hover span:where(.zc-i) { color: rgb(96, 96, 96); }
#events_page .item .event-wrapper .meta .time span:where(.zc-i), #events_page .item .event-wrapper .meta .location span:where(.zc-i) { margin-right: 5px; }
#our_staff_page .item .social-media a span:where(.zc-i) { margin: 5px; background: rgb(238, 238, 238); width: 30px; height: 30px; border-radius: 50%; line-height: 30px; border: 1px solid rgb(233, 232, 231); color: rgb(133, 138, 153); }
#rooms_grid .room_grid_item .room_info .room_services span:where(.zc-i) { background: rgb(222, 182, 102); padding: 5px 14px; font-size: 1.2em; color: rgb(255, 255, 255); margin: 5px; border: 1px solid rgb(182, 152, 84); border-radius: 2px; cursor: pointer; }
#rooms_grid .room_grid_item .room_info .room_services span:where(.zc-i):hover { background: rgb(182, 152, 84); }
#rooms_block_view .room_block_item .room_info .room_services span:where(.zc-i) { background: rgb(222, 182, 102); padding: 5px 10px; font-size: 1em; color: rgb(255, 255, 255); margin-right: 10px; border: 1px solid rgb(182, 152, 84); border-radius: 2px; cursor: pointer; }
.room-page .room-info .item span:where(.zc-i) { background: rgb(245, 243, 240); border-radius: 2px; }
.room-page .room-info .item span:where(.zc-i)::before { color: rgb(96, 96, 96); }
.room-reviews .rating span:where(.zc-i) { margin-right: 2px; color: rgb(222, 182, 102); font-size: 13px; }
@media only screen and (max-width: 991px) { #back_to_top span:where(.zc-i) { color: rgb(255, 255, 255); line-height: 30px; font-size: 16px; } }
.room-list-item.sidebar-none .room-price .button:hover span:where(.zc-i) { color: rgb(240, 231, 214); }
.button:hover .icon span:where(.zc-i) { color: rgb(19, 45, 45); }
.button .icon span:where(.zc-i), .room-list-item.sidebar-none .room-price .button span:where(.zc-i) { background: rgb(240, 231, 214); border-color: rgb(240, 231, 214); }
#rooms_grid .room_grid_item .room_info .room_services span:where(.zc-i), #rooms_block_view .room_block_item .room_info .room_services span:where(.zc-i) { background: rgb(240, 231, 214); }
#rooms_grid .room_grid_item .room_info .room_services span:where(.zc-i):hover { background: rgb(19, 45, 45); }
#rooms_grid .room_grid_item .room_info .room_services span:where(.zc-i), #rooms_block_view .room_block_item .room_info .room_services span:where(.zc-i) { border-color: rgb(19, 45, 45); }
@media screen and (min-width: 782px) { #mobmenu-footer li:hover span:where(.zc-i) {  } }
@media only screen and (max-width: 5000px) { .mobmenur-container span:where(.zc-i) { color: rgb(255, 255, 255); } }
@media only screen and (max-width: 5000px) { .mobmenul-container span:where(.zc-i) { color: rgb(255, 255, 255); } }
@media only screen and (max-width: 5000px) { .mob-expand-submenu span:where(.zc-i) { font-size: 30px; } }
@media only screen and (max-width: 5000px) { .show-nav-left .mob-expand-submenu span:where(.zc-i) { color: rgb(239, 239, 239); } }
@media only screen and (max-width: 5000px) { #mobmenuleft li:hover span:where(.zc-i) { color: rgb(247, 247, 247); } }
@media only screen and (max-width: 5000px) { .show-nav-right .mob-expand-submenu span:where(.zc-i) { color: rgb(255, 255, 255); } }
@media only screen and (max-width: 5000px) { .mobmenul-container span:where(.zc-i) { line-height: 30px; font-size: 30px; float: left; } }
@media only screen and (max-width: 5000px) { .mobmenur-container span:where(.zc-i) { line-height: 30px; font-size: 30px; float: right; } }
span:where(.zc-i).icon { height: 16px; width: 16px; }
span:where(.zc-i).icon { display: inline-block; line-height: 16px; vertical-align: text-top; margin-left: 5px; }
.wpb_btn-large span:where(.zc-i).icon { height: 19px; margin-left: 9px; }
.wpb_btn-small span:where(.zc-i).icon { height: 15px; }
.wpb_btn-mini span:where(.zc-i).icon { display: none; }
.wpb_address_book span:where(.zc-i).icon { background: url("../images/icons/address-book.png") right center no-repeat; }
.wpb_alarm_clock span:where(.zc-i).icon { background: url("../images/icons/alarm-clock.png") right center no-repeat; }
.wpb_anchor span:where(.zc-i).icon { background: url("../images/icons/anchor.png") right center no-repeat; }
.wpb_application_image span:where(.zc-i).icon { background: url("../images/icons/application-image.png") right center no-repeat; }
.wpb_arrow span:where(.zc-i).icon { background: url("../images/icons/arrow.png") right center no-repeat; }
.wpb_asterisk span:where(.zc-i).icon { background: url("../images/icons/asterisk.png") right center no-repeat; }
.wpb_hammer span:where(.zc-i).icon { background: url("../images/icons/auction-hammer.png") right center no-repeat; }
.wpb_balloon span:where(.zc-i).icon { background: url("../images/icons/balloon.png") right center no-repeat; }
.wpb_balloon_buzz span:where(.zc-i).icon { background: url("../images/icons/balloon-buzz.png") right center no-repeat; }
.wpb_balloon_facebook span:where(.zc-i).icon { background: url("../images/icons/balloon-facebook.png") right center no-repeat; }
.wpb_balloon_twitter span:where(.zc-i).icon { background: url("../images/icons/balloon-twitter.png") right center no-repeat; }
.wpb_battery span:where(.zc-i).icon { background: url("../images/icons/battery-full.png") right center no-repeat; }
.wpb_binocular span:where(.zc-i).icon { background: url("../images/icons/binocular.png") right center no-repeat; }
.wpb_document_excel span:where(.zc-i).icon { background: url("../images/icons/blue-document-excel.png") right center no-repeat; }
.wpb_document_image span:where(.zc-i).icon { background: url("../images/icons/blue-document-image.png") right center no-repeat; }
.wpb_document_music span:where(.zc-i).icon { background: url("../images/icons/blue-document-music.png") right center no-repeat; }
.wpb_document_office span:where(.zc-i).icon { background: url("../images/icons/blue-document-office.png") right center no-repeat; }
.wpb_document_pdf span:where(.zc-i).icon { background: url("../images/icons/blue-document-pdf.png") right center no-repeat; }
.wpb_document_powerpoint span:where(.zc-i).icon { background: url("../images/icons/blue-document-powerpoint.png") right center no-repeat; }
.wpb_document_word span:where(.zc-i).icon { background: url("../images/icons/blue-document-word.png") right center no-repeat; }
.wpb_bookmark span:where(.zc-i).icon { background: url("../images/icons/bookmark.png") right center no-repeat; }
.wpb_camcorder span:where(.zc-i).icon { background: url("../images/icons/camcorder.png") right center no-repeat; }
.wpb_camera span:where(.zc-i).icon { background: url("../images/icons/camera.png") right center no-repeat; }
.wpb_chart span:where(.zc-i).icon { background: url("../images/icons/chart.png") right center no-repeat; }
.wpb_chart_pie span:where(.zc-i).icon { background: url("../images/icons/chart-pie.png") right center no-repeat; }
.wpb_clock span:where(.zc-i).icon { background: url("../images/icons/clock.png") right center no-repeat; }
.wpb_play span:where(.zc-i).icon { background: url("../images/icons/control.png") right center no-repeat; }
.wpb_fire span:where(.zc-i).icon { background: url("../images/icons/fire.png") right center no-repeat; }
.wpb_heart span:where(.zc-i).icon { background: url("../images/icons/heart.png") right center no-repeat; }
.wpb_mail span:where(.zc-i).icon { background: url("../images/icons/mail.png") right center no-repeat; }
.wpb_shield span:where(.zc-i).icon { background: url("../images/icons/plus-shield.png") right center no-repeat; }
.wpb_video span:where(.zc-i).icon { background: url("../images/icons/video.png") right center no-repeat; }
.mob-expand-submenu span:where(.zc-i) { position: relative; font-weight: 600; cursor: pointer; }
.room-list-item.sidebar-none .room-price .button:hover span:where(.zc-i) { color: rgb(163, 147, 141); }
.footer-language-switcher span:where(.zc-i) { font-size: 35px; }
@media only screen and (max-width: 991px) { .footer-language-switcher span:where(.zc-i) { font-size: 25px; } }
@media only screen and (max-width: 991px) { .mobmenur-container span:where(.zc-i) { font-size: 25px; } }
#btn-YkODg span:where(.zc-i) { right: 14px; margin-top: 0px; vertical-align: middle; border-radius: 50%; line-height: 20px; height: 20px; width: 20px; background: rgb(255, 255, 255); margin-left: 8px; margin-right: 0px; color: rgb(255, 255, 255); font-size: 8px; text-align: center; }
#btn-YkODg:hover span:where(.zc-i) { background: rgb(255, 255, 255); color: rgb(255, 255, 255); }

/* Generic span rules that now also match the icons. */
.room-page .room-info .item span.zc-i { font-weight: inherit; font-size: inherit; }
